/* Institutional palette: neutral surfaces, ink hierarchy, selective blue. */
:root{--ink:#0b1220;--soft:#3c424d;--muted:#636a75;--wash:#f1f3f6;--canvas:#ffffff;--line:#dfe2e7}
body.editorial{background:var(--canvas)}
.editorial .hero h1 em{color:var(--ink)}
.editorial .hero .eyebrow,.editorial .section-heading .eyebrow,.editorial .trust-intro .eyebrow,.editorial .wallet-editorial>.eyebrow,.editorial .app-teaser .eyebrow,.editorial .vivo-hero .eyebrow{color:var(--muted)}
.editorial .positioning{background:#f4f5f7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.editorial .positioning span{color:var(--ink)}
.editorial .positioning a{color:var(--blue)}
.editorial .positioning span+span{border-left:1px solid #d4d8df;padding-left:32px}
.editorial .dark{background:#111722}
.editorial .trust,.editorial .wallet-section,.editorial .vivo-structure{background:#f4f5f7}
.editorial .wallet-section:has(.app-teaser){background:#fff}
.editorial .teaser-device .wallet-phone{box-shadow:18px 22px 0 #e6e8ed}
.editorial .contact{background:#f4f5f7;color:var(--ink);border-top:1px solid var(--line)}
.editorial .contact .eyebrow,.editorial .contact p,.editorial .contact .textlink{color:var(--soft)}
.editorial .contact .button{background:var(--blue);color:#fff}
.editorial .contact .button:hover{background:#12307a}
.editorial .vivo-hero h1 em{color:var(--ink)}
.editorial .vivo-map{background:#f4f5f7}
.editorial .vivo-map-wirego{background:#fff}
.editorial .vivo-reference{background:#fff}
.editorial .footer{background:#fff}
.editorial .service-copy .eyebrow,.editorial .desk-sign{color:var(--muted)}
.editorial .desk-type{border-left-color:var(--line)}
/* Alternate study; original WireGo logo and app product colors are preserved. */
body.mineral{--blue:#235c59;--ink:#182526;--soft:#43514f;--muted:#626e69;--wash:#e9ede7;--canvas:#f4f2ed;--line:#d8dcd7}
.mineral .header,.mineral .footer{background:#f4f2ed}
.mineral .positioning,.mineral .trust,.mineral .wallet-section,.mineral .contact,.mineral .vivo-structure,.mineral .vivo-map{background:#e9ece6}
.mineral .wallet-section:has(.app-teaser){background:#f4f2ed}
.mineral .dark{background:#182526}
.mineral .button:hover,.mineral .contact .button:hover{background:#194441}
.mineral .teaser-device .wallet-phone{box-shadow:18px 22px 0 #d8dcd7}
.mineral .wallet-phone,.mineral .signature-offer{--blue:#1d4ed8;--ink:#0b1220;--soft:#33405c;--muted:#64708a;--wash:#eaf1fe;--canvas:#fafbff;--line:#dce3f0}
@media(max-width:700px){.editorial .positioning span+span{border:0;padding-left:0}}
.mineral .header{background:#ffffff}
/* 01 / Atelier: white paper, editorial serif, asymmetrical column structure. */
.atelier{--canvas:#fff;--ink:#161719;--soft:#46494e;--muted:#656970;--line:#dedfe2}
.concept-margin{display:none}
.atelier .hero{padding-top:42px}
.atelier .hero-grid{position:relative;padding-left:185px}
.atelier .concept-margin{position:absolute;left:0;top:5px;bottom:32px;width:145px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;font:9px 'IBM Plex Mono';letter-spacing:.1em}
.atelier .concept-margin span:last-child{writing-mode:vertical-rl;transform:rotate(180deg)}
.atelier .hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,6.1vw,90px);letter-spacing:-.055em;line-height:1.13;font-weight:400;margin:30px 0 38px}
.atelier .hero h1 em{font-style:italic;display:inline-block}
.atelier .hero-copy>p{max-width:465px;font-size:15px;line-height:1.85}
.atelier .hero-note{position:static;margin-top:26px}
.atelier .hero .button{background:#161719}.atelier .hero .button:hover{background:#1d4ed8}
.atelier .stage{margin-top:46px}.atelier .hero-console{grid-template-columns:.9fr 1.2fr .8fr;gap:28px}
.atelier h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em;line-height:1.14}
.atelier .positioning{background:white;border-top:1px solid #161719}
.atelier .dark{background:#f3f4f5;color:#161719}.atelier .dark .section-heading>p,.atelier .dark .eyebrow,.atelier .product-note{color:#46494e}
.atelier .product-shell{background:#101722;color:white}
.atelier .contact{background:white;border-top:1px solid #161719}
/* 02 / Graphite: charcoal architecture, light type, restrained cobalt actions. */
.graphite{--canvas:#151719;--ink:#f1f2f4;--soft:#c5c8cd;--muted:#a5abb4;--line:#383d43;--wash:#242a31}
body.editorial.graphite{background:#151719}
.graphite .header{background:#fff;color:#0b1220;border-bottom:0}
.graphite .header .lang button{color:#64708a}.graphite .header .lang button[aria-pressed=true]{color:#1d4ed8}
.graphite .hero{padding-top:48px}.graphite .hero-grid{position:relative}
.graphite .concept-margin{display:flex;justify-content:space-between;border-bottom:1px solid #383d43;padding-bottom:20px;margin-bottom:38px;color:#929aa5;font:9px 'IBM Plex Mono';letter-spacing:.14em}
.graphite .hero h1{font-size:clamp(54px,7vw,102px);font-weight:300;letter-spacing:-.06em;line-height:1.05}
.graphite .hero h1 em{color:#a8b3c6}
.graphite .hero .eyebrow{color:#b8c1d0}
.graphite .stage{border-top-color:#7f8793}
.graphite .pill{background:#303945;color:#e0e7f5}.graphite .step-dot{background:#3a414b}.graphite .step-dot.active{background:#8ba8fc}
.graphite .next-step,.graphite .textlink,.graphite .solution a,.graphite .solution .number,.graphite .vivo-affiliation{color:#a8bdff}
.graphite .positioning{background:#151719;border-color:#383d43}.graphite .positioning a{color:#a8bdff}
.graphite .positioning span+span{border-color:#383d43}
.graphite .dark{background:#20262e}.graphite .trust,.graphite .wallet-section:has(.app-teaser),.graphite .vivo-structure,.graphite .vivo-hero,.graphite .contact,.graphite .footer{background:#151719}
.graphite .teaser-device .wallet-phone{box-shadow:18px 22px 0 #2a313b}
.graphite .wallet-phone,.graphite .signature-offer,.graphite #modal{--ink:#0b1220;--soft:#33405c;--muted:#64708a;--wash:#eaf1fe;--line:#dce3f0;color:#0b1220}
.graphite .wallet-section:not(:has(.app-teaser)){background:#20262e}.graphite .wallet-feature{color:#e8edf4}.graphite .wallet-feature[aria-selected=true]{color:#0b1220}
.graphite .coverage-box{background:#20262e}.graphite select{color:#0b1220}.graphite .vivo-map,.graphite .vivo-reference{background:#20262e}.graphite .vivo-reference a{color:#a8bdff}.graphite .vivo-map-wirego{color:#0b1220}
.graphite .preview{background:#20262e;color:#c5c8cd;border-color:#383d43}
/* 03 / Cobalt: typographic split, a single blue operational plane. */
.cobalt .hero{padding:0}.cobalt .hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:0;width:100%;max-width:none;align-items:stretch}
.cobalt .hero-copy{padding:75px 55px 65px max(56px,calc((100vw - 1288px)/2))}
.cobalt .hero h1{font-size:clamp(48px,4.5vw,70px);line-height:1.08;letter-spacing:-.055em;margin:36px 0}
.cobalt .hero h1 em{display:block;margin-top:14px}
.cobalt .hero-copy>p{font-size:16px;max-width:445px}
.cobalt .hero-note{position:static;margin-top:45px}
.cobalt .stage{margin:0;padding:75px max(56px,calc((100vw - 1288px)/2)) 50px 48px;background:#1d4ed8;color:#fff;border:0;display:flex;flex-direction:column;justify-content:space-between}
.cobalt .operation-label{color:#d5e1ff;gap:25px}
.cobalt .hero-console{display:flex;flex-direction:column;gap:45px;color:#fff;margin-top:80px}
.cobalt .console-top strong{font-size:42px;max-width:330px;letter-spacing:-.035em;line-height:1.15}
.cobalt .console-top .demo-label,.cobalt .step-caption,.cobalt .console-bottom .tiny{color:#d5e1ff}
.cobalt .console-bottom{flex-direction:row;align-items:center;gap:16px}
.cobalt .next-step{color:#fff}.cobalt .step-dot{background:#6082e4}.cobalt .step-dot.active{background:white}.cobalt .pill{background:#123baf;color:white}
.cobalt .positioning{background:white;padding:28px 0}
.cobalt .solution h3{font-size:34px}.cobalt .contact{background:white}
@media(max-width:1100px){.atelier .hero-grid{padding-left:120px}.atelier .concept-margin{width:90px}.atelier .hero-console{grid-template-columns:1fr 1.4fr}.atelier .console-bottom{grid-column:1/-1;flex-direction:row}.cobalt .hero-copy{padding:50px 30px}.cobalt .stage{padding:50px 30px}.cobalt .hero h1{font-size:48px}}
@media(max-width:700px){.atelier .hero-grid{padding-left:0}.atelier .concept-margin{display:none}.atelier .hero h1{font-size:clamp(37px,9.5vw,60px);line-height:1.2}.atelier .hero-console{grid-template-columns:1fr}.atelier .hero{padding-top:32px}.graphite .concept-margin{font-size:8px;gap:20px}.graphite .hero h1{font-size:clamp(41px,10.5vw,65px)}.graphite .hero{padding-top:26px}.cobalt .hero-grid{display:block}.cobalt .hero-copy{padding:40px 16px}.cobalt .hero h1{font-size:clamp(42px,10.5vw,65px)}.cobalt .hero h1 em{margin-top:0}.cobalt .stage{padding:32px 24px}.cobalt .hero-console{margin-top:35px;gap:25px}.cobalt .console-top strong{font-size:32px;max-width:none}.cobalt .operation-label{font-size:9px}.cobalt .console-bottom{align-items:start}.cobalt .next-step{max-width:150px;text-align:right}}