.seo-page { background: var(--paper); }
.seo-page .site-header { grid-template-columns: 1fr auto auto; }
.seo-page .brand { text-decoration: none; color: var(--ink); }
.seo-page .brand img { width: 126px; }
.seo-nav { display: flex; gap: clamp(16px, 2.5vw, 34px); }
.seo-nav a { font-size: .93rem; }
.breadcrumbs { padding: 20px clamp(22px,6vw,96px); border-bottom: 1px solid var(--line); font-size: .9rem; }
.breadcrumbs a { color: inherit; font-weight: 800; text-decoration: none; }
.seo-hero { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr); min-height: 650px; border-bottom: 2px solid var(--ink); }
.seo-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(64px,8vw,120px) clamp(22px,6vw,96px); }
.seo-hero .seo-slogan { margin: 0; max-width: 900px; font: clamp(3.6rem,7.2vw,7.7rem)/.9 "Archivo Black",sans-serif; letter-spacing: -.06em; text-transform: uppercase; }
.seo-hero .seo-slogan span { color: var(--accent); -webkit-text-stroke: 2px var(--ink); text-shadow: 5px 5px 0 var(--ink); }
.seo-hero-copy > p:not(.eyebrow) { max-width: 650px; margin: 32px 0; font-size: clamp(1.05rem,1.4vw,1.3rem); }
.seo-hero-media { position: relative; min-height: 500px; overflow: hidden; background: var(--accent-soft); }
.seo-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.seo-hero-media.contain img { object-fit: contain; padding: 7%; }
.seo-hero-badge { position: absolute; right: 28px; bottom: 28px; max-width: 230px; padding: 18px 22px; background: var(--accent); border: 2px solid var(--ink); box-shadow: 7px 7px 0 var(--ink); font-weight: 850; }
.seo-section { padding: clamp(70px,9vw,130px) clamp(22px,6vw,96px); }
.seo-intro { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(42px,8vw,120px); align-items: start; }
.seo-section h2 { margin: 0 0 28px; font: clamp(2.6rem,5vw,5.8rem)/.92 "Archivo Black",sans-serif; letter-spacing: -.055em; text-transform: uppercase; }
.seo-prose { max-width: 760px; font-size: 1.08rem; }
.seo-prose p { margin: 0 0 20px; }
.seo-prose ul { padding-left: 22px; }
.seo-prose li { margin: 10px 0; }
.seo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(18px,2.5vw,34px); margin-top: 50px; }
.seo-card { padding: clamp(26px,3vw,42px); min-height: 280px; border: 2px solid var(--ink); box-shadow: 9px 9px 0 var(--ink); background: #fff; }
.seo-card:nth-child(2) { background: var(--accent-soft); }
.seo-card:nth-child(3) { background: var(--accent); }
.seo-card h3 { margin: 0 0 18px; font: clamp(1.45rem,2vw,2.1rem)/1 "Archivo Black",sans-serif; text-transform: uppercase; }
.seo-card p { margin: 0; }
.seo-band { display: grid; grid-template-columns: minmax(260px,.7fr) 1fr; gap: 50px; align-items: center; padding: clamp(55px,7vw,90px) clamp(22px,6vw,96px); color: #fff; background: var(--ink); }
.seo-stat { font: clamp(4.5rem,9vw,9rem)/.8 "Archivo Black",sans-serif; color: var(--accent); }
.seo-band h2 { margin: 0 0 16px; font: clamp(2rem,3.5vw,4rem)/.95 "Archivo Black",sans-serif; text-transform: uppercase; }
.seo-band p { max-width: 650px; margin: 0; font-size: 1.08rem; }
.faq-list { max-width: 980px; }
.faq-list details { padding: 24px 0; border-top: 2px solid var(--ink); }
.faq-list details:last-child { border-bottom: 2px solid var(--ink); }
.faq-list summary { cursor: pointer; font: 1.25rem "Archivo Black",sans-serif; text-transform: uppercase; }
.faq-list p { max-width: 780px; margin: 16px 0 0; }
.related-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.related-links a { display: flex; min-height: 150px; padding: 25px; align-items: flex-end; color: inherit; border: 2px solid var(--ink); background: #fff; box-shadow: 6px 6px 0 var(--ink); text-decoration: none; font: 1.15rem "Archivo Black",sans-serif; text-transform: uppercase; }
.seo-cta { text-align: center; background: var(--accent-soft); border-top: 2px solid var(--ink); }
.seo-cta p { max-width: 650px; margin: 0 auto 32px; font-size: 1.12rem; }
.seo-page footer { grid-template-columns: 1fr auto auto; }
@media(max-width:900px){.seo-page .site-header{grid-template-columns:1fr auto}.seo-nav{display:none}.seo-hero,.seo-intro,.seo-band{grid-template-columns:1fr}.seo-hero-media{min-height:460px}.seo-grid{grid-template-columns:1fr}.related-links{grid-template-columns:1fr}.seo-page footer{grid-template-columns:1fr 1fr}.seo-page .footer-brand{grid-column:1/-1}}
@media(max-width:560px){.seo-hero .seo-slogan{font-size:clamp(3.1rem,15vw,5rem)}.seo-hero-media{min-height:380px}.seo-hero-badge{right:18px;bottom:18px}.seo-band{gap:28px}.seo-page footer{grid-template-columns:1fr}.seo-page .footer-brand{grid-column:auto}}
