/* Respan-inspired neutral palette. Layout unchanged; green originals retained. */
/* Final layout refinement: compact components, readable text, soft accents. */
html{scroll-padding-top:90px}
.header{top:12px;margin:12px auto 0;width:min(900px,calc(100% - 40px));border:1px solid #4d4d4d;border-radius:18px;background:#171719ed;box-shadow:0 8px 28px #00000022;backdrop-filter:blur(18px)}
.nav.wrap{width:100%;height:54px;padding:0 10px 0 17px;gap:20px}
.nav .brand{font-size:25px;letter-spacing:-1px;gap:7px}.nav .brand>svg{width:26px;height:29px}
.nav .alpha{font-size:8px;border:0;background:#343436;color:#dadada;border-radius:6px;padding:5px 7px;margin-left:4px;letter-spacing:.6px}
.nav-links{gap:4px}.nav-links a{font-size:13px;padding:8px 12px;border-radius:9px;transition:background .2s,color .2s}.nav-links a:hover{background:#39393b;color:#f7f7f7}
.nav-cta{font-size:12px;padding:10px 14px;gap:12px;background:var(--lime);color:#2f2f31;border:0;border-radius:11px;box-shadow:inset 0 -2px 0 #9d9d9d44}.nav-cta:hover{background:#f7f7f7;color:#2f2f31;transform:translateY(-1px)}
.hero{padding-top:66px;padding-bottom:54px}.hero-actions .button{border-radius:12px}.hero .announcement{border:1px solid #3e3e40;border-radius:30px;background:#1b1b1d77;padding:7px 11px;font-size:10px;letter-spacing:.5px}.hero-note{color:#adadad}
.section{padding-block:62px}.section-heading{margin-bottom:28px;gap:30px}.section-heading h2,.playground-copy h2{font-size:38px;letter-spacing:-1.5px}.eyebrow{margin-bottom:13px;font-size:10px;letter-spacing:1.2px}.eyebrow>span{border-radius:2px}.section-aside{font-size:15px;line-height:1.65}.wrap{max-width:1120px}
/* Small, pill-like supported tool tiles. */
.stack-section{padding:27px 0 23px;background:#121214}.stack-heading h2{font-size:24px}.stack-heading .eyebrow{margin-bottom:7px}.marquee{margin-top:22px}.marquee-group{gap:12px;padding-right:12px}.marquee-group li{font-size:18px;padding:12px 19px;border-radius:13px;background:#1a1a1c;border-color:#3c3c3e}.marquee-group li>span{width:29px;height:29px;font-size:13px;border-radius:9px;background:#343436;color:#f7f7f7;border-color:#505050}.marquee-group li:nth-child(3n+2)>span{color:#d2d2d2;background:#2e2e30;border-color:#464646}.marquee-group li:nth-child(3n)>span{color:#d8d8d8;background:#323234;border-color:#494949}.stack-roadmap{margin-top:17px;font-size:12px}.motion-toggle{font-size:11px;padding:6px 11px}
/* A compact command panel. */
.playground-section{padding-block:54px;background:#141416}.playground-grid{gap:60px;grid-template-columns:.9fr 1.2fr}.playground-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;margin:18px 0}.use-tabs{gap:4px;max-width:315px}.use-tabs button{font-size:14px;padding:10px 12px;border-radius:10px}.terminal-card{transform:none;border-radius:17px;box-shadow:0 10px 28px #00000022;border-color:#505050}.terminal-top{padding:13px 17px;background:#1a1a1c}.terminal-body{min-height:255px;padding:21px 22px;font-size:14px}.terminal-comment{margin-bottom:12px}.terminal-output{margin-top:18px;font-size:13px}.terminal-output p{margin:8px 0}.terminal-success{margin-top:15px}.terminal-bottom{padding:10px 16px}.terminal-bottom button{border:1px solid #4a4a4a;border-radius:7px;padding:5px 9px;color:#eeeeee}
/* Distribution stays readable without a large surrounding frame. */
.distribution-demo{border-radius:18px}.distribution-toolbar{padding:14px 20px}.distribution-flow{padding:25px 24px;gap:17px;grid-template-columns:1fr 26px 1fr 26px 1.15fr}.stage-number{margin-bottom:16px;font-size:9px}.flow-stage>.icon{width:33px;height:33px}.flow-stage h3{font-size:20px;margin:12px 0}.flow-stage p{font-size:14px;line-height:1.65;margin-top:11px}.file-pieces{margin:16px 0}.file-pieces i{height:22px;width:18px}.gate-stage{padding:18px 15px;border-radius:17px;background:linear-gradient(145deg,#3a3a3c,#2d2d2f)}.gate-stage>.icon{width:39px;height:39px}.gate-stage .stage-number{margin-bottom:14px}.gate-detail{margin-top:13px;padding-top:10px}.diagram-node{padding:11px 13px;border-radius:11px;margin-top:8px}.diagram-node>div{font-size:13px}.diagram-node small{font-size:11px}.distribution-summary{padding:13px 20px}.distribution-summary p{font-size:13px}.distribution-notes{gap:35px;margin-top:18px}.distribution-notes p{font-size:14px;line-height:1.7}.distribution-notes strong{font-size:15px;margin-bottom:3px}
/* Soft mini-panels: color comes from the icons, not extra visual noise. */
.benefits-grid{gap:13px}.benefits-grid .feature-card{--accent:#f7f7f7;min-height:0;padding:22px;border-radius:18px;background:linear-gradient(135deg,#1b1b1d,#161618);border-color:#3b3b3d;display:flex;flex-direction:column;position:relative}.benefits-grid .feature-card:nth-child(3n+2){--accent:#cdcdcd}.benefits-grid .feature-card:nth-child(3n){--accent:#d2d2d2}.benefits-grid .feature-icon{position:absolute;left:20px;top:19px;width:36px;height:36px;padding:8px;border-radius:12px;border:1px solid #5f5f5f66;background:#34343666;color:var(--accent)}.benefits-grid .feature-card h3{font-size:20px;letter-spacing:-.4px;margin:2px 0 18px;padding-left:46px;min-height:28px;display:flex;align-items:center}.benefits-grid .feature-card p{font-size:15px;line-height:1.7;margin-bottom:18px}.benefits-grid .feature-card:hover{transform:translateY(-3px);border-color:#797979;box-shadow:0 12px 22px #00000022}.benefits-grid .benefit-labels,.benefits-grid .branch-preview,.benefits-grid .isolation-art,.benefits-grid .chunk-art{margin-top:auto;padding-top:0}.benefits-grid .capacity-art{height:36px;margin-top:auto}.benefits-grid .isolation-art span{padding:10px 6px;border-radius:8px}.benefits-grid .benefit-labels span{font-size:10px;padding:5px 8px;border-radius:7px}.benefits-grid .branch-preview>span{padding:8px 10px;border-radius:8px;font-size:10px}.benefits-grid .branch-preview b{display:inline;margin:0 0 0 8px;font-size:10px}.benefits-grid .chunk-art i{height:17px;border-radius:4px}
/* Beta reads as one compact invitation with three little choices. */
.start-section{padding-block:0 43px}.beta-lobby{display:grid;grid-template-columns:.8fr 1.4fr;gap:0 35px;padding:0 30px;border-radius:23px;background:radial-gradient(ellipse at 12% 45%,#47474755,transparent 65%),#151517}.lobby-top{grid-column:1/-1;padding:17px 0;font-size:9px}.lobby-heading{text-align:left;align-self:center;padding:30px 0}.lobby-heading .eyebrow{justify-content:flex-start;margin-bottom:12px}.lobby-heading h2{font-size:43px;letter-spacing:-1.8px}.lobby-heading>p{font-size:15px;line-height:1.7;margin-top:15px;max-width:260px}.role-options{width:100%;align-self:center;gap:10px;margin:27px 0;max-width:none}.role-card{padding:14px;border-radius:18px;min-width:0}.role-art{width:49px;height:50px;border-radius:16px;margin:10px 0 12px}.role-art>.icon{width:25px;height:25px}.role-number{font-size:9px}.role-card>strong{font-size:20px}.role-description{font-size:13px;line-height:1.5;margin-top:6px}.role-description br{display:none}.role-action{margin-top:12px;padding-top:9px;font-size:10px}.role-art>i:nth-of-type(2){right:-8px;top:22px}.role-art>i:nth-of-type(3){left:18px}.lobby-signup{grid-column:1/-1;padding:23px 0;gap:30px;grid-template-columns:.85fr 1.2fr}.selection-summary h3{font-size:20px;margin:9px 0 5px}.selection-summary p{font-size:13px}.step-label{font-size:9px}.signup-inline input{padding:12px;border-radius:11px}.signup-inline .button{border-radius:11px;font-size:12px;padding:12px 14px}.lobby-bottom{grid-column:1/-1;padding:15px 0;font-size:11px}.footer{padding-bottom:26px}.footer>span,.footer>div{font-size:11px}
@media(max-width:1000px){.playground-grid{gap:32px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.beta-lobby{grid-template-columns:1fr;gap:0;padding-inline:25px}.lobby-heading{text-align:center;padding:25px 0 0}.lobby-heading .eyebrow{justify-content:center}.lobby-heading>p{max-width:none;margin-top:12px}.lobby-heading h2 br{display:none}.role-options{max-width:620px;justify-self:center;margin:24px 0}.role-description{font-size:14px}.lobby-signup{grid-template-columns:1fr;gap:17px}.distribution-flow{gap:11px;padding:22px 18px}.distribution-toolbar>span{font-size:9px}}
@media(max-width:800px){.section{padding-block:48px}.hero{padding-block:55px 40px}.section-heading h2,.playground-copy h2{font-size:33px}.section-heading{margin-bottom:23px}.playground-grid{grid-template-columns:1fr;gap:23px}.playground-copy>p:not(.eyebrow){max-width:560px}.use-tabs{max-width:none}.distribution-flow{grid-template-columns:1fr 25px 1fr}.node-stage{grid-column:1/-1;gap:9px}.diagram-node{padding:12px 8px}.distribution-toolbar{padding:15px 18px;gap:12px}.distribution-notes{gap:22px}.header{width:calc(100% - 32px)}.nav.wrap{gap:10px}.nav .alpha{display:none}.nav-links a{padding:8px 10px;font-size:12px}.nav-cta{font-size:11px}.stack-heading h2{font-size:22px}}
@media(max-width:580px){.header{top:9px;margin-top:9px;width:calc(100% - 28px);border-radius:15px}.nav.wrap{height:50px;padding:0 9px 0 13px;gap:12px}.nav .brand{font-size:24px}.nav .brand>svg{width:24px;height:27px}.nav-cta{font-size:11px;padding:10px 12px;gap:9px;min-height:36px}.menu-toggle{width:28px;height:36px}.menu-toggle span{width:19px}.nav-links{top:58px;left:-1px;right:-1px;border:1px solid #4d4d4d;border-radius:14px;background:#1b1b1df5;padding:9px;box-shadow:0 12px 25px #00000044}.nav-links a{padding:12px;font-size:14px}.hero{padding-top:40px;padding-bottom:28px;gap:30px}.section{padding-block:39px}.section-heading h2,.playground-copy h2{font-size:31px}.section-heading .section-aside{font-size:14px;margin-top:12px}.stack-section{padding-block:22px}.stack-heading h2{font-size:21px}.marquee{margin-top:18px}.marquee-group li{font-size:17px;padding:10px 14px;gap:9px}.stack-roadmap{font-size:11px;gap:14px}.terminal-top{font-size:10px;padding:12px}.demo-label{font-size:7px}.terminal-body{min-height:240px;padding:19px 15px;font-size:13px}.terminal-output{font-size:12px}.terminal-comment{font-size:10px}.terminal-bottom{font-size:9px;padding:9px 12px}.terminal-bottom button{font-size:10px}.distribution-flow{display:flex;padding:19px;gap:13px}.stage-number{margin-bottom:12px}.gate-stage{padding:16px}.flow-stage p{font-size:14px}.diagram-node{text-align:left;justify-content:flex-start;padding:12px}.diagram-node>div{font-size:14px}.distribution-summary{padding:14px;gap:8px}.distribution-summary p{font-size:13px}.distribution-notes{gap:14px}.benefits-grid{grid-template-columns:1fr;gap:11px}.benefits-grid .feature-card{padding:19px;border-radius:16px}.benefits-grid .feature-icon{left:17px;top:16px}.benefits-grid .feature-card h3{font-size:20px;margin-bottom:14px}.benefits-grid .feature-card p{font-size:15px;line-height:1.7;margin-bottom:16px}.beta-lobby{padding-inline:18px;border-radius:19px}.lobby-heading h2{font-size:36px;letter-spacing:-1.5px}.lobby-heading h2 br{display:block}.lobby-heading>p{font-size:14px;margin-top:10px}.role-options{grid-template-columns:1fr;gap:9px;margin:21px 0}.role-card{padding:12px 14px;grid-template-columns:43px 1fr 18px;column-gap:12px;border-radius:15px}.role-number{font-size:0}.role-art{width:41px;height:44px;border-radius:13px;margin:0}.role-art>.icon{width:23px;height:23px}.role-card>strong{font-size:19px}.role-description{font-size:13px;margin-top:3px}.role-action{border:0;padding:0;margin:0;font-size:0}.role-action>span{font-size:17px}.lobby-signup{padding:20px 0}.signup-inline input{font-size:16px}.signup-inline .button{font-size:14px;min-height:44px}.lobby-bottom{gap:6px;font-size:10px}.start-section{padding-bottom:32px}.footer>span{font-size:9px}.footer>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){.benefits-grid .feature-card:hover{transform:none}}
/* Shared outer edges and rounded invitation controls. */
:root{--content-gutter:96px}
.header,.marquee{width:min(1120px,calc(100% - var(--content-gutter)));margin-inline:auto}
.header{border-radius:999px}
.nav-cta{border-radius:999px}
.marquee{border-radius:14px}
.signup-inline input{border-radius:999px;padding-inline:20px;transition:border-color .2s,box-shadow .2s}
.signup-inline input:focus{border-color:var(--lime);box-shadow:0 0 0 4px #f7f7f712}
.signup-inline .button{border-radius:999px;padding-inline:21px;min-height:46px;box-shadow:inset 0 -2px 0 #67676733;transition:transform .25s,box-shadow .25s,background .25s}
.signup-inline .button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #f4f4f428}
.signup-inline .button .icon{transition:transform .25s}
.signup-inline .button:not(:disabled):hover .icon{transform:translateX(3px)}
.signup-inline .button:disabled{transform:none}
@media(max-width:1100px){:root{--content-gutter:64px}}
@media(max-width:800px){:root{--content-gutter:40px}}
@media(max-width:580px){.nav.wrap{padding-right:13px}.signup-inline .button{min-height:48px}}
/* Frosted navigation and a clear, inviting beta form. */
.header{width:min(1120px,calc(100% - var(--content-gutter)));border-radius:999px;background:linear-gradient(115deg,#ffffff0c,#f7f7f705),#16161899;border-color:#e8e8e830;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff10,0 8px 30px #00000022}
body .button,body button:not(.role-card),body input:not([type="hidden"]),body .use-tabs button,body .traffic-controls button{border-radius:999px}
.nav-links a{border-radius:999px}.traffic-controls{border-radius:999px}.copy-button{width:30px;height:30px;display:grid;place-items:center}
.beta-lobby{border-color:#c8c8c855;background:radial-gradient(ellipse at 5% 25%,#54545455,transparent 65%),#151517}
.lobby-heading h2{font-size:42px;line-height:1.13}.lobby-heading>p{max-width:290px}
.beta-reassurance{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.beta-reassurance span{font-size:11px;color:#dfdfdf;background:#f7f7f70b;border:1px solid #cacaca22;border-radius:999px;padding:5px 9px}
.lobby-signup{margin:0 0 20px;padding:22px;border:1px solid #a0a0a044;border-radius:23px;background:linear-gradient(110deg,#40404277,#21212355);box-shadow:inset 0 1px 0 #f7f7f708;gap:25px}
.signup-inline{gap:10px}.signup-inline input{min-height:50px;background:#111113ea;border-color:#8f8f8f88;padding-inline:19px;color:#f7f7f7}.signup-inline input::placeholder{color:#b1b1b1}
.signup-inline .button{min-height:50px;font-size:14px;padding-inline:22px;box-shadow:0 4px 17px #ebebeb16,inset 0 1px 0 #ffffff55}.signup-inline .button:disabled{background:#eaeaea;border-color:#eaeaea;color:#303032;opacity:.8}
.lobby-signup label{font-size:14px;color:#f7f7f7;font-weight:500}.selection-summary h3{font-size:22px}.selection-summary p{line-height:1.7;color:#cccccc}.step-label{color:#dadada}.lobby-bottom{border-top:0;padding-top:0}#signup-status{color:#c3c3c3}
@supports not (backdrop-filter:blur(1px)){.header{background:#19191bf5}}
@media(max-width:1000px){.lobby-heading h2{font-size:40px}.lobby-heading>p{max-width:450px;margin-inline:auto}.beta-reassurance{justify-content:center}}
@media(max-width:580px){.lobby-heading h2{font-size:34px}.lobby-signup{padding:17px;margin-bottom:17px;border-radius:20px;gap:19px}.signup-inline{gap:10px}.signup-inline .button{font-size:15px}.beta-reassurance{gap:6px;margin-top:13px}.beta-reassurance span{font-size:10px}.selection-summary h3{font-size:21px}}
/* A genuinely floating navigation bar with balanced links. */
body{padding-top:72px}
.header{position:fixed;top:16px;left:50%;transform:translateX(-50%);margin:0;z-index:50;background:linear-gradient(110deg,#ffffff0b,#f7f7f704),#171719b8;border:1px solid #e8e8e838;box-shadow:0 12px 32px #00000055,0 2px 6px #00000033,inset 0 1px 0 #ffffff12;transition:box-shadow .25s,border-color .25s}
.header:hover{border-color:#e8e8e860;box-shadow:0 14px 38px #00000066,0 2px 6px #00000033,inset 0 1px 0 #ffffff18}
.nav.wrap{display:grid;grid-template-columns:1fr auto 1fr;height:54px;gap:18px;padding:0 9px 0 18px}
.nav .brand{justify-self:start}.nav-links{margin:0;gap:3px}.nav-cta{justify-self:end;margin:0}.nav-links a{color:#d0d0d0;padding:9px 13px}.nav-links a:hover{color:#f7f7f7;background:#f7f7f714}
/* Keep diagram explanations inside the frame with a clear footer hierarchy. */
.distribution-summary{padding:15px 22px;gap:14px;background:#eeeeee10;border-top:1px solid #4d4d4d}
.distribution-summary p{font-size:14px;line-height:1.65;color:#e9e9e9}
.example-tag{font-size:9px;letter-spacing:.6px;border:0;background:#404042;color:#e4e4e4;border-radius:999px;padding:6px 10px}
.distribution-notes{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;background:#10101255;border-top:1px solid #3f3f41}
.distribution-note{display:flex;align-items:flex-start;gap:13px;padding:21px 23px}
.distribution-note+.distribution-note{border-left:1px solid #3f3f41}
.distribution-note>.icon{width:32px;height:32px;padding:7px;flex-shrink:0;border-radius:10px;color:#ececec;background:#343436}
.distribution-note:nth-child(2)>.icon{color:#d1d1d1;background:#2f2f31}
.distribution-note h3{font-size:15px;font-weight:500;letter-spacing:-.2px;margin:0 0 6px}
.distribution-note p{font-size:13px;line-height:1.7;color:#b1b1b1;margin:0;max-width:370px}
@media(max-width:800px){.nav.wrap{gap:8px}.nav-links a{padding:9px;font-size:12px}.distribution-note{padding:18px;gap:10px}}
@media(max-width:580px){body{padding-top:64px}.header{top:11px}.nav.wrap{display:flex;height:50px;padding:0 14px;gap:12px}.nav-cta{margin-left:auto}.nav-links{top:60px}.distribution-summary{padding:14px 17px;gap:9px}.distribution-summary p{font-size:13px}.distribution-notes{grid-template-columns:1fr}.distribution-note{padding:17px}.distribution-note+.distribution-note{border-left:0;border-top:1px solid #3f3f41}.distribution-note h3{font-size:15px}.distribution-note p{font-size:13px}}
/* Dende navigation: a brand badge, a quiet navigation rail, and a clear invitation. */
.header{top:15px;border-color:#e0e0e033;background:linear-gradient(120deg,#ffffff09,#f7f7f703),#18181ac9;box-shadow:0 12px 35px #00000044,inset 0 1px 0 #f7f7f716;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}
.header:hover{border-color:#d9d9d955;box-shadow:0 13px 36px #00000044,inset 0 1px 0 #f7f7f722}
.nav.wrap{height:66px;padding:8px 11px;gap:20px}
.nav .brand{gap:10px;letter-spacing:-1px;padding:0 5px 0 0}
.nav-emblem{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--lime);color:#343436;box-shadow:inset 0 1px 0 #ffffff66,0 3px 15px #f6f6f620;transition:transform .3s}
.nav-emblem svg{width:27px;height:29px}.nav .brand:hover .nav-emblem{transform:rotate(-9deg)}
.nav-wordmark{display:flex;flex-direction:column;gap:4px;font-size:25px;line-height:1;font-weight:650;color:#f7f7f7}
.nav-caption{font:7px var(--mono);letter-spacing:1.15px;color:#b2b2b2;white-space:nowrap}
.nav-links{display:flex;align-items:center;padding:4px;gap:2px;border:1px solid #cdcdcd19;background:#09090966;border-radius:999px;box-shadow:inset 0 1px 4px #00000022}
.nav-links a{position:relative;font-size:12px;line-height:1.3;padding:10px 15px;color:#cfcfcf;transition:background .25s,color .25s,box-shadow .25s}
.nav-links a:hover{background:#d7d7d720;color:#f7f7f7}
.nav-links a[aria-current="location"]{background:#3f3f41;color:#f7f7f7;box-shadow:inset 0 1px 0 #cccccc22}
.nav-cta{padding:5px 5px 5px 18px!important;gap:15px!important;background:#f7f7f7;color:#2f2f31;border:1px solid #f7f7f755;box-shadow:inset 0 1px 0 #ffffff55;min-height:43px;font-size:12px!important;font-weight:650}
.nav-arrow{display:grid;place-items:center;width:31px;height:31px;background:#313133;color:#f7f7f7;border-radius:50%;transition:transform .25s,background .25s}
.nav-arrow .icon{width:17px;height:17px}.nav-cta:hover{background:#f7f7f7;transform:none}.nav-cta:hover .nav-arrow{transform:rotate(-35deg);background:#4c4c4c}
body{padding-top:85px}
@media(max-width:850px){.nav.wrap{gap:10px}.nav-caption{display:none}.nav-links a{padding:10px 12px}.nav-wordmark{font-size:24px}.nav .brand{gap:8px}}
@media(max-width:650px) and (min-width:581px){.nav-links a{font-size:11px;padding:10px 9px}.nav-emblem{width:35px;height:35px}.nav-emblem svg{width:24px;height:25px}.nav.wrap{gap:7px}.nav-cta{gap:8px!important;padding-left:12px!important}.nav-wordmark{font-size:22px}}
@media(max-width:580px){body{padding-top:76px}.header{top:11px}.nav.wrap{height:58px;padding:7px 10px;gap:10px}.nav .brand{gap:7px}.nav-emblem{width:36px;height:36px}.nav-emblem svg{width:25px;height:26px}.nav-wordmark{font-size:24px}.nav-cta{min-height:36px;font-size:11px!important;padding:4px 4px 4px 12px!important;gap:8px!important}.nav-arrow{width:26px;height:26px}.nav-arrow .icon{width:15px;height:15px}.menu-toggle{width:30px;height:34px;padding:6px;background:#e6e6e610;border:1px solid #aeaeae22;flex-shrink:0;align-items:center}.menu-toggle span{width:16px}.nav-links{display:none;top:67px;padding:8px;border-radius:20px;border-color:#83838355;background:#19191bf5;backdrop-filter:blur(24px);box-shadow:0 15px 35px #00000055}.nav-links.open{align-items:stretch}.nav-links a{padding:14px 16px;font-size:14px}.nav-links a[aria-current="location"]{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.nav .brand:hover .nav-emblem,.nav-cta:hover .nav-arrow{transform:none}}
/* Tighter hero spacing without changing its content or illustration. */
.hero{padding-top:40px;padding-bottom:30px;min-height:0}
@media(max-width:800px){.hero{padding-top:34px;padding-bottom:24px}}
@media(max-width:580px){.hero{padding-top:28px;padding-bottom:20px;gap:24px}}
/* Full-width top bar; retain the existing inner navigation layout. */
.header{top:0;left:0;transform:none;width:100%;max-width:none;margin:0;border-radius:0;border-top:0;border-inline:0}
.header .nav.wrap{width:min(1120px,calc(100% - var(--content-gutter)));margin-inline:auto}
body{padding-top:66px}
@media(max-width:580px){body{padding-top:58px}.header .nav-links{left:calc(var(--content-gutter)/2);right:calc(var(--content-gutter)/2);top:66px}}
/* Align the first and last navigation elements with the body content. */
.header .nav.wrap{padding-inline:0}

/* Reference palette: black canvas, charcoal panels, off-white primary actions. */
:root{--bg:#0a0a0a;--panel:#1e1e23;--panel-dark:#111113;--line:#2e2e33;--text:#f7f7f7;--muted:#aaaaae;--lime:#f7f7f7}
.header{background:linear-gradient(115deg,#ffffff08,#ffffff03),#090909c9}.primary,.nav-emblem,.nav-cta{background:#f7f7f7;color:#090909;border-color:#ffffff33}.primary:hover,.nav-cta:hover{background:#ffffff;color:#090909}.signup-inline .button:disabled{background:#d8d8dc;color:#19191c;border-color:#d8d8dc}.hero-description{color:#b5b5b9}
/* Front-facing outline mark; keep all accents monochrome. */
.contribute-section{padding-block:20px 52px}.contribute-section .section-heading h2{font-size:34px}.contribute-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contribute-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#ffffff07,#ffffff02);transition:border-color .25s,transform .25s}.contribute-card:hover{border-color:#66666b;transform:translateY(-3px)}.contribute-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.contribute-top>.icon{width:36px;height:36px;padding:8px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff08}.contribute-top>span{font:9px var(--mono);letter-spacing:.7px;color:var(--muted)}.contribute-card h3{font-size:21px;letter-spacing:-.5px;margin:0 0 10px}.contribute-card p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 22px}.contribute-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:11px 15px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff07;color:var(--text);font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s}.contribute-action:hover{background:#ffffff15}.contribute-action:focus-visible{outline:2px solid white;outline-offset:4px}.contribute-action span{font-size:18px;line-height:1}.contribute-footnote{font-size:12px;color:var(--muted);text-align:center;margin:18px 0 0}.share-fallback{padding:16px;border:1px solid var(--line);border-radius:14px;font-size:15px;line-height:1.6;user-select:all}.share-fallback[hidden]{display:none}@media(max-width:800px){.contribute-grid{grid-template-columns:1fr}.contribute-card{padding:20px}.contribute-top{margin-bottom:14px}.contribute-section .section-heading h2{font-size:29px}.contribute-section{padding-bottom:36px}}@media(prefers-reduced-motion:reduce){.contribute-card,.contribute-action{transition:none}.contribute-card:hover{transform:none}}.motion-paused .contribute-card{transition:none;transform:none}
.nav-emblem{background:transparent;color:#f7f7f7;box-shadow:none}
.nav-emblem svg{width:32px;height:32px}
.nav .brand:hover .nav-emblem{transform:none}
.role-art:has(use[href="#dende-mark"]),.role-art:has(use[href="#dende-mark"])>.icon{transform:none}
@media(max-width:580px){.nav-emblem svg{width:29px;height:29px}}