/* Service landing pages. Shares tokens, header, footer, buttons, faq-list and dir-list with style.css. */
.seo-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr);gap:clamp(28px,5vw,80px);align-items:end;padding-block:clamp(48px,8vw,110px) clamp(56px,8vw,110px)}
.seo-hero h1{font-size:clamp(46px,6.4vw,100px);font-weight:700;line-height:.95;letter-spacing:-.05em}
.seo-hero h1 span{color:var(--accent-text)}
.seo-hero-text>p:not(.eyebrow){margin-top:24px;font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--muted);max-width:52ch}
.seo-hero .button{margin-top:32px}
.seo-spec{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:300px;padding:28px;border-radius:var(--r-xl);background:var(--surface);color:var(--on-surface);position:relative;overflow:hidden;isolation:isolate}
.seo-spec::before{content:"";position:absolute;inset:auto -30% -40% auto;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(215,246,84,.3),transparent 65%);z-index:-1}
.seo-spec>span{font-size:14px;color:var(--on-surface-muted)}
.seo-spec strong{font:600 clamp(34px,3.4vw,48px)/1.02 var(--font-display);letter-spacing:-.03em;color:var(--accent)}
.seo-spec p{font-size:14px;color:var(--on-surface-muted)}

.seo-points{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:14px;padding-bottom:clamp(60px,8vw,110px)}
.seo-points article{padding:clamp(22px,2.4vw,32px);border-radius:var(--r-xl);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;min-height:230px}
.seo-points article:first-child{background:var(--accent);color:var(--on-accent);border-color:transparent}
.seo-points article:first-child p{color:var(--on-accent);opacity:.8}
.seo-points h2{font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;line-height:1.1}
.seo-points p{margin-top:10px;font-size:16px;line-height:1.55;color:var(--muted)}

.seo-copy{padding-block:clamp(60px,8vw,110px);border-top:1px solid var(--line)}
.seo-copy>div{margin-top:clamp(28px,4vw,48px);max-width:860px}
.seo-copy article{padding-block:24px;border-top:1px solid var(--line)}
.seo-copy article h2{font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;line-height:1.15}
.seo-copy article p{margin-top:10px;font-size:17px;line-height:1.6;color:var(--muted);max-width:62ch}

.seo-faq,.seo-related{padding-block:clamp(60px,8vw,110px)}

.seo-cta{padding-block:clamp(80px,11vw,160px)}
.seo-cta h2{font-size:clamp(40px,6vw,96px);line-height:.98;letter-spacing:-.045em;font-weight:700;margin-bottom:36px}

@media (max-width:1199px){.seo-page>header nav{display:none}}
@media (max-width:900px){
  .seo-hero{grid-template-columns:1fr;align-items:start}
  .seo-spec{min-height:220px}
  .seo-points{grid-template-columns:1fr}
  .seo-points article{min-height:0}
}
@media (max-width:767px){
  .seo-page>header .nav-cta{display:inline-flex;padding:9px 12px;font-size:13px}
  .seo-page>header .nav-cta span{display:none}
  .seo-hero .button,.seo-cta .button{width:100%}
}