@font-face{font-family:A;src:url(/assets/fonts/Anton-a6f395.woff2) format("woff2");font-display:swap;size-adjust:92%}
:root{--g:#e8c26a;--g2:#b8862f;--k:#000;--p:#0d0d0d;--l:#1c1c1c;--t:#f3efe6;--m:#a39d90}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}body{background:var(--k);color:var(--t);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;padding-bottom:84px}
a{color:inherit}h1,h2,.d{font-family:A,Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:.01em;line-height:.95;text-transform:uppercase}
.w{max-width:560px;margin:0 auto;padding:0 20px}
.inv{display:block;height:40px;line-height:40px;text-align:center;font-size:13px;background:linear-gradient(90deg,#1a1408,#2a2010,#1a1408);color:var(--g);text-decoration:none;border-bottom:1px solid #3a2e14;white-space:nowrap;overflow:hidden}
.inv b{text-decoration:underline}
header{position:sticky;top:0;z-index:20;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(0,0,0,.92);border-bottom:1px solid #1a1a1a}
.lg{display:flex;align-items:center;gap:8px;font:700 18px/1 system-ui;text-decoration:none}.lg i{font:italic 400 20px A,Impact;color:var(--g)}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;font:700 16px system-ui;cursor:pointer;text-decoration:none;color:#111;background:linear-gradient(180deg,#f6dc95,var(--g) 55%,var(--g2));box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 6px 20px rgba(232,194,106,.25);transition:transform .08s,box-shadow .08s;touch-action:manipulation;user-select:none}
.b:active,.b.pr{transform:scale(.96) translateY(1px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 2px 6px rgba(232,194,106,.2)}
.bs{height:40px;padding:0 18px;font-size:14px}.bl{height:56px;padding:0 28px;width:100%}
.gh{background:none;color:var(--t);box-shadow:inset 0 0 0 1.5px #3a3a3a}
/* hero */
.hero{position:relative;padding:28px 0 36px;overflow:hidden}
.lights{display:flex;gap:10px;margin-bottom:22px}.lights span{width:22px;height:22px;border-radius:50%;background:#2a0b0b;box-shadow:inset 0 0 0 2px #3a1515;animation:on .9s steps(1) both}
.lights span:nth-child(2){animation-delay:.12s}.lights span:nth-child(3){animation-delay:.24s}.lights span:nth-child(4){animation-delay:.36s}.lights span:nth-child(5){animation-delay:.48s}
@keyframes on{0%{background:#2a0b0b}1%{background:#ff2a2a;box-shadow:0 0 14px #ff2a2a}70%{background:#ff2a2a;box-shadow:0 0 14px #ff2a2a}71%,100%{background:var(--g);box-shadow:0 0 12px rgba(232,194,106,.6)}}
.k{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--g);font-weight:600}
h1{font-size:clamp(56px,17vw,92px);margin:10px 0 16px}
h1 span{display:block;animation:up .5s cubic-bezier(.2,.8,.2,1) both}h1 span:nth-child(2){animation-delay:.08s;color:var(--g)}h1 span:nth-child(3){animation-delay:.16s}
@keyframes up{from{opacity:0;transform:translateY(40%)}}
.hero p{color:var(--m);font-size:18px;max-width:30ch;margin-bottom:22px}
.ctas{display:grid;gap:10px}.prom{font-size:14px;color:var(--m);text-align:center;margin-top:10px}.prom:before{content:"● ";color:#5bd47a}
.track{position:absolute;right:-60px;top:20px;width:260px;opacity:.5;pointer-events:none;z-index:-1}
.track path{stroke-dasharray:900;stroke-dashoffset:900;animation:dr 1.6s .2s ease-out forwards}
@keyframes dr{to{stroke-dashoffset:0}}
section,.con{scroll-margin-top:70px}section{padding:56px 0}h2{font-size:clamp(40px,11vw,60px);margin:8px 0 14px}h2 em{font-style:normal;color:var(--g)}
.sub{color:var(--m);margin-bottom:24px}
/* carousel */
.car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 16px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.car::-webkit-scrollbar{display:none}
.cd{flex:0 0 82%;max-width:420px;scroll-snap-align:center;background:linear-gradient(160deg,#151515,#0a0a0a);border:1px solid #242424;border-radius:24px;padding:22px;min-height:250px;position:relative;overflow:hidden}
.cd h3{font:400 30px/1 A,Impact;text-transform:uppercase;margin:14px 0 8px}.cd p{color:var(--m);font-size:15px}
.cd .n{font:600 12px ui-monospace,monospace;color:var(--g);letter-spacing:.1em}
.cd svg{position:absolute;right:-10px;bottom:-10px;width:120px;opacity:.35}
.dots{display:flex;gap:6px;justify-content:center}.dots i{width:6px;height:6px;border-radius:3px;background:#333;transition:width .2s,background .2s}.dots i.on{width:20px;background:var(--g)}
/* flow */
.flow{contain:layout paint;background:var(--p);border:1px solid #222;border-radius:24px;padding:16px}
.flow svg{width:100%;height:auto;display:block}
.st{fill:#141414;stroke:#333;stroke-width:1.5;transition:stroke .25s,fill .25s}.st.on{stroke:var(--g);fill:#1d1708}
.lb{fill:var(--m);font:600 11px system-ui;text-anchor:middle;transition:fill .25s}.lb.on{fill:var(--t)}
.ln{stroke:#2a2a2a;stroke-width:2;fill:none}.lnG{stroke:var(--g);stroke-width:2.5;fill:none;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset .5s linear}
.tok{fill:var(--g);opacity:0;transition:opacity .2s,transform .5s cubic-bezier(.4,0,.2,1)}
.stp{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.stp button{height:44px;border-radius:12px;border:1px solid #2a2a2a;background:#111;color:var(--m);font:600 13px system-ui;transition:transform .08s,background .2s,color .2s}
.stp button:active{transform:scale(.94)}.stp button.on{background:#221a08;color:var(--g);border-color:#5a4520}
.fcap{min-height:48px;margin-top:12px;color:var(--t);font-size:15px}
/* constellation */
.con{position:relative;contain:layout paint}.con svg{width:100%;height:auto;display:block}
.cl{stroke:var(--g);stroke-width:1.2;fill:none;stroke-dasharray:300;stroke-dashoffset:300;opacity:.8}
.cn{fill:#000;stroke:var(--g);stroke-width:2}.cg{fill:var(--g);opacity:.15}
.ct{fill:var(--t);font:700 12px system-ui;text-anchor:middle}
.con.in .cl{animation:dr 1.2s ease-out forwards}.con.in .cl:nth-of-type(2){animation-delay:.15s}.con.in .cl:nth-of-type(3){animation-delay:.3s}.con.in .cl:nth-of-type(4){animation-delay:.45s}.con.in .cl:nth-of-type(5){animation-delay:.6s}.con.in .cl:nth-of-type(6){animation-delay:.75s}
.pulse{animation:pu 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pu{50%{transform:scale(1.6);opacity:.05}}
/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@supports (animation-timeline:view()){.rv{opacity:1;transform:none;transition:none;animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.con .cl{animation:dr linear forwards;animation-timeline:view();animation-range:entry 10% cover 45%}
.prog{animation:pg linear;animation-timeline:scroll(root)}}
@keyframes rise{from{opacity:0;transform:translateY(28px)}}
@keyframes pg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.prog{position:fixed;left:0;top:0;right:0;height:2px;background:var(--g);transform-origin:0 50%;transform:scaleX(0);z-index:30}
@supports not (animation-timeline:scroll()){.prog{display:none}}
/* founding */
.fd{border-radius:24px;padding:26px 22px;background:radial-gradient(120% 80% at 100% 0,#2b210c,#0c0c0c 60%);border:1px solid #3a2e14}
.fd ul{list-style:none;margin:16px 0 22px;display:grid;gap:10px}.fd li:before{content:"→ ";color:var(--g)}
/* faq */
details{border-bottom:1px solid #222}summary{list-style:none;cursor:pointer;padding:18px 32px 18px 0;font-weight:600;position:relative}
summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;color:var(--g);transition:transform .2s}
details[open] summary:after{transform:rotate(45deg)}details p{color:var(--m);padding:0 0 18px}
footer{padding:36px 0 24px;color:var(--m);font-size:14px;border-top:1px solid #1a1a1a}
/* sticky + sheet */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.9) 35%);transform:translateY(0);transition:transform .25s}
.dock.hide{transform:translateY(110%)}.dock .b{max-width:528px;margin:0 auto;display:flex}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s;z-index:50}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#111;border-radius:24px 24px 0 0;border-top:1px solid #333;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);padding:10px 20px calc(20px + env(safe-area-inset-bottom))}
.open .scrim{opacity:1;pointer-events:auto}.open .sheet{transform:none}
.grab{width:40px;height:5px;border-radius:3px;background:#444;margin:0 auto 14px}
.sheet h2{font-size:38px}form{display:grid;gap:12px;margin-top:8px}
label{display:grid;gap:6px;font-size:13px;color:var(--m);font-weight:600}
input,select,textarea{width:100%;font:16px system-ui;color:var(--t);background:#0a0a0a;border:1px solid #2e2e2e;border-radius:14px;padding:14px;outline:0;transition:border-color .15s}
input:focus,select:focus,textarea:focus{border-color:var(--g)}
.x{position:absolute;right:14px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:#1d1d1d;color:var(--t);font-size:20px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.lnG{stroke-dashoffset:0}.cl{stroke-dashoffset:0}}
@media(min-width:900px){.cd{flex-basis:360px}}

/* venue picker */
.vt{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px 14px;padding:0 20px}.vt::-webkit-scrollbar{display:none}
.vt button{flex:0 0 auto;height:40px;padding:0 16px;border-radius:999px;border:1px solid #2a2a2a;background:#111;color:var(--m);font:600 14px system-ui;transition:transform .08s,background .2s,color .2s}
.vt button:active{transform:scale(.95)}.vt button[aria-selected=true]{background:#221a08;color:var(--g);border-color:#5a4520}
.vp{background:var(--p);border:1px solid #222;border-radius:24px;padding:22px}.vp h3{font:400 30px/1 A,Impact;text-transform:uppercase;margin-bottom:12px}
.vp ul{list-style:none;display:grid;gap:10px;margin-bottom:20px}.vp li{padding-left:22px;position:relative}.vp li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:2px;background:var(--g)}
.vp .fade{animation:fi .35s ease both}@keyframes fi{from{opacity:0;transform:translateY(8px)}}
/* bot */
.bot{background:var(--p);border:1px solid #222;border-radius:24px;padding:16px}
.bh{display:flex;justify-content:space-between;align-items:center;font:600 11px ui-monospace,monospace;letter-spacing:.12em;color:var(--m);text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid #1e1e1e}
.bh b{color:var(--g);font-weight:600}.tag{border:1px solid #3a2e14;color:var(--g);border-radius:999px;padding:4px 8px;font-size:10px}
.pr{display:grid;gap:8px;margin:14px 0}.pr button{text-align:left;min-height:46px;padding:10px 14px;border-radius:14px;border:1px solid #2a2a2a;background:#111;color:var(--t);font:500 15px system-ui;transition:transform .08s,border-color .2s}
.pr button:active{transform:scale(.97)}.pr button[aria-pressed=true]{border-color:var(--g);background:#1a1408}.pr button:before{content:"› ";color:var(--g)}
.ans{min-height:150px;border-radius:16px;background:#0a0a0a;border:1px solid #1e1e1e;padding:14px}.ans p{font-size:15px;margin-bottom:12px}.ans .fade{animation:fi .35s ease both}
.bars{display:flex;align-items:flex-end;gap:6px;height:64px}.bars i{flex:1;background:linear-gradient(var(--g),var(--g2));border-radius:4px 4px 0 0;transform-origin:bottom;animation:gr .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes gr{from{transform:scaleY(0)}}
.rows{display:grid;gap:6px}.rows span{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 12px;border-radius:10px;background:#141414;font-size:13px;color:var(--m)}.rows span b{color:var(--g);font-weight:600}
.cf{display:flex;gap:8px}.cf span{flex:1;height:40px;border-radius:999px;display:grid;place-items:center;font:600 14px system-ui;border:1px solid #2a2a2a}.cf span:first-child{background:var(--g);color:#111;border:0}
/* seal */
#seal{text-align:center;padding:72px 0 64px;position:relative;overflow:hidden}
#seal:before{content:"";position:absolute;left:50%;top:150px;width:520px;height:520px;margin-left:-260px;background:radial-gradient(closest-side,rgba(232,194,106,.16),transparent);pointer-events:none;opacity:0;transition:opacity 1.2s}
.sq{position:relative;width:min(56vw,220px);aspect-ratio:1;margin:0 auto 34px}
.sq:after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:0 0 50px rgba(232,194,106,.35);opacity:0;transition:opacity .8s 1.1s}
.sq svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sb{fill:none;stroke:url(#sg);stroke-width:1.6;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.4s cubic-bezier(.6,0,.2,1)}
.sq img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:18px;opacity:0;transform:scale(.94);transition:opacity .7s 1s,transform .9s 1s cubic-bezier(.2,.8,.2,1)}
.arc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.2s .4s}
#seal.in .sb{stroke-dashoffset:0}#seal.in .sq:after,#seal.in .sq img,#seal.in .arc{opacity:1}#seal.in .sq img{transform:none}#seal.in .arc{opacity:.7}
.dv{width:40px;height:2px;background:var(--g);margin:20px auto}
#seal h2{font-size:clamp(40px,11vw,64px)}#seal .sub{max-width:32ch;margin:0 auto 22px}
@media(prefers-reduced-motion:reduce){.sb{stroke-dashoffset:0}.sq:after,.sq img{opacity:1;transform:none}.arc{opacity:.7}}
/* nav */
.hr{display:flex;align-items:center;gap:8px}
.nv{position:relative}.nv summary{list-style:none;cursor:pointer;height:40px;padding:0 14px;border-radius:999px;display:flex;align-items:center;font:600 14px system-ui;box-shadow:inset 0 0 0 1.5px #3a3a3a}
.nv summary::-webkit-details-marker{display:none}.nv[open] summary{box-shadow:inset 0 0 0 1.5px var(--g);color:var(--g)}
.nv nav{position:fixed;left:12px;right:12px;top:62px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:20px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;max-width:520px;margin-left:auto;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.nv nav b{grid-column:span 1;font:600 11px/1 system-ui;letter-spacing:.16em;text-transform:uppercase;color:var(--g);padding:8px 0 4px}
.nv nav .c{display:grid;gap:2px;align-content:start}.nv nav a{text-decoration:none;padding:9px 0;font-size:15px;color:var(--t)}.nv nav a:active{color:var(--g)}
@media(min-width:900px){.nv nav{position:absolute;left:auto;right:0;top:50px;width:440px}}
/* status pills */
.s{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font:700 10.5px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.s:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-live{color:#7be093;background:rgba(91,212,122,.1);border:1px solid rgba(91,212,122,.3)}
.s-roll{color:var(--g);background:rgba(232,194,106,.1);border:1px solid rgba(232,194,106,.35)}
.s-beta{color:#9fb7ff;background:rgba(140,170,255,.08);border:1px solid rgba(140,170,255,.3)}
.cd .s{position:absolute;right:18px;top:18px}
/* calc */
.calc{background:var(--p);border:1px solid #222;border-radius:24px;padding:20px}
.calc .g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc input{font:600 22px system-ui}.out{margin-top:16px;border-radius:18px;padding:18px;background:radial-gradient(120% 90% at 100% 0,#2b210c,#0c0c0c 65%);border:1px solid #3a2e14}
.out .v{font:400 clamp(40px,12vw,60px)/1 A,Impact;color:var(--g);margin:6px 0}.out small{color:var(--m);display:block}
/* integrations */
.ig{display:grid;gap:10px}.ig div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border:1px solid #222;border-radius:16px;background:#0b0b0b}
.ig h4{font:600 15px system-ui}.ig p{color:var(--m);font-size:13px}
.igh{font:600 12px system-ui;letter-spacing:.16em;text-transform:uppercase;color:var(--m);margin:18px 0 8px}
/* stories */
.story{border:1px dashed #3a2e14;border-radius:24px;padding:26px 22px;text-align:center;background:#080808}
.story .q{font:400 64px/0.6 A,Impact;color:var(--g);opacity:.5;margin-bottom:10px}
/* living demo */
.liv{border:1px solid #222;border-radius:24px;background:radial-gradient(90% 70% at 50% 40%,#17120a,#050505);min-height:320px;display:grid;place-items:center;overflow:hidden;position:relative}
.liv .b{width:auto}
#lv svg{width:100%;height:auto;display:block}
.lvc{min-height:44px;margin-top:12px;font-size:15px}
.lvt{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.lvt button{height:38px;padding:0 14px;border-radius:999px;border:1px solid #2a2a2a;background:#111;color:var(--m);font:600 13px system-ui}.lvt button.on{color:var(--g);border-color:#5a4520;background:#221a08}
/* subpages */
.ph{padding:34px 0 30px}.ph h1{font-size:clamp(48px,14vw,84px)}.ph p{color:var(--m);font-size:18px;max-width:34ch;margin-bottom:20px}
.crumb{font-size:13px;color:var(--m);margin-bottom:14px}.crumb a{color:var(--m)}
.bl2{display:grid;gap:12px}.bl2 article{border:1px solid #222;border-radius:20px;padding:20px;background:linear-gradient(160deg,#121212,#090909)}
.bl2 h3{font:400 26px/1 A,Impact;text-transform:uppercase;margin-bottom:8px}.bl2 p{color:var(--m);font-size:15px}
.rel{display:flex;flex-wrap:wrap;gap:8px}.rel a{padding:10px 14px;border:1px solid #2a2a2a;border-radius:999px;text-decoration:none;font-size:14px}
.ft{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.ft b{display:block;color:var(--g);font:600 11px system-ui;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.ft a{display:block;padding:5px 0;text-decoration:none;color:var(--t)}
html[data-hv="1"] h1.hh,html[data-hv="2"] h1.hh{font-size:clamp(40px,11.4vw,80px)}
.nv summary:after{content:none}
