/* V12 | All-page unified charcoal/gray visual design. No visual changes to static cutaway illustration. */
:root{--seo-lime:#d9dfe4;--seo-purple:#b8bfc5;--seo-mid:#252b31;--lime:#d9dee2;--lilac:#9ca6af;--gray:#262c32;--display:'Space Grotesk',system-ui,sans-serif}
html{scroll-padding-top:88px}body{margin:0}*{box-sizing:border-box}
.u12-header,.u12-footer{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.u12-header{position:sticky;top:0;z-index:9990;background:#242930;color:#eef0f2;border-bottom:1px solid #3e464f;box-shadow:0 4px 22px rgba(17,19,23,.14)}
.u12-header-inner{max-width:1510px;width:calc(100% - 64px);min-height:75px;margin:auto;display:flex;align-items:center;gap:clamp(12px,2vw,32px)}
.u12-brand{display:inline-flex;align-items:center;gap:14px;flex:0 0 auto;color:#f6f7f8!important;text-decoration:none!important;line-height:1.18;min-width:0}
.u12-dnd{width:78px;display:flex;flex-direction:column;align-items:flex-start;color:#fff;line-height:1}.u12-dnd strong{font-size:30px;letter-spacing:-.09em;font-weight:900}.u12-dnd small{font-size:10px;letter-spacing:.32em;font-weight:800;border-top:1px solid #8e969c;padding:3px 0 0 2px;width:74px}
.u12-brand-rule{height:37px;width:1px;background:#596168}.u12-brand-name{display:flex;flex-direction:column;gap:5px}.u12-brand-name strong{font-size:13px;font-weight:850;white-space:nowrap}.u12-brand-name small{font-size:10px;color:#bac3cb;white-space:nowrap}
.u12-main-nav{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:clamp(10px,1.3vw,24px);min-width:0}
.u12-main-nav a{font-size:11px;font-weight:750;white-space:nowrap;color:#e1e5e9!important;text-decoration:none!important;transition:color .18s}.u12-main-nav a:hover,.u12-main-nav a:focus-visible{color:#fff!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:7px}
.u12-header-cta{color:#22282e!important;background:#f2f3f4;border:1px solid #f2f3f4;padding:11px 14px;font-size:11px;line-height:1.25;font-weight:850;white-space:nowrap;border-radius:24px;text-decoration:none!important;transition:background .2s}.u12-header-cta:hover{background:#cbd0d4}.u12-header-cta span{margin-left:7px}
.u12-menu-button{display:none;border:1px solid #5a646d;background:#313840;border-radius:9px;width:44px;height:41px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.u12-menu-button span{width:20px;height:2px;background:#f4f4f4;border-radius:2px;display:block}
.u12-footer{background:#22282e;color:#e7ebef;padding:0!important}.u12-footer-inner{max-width:1510px;width:calc(100% - 64px);margin:auto;display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:65px;padding:59px 0 54px}
.u12-footer-brand{color:#fff!important;text-decoration:none!important;display:flex;align-items:center;gap:13px;margin-bottom:18px;font-size:15px;font-weight:800}.u12-footer-brand strong{letter-spacing:-.08em;font-size:25px}.u12-footer-brand span{border-left:1px solid #6e767e;padding-left:13px}
.u12-footer h2{color:#fff!important;font-size:13px;font-weight:850;margin:0 0 21px}.u12-footer p{font-size:13px;line-height:1.85;max-width:390px;margin:0 0 20px;color:#c2cad0!important}
.u12-footer-links,.u12-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.u12-footer-links a,.u12-footer-contact a,.u12-subtle-link{font-size:12px;color:#d1d8dd!important;text-decoration:none!important}.u12-footer a:hover{text-decoration:underline!important;color:white!important}
.u12-footer address{font-size:12px;line-height:1.8;color:#b9c1c8;font-style:normal;margin:1px 0 8px}.u12-footer-bottom{border-top:1px solid #424b53;max-width:1510px;margin:auto;padding:20px 0;font-size:11px;color:#aeb7be;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;width:calc(100% - 64px)}
/* Unified gray palette on all SEO service pages. Force readable white text on dark hero. */
body.seo-body{background:#f2f3f4!important;color:#273038!important}
body.seo-body .seo-page{padding-top:0!important}
body.seo-body .seo-hero{background:linear-gradient(125deg,#252b31 0%,#333b44 63%,#444d54 100%)!important;color:#f8f9fa!important}
body.seo-body .seo-hero:before{background:radial-gradient(circle,rgba(255,255,255,.1),transparent 65%)!important}
body.seo-body .seo-hero:after{background:radial-gradient(circle,rgba(0,0,0,.1),transparent 66%)!important}
body.seo-body .seo-hero h1,body.seo-body .seo-hero h2{color:#fff!important;text-shadow:none!important}
body.seo-body .seo-hero .seo-accent{color:#e4e8eb!important}
body.seo-body .seo-hero .seo-lead{color:#d5dce2!important}
body.seo-body .seo-kicker{color:#e7e9eb!important}
body.seo-body .seo-hero .seo-kicker:before{background:#d7dbde!important}
body.seo-body .seo-hero-art{background:#343b43!important;border-color:#6e7981!important;box-shadow:0 20px 50px #1118!important;transform:none!important}
body.seo-body .seo-art-item{background:#29313a!important;color:#f5f7f8!important;border-color:#626e77!important}
body.seo-body .seo-art-item:last-child{background:#313a42!important;border-color:#89949c!important}
body.seo-body .seo-art-item b{background:#525c65!important;color:white!important}
body.seo-body .seo-art-item small{color:#dfe4e8!important}
body.seo-body .seo-art-head,body.seo-body .seo-art-foot{color:#cdd5db!important}
body.seo-body .seo-service-nav{background:#22282e!important;color:#e2e4e7!important}
body.seo-body .seo-service-nav a{color:#e1e5e8!important}
body.seo-body .seo-service-nav a.active,body.seo-body .seo-service-nav a:hover{background:#e8ebed!important;color:#252b30!important}
body.seo-body .seo-btn{background:#e5e8ea!important;color:#262b31!important}
body.seo-body .seo-btn-outline{background:transparent!important;border:1px solid #889299!important;color:white!important}
body.seo-body .seo-breadcrumbs a{color:#4b5965!important}
body.seo-body .seo-benefits{background:#eaeced!important}
body.seo-body .seo-content,body.seo-body .seo-related{background:#f0f1f2!important}
body.seo-body .seo-context{background:#dfe4e5!important;color:#262d33!important}
body.seo-body .seo-section-kicker,body.seo-body .seo-feature-index,body.seo-body .seo-related-card b{color:#505c65!important}
body.seo-body .seo-section-kicker:before{background:#646e76!important}
body.seo-body .seo-stage.is-active,body.seo-body .seo-stage-detail{background:#29313a!important;border-color:#29313a!important;color:#fff!important}
body.seo-body .seo-stage-detail .stage-num{color:#e1e6e9!important}
body.seo-body .seo-stage-index{background:#e3e7e9!important;color:#303943!important}
body.seo-body .seo-stage.is-active .seo-stage-index{background:#aeb8c0!important;color:#20262c!important}
body.seo-body .seo-benefit .sign{background:#e6eaed!important;color:#38444f!important}
body.seo-body .seo-feature,body.seo-body .seo-benefit,body.seo-body .seo-related-card{border-color:#d7dbde!important}
body.seo-body .seo-last-cta{background:#252c33!important;color:#fff!important}
/* Collection and reference pages retain light cards but switch accent to grayscale. */
body:not(.seo-body) .hero{background:#edf0f2!important;color:#252b31!important}
body:not(.seo-body) .hero h1,body:not(.seo-body) .hero h2{color:#252b31!important}
body:not(.seo-body) .pill{background:#e0e4e7!important;color:#353f48!important}
body:not(.seo-body) .hero a:not(.u12-brand){color:inherit}
body:not(.seo-body) .ref53-filter button.active{background:#2d353c!important;color:#fff!important}
body:not(.seo-body) .ref53-card a{color:#4f606b!important}
/* preserve the original charcoal, fixed V10 building. */
body .gray-hero{background:#24292f!important;color:#fff!important}
body .gray-hero h1,body .gray-hero h2{color:#fff!important}
/* ensure focus visibility and no side scroll */
a:focus-visible,button:focus-visible{outline:2px solid #a3afb8;outline-offset:3px}
@media(max-width:1150px){.u12-header-inner{width:calc(100% - 40px);gap:18px}.u12-main-nav{gap:11px}.u12-main-nav a{font-size:10px}.u12-header-cta{padding:9px 10px}}
@media(max-width:1020px){.u12-header{position:sticky}.u12-header-inner{min-height:68px;gap:12px}.u12-menu-button{display:flex;margin-left:auto}.u12-main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#293038;border-top:1px solid #505963;padding:12px 22px 22px;gap:0;max-height:75vh;overflow:auto;box-shadow:0 18px 22px rgba(0,0,0,.18)}.u12-main-nav.open{display:flex}.u12-main-nav a{font-size:13px;padding:12px 8px;border-bottom:1px solid #3c454e}.u12-header-cta{margin-left:0}}
@media(max-width:600px){.u12-header-inner{width:calc(100% - 28px);min-height:66px}.u12-brand{gap:9px}.u12-dnd{width:60px}.u12-dnd strong{font-size:25px}.u12-dnd small{font-size:7px;width:60px}.u12-brand-rule{height:31px}.u12-brand-name strong{font-size:11px}.u12-brand-name small{font-size:9px}.u12-header-cta{display:none}.u12-footer-inner{width:calc(100% - 32px);grid-template-columns:1fr;gap:29px;padding:40px 0}.u12-footer-bottom{width:calc(100% - 32px);font-size:10px}.u12-footer-links,.u12-footer-contact{gap:9px}}
/* Contact page */
.u12-contact-body{background:#f2f3f4;color:#252c33;font-family:'DM Sans',system-ui,sans-serif}
.u12-contact-hero{background:#292f35;color:#fff;padding:74px 0 68px}.u12-contact-container{max-width:1200px;width:calc(100% - 48px);margin:auto}.u12-contact-crumb{font-size:11px;letter-spacing:.08em;color:#b6c0c8;margin-bottom:29px}.u12-contact-crumb a{color:inherit}.u12-contact-kicker{font-size:11px;font-weight:850;letter-spacing:.19em;color:#d6dde2}.u12-contact-hero h1{font-size:clamp(42px,5.7vw,74px);line-height:1.08;letter-spacing:-.058em;margin:16px 0}.u12-contact-hero p{font-size:16px;line-height:1.85;max-width:730px;color:#cbd4db}.u12-contact-section{padding:56px 0 90px}.u12-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.u12-contact-card{background:#fff;border:1px solid #d6dbdf;border-radius:14px;padding:30px;box-shadow:0 8px 28px rgba(26,33,40,.035)}.u12-contact-card .eyebrow{font-size:11px;letter-spacing:.14em;color:#687480;font-weight:850}.u12-contact-card h2{font-size:21px;letter-spacing:-.04em;margin:19px 0 10px}.u12-contact-card p{font-size:13px;color:#606b73;line-height:1.8}.u12-contact-card a{color:#202a32;text-decoration:underline;text-underline-offset:4px;font-size:16px;font-weight:800;overflow-wrap:anywhere}.u12-contact-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:22px}.u12-contact-panel{background:#e5e8ea;border-radius:14px;padding:32px;border:1px solid #d3d8dc}.u12-contact-panel h2{font-size:25px;letter-spacing:-.04em;margin:0 0 12px}.u12-contact-panel p{line-height:1.85;font-size:14px;color:#49545d}.u12-contact-panel .chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.u12-contact-panel .chips span{border-radius:50px;border:1px solid #bac3ca;padding:7px 13px;font-size:12px}.u12-contact-primary{display:inline-block;background:#2a3239;color:#fff!important;border-radius:8px;padding:14px 18px;font-size:13px;font-weight:850;text-decoration:none!important}.u12-contact-legal{font-size:12px;color:#66737d;margin-top:24px}
@media(max-width:800px){.u12-contact-grid{grid-template-columns:1fr}.u12-contact-lower{grid-template-columns:1fr}.u12-contact-hero{padding:49px 0}.u12-contact-container{width:calc(100% - 32px)}.u12-contact-section{padding-top:30px}.u12-contact-card,.u12-contact-panel{padding:23px}}