/* Approved variant 02. Preserve fonts, content and existing navigation. */
:root{--ink:#f0f0f3;--muted:#b9bcc5;--line:#ffffff2b;--cyan:#dcdde0;--accent:#dcdde0;--dark:#151618}
body{background:#161719;color:var(--ink)}
.header{background:#17181aee;border-color:var(--line);backdrop-filter:blur(18px)}
.footer{background:#101113;color:var(--muted);border-color:var(--line)}
.brand-wordmark{border-radius:0;box-shadow:none}
.hero-surface,.hub-hero{background:#161719;border-color:var(--line)}
.hero-surface:before,.hub-hero:before{background:none}
.hub-grid,.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 86% 12%,#71717450,transparent 53%),linear-gradient(130deg,#08090a,#191a1c 58%,#050607);border:1px solid var(--line);border-radius:0;box-shadow:none;overflow:hidden}
.hub-grid{padding:44px;gap:44px}.hero{padding:44px;margin:28px 0 48px;gap:44px}
.hub-grid:before,.hero:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:620px;height:620px;right:-100px;top:-150px;border:1px solid #ffffff18;border-radius:50%}
.hub-hero h1,.hero h1{font-size:clamp(32px,4.2vw,62px);text-transform:uppercase;letter-spacing:-.025em;font-weight:600}
.hub-hero h1 em,.final-cta em{color:#e1e2e6;font-style:normal}
.hero-line,.hero h1,.hub-hero h1,h2,h3,.task-list strong,.demo-card>strong,.demo-offers b{color:#f0f0f3}
.intro,.hero .intro,.hub-hero .intro,section p,.demo-note,.demo-offers small,.demo-top,.audience-grid p{color:var(--muted)}
.region-title,.region-note{background:#ffffff08;color:#c5c7cf;border-color:var(--line);border-radius:0}
.visual,.hub-card,.benefits article,.task-list a,.steps article,.audience-grid article,.faq details,.checklist,.region-points article,.decision-grid article,.decision-trust,.invitation,.final-cta,.region-strip{background:linear-gradient(135deg,#242629,#111214);border:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.visual{padding:22px}.visual-heading,.visual-logo,.breadcrumbs,.trust-line,.eyebrow,.hero .eyebrow,.hub-hero .eyebrow{color:#bfc2cb}
.button,.header-login,.footer-account,.region,.region-menu,.region-menu input,.audience-tabs button,.benefit-icon,.group-top>span,.steps article>span,.demo-card,.demo-badge,.demo-chips span,.demo-offers li,.demo-offers li>span:first-child{border-radius:0;box-shadow:none}
.primary,.button.primary,.footer-account{background:#dedee0;color:#111214;border:1px solid #dedee0;box-shadow:none}
.primary:hover,.button.primary:hover,.footer-account:hover{background:#fff;color:#050607;border-color:#fff;box-shadow:none}
.button.secondary,.hero .button.secondary,.hub-hero .button.secondary,.header-login{background:#242629;color:#f0f0f3;border:1px solid #686b73;box-shadow:none}
.button.secondary:hover,.header-login:hover{background:#34363a;color:#fff}
.button:hover,.task-list a:hover,.audience-grid article:hover{transform:none;box-shadow:none}
.text-link,.paired,.audience-grid a,.hub-card a,.task-list a>span,.task-list a>span:last-child,.region-points article>span{color:#d8dbe4}
.benefit-icon,.group-top>span,.steps article>span{background:#303236;border:1px solid #ffffff30;color:#f0f0f3;box-shadow:none}
.steps{gap:0}.steps article+article{border-left:0}.steps article:nth-child(2){background:#292b2e}.steps article:nth-child(3){background:#3a3c40}
.demo-card{background:#202225;color:#e0e2e8;border:1px solid #ffffff35;box-shadow:none}
.demo-card>strong{color:#f0f0f3}.demo-top{color:#b8bbc5}.demo-badge{background:#3b3e43;color:#f1f1f3}
.demo-chips span,.demo-offers li{background:#282a2e;border-color:#55585f;color:#d4d7df}
.demo-offers li.demo-chosen{background:#37393e;border:1px solid #aaaeb8}
.demo-offers li>span:first-child{background:#42454b;color:#fff}.demo-offers b{color:#eeeef2}.demo-note{color:#b9bcc5!important}
.region-picker{background:#242629;color:#f0f0f3;border:1px solid #55575d}
.region-menu{background:#202225;color:#f0f0f3;border-color:#55575d}
.region-menu input{background:#151618;color:#f0f0f3;border-color:#686b73}
.region-options a{color:#c5c8d2}.region-options a:hover,.region-options a[aria-current=true]{background:#393c42;color:#fff}
.audience-tabs button{background:#202225;border:1px solid #686b73;color:#d1d4dd}
.audience-tabs button[aria-pressed=true]{background:#dedee0;border-color:#dedee0;color:#111214;box-shadow:none}
.audience-tabs button:hover,.audience-grid article:hover,.task-list a:hover{border-color:#b6bac4}
.stage-banner,.preview-note{background:#202225;color:#c5c8d2;border-color:var(--line)}
.stage-banner p,.footer-columns a,.footer-columns button,.footer-legal a,.footer-legal button{color:#c5c8d2}
.status-dot{background:#dedee0;box-shadow:none}.checklist input{accent-color:#dcdde0}
.checklist label,.faq summary,.decision-grid h3,.legal-page article{color:#e5e7ed}
.legal-layout nav,.legal-status,.legal-layout article section{background:#202225;border-color:var(--line);color:#c5c8d2}
.cookie-notice,.cookie-dialog{background:#202225;color:#e5e7ed;border:1px solid #686b73;border-radius:0;box-shadow:0 18px 55px #0006}
.cookie-notice p,.cookie-dialog p,.cookie-category>span{color:#b9bcc5}
.cookie-notice a,.cookie-dialog a{color:#d8dbe4}
.cookie-actions button,.cookie-dialog>button{background:#242629;color:#f0f0f3;border:1px solid #686b73;border-radius:0}
.cookie-actions button[data-cookie-done]{background:#dedee0;color:#111214}
img{filter:none}
:is(a,button,input,summary):focus-visible{outline:2px solid #d6d7dc;outline-offset:3px}
@media(max-width:900px){.hub-grid,.hero{padding:28px;gap:28px}.steps article+article{border-left:1px solid var(--line)}}
@media(max-width:540px){.hub-grid,.hero{padding:22px;gap:24px;border-radius:0}.hero{margin-top:20px}.hub-hero h1,.hero h1{font-size:32px}.actions{align-items:stretch}.actions .button{justify-content:center}.audience-tabs button{padding:18px 42px 18px 18px}.audience-choice-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* 18.244: legible secondary text without changing fonts, surfaces or navigation. */
body .legal-layout>nav a[aria-current]{color:#d8dce6;}
body :is(.eyebrow,.visual-heading,.visual-logo,.trust-line,.demo-top,.demo-note,.micro,.paired){font-size:12px;line-height:1.6;}
body .footer-columns :is(h2,a,button,p),body .footer-legal :is(a,button),body .footer-bottom :is(span,a){font-size:12px;line-height:1.65;}
body .cookie-actions button,body .cookie-banner-copy,body .cookie-settings-note,body .cookie-setting-description{font-size:12px!important;line-height:1.6;}
body .hero .eyebrow,body .hub-hero .eyebrow{font-size:12px;}
body .region-note,body .checklist>p{font-size:12px;line-height:1.6;}
body .breadcrumbs,body .breadcrumbs :is(a,span){font-size:12px;line-height:1.6;}
body .brief p.micro,body .invitation>div>span{font-size:12px!important;line-height:1.6;}
body .region-picker summary>span:not([aria-hidden=true]),body .cookie-banner-copy strong{font-size:12px!important;}

/* Shared approved chrome logo; wordmark proportions and mobile monogram. */
.brand .brand-wordmark {background:transparent!important;padding:0!important;box-shadow:none!important;min-width:0;}
.brand-wordmark picture {display:flex;align-items:center;height:100%;}
.brand-wordmark img {display:block;width:196px;height:46px;object-fit:contain;max-width:100%;}
.footer-brand .brand-wordmark img {width:180px;height:43px;}
@media(max-width:540px){.brand-wordmark img,.footer-brand .brand-wordmark img {width:38px;height:44px;}}