:root{--ink:#0c0b0a;--ink-deep:#070605;--raised:#141312;--raised-2:#1c1b19;--bone:#f5f3ee;--bone-rgb:245, 243, 238;--grey-mid:#8a857c;--grey-dim:#5e5a54;--accent:#3f7d5c;--accent-text:#5e9e78;--accent-soft:#3f7d5c29;--accent-line:#3f7d5c47;--accent-glowless:#3f7d5c14;--accent-hover:#4a8e6a;--accent-ink:#f5f3ee;--struct:138, 133, 124;--hair:rgba(var(--struct), .12);--hair-soft:rgba(var(--struct), .07);--grid-a:.028;--grid-line:rgba(var(--struct), var(--grid-a));--display:"Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display-weight:500;--display-tracking:-.032em;--display-leading:.98;--display-size:clamp(44px, 7.4vw, 92px);--lede-size:18px;--lede-color:var(--grey-mid);--radius-btn:6px;--radius-card:8px;--radius-tag:9999px;--btn-bg:var(--accent);--btn-fg:var(--accent-ink);--btn-bg-hover:var(--accent-hover);--lens-r:320px;--lens-a:.17;--gutter:clamp(24px, 5vw, 72px);--maxw:1280px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background:var(--ink)}body{background:var(--ink);color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;overflow:hidden}.hero{width:100%;height:100vh;padding:28px var(--gutter) 32px;flex-direction:column;display:flex;position:relative;overflow:hidden}.shell{z-index:2;width:100%;max-width:var(--maxw);flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative}.nav{letter-spacing:-.01em;align-items:center;gap:24px;font-size:14px;display:flex}.nav .wordmark{font-family:var(--display);letter-spacing:-.02em;font-size:15px;font-weight:500}.nav .desc{font-family:var(--mono);letter-spacing:.1em;color:var(--grey-dim);text-transform:uppercase;font-size:11px;font-weight:400}.nav .links{align-items:center;gap:26px;margin-left:auto;display:flex}.nav a{color:var(--grey-mid);text-decoration:none;transition:color .18s}.nav a:hover{color:var(--bone)}.eyebrow{font-family:var(--mono);font-size:calc(12px * var(--type-scale,1));letter-spacing:.14em;text-transform:uppercase;color:var(--grey-dim);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;font-weight:500;line-height:1.5;display:inline-flex}.eyebrow:before{content:"";background:rgba(var(--struct), .28);width:18px;height:1px}.eyebrow.plain:before{display:none}h1.display{font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading);font-size:calc(var(--display-size) * var(--type-scale,1))}h1.display.md{font-size:clamp(42px,6.4vw,84px);line-height:1}.lede{font-size:calc(var(--lede-size) * var(--type-scale,1));color:color-mix(in srgb, var(--bone) calc(var(--contrast,0) * 1%), var(--lede-color));letter-spacing:-.01em;max-width:58ch;line-height:1.6}.lede strong{color:var(--bone);font-weight:400}.mono{font-family:var(--mono);color:var(--grey-dim);font-weight:500}.accent{color:var(--accent-text)}.mark{color:var(--bone);white-space:nowrap;position:relative}[data-mark=rule] .mark:after{content:"";background:var(--accent);background-image:var(--accent-gradient,none);height:2px;position:absolute;bottom:.06em;left:0;right:0}[data-mark=color] .mark{color:var(--accent-text);text-shadow:none}[data-accent-gradient=on] [data-mark=color] .mark{background-image:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 -.08em;padding:0 .08em;display:inline-block}[data-mark=wash] .mark{background:var(--accent-soft);box-shadow:0 0 0 .14em var(--accent-soft);border-radius:2px}[data-mark=italic] .mark{color:var(--accent-text);font-style:italic}[data-accent-gradient=on] [data-mark=italic] .mark{background-image:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 -.14em;padding:0 .14em;display:inline-block}[data-mark=echo] .mark{text-shadow:.055em .055em 0 var(--accent)}[data-mark=bracket] .mark:before,[data-mark=bracket] .mark:after{color:var(--accent);font-family:var(--mono);vertical-align:.18em;font-size:.62em;font-weight:400}[data-mark=bracket] .mark:before{content:"[";margin-right:.16em}[data-mark=bracket] .mark:after{content:"]";margin-left:.16em}[data-mark=box] .mark{box-shadow:inset 0 0 0 1px var(--accent-line);border-radius:var(--radius-tag);padding:0 .16em}[data-eyebrow=underscore] .eyebrow{border-bottom:1px solid rgba(var(--struct), .12);width:100%;max-width:720px;color:var(--grey-dim);padding-bottom:12px;display:flex}[data-eyebrow=underscore] .eyebrow:before{display:none}[data-eyebrow=plate] .eyebrow{border:1px solid var(--accent-line);border-radius:var(--radius-tag);color:var(--grey-mid);padding:6px 12px}[data-eyebrow=plate] .eyebrow:before{display:none}[data-eyebrow=wide] .eyebrow{letter-spacing:.26em;color:var(--grey-mid);font-size:calc(11px * var(--type-scale,1))}[data-eyebrow=wide] .eyebrow:before{display:none}[data-eyebrow=slash] .eyebrow{color:var(--grey-mid)}[data-eyebrow=slash] .eyebrow:before{content:"//";width:auto;height:auto;color:var(--accent);opacity:1;letter-spacing:0;background:0 0}[data-eyebrow=pill] .eyebrow{background:var(--accent-glowless);border-radius:var(--radius-tag);padding:7px 14px}[data-eyebrow=bracket] .eyebrow:before{content:"[";opacity:1;background:0 0;width:auto;height:auto}[data-eyebrow=bracket] .eyebrow:after{content:"]";color:var(--accent);margin-left:10px}[data-eyebrow=trail] .eyebrow:before{display:none}[data-eyebrow=trail] .eyebrow:after{content:"";background:var(--accent);opacity:.7;width:56px;height:1px}[data-eyebrow=bar] .eyebrow{border-left:2px solid var(--accent);color:var(--grey-mid);padding-left:12px}[data-eyebrow=bar] .eyebrow:before{display:none}[data-eyebrow=plainer] .eyebrow{font-size:calc(13px * var(--type-scale,1));letter-spacing:.1em;color:var(--bone);opacity:.72}[data-eyebrow=plainer] .eyebrow:before{display:none}hr.rule{border:0;border-top:1px solid var(--hair)}hr.rule.accent-rule{border-top-color:var(--accent-line)}.btns{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{letter-spacing:-.01em;border-radius:var(--radius-btn);border:1px solid #0000;align-items:center;gap:10px;padding:15px 26px;font-size:16px;font-weight:500;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--btn-bg);color:var(--btn-fg);-webkit-text-fill-color:var(--btn-fg);-webkit-background-clip:border-box;background-clip:border-box}.btn-accent:hover{background:var(--btn-bg-hover)}.btn-solid{background:var(--bone);color:var(--ink)}.btn-solid:hover{background:#fffdf8}.btn-ghost{border-width:.5px;border-color:rgba(var(--struct), .12);color:var(--bone);background:0 0}.btn-ghost:hover{border-color:rgba(var(--struct), .26);color:var(--bone)}.btn-link{color:var(--grey-mid);border-bottom:1px solid var(--hair);padding-bottom:3px;font-size:15px;text-decoration:none}.btn-link:hover{color:var(--bone);border-bottom-color:rgba(var(--struct), .26)}.btn.pill,.pill{border-radius:9999px}.nav a.nav-cta{color:var(--bone);border-color:rgba(var(--bone-rgb), .24);padding:11px 20px;font-size:14px}.nav a.nav-cta:hover{border-color:rgba(var(--bone-rgb), .48);color:var(--bone)}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.dot.pulse{animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.rise{animation:.7s cubic-bezier(.16,1,.3,1) both rise}.rise-1{animation-delay:50ms}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.19s}.rise-4{animation-delay:.26s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}[data-accent-gradient=on] .accent,[data-accent-gradient=on] .eyebrow,[data-accent-gradient=on] .v1-idx,[data-accent-gradient=on] .v6-v,[data-accent-gradient=on] .v4-k,[data-accent-gradient=on] .v5-n,[data-accent-gradient=on] .v5-mid{background-image:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}[data-accent-gradient=on] .eyebrow:before,[data-accent-gradient=on] .mark:after,[data-accent-gradient=on] .dot,[data-accent-gradient=on] .btn-accent,[data-accent-gradient=on] .backdrop-frame-inner{background-image:var(--accent-gradient)}[data-accent-gradient=on] .backdrop-frame-inner{-webkit-mask-composite:xor;opacity:.55;border:0;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-accent-gradient=on] .btn-accent{color:var(--accent-ink);-webkit-text-fill-color:var(--accent-ink)}[data-accent-gradient=on] .btn-accent:hover{filter:brightness(1.08)}[data-accent-gradient=on] .btn-ghost:hover{color:var(--accent)}.scanline{will-change:transform;z-index:4;pointer-events:none;background:linear-gradient(to right, transparent, var(--accent), transparent);width:20%;height:1px;animation:7s cubic-bezier(.65,0,.35,1) infinite scan;position:fixed;bottom:0;left:0}@keyframes scan{0%{opacity:0;transform:translate(-40%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(520%)}}@media (prefers-reduced-motion:reduce){.scanline{opacity:.5;animation:none}}.switcher{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hair);background:#0c0b0ad1;border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;width:max-content;padding:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.switcher button{font-family:var(--mono);letter-spacing:.06em;color:var(--grey-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:11px;transition:color .15s,background .15s}.switcher button:hover{color:var(--bone)}.switcher button[data-on=true]{color:var(--accent);background:var(--accent-glowless)}.switcher .sep{background:#f5f3ee24;width:1px;height:18px;margin:0 4px}.switcher-row{grid-template-columns:52px auto;align-items:center;gap:8px;display:grid}.switcher-row+.switcher-row{border-top:1px solid #f5f3ee12;margin-top:1px;padding-top:5px}.row-items{flex-wrap:wrap;gap:4px;display:flex}.switcher-row .row-items>button{text-align:center;white-space:nowrap;min-width:104px;padding:7px 12px;line-height:1.25}.switcher .group-label{letter-spacing:.14em;text-transform:uppercase;color:#55555a;flex:none;padding-left:4px;font-size:9px}@media (width<=900px){.switcher{flex-wrap:wrap;justify-content:center;max-width:94vw}}.switcher .name{font-family:var(--mono);color:var(--grey-dim);letter-spacing:.06em;padding:0 4px;font-size:11px}.switcher .swatches{align-items:center;gap:8px;display:flex}.switcher-row .row-items>button.swatch{width:22px;min-width:0;height:22px;padding:0}.switcher .swatch{background-color:var(--sw);background-image:var(--sw-image,none);cursor:pointer;opacity:.45;border:1px solid #f5f3ee24;border-radius:4px;width:18px;height:18px;padding:0;transition:opacity .15s,box-shadow .15s}.switcher .swatch:hover{opacity:.85;transform:translateY(-1px)}.switcher .swatch[data-on=true]{opacity:1;border-color:#0000;box-shadow:0 0 0 2px #0c0b0af2,0 0 0 3.5px #f5f3ee}[data-style=blueprint] .hero:before,[data-style=blueprint] .hero:after,[data-style=meridian] .hero:before,[data-style=meridian] .hero:after{content:"";z-index:3;pointer-events:none;border-color:rgba(var(--struct), .08);width:14px;height:14px;position:fixed}[data-style=blueprint] .hero:before,[data-style=meridian] .hero:before{border-bottom:2px solid;border-left:2px solid;bottom:20px;left:20px}[data-style=blueprint] .hero:after,[data-style=meridian] .hero:after{border-top:2px solid;border-right:2px solid;top:20px;right:20px}[data-style=blueprint] .shell:before,[data-style=blueprint] .shell:after,[data-style=meridian] .shell:before,[data-style=meridian] .shell:after{content:"";z-index:3;pointer-events:none;border-color:rgba(var(--struct), .08);width:14px;height:14px;position:fixed}[data-style=blueprint] .shell:before,[data-style=meridian] .shell:before{border-top:2px solid;border-left:2px solid;top:20px;left:20px}[data-style=blueprint] .shell:after,[data-style=meridian] .shell:after{border-bottom:2px solid;border-right:2px solid;bottom:20px;right:20px}[data-style=obsidian]{--ink:#000;--ink-deep:#000;--raised:#060606;--raised-2:#0d0d0c;--bone:#fff7dd;--grey-mid:#9a958c;--grey-dim:#66635f;--hair:#fff7dd29;--hair-soft:#fff7dd14;--grid-line:transparent;--display:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--sans:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display-weight:500;--display-tracking:-.042em;--display-leading:1;--display-size:clamp(42px, 6.6vw, 82px);--lede-size:16px;--radius-btn:4px;--radius-card:4px;--radius-tag:100px;--btn-bg:#fff7dd;--btn-fg:#000;--btn-bg-hover:#fff}[data-style=obsidian] .eyebrow{letter-spacing:.18em}[data-style=obsidian] .v1-idx{color:var(--accent)}[data-style=obsidian] .btn-ghost{border-color:var(--accent-line);color:var(--accent)}[data-style=obsidian] .btn-ghost:hover{border-color:var(--accent)}[data-style=obsidian] .nav .desc{color:var(--accent)}[data-style=console]{--ink:#0f101a;--ink-deep:#000;--raised:#151621;--raised-2:#1f2433;--bone:#fff;--grey-mid:#c9d3ee;--grey-dim:#646e87;--hair:#1f2433;--hair-soft:#171a26;--grid-line:#939db80d;--display:"Inter", ui-sans-serif, system-ui, sans-serif;--sans:"Inter", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display-weight:500;--display-tracking:-.01em;--display-leading:1.08;--display-size:clamp(40px, 5.6vw, 68px);--lede-size:16px;--lede-color:#939db8;--radius-btn:9999px;--radius-card:16px;--radius-tag:9999px}[data-style=console] .btn-accent{background-image:linear-gradient(353deg, var(--accent) 17.51%, var(--accent-hover) 183.08%);color:#fff;-webkit-text-fill-color:#fff;box-shadow:inset 0 1px 3px #ffffff40}[data-style=console] .btn-ghost{border-color:#939db8;box-shadow:inset 0 1px 3px #ffffff1f}[data-style=console] .btn-ghost:hover{border-color:var(--accent);color:var(--bone)}[data-style=console] .eyebrow{color:var(--accent);letter-spacing:.1em}[data-style=console] .v1-rail{border-left-color:#939db8}[data-style=console] .v1-t{color:var(--grey-dim)}[data-style=console] .nav a:not(.btn){color:#939db8}[data-style=console] .nav a:not(.btn):hover{color:var(--bone)}[data-style=meridian]{--ink:#0c0e11;--ink-deep:#070809;--raised:#14171b;--raised-2:#1d2126;--bone:#eef2f5;--grey-mid:#8b939b;--grey-dim:#5a626a;--hair:#ffffff1c;--hair-soft:#ffffff0d;--grid-line:transparent;--display:"Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--sans:"Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", "JetBrains Mono", ui-monospace, monospace;--display-weight:500;--display-tracking:-.035em;--display-leading:.96;--display-size:clamp(44px, 7vw, 88px);--lede-size:17px;--radius-btn:2px;--radius-card:2px;--radius-tag:2px}[data-style=meridian] .eyebrow{color:var(--accent);letter-spacing:.16em}[data-style=meridian] .eyebrow:before{width:24px;height:2px}[data-style=meridian] .btn{letter-spacing:.02em;padding:13px 22px}[data-style=meridian] .btn-ghost:hover{background:var(--raised);border-color:var(--accent)}[data-style=meridian] .lede{max-width:52ch}[data-style=meridian] .nav{border-bottom:1px solid var(--hair);padding-bottom:18px}[data-style=meridian] .nav .desc{letter-spacing:.18em;font-size:10px}[data-style=meridian] .nav a:not(.btn){font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}[data-style=meridian] .nav a:not(.btn):hover{color:var(--accent)}[data-style=meridian] .v1-rail{border-left:1px solid var(--hair);gap:0}[data-style=meridian] .v1-row{border-bottom:1px solid var(--hair-soft);align-items:center;padding:13px 0}[data-style=meridian] .v1-row:last-child{border-bottom:0}[data-style=meridian] .v1-k{letter-spacing:.01em;font-size:13px}[data-style=meridian] .v1-t{letter-spacing:.08em;text-transform:uppercase;font-size:10px}[data-style=meridian] .v1-idx{font-size:10px}[data-style=meridian] [data-mark=rule] .mark:after{height:3px;bottom:-.06em}[data-style=forge]{--ink:#0f0f0e;--ink-deep:#090908;--raised:#191917;--raised-2:#222220;--bone:#f7f5f1;--grey-mid:#9b9791;--grey-dim:#6a6660;--hair:#f7f5f121;--hair-soft:#f7f5f10f;--grid-line:transparent;--display:"Sora", ui-sans-serif, system-ui, sans-serif;--sans:"Inter", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--display-weight:500;--display-tracking:-.03em;--display-leading:1.06;--display-size:clamp(40px, 5.8vw, 72px);--lede-size:18px;--radius-btn:12px;--radius-card:12px;--radius-tag:12px}[data-style=forge] .eyebrow{letter-spacing:.24em;color:var(--accent)}[data-style=forge] .eyebrow:before{opacity:.5;width:40px}[data-style=forge] .btn-ghost{border-color:var(--hair)}[data-style=forge] .btn-ghost:hover{background:var(--raised);border-color:var(--accent-line)}[data-style=forge] .lede{max-width:46ch;line-height:1.7}[data-style=forge] .v1-rail{border-left:0;gap:26px;padding-left:0}[data-style=forge] .v1-k{letter-spacing:-.015em;font-size:15px}[data-style=forge] .v1-t{letter-spacing:.06em;color:var(--grey-dim);font-size:11px}[data-style=forge] .v1-idx{font-family:var(--mono);opacity:.8;font-size:11px}
