@font-face{font-family:"InterV";src:url(/fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
--bg:#050d09;--bg1:#08140e;--bg2:#0b1a13;--surf:rgba(255,255,255,.035);--surf2:rgba(255,255,255,.06);
--bd:rgba(255,255,255,.08);--bd2:rgba(255,255,255,.14);
--tx:#eef6f1;--tx2:#a5b8ad;--tx3:#6f857a;
--accent:#3dff8f;--accent2:#b4ffd2;--accent-ink:#03140a;
--r1:8px;--r2:12px;--r3:16px;--r4:24px;
--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--s8:128px;
--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.6 "InterV",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,svg{max-width:100%;display:block}img,video{height:auto}
a{color:inherit}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--accent);color:#000;padding:8px 16px;border-radius:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--s3)}.narrow{max-width:760px}
@media(max-width:600px){.wrap{padding:0 20px}}
.grain{position:fixed;inset:0;pointer-events:none;z-index:1;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* type */
h1,h2,h3{margin:0;letter-spacing:-.035em;line-height:1.05;font-weight:650}
h1{font-size:clamp(2.4rem,1.3rem + 5.2vw,5.4rem);letter-spacing:-.045em;font-weight:700}
h2{font-size:clamp(2rem,1.3rem + 2.6vw,3.25rem)}
h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.25}
.grad{background:linear-gradient(180deg,#fff 0%,#b9ffd5 55%,#3dff8f 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{margin:0 0 var(--s2);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.lead{font-size:clamp(1.0625rem,1rem + .4vw,1.25rem);color:var(--tx2);max-width:620px;margin:var(--s3) auto 0}
.sec-head{margin-bottom:var(--s6);max-width:720px}.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.sec-sub{color:var(--tx2);font-size:1.0625rem;margin:var(--s2) 0 0}
.fine{font-size:.8125rem;color:var(--tx3);margin:var(--s3) 0 0}.fine a{color:var(--tx2)}.center{text-align:center}
section{position:relative;z-index:2;padding:var(--s8) 0}
@media(max-width:700px){section{padding:var(--s7) 0}.sec-head{margin-bottom:var(--s5)}}
/* buttons */
.btn{--h:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 20px;border-radius:999px;font:600 .9375rem/1 inherit;font-family:inherit;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s,box-shadow .2s,border-color .2s;white-space:nowrap}
.btn-lg{--h:52px;padding:0 28px;font-size:1rem}.btn-sm{--h:36px;padding:0 16px;font-size:.875rem}
.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 1px rgba(61,255,143,.4),0 8px 32px -8px rgba(61,255,143,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-primary:hover{transform:translateY(-1px);background:#5cffa3;box-shadow:0 0 0 1px rgba(61,255,143,.6),0 12px 40px -8px rgba(61,255,143,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-ghost{background:var(--surf);border-color:var(--bd2);color:var(--tx);backdrop-filter:blur(8px)}.btn-ghost:hover{background:var(--surf2);border-color:rgba(255,255,255,.24)}
/* nav */
.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.nav.scrolled{background:rgba(5,13,9,.72);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);border-color:var(--bd)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.02em;text-decoration:none;color:var(--tx)}.brand svg{color:var(--accent)}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}.nav ul a{display:block;padding:8px 14px;border-radius:999px;color:var(--tx2);text-decoration:none;font-size:.875rem;transition:color .2s,background .2s}.nav ul a:hover{color:var(--tx);background:var(--surf)}
@media(max-width:860px){.nav nav{display:none}}
/* hero */
.hero{padding:var(--s7) 0 var(--s6);text-align:center;overflow:hidden}
.hero-bg{position:absolute;inset:-64px 0 0;z-index:-1;background:radial-gradient(60% 50% at 50% 0%,rgba(61,255,143,.16),transparent 70%),radial-gradient(40% 40% at 85% 30%,rgba(30,120,80,.18),transparent 70%)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,var(--bg))}
.pitch-lines{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border:1px solid var(--bd2);border-radius:999px;background:var(--surf);font-size:.8125rem;color:var(--tx2);text-decoration:none;margin-bottom:var(--s4);transition:border-color .2s}
.eyebrow:hover{border-color:var(--accent)}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.eyebrow .arrow{color:var(--tx3)}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:var(--s5)}
.micro{margin:var(--s2) 0 0;font-size:.8125rem;color:var(--tx3);letter-spacing:.01em}
@media(max-width:600px){.hero{padding:var(--s6) 0 var(--s5)}.cta-row .btn{width:100%}h1 br{display:none}}
/* device */
.device{position:relative;margin:var(--s7) auto 0;max-width:1100px;border-radius:var(--r3);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));padding:1px;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 40px 120px -20px rgba(0,0,0,.8),0 0 120px -10px rgba(61,255,143,.25);transform:perspective(1800px) rotateX(var(--rx,8deg)) scale(var(--sc,.96));transform-origin:50% 0;transition:transform .9s var(--ease)}
.device::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(61,255,143,.6),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.device>*{border-radius:0}.device-bar{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:#0c1712;border-radius:15px 15px 0 0;border-bottom:1px solid var(--bd)}
.device-bar i{width:10px;height:10px;border-radius:50%;background:#26372e}.device-bar span{margin-left:12px;font-size:.75rem;color:var(--tx3)}
.device picture img,.device>img,.sc-stack{border-radius:0 0 15px 15px;overflow:hidden}
.device img{width:100%;height:auto}
@media(max-width:600px){.device{margin-top:var(--s5);--rx:0deg;--sc:1}.device-bar{height:28px}.device-bar i{width:8px;height:8px}}
/* stats */
.stats{padding:var(--s6) 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--bg1)}
.stats .kicker{text-align:center;color:var(--tx3);margin-bottom:var(--s4)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.stat-grid>div{padding:0 var(--s3);border-left:1px solid var(--bd);text-align:center}.stat-grid>div:first-child{border-left:0}
.stat-grid dd{margin:0;font-size:clamp(2.25rem,1.6rem + 2vw,3.5rem);font-weight:650;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums}.stat-grid dd small{font-size:.45em;color:var(--tx2);font-weight:500;letter-spacing:0}
.stat-grid dt{order:2;font-size:.875rem;color:var(--tx2);margin-top:var(--s1)}.stat-grid>div{display:flex;flex-direction:column-reverse}
.stats .fine{text-align:center}
@media(max-width:760px){.stat-grid{grid-template-columns:1fr 1fr;row-gap:var(--s4)}.stat-grid>div:nth-child(3){border-left:0}}
/* showcase */
.sc{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--s6);align-items:start}
.sc-media{position:sticky;top:112px}.device-sm{margin:0;--rx:0deg;--sc:1;max-width:none}
.sc-stack{position:relative;aspect-ratio:1440/1000;background:#0c1712}
.sc-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .6s var(--ease),transform .8s var(--ease)}.sc-stack img.on{opacity:1;transform:none}
.sc-steps{list-style:none;margin:0;padding:0}
.sc-steps li{padding:var(--s5) 0 var(--s5) var(--s4);border-left:1px solid var(--bd);min-height:44vh;display:flex;flex-direction:column;justify-content:center;position:relative;opacity:.38;transition:opacity .4s}
.sc-steps li::before{content:"";position:absolute;left:-1px;top:30%;bottom:30%;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .5s var(--ease)}
.sc-steps li.on{opacity:1}.sc-steps li.on::before{transform:none}
.num{font:600 .8125rem/1 ui-monospace,SFMono-Regular,monospace;color:var(--accent);margin-bottom:var(--s2)}
.sc-steps h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-bottom:var(--s1)}.sc-steps p{margin:0;color:var(--tx2);max-width:380px}
.m-only{display:none}
@media(max-width:900px){.sc{grid-template-columns:1fr}.sc-media{display:none}.sc-steps li{min-height:0;opacity:1;padding:0 0 var(--s6);border:0}.sc-steps li::before{display:none}
.m-only{display:block;margin-top:var(--s3);border-radius:var(--r2);border:1px solid var(--bd2);box-shadow:0 20px 60px -20px rgba(0,0,0,.8),0 0 60px -20px rgba(61,255,143,.25)}}
/* demo */
.demo{background:linear-gradient(180deg,var(--bg),var(--bg1) 30%,var(--bg1) 70%,var(--bg))}
.player{max-width:1040px;margin:0 auto;border-radius:var(--r4);padding:8px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 40px 120px -30px rgba(0,0,0,.9),0 0 100px -30px rgba(61,255,143,.35)}
.player video{width:100%;height:auto;border-radius:18px;background:#000}
.gift{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s5);align-items:center;max-width:1040px;margin:var(--s6) auto 0;padding:var(--s5);border:1px solid var(--bd);border-radius:var(--r4);background:var(--surf)}
.gift-img img{width:100%;height:auto;border-radius:var(--r2);border:1px solid var(--bd2);transform:rotate(-2deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.gift h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.gift p{color:var(--tx2);margin:var(--s2) 0 var(--s4)}
@media(max-width:760px){.gift{grid-template-columns:1fr;padding:var(--s4) var(--s3);gap:var(--s4)}.gift .btn{width:100%;white-space:normal;height:auto;min-height:52px;padding:12px 20px;text-align:center}}
/* price */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);max-width:920px;margin:0 auto}
.vs-card{padding:var(--s5) var(--s4);border-radius:var(--r4);border:1px solid var(--bd);background:var(--surf);display:flex;flex-direction:column}
.vs-card.muted .vs-price{color:var(--tx2);}
.vs-card.hi{border-color:rgba(61,255,143,.45);background:radial-gradient(120% 80% at 50% 0%,rgba(61,255,143,.12),transparent 60%),var(--bg2);box-shadow:0 0 80px -30px rgba(61,255,143,.5)}
.vs-label{margin:0;font-size:.875rem;font-weight:600;color:var(--tx2)}.hi .vs-label{color:var(--accent)}
.vs-price{margin:var(--s2) 0 0;font-size:clamp(2.75rem,2rem + 2.4vw,4rem);font-weight:700;letter-spacing:-.045em;line-height:1}.vs-price small{font-size:1rem;letter-spacing:0;font-weight:500;color:var(--tx3)}
.vs-sub{color:var(--tx2);margin:var(--s1) 0 var(--s3)}
.vs-card ul{list-style:none;padding:0;margin:0 0 var(--s4);display:grid;gap:10px;font-size:.9375rem}
.vs-card li{padding-left:26px;position:relative;color:var(--tx2)}.vs-card li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.12)}
.hi li{color:var(--tx)}.hi li::before{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.4' fill='none' stroke='%2303140a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/14px}
.src{margin-top:auto;font-size:.75rem;color:var(--tx3)}.src a{color:var(--tx2)}.hi .btn{margin-top:auto}
@media(max-width:760px){.vs{grid-template-columns:1fr}.vs-card.hi{order:-1}.hi .btn{width:100%}}
/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:var(--s2)}
.b{padding:var(--s4);border-radius:var(--r3);border:1px solid var(--bd);background:linear-gradient(180deg,var(--surf2),var(--surf));position:relative;overflow:hidden;transition:border-color .3s,transform .3s var(--ease)}
.b:hover{border-color:var(--bd2);transform:translateY(-2px)}.b p{margin:var(--s1) 0 0;color:var(--tx2);font-size:.9375rem}
.b-lg{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.b-lg h3{font-size:1.75rem}.b-art{margin-top:auto;width:60%;align-self:center;color:var(--tx3)}
@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.b-lg{grid-row:auto}}@media(max-width:520px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.b{padding:var(--s3)}.b-lg{grid-column:auto}.b-art{width:40%}}
/* transparency */
.t-card{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s5) var(--s6);padding:var(--s6);border-radius:var(--r4);border:1px solid var(--bd);background:linear-gradient(135deg,rgba(61,255,143,.06),transparent 40%),var(--bg1)}
.t-head h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem)}
.t-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.t-list li{display:grid;grid-template-columns:64px 1fr;gap:var(--s2);align-items:baseline;padding:14px 16px;border-radius:var(--r2);background:var(--surf);border:1px solid var(--bd);font-size:.9375rem;color:var(--tx2)}
.t-list b{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 0;border-radius:6px;text-align:center}.ok{color:var(--accent);background:rgba(61,255,143,.1)}.no{color:#ffb38a;background:rgba(255,150,100,.1)}
.t-legal{grid-column:1/-1;margin:0;padding-top:var(--s3);border-top:1px solid var(--bd);font-size:.75rem;line-height:1.6;color:var(--tx3)}.t-legal a{color:var(--tx2);word-break:break-word}
@media(max-width:860px){.t-card{grid-template-columns:1fr;padding:var(--s4) var(--s3)}}
/* roadmap */
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);position:relative}
.tl li{padding:var(--s4);border-radius:var(--r3);border:1px solid var(--bd);background:var(--surf)}.tl p{margin:var(--s2) 0 0;color:var(--tx2);font-size:.9375rem}
.tl .tag{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--bd2);color:var(--tx2)}
.tl .now{border-color:rgba(61,255,143,.4)}.tl .now .tag{background:var(--accent);color:var(--accent-ink);border-color:transparent}
@media(max-width:760px){.tl{grid-template-columns:1fr}}
/* faq */
details{border-bottom:1px solid var(--bd)}details:first-of-type{border-top:1px solid var(--bd)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s2);min-height:64px;font-weight:550;font-size:1.0625rem}
summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:1.5rem;font-weight:300;color:var(--tx3);transition:transform .3s var(--ease)}details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 var(--s3);color:var(--tx2)}
/* join */
.join-card{position:relative;overflow:hidden;max-width:920px;margin:0 auto;text-align:center;padding:var(--s7) var(--s5);border-radius:32px;border:1px solid rgba(61,255,143,.25);background:var(--bg1)}
.join-glow{position:absolute;inset:-40% -10% auto;height:120%;background:radial-gradient(50% 50% at 50% 0%,rgba(61,255,143,.22),transparent 70%);pointer-events:none}
.join-card>*{position:relative}.join-card h2{max-width:640px;margin:0 auto}
.wait{max-width:560px;margin:var(--s5) auto 0;text-align:left}
.roles{border:0;margin:0 0 var(--s3);padding:0;display:flex;flex-wrap:wrap;gap:8px}
.roles legend,.legend2{font-size:.8125rem;font-weight:600;color:var(--tx2);margin:0 0 12px;padding:0;width:100%}.roles legend span{color:var(--tx3);font-weight:400}
.roles label{position:relative}.roles input{position:absolute;opacity:0;inset:0;cursor:pointer}
.roles label span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--bd2);background:var(--surf);font-size:.875rem;transition:all .2s;cursor:pointer}
.roles label input:checked+span{background:rgba(61,255,143,.14);border-color:var(--accent);color:var(--accent2)}.roles input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.field{display:flex;gap:8px;padding:6px;border-radius:999px;border:1px solid var(--bd2);background:rgba(0,0,0,.35);transition:border-color .2s,box-shadow .2s}
.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(61,255,143,.12)}
.field input{flex:1;min-width:0;height:44px;padding:0 16px;border:0;background:transparent;color:var(--tx);font:inherit;font-size:1rem;outline:none}
.field input::placeholder{color:var(--tx3)}
.msg{min-height:1.5em;margin:12px 0 0;font-size:.875rem;color:var(--accent);text-align:center}.msg.err{color:#ffb38a}
.hp{position:absolute;left:-9999px}
.done{padding:var(--s4);border-radius:var(--r3);background:rgba(61,255,143,.08);border:1px solid rgba(61,255,143,.35);text-align:center}.done h3{margin-bottom:8px}.done p{margin:0;color:var(--tx2)}
.share{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:var(--s5);font-size:.875rem;color:var(--tx3)}
.chip{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--bd2);background:var(--surf);color:var(--tx2);font:inherit;font-size:.875rem;text-decoration:none;cursor:pointer}.chip:hover{color:var(--tx);border-color:rgba(255,255,255,.3)}
@media(max-width:600px){.join-card{padding:var(--s6) 20px;border-radius:24px}.field{flex-direction:column;border-radius:var(--r3)}.field .btn{width:100%;--h:52px}.roles label span{height:44px}.share span{width:100%;text-align:center}}
/* footer */
.foot{position:relative;z-index:2;padding:var(--s5) 0;border-top:1px solid var(--bd);font-size:.8125rem;color:var(--tx3)}.foot-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s2)}
.sticky{display:none}
@media(max-width:760px){.sticky{display:flex;position:fixed;z-index:60;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));--h:52px;transition:transform .35s var(--ease),opacity .35s}.sticky.hide{transform:translateY(150%);opacity:0}body{padding-bottom:88px}}
/* reveal */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.js .rv{opacity:1;transform:none}.device{--rx:0deg;--sc:1}}
/* ===== v3 FX ===== */
.pitch-lines [pathLength]{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.2s var(--ease) forwards}
.pitch-lines [pathLength]:nth-child(2){animation-delay:.25s}.pitch-lines [pathLength]:nth-child(3){animation-delay:.5s}.pitch-lines [pathLength]:nth-child(n+4){animation-delay:.8s}.pitch-lines [pathLength]:nth-child(n+8){animation-delay:1.1s}
@keyframes draw{to{stroke-dashoffset:0}}
#track{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease 1.4s;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 32%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 75% 65% at 50% 32%,#000 35%,transparent 78%)}
#track.on{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(420px 420px at var(--mx,50%) var(--my,-20%),rgba(200,255,225,.09),transparent 70%);transition:background .1s}
.hero-in,.hero .wrap{position:relative;z-index:2}
.sim-label{position:absolute;z-index:3;right:24px;top:84px;margin:0;display:flex;align-items:center;gap:8px;font:500 .6875rem/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);padding:6px 10px;border:1px solid var(--bd);border-radius:6px;background:rgba(5,13,9,.6)}
.sim-label span{width:6px;height:6px;border-radius:50%;background:#ffcf4d}
@media(max-width:600px){.sim-label{top:auto;bottom:calc(100% - 64px - 40px);right:12px;font-size:.625rem;top:72px}}
/* device scan + rec */
.device{overflow:visible}.device .scan{position:absolute;inset:37px 1px 1px;z-index:3;pointer-events:none;border-radius:0 0 15px 15px;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.device .scan::after{content:"";position:absolute;left:0;right:0;height:22%;top:-22%;background:linear-gradient(180deg,transparent,rgba(61,255,143,.10) 60%,rgba(180,255,210,.22) 98%,transparent);animation:sweep 5.5s linear infinite 2s}
@keyframes sweep{to{top:100%}}
.rec{position:absolute;z-index:4;top:8px;right:14px;display:flex;align-items:center;gap:6px;font:600 .625rem/1 ui-monospace,monospace;letter-spacing:.08em;color:#ff8b8b}.rec i{width:7px;height:7px;border-radius:50%;background:#ff4d4d;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
@media(max-width:600px){.device .scan{inset:29px 1px 1px}.rec{top:6px;font-size:.5625rem}}
/* match clock */
.clock{position:fixed;z-index:70;top:0;left:0;right:0;height:3px;pointer-events:none}
.clock-bar{position:absolute;inset:0;background:rgba(255,255,255,.04)}.clock-bar i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#1fc66a,var(--accent));box-shadow:0 0 10px var(--accent)}
.clock-min{position:fixed;z-index:70;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 8px;border-radius:8px;background:rgba(5,13,9,.85);border:1px solid var(--bd2);backdrop-filter:blur(8px);font:600 .8125rem/1 ui-monospace,SFMono-Regular,monospace;color:var(--tx);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.clock-min b{min-width:3.4ch;text-align:center;padding:4px 6px;border-radius:4px;background:#0b2a1a;color:var(--accent);font-variant-numeric:tabular-nums}.clock-min em{font-style:normal;font-size:.6875rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.06em}
.clock.show .clock-min{opacity:1;transform:none}
@media(max-width:760px){.clock-min{display:none}}
/* scoreboard kicker */
.kicker.sb{display:inline-flex;align-items:stretch;gap:0;padding:0;border-radius:6px;overflow:hidden;border:1px solid var(--bd2);background:rgba(0,0,0,.35);letter-spacing:.08em}
.sb-min{padding:6px 10px;background:var(--accent);color:var(--accent-ink);font:700 .75rem/1.2 ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;display:flex;align-items:center}
.sb-t{padding:6px 12px;color:var(--tx);font-size:.75rem;display:flex;align-items:center}
.sec-head.center .kicker.sb{margin-left:auto;margin-right:auto}
.num b{display:inline-block;padding:4px 8px;border-radius:4px;background:#0b2a1a;border:1px solid rgba(61,255,143,.3);color:var(--accent);font-weight:700}
/* LED scoreboard */
.stats{background:radial-gradient(60% 120% at 50% 0%,rgba(61,255,143,.06),transparent),#040a07}
.led-k{color:var(--tx3)!important}
.led>div{border-left-color:rgba(255,255,255,.06)}
.led dd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.02em;color:#c9ffdc;text-shadow:0 0 18px rgba(61,255,143,.55),0 0 2px rgba(61,255,143,.9)}
.flip{display:inline-flex;gap:3px}.flip i{font-style:normal;display:inline-block;min-width:.72em;text-align:center;padding:2px 3px;border-radius:5px;background:linear-gradient(180deg,#0d1f16 0 50%,#0a1a12 50%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.6);position:relative}
.flip i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.6)}
.flip i.sep{background:none;box-shadow:none;min-width:.3em;padding:0}.flip i.sep::after{display:none}
.flip i.go{animation:flipd .14s ease-in-out}
@keyframes flipd{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
/* heat wipe */
.heat-fig{margin:0 auto;max-width:1040px}
.heat-wipe{border-radius:var(--r3);overflow:hidden;border:1px solid var(--bd2);box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 90px -30px rgba(255,170,60,.35)}
.js .heat-wipe{clip-path:circle(0% at 50% 45%);transition:clip-path 1.6s cubic-bezier(.6,.1,.2,1)}.js .heat-wipe.in{clip-path:circle(80% at 50% 45%)}
.heat-wipe img{width:100%}
/* pitch dividers */
.pitch-div{position:relative;z-index:2;height:1px;max-width:1200px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(141,255,184,.22) 20%,rgba(141,255,184,.22) 80%,transparent)}
.pitch-div span{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:1px solid rgba(141,255,184,.18);-webkit-mask:linear-gradient(#000 0 0);clip-path:inset(0 0 50% 0)}
.pitch-div span::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:rgba(141,255,184,.5)}
/* mowing stripes */
.mow{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.007) 0 80px,transparent 80px 160px)}
.demo.mow{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0 80px,transparent 80px 160px),linear-gradient(180deg,var(--bg),var(--bg1) 30%,var(--bg1) 70%,var(--bg))}
.join-card{background:repeating-linear-gradient(90deg,rgba(61,255,143,.025) 0 64px,transparent 64px 128px),var(--bg1)}
/* tarjetas */
.vs{perspective:1200px}.tilt{transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s;will-change:transform;position:relative}
.tilt.hov{transition:transform .08s linear}
.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(300px 300px at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.08),transparent 60%);opacity:0;transition:opacity .3s}.tilt.hov::after{opacity:1}
.ref{position:absolute;top:20px;right:20px;width:22px;height:30px;border-radius:3px;transform:rotate(8deg);box-shadow:0 6px 16px rgba(0,0,0,.5)}
.ref-y{background:linear-gradient(160deg,#ffe066,#e8b800)}.ref-g{background:linear-gradient(160deg,#7dffb0,#1fc66a);box-shadow:0 0 24px rgba(61,255,143,.6)}
/* whistle pulse + magnetic */
.whistle{position:relative}.whistle::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:2px solid var(--accent);opacity:0;pointer-events:none;animation:whistle 3.2s var(--ease) infinite 2.6s}
@keyframes whistle{0%{opacity:.7;transform:scale(1)}40%,100%{opacity:0;transform:scale(1.35,1.6)}}
.btn-primary:active{transform:scale(.97)}
.mag{transition:transform .25s var(--ease),background .2s,box-shadow .2s}
/* goal */
.goal{margin:0 0 4px;font-size:clamp(2.5rem,2rem + 3vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--accent);text-shadow:0 0 30px rgba(61,255,143,.6);animation:goal .7s cubic-bezier(.2,1.6,.4,1)}
@keyframes goal{from{transform:scale(.3);opacity:0}}
#confetti{position:fixed;inset:0;z-index:90;pointer-events:none}
@media(prefers-reduced-motion:reduce){.pitch-lines [pathLength]{animation:none;stroke-dashoffset:0}#track{transition:none}.device .scan::after,.whistle::after,.rec i{animation:none}.js .heat-wipe{clip-path:none}.goal{animation:none}}
.hero-bg{inset:-64px 0 auto;height:calc(min(100svh,860px) + 64px)}
#track.on{opacity:.7}
.hero h1,.hero .lead{text-shadow:0 2px 24px rgba(5,13,9,.9)}
@media(min-width:700px){#track,.pitch-lines{-webkit-mask-image:radial-gradient(ellipse 85% 80% at 50% 45%,#000 45%,transparent 85%);mask-image:radial-gradient(ellipse 85% 80% at 50% 45%,#000 45%,transparent 85%)}}
.hero h1 .grad{text-shadow:none;filter:drop-shadow(0 2px 18px rgba(5,13,9,.9))}
/* founder */
.f-card{display:grid;grid-template-columns:auto 1fr;gap:var(--s6);align-items:center;max-width:920px;margin:0 auto;padding:var(--s6);border-radius:var(--r4);border:1px solid var(--bd);background:radial-gradient(80% 120% at 0% 50%,rgba(61,255,143,.08),transparent 60%),var(--bg1)}
.f-photo{position:relative;width:220px;height:220px}.f-photo img{width:220px;height:220px;border-radius:50%;object-fit:cover;filter:saturate(.9) contrast(1.05);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.f-ring{position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(61,255,143,.35);box-shadow:0 0 60px -10px rgba(61,255,143,.45)}
.f-ring::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(141,255,184,.18)}
.f-txt h2{font-size:clamp(2rem,1.5rem + 1.6vw,2.75rem)}.f-role{margin:var(--s1) 0 var(--s3);color:var(--accent);font-weight:600}
.f-quote{margin:0 0 var(--s4);padding:0;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.45;color:var(--tx);letter-spacing:-.01em;max-width:520px}
@media(max-width:760px){.f-card{grid-template-columns:1fr;text-align:center;padding:var(--s5) var(--s3);gap:var(--s4)}.f-photo{margin:0 auto;width:168px;height:168px}.f-photo img{width:168px;height:168px}.f-quote{margin-left:auto;margin-right:auto}.f-txt .btn{width:100%}}
/* lang */
.nav-r{display:flex;align-items:center;gap:12px}
.lang{display:flex;padding:3px;border-radius:999px;border:1px solid var(--bd2);background:var(--surf)}.lang a{min-width:36px;height:28px;display:grid;place-items:center;padding:0 8px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--tx3);text-decoration:none}.lang a[aria-current]{background:var(--surf2);color:var(--tx)}.lang a:hover{color:var(--tx)}
@media(max-width:380px){.nav-r .btn-sm{padding:0 12px}.brand span{font-size:.95rem}}
.f-bio p{margin:0 0 var(--s2);color:var(--tx2);max-width:520px}@media(max-width:760px){.f-bio p{margin-left:auto;margin-right:auto}}
/* identidad / manifesto */
.ident{padding:var(--s8) 0 calc(var(--s8) + 32px);overflow:hidden;background:radial-gradient(90% 60% at 50% 0%,rgba(20,60,38,.55),transparent 70%),#030806;isolation:isolate}
.ident-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.ident-bg svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:40%}
.fl{position:absolute;top:-10%;width:60vw;height:120%;background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(220,255,235,.07) 175deg,rgba(220,255,235,.11) 180deg,rgba(220,255,235,.07) 185deg,transparent 200deg);filter:blur(6px);opacity:.9;animation:flick 9s ease-in-out infinite}
.fl-l{left:-22vw;transform:rotate(-24deg);transform-origin:50% 0}.fl-r{right:-22vw;transform:rotate(24deg);transform-origin:50% 0;animation-delay:-4s}
@keyframes flick{0%,100%{opacity:.75}50%{opacity:1}}
.ident-h{font-size:clamp(2.5rem,1.2rem + 5.4vw,6rem);letter-spacing:-.05em;line-height:.98;font-weight:750;margin:var(--s3) 0 var(--s7);max-width:16ch}
.vig{list-style:none;margin:0;padding:0;display:grid;gap:0}
.vig li{display:grid;grid-template-columns:80px 1fr;gap:var(--s3);padding:var(--s5) 0;border-top:1px solid rgba(141,255,184,.1)}
.vig li:last-child{border-bottom:1px solid rgba(141,255,184,.1)}
.vig-n{font:600 .8125rem/2.4 ui-monospace,SFMono-Regular,monospace;color:var(--accent);letter-spacing:.06em}
.vig p{margin:0;font-size:clamp(1.375rem,1rem + 1.7vw,2.375rem);line-height:1.25;letter-spacing:-.025em;font-weight:500;color:var(--tx);max-width:30ch}
.vig em{font-style:normal;color:var(--tx3);transition:color 1.2s ease .4s}.vig li.in em{color:var(--tx2)}
.mani{margin-top:var(--s7);text-align:center}
.mani-l{margin:0 0 var(--s5);font-size:clamp(2rem,1rem + 4.2vw,4.5rem);line-height:1.05;letter-spacing:-.045em;font-weight:750}
.mani-l span{display:inline-block}.mani-a{color:var(--accent);text-shadow:0 0 40px rgba(61,255,143,.45)}
.js .ident .ln{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease),filter 1.2s var(--ease)}
.js .ident .ln.in{opacity:1;transform:none;filter:none}
@media(max-width:700px){.ident{padding:var(--s7) 0}.ident-h{margin-bottom:var(--s5)}.vig li{grid-template-columns:1fr;gap:var(--s1);padding:var(--s4) 0}.vig-n{line-height:1}.mani{margin-top:var(--s6)}.mani .btn{width:100%}.fl{width:90vw}.fl-l{left:-45vw}.fl-r{right:-45vw}}
@media(prefers-reduced-motion:reduce){.fl{animation:none}.js .ident .ln{opacity:1;transform:none;filter:none;transition:none}}