@font-face{font-family:cabinet;src:url(../media/CabinetGrotesk_Variable-s.p.efe05e3f.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:cabinet Fallback;src:local(Arial);ascent-override:84.24%;descent-override:27.11%;line-gap-override:8.71%;size-adjust:103.28%}.cabinet_d9dff336-module__aTNsRa__className{font-family:cabinet,cabinet Fallback}.cabinet_d9dff336-module__aTNsRa__variable{--f-cabinet:"cabinet","cabinet Fallback"}
@font-face{font-family:general;src:url(../media/GeneralSans_Variable-s.p.f249fe39.woff2)format("woff2");font-display:swap;font-weight:200 700}@font-face{font-family:general Fallback;src:local(Arial);ascent-override:91.05%;descent-override:21.64%;line-gap-override:9.01%;size-adjust:110.93%}.general_a39580a-module__ToeDra__className{font-family:general,general Fallback}.general_a39580a-module__ToeDra__variable{--f-general:"general","general Fallback"}
@font-face{font-family:switzer;src:url(../media/Switzer_Variable-s.p.bd58316e.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:switzer Fallback;src:local(Arial);ascent-override:96.67%;descent-override:24.66%;line-gap-override:8.88%;size-adjust:101.38%}.switzer_a08789b2-module__OYGseG__className{font-family:switzer,switzer Fallback}.switzer_a08789b2-module__OYGseG__variable{--f-switzer:"switzer","switzer Fallback"}
@font-face{font-family:satoshi;src:url(../media/Satoshi_Variable-s.p.fc536e90.woff2)format("woff2");font-display:swap;font-weight:300 900}@font-face{font-family:satoshi Fallback;src:local(Arial);ascent-override:92.36%;descent-override:21.95%;line-gap-override:9.14%;size-adjust:109.35%}.satoshi_f22bd9ae-module__IYifBW__className{font-family:satoshi,satoshi Fallback}.satoshi_f22bd9ae-module__IYifBW__variable{--f-satoshi:"satoshi","satoshi Fallback"}
@font-face{font-family:clash;src:url(../media/ClashDisplay_Variable-s.p.dac50d10.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:clash Fallback;src:local(Arial);ascent-override:77.76%;descent-override:21.84%;line-gap-override:7.86%;size-adjust:114.46%}.clash_a3b1fc93-module__vuEVuW__className{font-family:clash,clash Fallback}.clash_a3b1fc93-module__vuEVuW__variable{--f-clash:"clash","clash Fallback"}
body:has(.spec){background:#0e100f}.spec{--black:#0e100f;--offblack:#191919;--cream:#fffce1;--muted:#7c7c6f;--line:#42433d;--gutter:clamp(20px,5vw,64px);--maxw:1280px;background:var(--black);color:var(--cream);min-height:100vh;font-family:var(--f-satoshi),system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.spec[data-palette=signal]{--c1:#2e5bff;--c2:#00a8ff;--c3:#00e5c0;--c4:#b4ff2e;--c5:#2e5bff}.spec[data-palette=spectrum]{--c1:#2e5bff;--c2:#9b5cff;--c3:#ff3d9a;--c4:#ff5a2b;--c5:#ffb800}.spec[data-palette=pop]{--c1:#cf0;--c2:#ff4d2e;--c3:#9d5cff;--c4:#cf0;--c5:#ff4d2e}.t-display,.t-hlg,.t-h,.t-hsm,.t-sub,.hero-h1,.hs-group,.chip,.ph-num{font-family:var(--f-satoshi),sans-serif}.t-display{letter-spacing:-.02em;margin:0;font-size:clamp(52px,13vw,224px);font-weight:600;line-height:.9}.t-hlg{letter-spacing:-.011em;margin:0;font-size:clamp(38px,7vw,101px);font-weight:600;line-height:1}.t-h{letter-spacing:-.01em;margin:0;font-size:clamp(30px,5vw,66px);font-weight:400;line-height:1.2}.t-hsm{letter-spacing:-.01em;margin:0;font-size:clamp(26px,3.4vw,44px);font-weight:400;line-height:1.2}.t-sub{letter-spacing:-.01em;margin:0;font-size:clamp(21px,2.6vw,34px);font-weight:600;line-height:1.2}.t-blg{letter-spacing:-.01em;margin:0;font-size:clamp(17px,1.7vw,23px);font-weight:400;line-height:1.38}.t-b{margin:0;font-size:19px;font-weight:400;line-height:1.5}.t-bsm{margin:0;font-size:16px;line-height:1.5}.t-cap{letter-spacing:-.01em;margin:0;font-size:14px;line-height:1.4}.dim{color:var(--muted)}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.sec{padding-block:clamp(64px,10vw,128px)}.rule{background:var(--line);transform-origin:0;border:0;width:100%;height:1px}.slash{letter-spacing:-.01em;color:var(--cream);gap:.5em;margin-bottom:28px;font-size:clamp(16px,1.9vw,28px);font-weight:400;display:inline-flex}.slash:before{content:"//";color:var(--c1)}.hatch{background-image:repeating-linear-gradient(-45deg,var(--c1)0 2px,transparent 2px 11px)}.hatch-2{background-image:repeating-linear-gradient(-45deg,var(--c3)0 3px,transparent 3px 14px)}.btn{border:1px solid var(--cream);color:var(--cream);cursor:pointer;background:0 0;border-radius:100px;justify-content:center;align-items:center;padding:15px 30px;font-family:inherit;font-size:16px;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.btn:hover{background:var(--cream);color:var(--black)}.btn-accent{border-color:var(--c1);color:var(--c1)}.btn-accent:hover{background:var(--c1);color:var(--black)}.btn-sm{padding:9px 18px;font-size:14px}.tag{letter-spacing:-.01em;color:var(--muted);align-items:center;gap:.45em;font-size:14px;display:inline-flex}.tag:before{content:"";background:var(--tagc,var(--c1));border-radius:50%;width:8px;height:8px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;display:grid}.card{border:1px solid var(--line);background:var(--offblack);border-radius:8px;padding:24px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.card:hover{border-color:var(--cardc,var(--c1));transform:translateY(-4px)}.card-bar{background:var(--cardc,var(--c1));transform-origin:bottom;width:3px;transition:transform .35s;position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.card:hover .card-bar{transform:scaleY(1)}.switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e100fe0;border-radius:100px;gap:6px;padding:6px;display:flex}.switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:100px;padding:8px 14px;font-family:inherit;font-size:13px;transition:color .2s,background-color .2s}.switch button[data-on=true]{background:var(--cream);color:var(--black)}.grain{z-index:70;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.swatches{flex-wrap:wrap;gap:10px;display:flex}.sw{color:#0e100fbf;border-radius:6px;flex:90px;align-items:flex-end;height:84px;padding:10px;font-size:12px;font-weight:600;display:flex}.pal-card{border:1px solid var(--line);cursor:pointer;background:var(--offblack);text-align:left;width:100%;color:inherit;border-radius:8px;padding:24px;font-family:inherit;transition:border-color .3s}.pal-card[data-on=true]{border-color:var(--cream)}.row{border-top:1px solid var(--line);grid-template-columns:128px 1fr;align-items:baseline;gap:20px;padding-block:18px;display:grid}@media (max-width:640px){.row{grid-template-columns:1fr;gap:6px}}.pin{padding-block:clamp(64px,10vw,128px);position:relative}.phase{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto;padding-block:28px}.pin.is-animated{align-items:center;height:100vh;padding-block:0;display:flex;overflow:hidden}.pin.is-animated .phase{padding-block:0;position:absolute;left:0;right:0}.hero-line{display:block;overflow:hidden}.hero-holder{position:relative}.hero-shape{z-index:0;pointer-events:none;width:clamp(170px,24vw,360px);height:clamp(170px,24vw,360px);position:absolute;top:clamp(56px,11vh,130px);right:-2%}.hero-holder>:not(.hero-shape):not(.scroll-cue){z-index:1;position:relative}@media (max-width:900px){.hero-shape{width:clamp(150px,44vw,260px);height:clamp(150px,44vw,260px);top:20vh;right:-10%}}.shape-cell{border:1px solid var(--line);background:var(--offblack);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:18px;padding:24px;display:flex}.shape-cell svg{width:100%;max-width:180px;height:auto}.float{will-change:transform}.icon-row{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.t-outline{color:#0000;-webkit-text-stroke:1.5px var(--cream)}.t-outline-accent{-webkit-text-stroke:1.5px var(--c1)}.t-hatchfill{background-image:repeating-linear-gradient(-45deg,var(--c1)0 3px,transparent 3px 11px);color:#0000;-webkit-background-clip:text;background-clip:text}.text-demo{position:relative}.deco{pointer-events:none;z-index:2;position:absolute}.scramble{cursor:crosshair;display:inline-block}.fx-note{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}