/* SEO landing pages: uses variables/base components from style.css */
.seo-page { background:#fff; color:var(--ink); }
.seo-page .site-header { position:sticky; top:0; }
.seo-topnav { display:flex; align-items:center; gap:22px; margin-left:auto; }
.seo-topnav a { color:var(--ink); font-size:11px; font-weight:700; text-decoration:none; }
.seo-topnav a:hover { color:var(--taupe-dark); }
.seo-header-cta { margin-left:10px; }
.seo-breadcrumbs { padding:18px 0 0; background:var(--sand); }
.seo-breadcrumbs ol { list-style:none; display:flex; gap:8px; flex-wrap:wrap; padding:0; margin:0; color:#6d655f; font-size:10px; }
.seo-breadcrumbs li+li::before { content:"/"; margin-right:8px; color:#aaa19a; }
.seo-breadcrumbs a { color:#6d655f; text-decoration:none; }
.seo-hero { padding:54px 0 58px; background:var(--sand); border-bottom:1px solid var(--line); }
.seo-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:54px; align-items:center; }
.seo-hero h1 { margin:0 0 16px; font-size:clamp(36px,5vw,62px); line-height:1.02; letter-spacing:-.035em; }
.seo-hero .lead { max-width:720px; margin:0; color:var(--ink-soft); font-size:16px; line-height:1.7; }
.seo-hero-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:26px; }
.seo-hero-card { padding:24px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); }
.seo-hero-card strong { display:block; font-size:15px; margin-bottom:8px; }
.seo-hero-card p { margin:0; color:var(--ink-soft); font-size:12px; line-height:1.6; }
.seo-main { padding:62px 0 70px; }
.seo-content-grid { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:54px; align-items:start; }
.seo-article { max-width:790px; }
.seo-article section { margin-bottom:46px; scroll-margin-top:100px; }
.seo-article h2 { margin:0 0 14px; font-size:clamp(25px,3vw,34px); line-height:1.15; }
.seo-article h3 { margin:24px 0 8px; font-size:18px; }
.seo-article p { color:#554f49; font-size:14px; line-height:1.75; }
.seo-article ul { padding-left:20px; color:#554f49; font-size:14px; line-height:1.75; }
.seo-article li { margin:7px 0; }
.seo-official { padding:20px; border-left:3px solid var(--taupe); background:var(--sand); border-radius:0 12px 12px 0; }
.seo-official p { margin:0 0 12px; }
.seo-official a { color:var(--ink); font-weight:800; text-underline-offset:3px; }
.seo-sidebar { position:sticky; top:105px; display:grid; gap:14px; }
.seo-side-card { padding:20px; background:var(--sand); border:1px solid var(--line); border-radius:14px; }
.seo-side-card h2,.seo-side-card h3 { margin:0 0 10px; font-size:17px; }
.seo-side-card p { margin:0 0 14px; color:var(--ink-soft); font-size:12px; line-height:1.6; }
.seo-side-links { display:grid; gap:7px; }
.seo-side-links a { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); color:var(--ink); font-size:11px; font-weight:750; text-decoration:none; }
.seo-side-links a:last-child { border-bottom:0; }
.seo-cta-band { padding:42px 0; background:#171717; color:#fff; }
.seo-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.seo-cta-inner h2 { margin:0 0 6px; color:#fff; font-size:27px; }
.seo-cta-inner p { margin:0; color:#c9c4bf; font-size:12px; }
.seo-mini-footer { padding:20px 0; background:#101010; color:#918c88; }
.seo-mini-footer .container { display:flex; justify-content:space-between; gap:20px; align-items:center; flex-wrap:wrap; }
.seo-mini-footer p { margin:0; font-size:9px; }
.seo-mini-footer a { color:#bbb5b0; text-decoration:none; }
.seo-disclaimer { padding:16px 0; background:#f7f4f0; border-top:1px solid var(--line); }
.seo-disclaimer p { margin:0; color:#6d655f; font-size:10px; line-height:1.6; }
@media(max-width:960px){
  .seo-topnav{display:none}.seo-header-cta{margin-left:auto}.seo-hero-grid,.seo-content-grid{grid-template-columns:1fr}.seo-hero-card{max-width:650px}.seo-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.seo-cta-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .seo-header-cta{display:none}.seo-hero{padding:38px 0 42px}.seo-main{padding:46px 0 54px}.seo-sidebar{grid-template-columns:1fr}.seo-hero h1{font-size:clamp(34px,11vw,48px)}
}