.seo-page{background:var(--paper)}
.seo-page .nav{position:absolute}
.seo-hero{min-height:76svh;background:#0d1928;color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(2rem,7vw,7rem);align-items:center;padding:clamp(8rem,13vw,11rem) clamp(1.25rem,6vw,7rem) 5rem;position:relative;overflow:hidden}
.seo-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,25,40,.98),rgba(13,25,40,.84)),var(--hero-image);background-size:cover;background-position:center}
.seo-hero>div,.seo-hero>figure{position:relative;z-index:1}
.seo-hero h1{font-size:clamp(3.2rem,7vw,7.4rem);line-height:.92}
.seo-hero h1 em{display:block}
.seo-hero figure{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 90px rgba(0,0,0,.3)}
.seo-hero figure img{display:block;width:100%;height:auto}
.seo-hero figcaption{position:absolute;right:.7rem;bottom:.6rem;background:rgba(9,19,33,.78);border-radius:99px;padding:.35rem .55rem;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
.breadcrumbs{font-size:.78rem;color:#aeb9c6;margin-bottom:2rem}.breadcrumbs a{color:#d8fff6}
.seo-section{padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,7rem)}
.seo-section-inner{max-width:1180px;margin:0 auto}
.seo-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,8vw,8rem);align-items:start;background:var(--mint)}
.seo-intro h2,.seo-content h2{font-size:clamp(2.4rem,5vw,5.2rem)}
.seo-intro h2 em,.seo-content h2 em{color:var(--teal)}
.seo-intro .copy{font-size:1.08rem;color:#405b58}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem}
.seo-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(1.5rem,3vw,2.5rem)}
.seo-card span{color:var(--coral);font:italic 1rem var(--serif)}
.seo-card h3{font-size:1.55rem;margin:2rem 0 1rem}
.seo-card p{color:#596777;margin:0}
.seo-process{background:var(--cream)}
.seo-process ol{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:steps}
.seo-process li{counter-increment:steps;background:#fff;border:1px solid var(--line);border-radius:22px;padding:2rem}
.seo-process li::before{content:"0" counter(steps);display:block;color:var(--coral);font:italic 1rem var(--serif);margin-bottom:2.5rem}
.seo-process h3{font-size:1.35rem}.seo-process p{color:#596777;margin:0}
.seo-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.seo-related a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:#fff;font-weight:800}
.seo-related small{display:block;color:#657282;font-weight:400;margin-top:.5rem;line-height:1.5}
.seo-cta{background:var(--ink);color:#fff;text-align:center}.seo-cta h2{max-width:900px;margin-left:auto;margin-right:auto}.seo-cta p{max-width:720px;margin:0 auto 2rem;color:#bdc7d3}
@media(max-width:900px){.seo-hero,.seo-intro{grid-template-columns:1fr}.seo-hero figure{max-width:560px}.seo-grid,.seo-process ol{grid-template-columns:1fr 1fr}.seo-related{grid-template-columns:1fr}}
@media(max-width:560px){.seo-hero{min-height:0}.seo-hero figure{display:none}.seo-grid,.seo-process ol{grid-template-columns:1fr}.seo-page footer nav{flex-wrap:wrap}}