/* Base layer: reset, focus, skip link, loader and no-script fallbacks.
   ware.css styles the page on top of it. */
:root{--ink:#111110;--paper:#eeeae2;--ice:#dce1e2;--muted:#a8aeaf;--line:rgba(220,225,226,.2);--gutter:clamp(22px,5vw,88px);--ease:cubic-bezier(.19,1,.22,1);--nav-height:56px;--radius-panel:24px;--radius-layer:16px;--z-nav:20;--z-loading:100;--z-pointer:150;--z-skip:200}
*{box-sizing:border-box}
html{scroll-padding-top:110px;color-scheme:dark}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,select{font:inherit;color:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
button,a,select{touch-action:manipulation}
button,select{cursor:pointer}
button{border:0;background:none}
h1,h2,p{margin:0}
button:focus-visible,a:focus-visible,select:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
::selection{background:var(--ice);color:var(--ink)}
.skip{position:fixed;left:20px;top:12px;padding:15px;background:var(--paper);color:var(--ink);transform:translateY(-180%);z-index:var(--z-skip)}
.skip:focus{transform:none}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero{position:relative;z-index:1;height:205svh}
main{position:relative;isolation:isolate;background:linear-gradient(#52636f,#26343e)}
.environment{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;--world-phase:0;background:linear-gradient(#52636f,#a1afb8)}
.environment:before{content:"";position:absolute;inset:0;background:linear-gradient(#2c3641,#485363);opacity:var(--world-phase)}
.hero-action{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:16px 0;font-size:13px;min-width:125px;border-bottom:1px solid rgba(238,234,226,.55);position:relative;z-index:5}
.hero-action>span:last-child{font-size:17px;transition:transform .5s var(--ease)}
.hero-action:hover>span:last-child{transform:translateY(3px)}
.flow-tabs{display:flex;justify-content:center;gap:20px;position:relative;z-index:3}
.flow-tabs button{font-size:13px;padding:14px 4px 12px;min-height:48px;border-bottom:1px solid transparent;color:#a0a8ab;transition:color .3s,border-color .3s}
.flow-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--paper)}
.flow-tabs button:hover{color:var(--paper)}
.report-stage{min-height:65px;padding:20px 16px 22px;text-align:center;font-size:14px;color:var(--muted)}
.report-panel{max-width:38ch;margin:auto;line-height:1.5}
.invite-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;min-height:340px;padding:24px 0 24px 60px;border-left:1px solid var(--line)}
.invite-link:focus-visible{outline-color:var(--paper);outline-offset:10px}
footer{position:relative;z-index:1;background:#202c35;display:flex;justify-content:space-between;align-items:center;padding:35px var(--gutter);font-size:12px;color:var(--muted)}
.closing-mark{font-size:28px;letter-spacing:-.1em;font-weight:900;line-height:1;color:var(--paper)}
.loader{display:none;position:fixed;inset:0;z-index:var(--z-loading);pointer-events:none;color:var(--ink)}
.loading .loader{display:block}
.loader-panels{position:absolute;inset:0;display:flex}
.loader-panels i{width:20%;background:#dce1e2;transform-origin:top}
.loader-panels i:nth-child(3){width:40%}
.loader-caption{position:absolute;right:clamp(22px,5vw,88px);bottom:32px}
.loader-count{height:1em;font:900 clamp(44px,5vw,68px)/1 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;display:flex;overflow:hidden;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.digit{height:1em}
.digit span{display:block;height:1em}
body:not(.js) .environment{position:absolute;height:100svh}
body:not(.js) .hero{height:100svh}
body:not(.js) .flow-tabs{display:none}
body:not(.js) .report-panel[hidden]{display:block!important}
body:not(.js) .report-panel{padding:6px 0}
@media(min-width:1900px){:root{--gutter:calc((100vw - 1680px)/2)}}
@media(max-width:760px){:root{--nav-height:52px}
.hero{height:185svh}
.hero-action{min-width:110px;gap:30px}
.flow-tabs{gap:16px}
.flow-tabs button{font-size:12px}
.report-stage{font-size:13px}
.invite-link{padding:28px 0 0;border-left:0;border-top:1px solid var(--line);min-height:300px}
footer{padding-top:25px;padding-bottom:30px}
.loader-caption{bottom:25px}
.loader-panels i{width:25%}
.loader-panels i:nth-child(3){width:50%}
.loader-panels i:last-child{display:none}}
@media(max-width:380px){.hero-action{min-width:105px;gap:20px}
.flow-tabs{gap:12px}
.flow-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}
.hero{height:auto}
.loader{display:none!important}}
/* Native interaction details. */
h2{text-wrap:balance}
button,.hero-action{white-space:nowrap}
.flow-tabs{flex-wrap:wrap}
p{overflow-wrap:break-word}
footer a{min-height:44px;display:inline-flex;align-items:center}
.closing-mark{min-width:44px}
footer a:hover{color:#fff}
.hero-action:active>span:last-child{transform:translateY(1px)}
[tabindex="-1"]:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
section[id],#manifesto{scroll-margin-top:110px}
footer{padding-bottom:max(35px,calc(env(safe-area-inset-bottom,0px) + 20px))}
@media(max-width:760px){footer{padding-bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 20px))}}
/* Shared layout values (ware.css overrides most surfaces). */
:root{--gutter:clamp(22px,5vw,200px);--muted:#b2bec6;--radius-panel:20px}
.hero-action{font-size:clamp(13px,.9vw,22px);min-width:clamp(145px,12vw,300px);padding:16px 4px;border-color:#dae4e7}
.flow-tabs{gap:clamp(16px,2vw,45px);padding:0 14px}
.flow-tabs button{font-size:clamp(12px,.95vw,23px)}
.report-stage{min-height:90px;padding:23px 20px 28px;font-size:clamp(13px,.95vw,22px);color:#b4c5ce}
.report-panel{max-width:42ch}
.invite-link{display:flex;flex-direction:row;justify-content:space-between;gap:32px;min-height:58px;padding:18px 0;margin-top:42px;border:0;border-bottom:1px solid #b8c6ce;max-width:340px;font-size:clamp(17px,1.1vw,26px)}
.invite-link>span:last-child{font-size:28px;transition:transform .3s var(--ease)}
.invite-link:hover>span:last-child{transform:translate(3px,-3px)}
.command-guide{border-top:1px solid #8194a266;padding:30px 0 0;min-width:0}
.command-intro{color:#b6c6d0;font-size:clamp(13px,.95vw,23px);margin:17px 0 28px;line-height:1.5}
.command-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid #80919e40}
.command-row code{font:500 clamp(18px,1.4vw,32px)/1.3 'Consolas',monospace;color:#edf2f4;letter-spacing:-.035em}
.command-row p{margin-top:9px;font-size:clamp(13px,.95vw,23px);color:#b3c2cd;line-height:1.5}
.copy-command{flex:none;border:1px solid #a4b6c44d;border-radius:12px;width:46px;height:46px;font-size:24px}
.copy-command:hover{border-color:#cddbe2}
.command-note{border-top:1px solid #80919e40;padding-top:24px;font-size:clamp(12px,.8vw,19px);line-height:1.6;color:#a5b6c2;max-width:48ch}
#copy-status{min-height:1.6em;font-size:14px;margin-top:12px;color:#d0e7d8}
footer{background:#101d28}
@media(max-width:1024px){.report-stage{min-height:80px}}
@media(max-width:760px){.hero-action{min-width:110px}
.flow-tabs{gap:14px;padding:0 10px}
.flow-tabs button{font-size:12px}
.report-stage{font-size:13px;min-height:95px;padding:22px 20px}
.invite-link{min-height:52px;max-width:310px;margin-top:28px;padding:15px 0;font-size:17px;border-top:0}
.command-row{padding:23px 0}
.command-row code{font-size:20px}
.command-row p{font-size:14px}
.command-intro{font-size:14px}
.command-note{font-size:12px}
.command-guide{padding-top:26px}}
@media(max-width:380px){.flow-tabs{gap:9px}
.flow-tabs button{font-size:11px}}
.environment:before{display:none}
/* Pill controls. */
.hero-action{border:1px solid #d8eaf142;border-radius:999px;padding:14px 22px;background:#11263324;box-shadow:inset 0 1px 0 #e6f7fc1a}
.hero-action:hover{background:#20374a38;border-color:#e5f4fc7a}
.hero-action>span{position:relative;z-index:3}
.hero-action{background:rgba(219,237,247,.025);border-color:#eefaff6e}
.hero-action:hover{background:rgba(219,237,247,.045);border-color:#f4fbffb3}
@media(prefers-reduced-transparency:reduce){.hero-action{background:#20323f}}
.hero-action{background:#152b3a33;min-width:150px}
footer{position:relative;z-index:1;font-size:clamp(12px,.8vw,20px)}
footer a{font-size:inherit!important;color:#e4eaf0;text-shadow:0 1px 8px #07182b}
@media(max-width:760px){.hero-action{min-width:112px;padding:12px 16px;gap:20px}}