.seo-guides{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,4vw,52px);background:linear-gradient(145deg,#fff 12%,#fff7fa 58%,#f7f3ff);box-shadow:0 24px 70px rgba(74,40,76,.09)}
.seo-guides:before,.seo-guides:after{content:"";position:absolute;z-index:-1;border-radius:50%}.seo-guides:before{width:300px;height:300px;right:-160px;top:-190px;background:radial-gradient(circle,rgba(246,79,127,.16),transparent 68%)}.seo-guides:after{width:230px;height:230px;left:-145px;bottom:-150px;background:radial-gradient(circle,rgba(143,118,217,.14),transparent 68%)}
.seo-guides-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:end;gap:clamp(24px,4vw,52px);max-width:none;margin-bottom:16px}.seo-guides-heading h2{margin:5px 0 0}.seo-guides-heading h2 em{color:var(--pink);font-style:normal}.seo-guides-heading>p{margin:0 0 5px;padding-left:22px;border-left:2px solid #f5b2c8;line-height:1.85}
.seo-guide-promises{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.seo-guide-promises span{padding:6px 11px;border:1px solid #efced9;border-radius:999px;background:rgba(255,255,255,.78);color:#8c5c70;font-size:11px;font-weight:900}
.seo-guide-hub-link{display:flex;flex-wrap:wrap;gap:10px;margin:-8px 0 24px}.seo-guide-hub-link a{display:inline-flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid #e7d6e0;color:#51374f;font-size:12px;font-weight:900;text-decoration:none}.seo-guide-hub-link a span{color:var(--pink);font-size:16px}.seo-guide-hub-link a:hover{border-color:var(--pink);color:var(--pink)}
.seo-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,17px);align-items:stretch}.seo-guide-grid a{position:relative;isolation:isolate;display:flex;min-width:0;min-height:250px;overflow:hidden;flex-direction:column;padding:clamp(21px,2.3vw,27px);border:1px solid rgba(92,62,91,.12);border-radius:21px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 30px rgba(59,33,61,.065);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.seo-guide-grid a:after{content:"";position:absolute;z-index:-1;width:118px;height:118px;right:-70px;bottom:-70px;border-radius:50%;background:var(--card-glow,rgba(246,79,127,.1));transition:transform .3s ease}.seo-guide-grid a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent,var(--pink)) 40%,#fff);box-shadow:0 18px 38px rgba(59,33,61,.1)}.seo-guide-grid a:hover:after{transform:scale(1.45)}
.seo-guide-grid a>small{position:absolute;right:20px;top:17px;color:rgba(56,35,62,.18);font-size:27px;font-weight:950;line-height:1;letter-spacing:-.07em}.seo-guide-grid a>span{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:calc(100% - 40px);padding:6px 10px;border-radius:999px;background:var(--card-label,#fff0f4);color:var(--card-accent,var(--pink));font-size:11px;font-weight:900;letter-spacing:.03em}.seo-guide-grid a>h3{margin:20px 0 9px;font-size:clamp(19px,1.7vw,22px);line-height:1.48}.seo-guide-grid a>p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}.seo-guide-grid a>b{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;color:var(--card-accent,var(--pink));font-size:12px}.seo-guide-grid a>b i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--card-accent,var(--pink));color:#fff;font-style:normal}
.seo-guide-grid a.featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:clamp(24px,4vw,52px);min-height:300px;padding:clamp(28px,3.5vw,40px);background:linear-gradient(130deg,#fff 0,#fff1f6 58%,#f4eaff)}.seo-guide-grid .featured .guide-card-copy{display:flex;min-width:0;max-width:680px;flex-direction:column}.seo-guide-grid .featured span{max-width:max-content}.seo-guide-grid .featured span i{font-style:normal;font-size:9px;letter-spacing:.12em}.seo-guide-grid .featured h3{margin:18px 0 10px;font-size:clamp(25px,3vw,35px);line-height:1.38}.seo-guide-grid .featured p{font-size:14px}.seo-guide-grid .featured b{margin-top:auto}
.guide-card-visual{position:relative;align-self:stretch;display:flex;min-height:190px;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(246,79,127,.16);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(255,216,231,.66));box-shadow:inset 0 1px #fff,0 18px 38px rgba(116,56,100,.1)}.guide-card-visual>span{position:absolute;left:16px;top:15px;padding:5px 9px;border-radius:999px;background:#f64f7f;color:#fff;font-size:9px;font-weight:950;letter-spacing:.12em}.guide-card-visual>i{display:block;width:8px;border-radius:99px;background:linear-gradient(#8f76d9,#f64f7f)}.guide-card-visual>i:nth-of-type(1){height:35px}.guide-card-visual>i:nth-of-type(2){height:76px}.guide-card-visual>i:nth-of-type(3){height:108px}.guide-card-visual>i:nth-of-type(4){height:60px}.guide-card-visual>i:nth-of-type(5){height:86px}.guide-card-visual>strong{position:absolute;right:17px;bottom:10px;color:#8f76d9;font-size:30px;transform:rotate(-8deg)}
.guide-card-lav{--card-accent:#8064cf;--card-label:#f0ebff;--card-glow:rgba(128,100,207,.16)}.guide-card-blue{--card-accent:#4489b9;--card-label:#eaf6ff;--card-glow:rgba(68,137,185,.15)}.guide-card-gold{--card-accent:#ad6f34;--card-label:#fff2e5;--card-glow:rgba(185,120,57,.14)}.guide-card-mint{--card-accent:#299780;--card-label:#e8f8f4;--card-glow:rgba(41,151,128,.15)}.guide-card-dark{--card-accent:#59405f;--card-label:#f0eaf1;--card-glow:rgba(89,64,95,.15)}.guide-card-notes{background:linear-gradient(145deg,#fff,#f7f3f8)!important}
@media(max-width:900px){.seo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.seo-guides-heading{grid-template-columns:1fr;gap:12px}.seo-guides-heading>p{padding-left:0;border-left:0}.seo-guide-grid a.featured{grid-template-columns:1fr}.guide-card-visual{min-height:150px}.seo-guide-grid .featured b{margin-top:20px}}
@media(max-width:520px){.seo-guides{width:calc(100% - 24px);padding:25px 15px;border-radius:22px}.seo-guides-heading h2{font-size:29px}.seo-guide-promises{margin-bottom:20px}.seo-guide-grid{grid-template-columns:1fr}.seo-guide-grid a,.seo-guide-grid a.featured{min-height:0;padding:21px}.seo-guide-grid a:not(.featured){min-height:225px}.seo-guide-grid .featured h3{font-size:25px}.guide-card-visual{min-height:122px}.guide-card-visual>i:nth-of-type(3){height:78px}}
@media(prefers-reduced-motion:reduce){.seo-guide-grid a,.seo-guide-grid a:after{transition:none}}