/* Shared wordmark and real extruded WebGL emblem. */
.brand .brand-emblem{position:relative;display:block;width:52px;height:52px;flex:0 0 52px;overflow:visible;filter:drop-shadow(0 3px 6px #5f3bce50)}
.brand-emblem canvas{width:100%;height:100%;display:block;position:relative;z-index:2;opacity:0}
.brand-emblem.webgl-ready canvas{opacity:1}
.brand-emblem .brand-icon{position:absolute;inset:8px;width:36px;height:36px}
.brand-emblem.webgl-ready .brand-icon{display:none}
.brand .brand-wordmark{display:flex;gap:5px;align-items:baseline;color:#f4efff;font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap;font-size:23px;line-height:1.2;font-weight:400}
.brand-wordmark b{font-weight:650;letter-spacing:-.055em}
.brand-wordmark .wordmark-ultra{color:#b4a7d3;font-size:.8em;font-weight:400}
.header .brand{gap:6px;min-width:0}
.header-actions{display:flex;align-items:center;gap:18px}
.language-switch{border:1px solid #c4acf62b;background:#b499fb08;border-radius:7px;padding:7px 11px;color:#d7cbf0;font:500 11px/1.2 "Segoe UI",sans-serif;cursor:pointer;white-space:nowrap;transition:border-color .2s,background .2s}
.language-switch:hover{border-color:#c4acf678;background:#b499fb19}
.language-switch:focus-visible{outline:2px solid #b498f7;outline-offset:3px}
.sidebar .brand{padding:0;gap:5px}
.sidebar .brand .brand-emblem{width:43px;height:48px;flex-basis:43px}
.sidebar .brand .brand-wordmark{gap:3px;font-size:21px}
.sidebar .brand-wordmark .wordmark-ultra{font-size:.68em}
html[lang=en] .hero h1{font-size:clamp(43px,5.3vw,72px);letter-spacing:-.065em;line-height:1.08}
html[lang=en] .hero h1 span{display:block}
html[lang=en] .hero .eyebrow{font-size:10px;letter-spacing:.17em}
html[lang=en] .hero-copy{font-size:15px;line-height:1.65;margin-top:20px}
html[lang=en] .hero-content{padding-top:115px}
html[lang=en] .hero-actions{margin-top:22px}
html[lang=en] .hero .logo-stage{top:55%;height:255px}
html[lang=en] .section h2{letter-spacing:-.045em;line-height:1.2}
html[lang=en] .section-heading{align-items:flex-end;gap:40px}
html[lang=en] .section-heading>div{max-width:620px}
html[lang=en] .section-heading>p{max-width:350px}
html[lang=en] .manifesto h2{font-size:clamp(28px,4vw,53px);max-width:1100px}
html[lang=en] .portal-card h3{font-size:22px}
html[lang=en] .portal-card p{font-size:12px;line-height:1.8}
html[lang=en] .portal-tags{font-size:10px}
html[lang=en] .step h3{font-size:21px}
html[lang=en] .hero-coordinate b{letter-spacing:0}
html[lang=en] .strategy-card .card-bottom{gap:8px;flex-wrap:wrap}
html[lang=en] .strategy-card .card-bottom .button{font-size:11px}
html[lang=en] .composer select{max-width:190px}
html[lang=en] .sidebar nav a{gap:10px;font-size:12px;padding-left:12px;padding-right:10px}
html[lang=en] .sidebar .nav-tag{font-size:8px;padding:0 3px}
html[lang=en] .page-heading h1{letter-spacing:-.05em}
.topbar .brand-home{color:#d9d1e7;letter-spacing:-.025em}
.brand-wordmark,.brand-emblem{user-select:none}
@media(max-width:1200px) and (min-width:951px){.sidebar .brand .brand-wordmark{font-size:18px}.sidebar .brand .brand-emblem{width:36px;flex-basis:36px}}
@media(max-width:950px){.sidebar .brand .brand-wordmark{display:none}.sidebar .brand{justify-content:center}}
@media(max-width:800px){.header-actions{gap:9px}.header .brand .brand-wordmark{font-size:21px}.header .brand .brand-emblem{width:43px;height:43px;flex-basis:43px}.header .language-switch{padding:6px 9px}.header .nav-cta{font-size:11px;padding:9px 12px}}
@media(max-width:700px){html[lang=en] .hero h1{font-size:clamp(39px,10.7vw,58px)}html[lang=en] .hero-content{padding-top:132px}html[lang=en] .hero .eyebrow{letter-spacing:.09em;font-size:8px}html[lang=en] .hero .edition{display:none}html[lang=en] .hero-copy{font-size:13px;max-width:330px;margin:21px auto 0}html[lang=en] .hero-actions{margin-top:24px}html[lang=en] .hero .logo-stage{top:50%;height:285px}html[lang=en] .hero .button{font-size:12px;padding:12px 17px}html[lang=en] .section-heading{gap:22px;align-items:flex-start}html[lang=en] .section-heading h2{font-size:32px}html[lang=en] .section-heading>p{font-size:13px}.header .nav-cta{display:none}.header .brand .brand-wordmark{font-size:23px}}
@media(max-width:620px){.topbar .demo-pill{display:none}.topbar{gap:8px}.topbar .top-actions{gap:7px}.topbar .language-switch{padding:6px 8px}.topbar .brand-home{font-size:13px;white-space:nowrap}html[lang=en] .sidebar nav a{font-size:8px;padding:10px 2px 6px;gap:4px}html[lang=en] .page-heading h1{font-size:26px}html[lang=en] .stat .label{font-size:9px}html[lang=en] .stat-row{gap:6px}html[lang=en] .stat{padding:13px 10px}html[lang=en] .sub-actions .button{font-size:10px}}