
.seo-page { background:#080b0a; color:#fff; }
.seo-page-header { height:82px; display:flex; align-items:center; border-bottom:1px solid var(--line); background:#070a09; }
.seo-page-header .container { display:flex; align-items:center; justify-content:space-between; }
.seo-page-hero { padding:72px 0 84px; background:radial-gradient(circle at 80% 30%,rgba(139,255,36,.1),transparent 32%),#080b0a; }
.seo-page-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.85fr); gap:60px; align-items:center; }
.seo-page-hero h1 { font-size:clamp(44px,5.8vw,82px); line-height:.98; letter-spacing:-.045em; }
.seo-page-hero img { width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid var(--line); border-radius:28px; box-shadow:var(--shadow); }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; color:var(--muted); font-size:12px; }
.breadcrumbs a { color:var(--accent); }
.seo-page-lead { max-width:740px; font-size:18px; }
.online-only-callout { display:grid; gap:5px; margin:28px 0; padding:18px 20px; border:1px solid rgba(139,255,36,.38); border-radius:14px; background:rgba(139,255,36,.08); }
.online-only-callout strong { color:var(--accent); text-transform:uppercase; font-size:13px; letter-spacing:.06em; }
.online-only-callout span { color:#d9e1dc; font-size:14px; }
.two-column-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.two-column-content article { padding:36px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.seo-page-text { background:#f0f3f0; color:#151917; }
.seo-page-text .seo-columns p { color:#4c5852; }
.seo-page-cta { padding:65px 0; background:#0d130f; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.seo-page-cta .container { display:flex; align-items:center; justify-content:space-between; gap:36px; }
.seo-page-cta small { color:var(--accent); text-transform:uppercase; font-weight:900; letter-spacing:.08em; }
.seo-page-cta h2 { margin:7px 0 8px; }
.seo-page-cta p { margin:0; }
.seo-page-footer { padding:30px 0; background:#060807; }
.seo-page-footer .container { display:flex; gap:24px; align-items:center; }
.seo-page-footer span { margin-right:auto; color:var(--muted); }
@media(max-width:900px){.seo-page-hero-grid,.two-column-content{grid-template-columns:1fr}.seo-page-hero-grid{gap:30px}.seo-page-hero img{order:-1}.seo-page-cta .container{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.seo-page-header{height:70px}.seo-page-header .button{padding:11px 13px}.seo-page-hero{padding:45px 0 60px}.seo-page-hero h1{font-size:clamp(38px,12vw,56px)}.two-column-content article{padding:25px}.seo-page-footer .container{flex-wrap:wrap}.seo-page-footer span{width:100%}}
