.seo-page{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--body)}
.seo-page .language-switch a{min-width:31px;min-height:30px;padding:0 6px;border-radius:2px;display:grid;place-items:center;color:inherit;font:inherit;text-decoration:none;transition:background .2s,color .2s}
.seo-page .language-switch a[aria-current=true]{background:var(--accent);color:#171a14}
.seo-page .language-switch a:focus-visible{outline-offset:3px}

.chapter-rail{position:relative;background:var(--bg);color:var(--text);border-bottom:1px solid var(--line);padding:0 4.2%;overflow-x:auto;scrollbar-width:none}
.chapter-rail::-webkit-scrollbar{display:none}
.chapter-rail-track{min-width:max-content;display:flex}
.chapter-rail a{display:flex;align-items:center;gap:10px;padding:14px 18px;border-right:1px solid var(--line);color:var(--muted);font:500 12px/1 var(--mono);letter-spacing:.04em;text-decoration:none;transition:background .2s,color .2s}
.chapter-rail a:first-child{border-left:1px solid var(--line)}
.chapter-rail a:hover{color:var(--text);background:#171916}
.chapter-rail a[aria-current=page]{background:var(--accent);color:#171a14}

.seo-hero{position:relative;overflow:hidden;padding:clamp(54px,8vw,116px) 4.2% clamp(64px,7vw,104px);border-bottom:1px solid var(--line);background:var(--bg);color:var(--text)}
.seo-hero:after{content:"";position:absolute;inset:2% -8% -38% 49%;background-image:radial-gradient(circle,rgba(255,105,56,.42) 1px,transparent 1.4px);background-size:16px 16px;mask-image:radial-gradient(circle at center,#000 0 42%,transparent 72%);opacity:.32;transform:rotate(-9deg);pointer-events:none}
.breadcrumbs{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:clamp(42px,6vw,76px);font-size:11px;color:#8d9085}
.breadcrumbs a{transition:color .2s}
.breadcrumbs a:hover{color:var(--accent)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:clamp(42px,8vw,120px);align-items:end}
.seo-page .eyebrow{margin:0 0 22px;color:var(--accent);font-size:12px}
.seo-hero h1{max-width:13ch;margin:0;font:650 clamp(56px,7vw,108px)/1.02 var(--heading);letter-spacing:-.065em;text-wrap:balance}
.seo-page .hero-intro{display:block;margin:0;color:var(--text);font-size:inherit;animation:none}
.page-summary{margin:0;color:#c7c9bf;font:500 clamp(18px,2vw,24px)/1.55 var(--heading)}
.byline{margin-top:30px;color:#9b9d94}
.updated{display:block;margin-top:18px;color:#7d8077;font-size:11px}

.content-wrap{background:var(--text);color:#171b16;padding:0 4.2%}
.content-section{max-width:1380px;margin:auto;display:grid;grid-template-columns:100px minmax(0,780px);gap:32px;padding:clamp(64px,8vw,116px) 0;border-bottom:1px solid #c3c8bb}
.content-section:last-child{border-bottom:0}
.section-marker{padding-top:8px;color:#b63b17;font-size:12px}
.section-body h2{margin:0 0 24px;color:#171b16;font:650 clamp(34px,4.2vw,64px)/1.04 var(--heading);letter-spacing:-.055em;text-wrap:balance}
.section-body p{max-width:70ch;margin:0 0 20px;color:#5b6357;font-size:16px;line-height:1.8}
.section-body .answer-first{color:#30382d;font-size:19px;font-weight:600;line-height:1.65}
.deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:34px 0 0;padding:0;border-top:1px solid #c3c8bb;list-style:none}
.deliverables li{padding:16px 16px 16px 0;border-bottom:1px solid #c3c8bb;color:#40483d}
.deliverables li:before{content:"↗";margin-right:11px;color:#b63b17}

.page-journey{display:grid;grid-template-columns:1fr 1fr;background:#dce0d5;color:#171b16;border-top:1px solid #bec5b7;border-bottom:1px solid #bec5b7}
.journey-card{min-height:210px;padding:34px 4.2%;display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:28px;text-decoration:none;transition:background .25s}
.journey-card+.journey-card{border-left:1px solid #bec5b7}
.journey-card:hover{background:#d2d8ca}
.journey-card .mono{grid-column:1/-1;color:#68715f;font-size:12px}
.journey-card strong{align-self:end;font:650 clamp(25px,3vw,44px)/1.05 var(--heading);letter-spacing:-.05em}
.journey-card i{align-self:end;color:#b63b17;font-size:28px;font-style:normal;transition:transform .25s}
.journey-card:hover i{transform:translate(4px,-2px)}

.seo-cta{padding:clamp(70px,9vw,128px) 4.2%;background:var(--accent);color:#171b16}
.seo-cta>p:first-child{color:#672f1c;font-size:12px}
.seo-cta h2{max-width:12ch;margin:14px 0 24px;color:#171b16;font:650 clamp(54px,7vw,100px)/1.01 var(--heading);letter-spacing:-.065em;text-wrap:balance}
.seo-cta>p:not(:first-child){max-width:58ch;color:#4d281c;font-size:16px;line-height:1.75}
.seo-cta>a{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:52px;margin-top:30px;padding:15px 21px;border-radius:4px;background:#171b16;color:var(--text);font-size:14px;font-weight:600;transition:transform .25s,background .25s,box-shadow .25s}
.seo-cta>a:hover{transform:translateY(-3px);background:#30382a;box-shadow:0 8px 30px #0002}
.seo-cta>a span{font-size:21px;transition:transform .25s}
.seo-cta>a:hover span{transform:translate(2px,-2px)}

@media(max-width:1050px){
  .hero-grid{grid-template-columns:1fr;gap:42px}
  .seo-hero h1{max-width:15ch}
  .page-summary{max-width:720px}
}

@media(max-width:760px){
  .chapter-rail{padding:0 6%}
  .chapter-rail a{padding:13px 15px}
  .seo-hero{padding:46px 6% 70px}
  .seo-hero:after{inset:18% -45% -22% 28%;opacity:.22}
  .breadcrumbs{margin-bottom:38px;font-size:10px}
  .seo-hero h1{font-size:clamp(46px,12.6vw,76px);line-height:1.04;overflow-wrap:anywhere}
  .page-summary{font-size:18px}
  .content-wrap{padding:0 6%}
  .content-section{grid-template-columns:1fr;gap:13px;padding:70px 0}
  .section-marker{padding:0}
  .section-body h2{font-size:clamp(34px,10vw,48px)}
  .section-body p{font-size:16px}
  .section-body .answer-first{font-size:18px}
  .deliverables{grid-template-columns:1fr}
  .page-journey{grid-template-columns:1fr}
  .journey-card{min-height:170px;padding:28px 6%}
  .journey-card+.journey-card{border-left:0;border-top:1px solid #bec5b7}
  .seo-cta{padding:70px 6% 78px}
  .seo-cta h2{font-size:clamp(52px,15vw,76px)}
}

@media(max-width:420px){
  .seo-page .brand-sub{display:none}
  .seo-hero h1{font-size:44px}
  .journey-card strong{font-size:26px}
}

@media(prefers-reduced-motion:no-preference){
  .seo-hero .eyebrow{animation:seo-enter .65s both}
  .seo-hero h1{animation:seo-enter .8s .08s both}
  .seo-page .hero-intro{animation:seo-enter .8s .18s both}
  @keyframes seo-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
}

@media(prefers-reduced-motion:reduce){
  .seo-page{scroll-behavior:auto}
  .seo-page .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .seo-page .journey-card,.seo-page .journey-card i,.seo-page .seo-cta>a,.seo-page .seo-cta>a span{transition:none}
}