:root{--ink:#0b0b0c;--ink2:#2a2d34;--mute:#646a75;--mute2:#9aa0aa;--line:rgba(16,32,64,.08);--line2:rgba(16,32,64,.14);--soft:#f2f4f7;--soft2:#f7f9fb;--lime:#cff46a;--lime2:#c2ea52;--sky:#0a7fd0;--navy:#071a2e;--r:24px;
  --sh1:0 1px 2px rgba(16,32,64,.06),0 1px 1px rgba(16,32,64,.04);--sh2:0 1px 2px rgba(16,32,64,.06),0 8px 24px -10px rgba(16,40,80,.18),0 24px 48px -28px rgba(16,40,80,.22);--sh3:0 2px 4px rgba(16,32,64,.06),0 18px 44px -14px rgba(10,60,120,.28),0 40px 80px -40px rgba(10,60,120,.35)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:400 15px/1.55 Inter,system-ui,sans-serif;color:var(--ink);background:#fbfcfe;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
img{display:block;max-width:100%}
.h{font-family:"Inter Tight",Inter,sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.02}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:var(--sh1);border:1px solid var(--line);font:600 10.5px/1 Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 3px rgba(10,127,208,.15)}
.dk .eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#cfe6ff;box-shadow:none}.dk .eyebrow:before{background:var(--lime);box-shadow:0 0 0 3px rgba(207,244,106,.18)}
/* depth backgrounds */
.bg-depth{position:relative;isolation:isolate}
.bg-depth:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 420px at 10% 0%,rgba(10,127,208,.08),transparent 60%),radial-gradient(700px 380px at 95% 30%,rgba(207,244,106,.16),transparent 60%),radial-gradient(800px 500px at 50% 110%,rgba(10,127,208,.06),transparent 60%)}
.bg-depth:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(16,40,80,.09) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);opacity:.55}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:999px;font:600 12px/1 Inter;letter-spacing:.08em;text-transform:uppercase;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn.lime{background:var(--lime);color:var(--ink);padding-right:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 20px -8px rgba(150,190,40,.6)}
.btn.lime:hover{background:var(--lime2)}
.btn.lime .arr{width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center}
.btn.lime.plain{padding-right:20px}
.btn.glass{background:rgba(8,40,80,.28);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.btn.glass:hover{background:rgba(8,40,80,.42)}
.btn.dark{background:var(--ink);color:#fff;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)}.btn.dark:hover{background:#26262b}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line2);box-shadow:var(--sh1)}.btn.ghost:hover{background:var(--soft2)}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn .dot{width:8px;height:8px;border-radius:50%;background:#f0a020}.btn .dot.ok{background:#3fd27f;box-shadow:0 0 0 3px rgba(63,210,127,.2)}
/* nav */
nav.top{position:absolute;top:0;left:0;right:0;z-index:30}
nav.top.solid{position:sticky;background:rgba(251,252,254,.82);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line)}
nav.top .in{display:flex;align-items:center;justify-content:space-between;height:76px;max-width:1280px;margin:0 auto;padding:0 28px;gap:16px}
.logo{display:flex;align-items:center;gap:9px;font:700 17px/1 "Inter Tight";letter-spacing:-.03em}
.logo .mk{width:30px;height:30px;border-radius:9px;background:#fff;display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.logo .mk svg{width:19px;height:19px}
nav.top.solid .logo .mk{background:var(--ink)}
nav.top .links{display:flex;gap:30px;font:600 11.5px/1 Inter;letter-spacing:.14em;text-transform:uppercase}
nav.top .links a{opacity:.82}nav.top .links a:hover,nav.top .links a.on{opacity:1}
nav.top .links a.on{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}
nav.top.dark{color:#fff}
.navr{display:flex;gap:8px;align-items:center}
.nav-wal{height:40px;font-size:11px}
.burger{display:none;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center}
/* hero */
.hero{position:relative;min-height:max(780px,100vh);background:#0a7fd0 url(img/sky.jpg) center bottom/cover no-repeat;color:#fff;overflow:hidden;display:flex;flex-direction:column}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,52,104,.55),rgba(4,90,160,.1) 45%,transparent 70%);pointer-events:none}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,#fbfcfe);pointer-events:none;z-index:3}
.hero .copy{position:relative;z-index:4;text-align:center;padding:164px 24px 0;max-width:920px;margin:0 auto}
.hero .tagline{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 6px 0 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);font:500 13px Inter;margin-bottom:26px}
.hero .tagline b{background:var(--lime);color:var(--ink);font:700 10px/1 Inter;letter-spacing:.1em;padding:6px 8px;border-radius:999px}
.hero h1{font-size:clamp(42px,6.4vw,82px);text-shadow:0 2px 40px rgba(0,40,90,.22)}
.hero p{max-width:560px;margin:22px auto 0;font-size:16px;color:rgba(255,255,255,.9)}
.hero .ctas{display:flex;gap:10px;justify-content:center;margin-top:30px;flex-wrap:wrap}
/* 3D arc carousel */
.arc{position:relative;z-index:2;flex:1;min-height:400px;perspective:1500px;perspective-origin:50% -20%;margin-top:18px}
.ring{position:absolute;left:50%;top:40px;width:0;height:0;transform-style:preserve-3d;animation:spin 120s linear infinite}
.arc:hover .ring{animation-play-state:paused}
@keyframes spin{from{transform:translateZ(260px) rotateY(0)}to{transform:translateZ(260px) rotateY(360deg)}}
.card3{position:absolute;left:-110px;top:0;width:220px;height:286px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 40px 70px -24px rgba(0,40,90,.55),inset 0 0 0 1px rgba(255,255,255,.6);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column}
.card3 .art{position:relative;flex:1;margin:8px 8px 0;border-radius:16px;overflow:hidden;background:#f3f7fc}
.card3 .art canvas{position:absolute;inset:0;width:100%;height:100%}
.card3 .ft{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 12px}
.card3 .ft b{font:600 14px "Inter Tight";letter-spacing:-.02em}
.card3 .ft span{font:500 11px Inter;color:var(--mute)}
.card3.photo{background:#3a8fd6 url(img/fridge.jpg) center 35%/cover}
.card3.photo .tag{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:14px;padding:10px 12px}
.card3.photo .tag small{display:block;font:600 10px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.card3.photo .tag b{font:600 15px "Inter Tight";letter-spacing:-.02em}
.card3.code{background:#071a2e;color:#cfe6ff}
.card3.code pre{flex:1;margin:12px;font:500 10px/1.6 "JetBrains Mono",monospace;color:#b9f05a;white-space:pre;overflow:hidden}
.card3.code .ft span{color:#6f8aa6}.card3.code .ft b{color:#fff}
.card3.stat{background:linear-gradient(160deg,#dff98f,#c6ee52);padding:18px}
.card3.stat small{font:600 10px Inter;letter-spacing:.12em;text-transform:uppercase;color:#3b4a12}
.card3.stat .big{font:600 54px/1 "Inter Tight";letter-spacing:-.05em;margin-top:auto}
.card3.stat p{font-size:12px;color:#3b4a12;margin-top:6px}
.card3.stat .wave{position:absolute;left:0;right:0;top:46px;height:90px;opacity:.5}
.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font:600 11px/1 Inter;background:var(--soft);color:var(--ink2);white-space:nowrap}
.pill.lime{background:var(--lime);color:var(--ink)}.pill.ink{background:var(--ink);color:#fff}.pill.sky{background:#e3f2fd;color:#0a5fa8}
.r-Common{background:#eef0f3;color:#4f5560}.r-Uncommon{background:#e1f6e9;color:#17864a}.r-Rare{background:#e2effd;color:#1565c0}.r-Epic{background:#efe4fd;color:#7b2cbf}.r-Glitched{background:var(--ink);color:var(--lime)}.r-Legendary{background:linear-gradient(90deg,#f6d36b,#f0a64a);color:#3b2400}
/* marquee */
.marq{padding:28px 0 34px;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq .tr{display:flex;gap:64px;width:max-content;animation:mq 40s linear infinite}
.marq .it{display:flex;align-items:center;gap:10px;font:600 19px/1 "Inter Tight";letter-spacing:-.03em;color:#8e95a1;white-space:nowrap}
.marq .it i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#dfe5ee,#c4ccd8);display:grid;place-items:center}
.marq .it i:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:110px 0;position:relative}
.center{text-align:center}
/* about headline */
.bigh{font-size:clamp(34px,4.8vw,62px);margin-top:22px;line-height:1.08}
.bigh .ph{display:inline-block;width:1.7em;height:.92em;border-radius:999px;vertical-align:-.1em;background:#3a8fd6 url(img/fridge.jpg) center 40%/cover;box-shadow:var(--sh2),inset 0 0 0 2px rgba(255,255,255,.6);margin:0 .08em}
.bigh .qb{display:inline-grid;place-items:center;width:.92em;height:.92em;border-radius:50%;vertical-align:-.1em;background:radial-gradient(circle at 30% 30%,#3d4351,#0b0b0c);box-shadow:var(--sh2);margin:0 .06em}
.bigh .qb svg{width:.6em;height:.6em}
.bigh .grad{background:linear-gradient(90deg,#0a7fd0,#2fb4ff 60%,#0a7fd0);-webkit-background-clip:text;background-clip:text;color:transparent}
/* bento */
.bento{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:64px}
.bc{border-radius:var(--r);padding:26px;min-height:300px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);box-shadow:var(--sh2);transition:transform .2s,box-shadow .2s}
.bc:hover{transform:translateY(-3px);box-shadow:var(--sh3)}
.bc .lbl{font:600 11px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.bc .num{font:600 clamp(44px,5vw,66px)/1 "Inter Tight";letter-spacing:-.05em;margin-top:auto}
.bc .sub{font-size:13.5px;color:var(--mute);margin-top:10px;max-width:290px}
.bc.photo{background:#3a8fd6 url(img/fridge.jpg) center 30%/cover;padding:16px;grid-row:span 2;min-height:600px;border:0}
.bc.photo .brand{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font:700 13px "Inter Tight";color:var(--ink)}
.bc.photo .brand i{width:7px;height:7px;border-radius:50%;background:#3fd27f;box-shadow:0 0 0 3px rgba(63,210,127,.25)}
.bc.photo .in{margin-top:auto;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:18px;padding:22px;box-shadow:0 10px 30px -10px rgba(0,30,70,.35)}
.bc.photo .in .num{font-size:54px}
.bc.gray{background:linear-gradient(180deg,#fff,#f5f7fa)}
.bc.lime{background:linear-gradient(160deg,#e3fb98,#c9ef5a);border-color:rgba(120,160,20,.25)}.bc.lime .lbl,.bc.lime .sub{color:#3b4a12}
.bc.ink{background:radial-gradient(600px 300px at 80% 0%,#173a5e,#08131f 70%);color:#fff;border-color:rgba(255,255,255,.06)}.bc.ink .lbl,.bc.ink .sub{color:#8fa6bd}
.avs{display:flex;margin-top:22px}.avs span{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-8px;box-shadow:var(--sh1)}.avs span:first-child{margin-left:0}
.quote{font-size:13.5px;color:var(--ink2);margin-top:12px}
.spark{position:absolute;right:20px;top:20px;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.55);display:grid;place-items:center}
/* section headers */
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sh h2{font-size:clamp(32px,4vw,52px);margin-top:16px;max-width:640px}
.sh p{color:var(--mute);max-width:390px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;min-height:270px;display:flex;flex-direction:column;box-shadow:var(--sh2);position:relative;overflow:hidden}
.step .n{font:600 12px/1 "JetBrains Mono";width:38px;height:38px;border-radius:12px;background:var(--soft);display:grid;place-items:center;border:1px solid var(--line)}
.step .vis{position:absolute;right:-20px;top:-20px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(10,127,208,.12),transparent 70%)}
.step h3{font:600 21px/1.15 "Inter Tight";letter-spacing:-.03em;margin-top:auto}
.step p{font-size:13.5px;color:var(--mute);margin-top:8px}
.step.lime{background:linear-gradient(160deg,#e3fb98,#c9ef5a);border-color:rgba(120,160,20,.25)}.step.lime p{color:#3b4a12}.step.lime .n{background:rgba(255,255,255,.6)}
.feat{border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:12px;min-height:250px;transition:transform .2s,box-shadow .2s;background:#fff;box-shadow:var(--sh2);position:relative;overflow:hidden}
.feat:hover{transform:translateY(-3px);box-shadow:var(--sh3)}
.feat .ic{width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#fff,#eef2f7);display:grid;place-items:center;border:1px solid var(--line);box-shadow:var(--sh1)}
.feat .ic svg{width:22px;height:22px}
.feat h3{font:600 21px/1.15 "Inter Tight";letter-spacing:-.03em;margin-top:auto}
.feat p{font-size:13.5px;color:var(--mute)}
.soon{position:absolute;top:18px;right:18px}
/* the machine (dark) */
.dk{background:radial-gradient(1000px 500px at 70% 0%,#123456 0%,#06111e 55%,#040a12 100%);color:#fff;border-radius:36px;margin:0 16px;overflow:hidden}
.dk .sh p{color:#8fa6bd}
.mach{display:grid;grid-template-columns:.8fr 1.4fr;gap:16px;margin-top:48px}
.mach .ph{border-radius:24px;background:#3a8fd6 url(img/fridge.jpg) center 30%/cover;min-height:520px;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.mach .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,12,22,.85))}
.mach .ph .cap{position:absolute;left:20px;right:20px;bottom:20px;z-index:2}
.mach .ph .cap b{font:600 22px "Inter Tight";letter-spacing:-.03em}.mach .ph .cap p{font-size:13px;color:#a9c0d8;margin-top:4px}
.mach .chipwrap{border-radius:24px;background:#040b14;border:1px solid rgba(120,180,255,.12);position:relative;overflow:hidden;min-height:520px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 80px -30px rgba(0,0,0,.8)}
.mach canvas.machine{position:absolute;inset:0;width:100%;height:100%}
.hud{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;gap:10px;z-index:2;pointer-events:none}
.hud .tag{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:rgba(4,14,26,.7);border:1px solid rgba(120,180,255,.18);backdrop-filter:blur(8px);font:500 11.5px "JetBrains Mono",monospace;color:#bcd8f5}
.hud .tag i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.hudb{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:2}
.hudb div{background:rgba(4,14,26,.72);border:1px solid rgba(120,180,255,.14);backdrop-filter:blur(8px);border-radius:14px;padding:10px 12px}
.hudb span{display:block;font:500 10.5px "JetBrains Mono",monospace;color:#7f9bb8;text-transform:uppercase;letter-spacing:.06em}
.hudb b{font:600 18px "Inter Tight";letter-spacing:-.02em;color:#fff}
.feed{margin-top:16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(120,180,255,.12);padding:6px;display:flex;gap:6px;overflow:hidden}
.feed .fi{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.04);font:500 12px "JetBrains Mono",monospace;color:#bcd8f5}
.feed .fi b{color:var(--lime);font-weight:600}
/* run cards */
.runs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.rc{border-radius:22px;background:#fff;border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s;box-shadow:var(--sh2)}
.rc:hover{transform:translateY(-4px);box-shadow:var(--sh3)}
.rcart{position:relative;aspect-ratio:1;border-radius:15px;overflow:hidden;background:#f3f7fc}
.rcart canvas{position:absolute;inset:0;width:100%;height:100%}
.rc .meta{display:flex;justify-content:space-between;align-items:center;padding:0 6px;gap:6px}
.rc .id{font:600 15px/1 "Inter Tight";letter-spacing:-.02em}
.rc .sm{font-size:12px;color:var(--mute);padding:0 6px 4px;display:flex;justify-content:space-between;gap:8px}
/* forge */
.forge{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.ed{border-radius:26px;padding:10px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh2);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}
.ed:hover{transform:translateY(-4px);box-shadow:var(--sh3)}
.ed .edart{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#0b0b0c}
.ed .edart canvas{position:absolute;inset:0;width:100%;height:100%}
.ed .edart .sup{position:absolute;left:10px;top:10px;z-index:2}
.ed .body{padding:16px 10px 8px;display:flex;flex-direction:column;gap:8px;flex:1}
.ed h3{font:600 22px/1.1 "Inter Tight";letter-spacing:-.03em}
.ed p{font-size:13.5px;color:var(--mute)}
.ed .specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ed .buy{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.ed .price{font:600 18px "Inter Tight";letter-spacing:-.02em}.ed .price small{display:block;font:500 11px Inter;color:var(--mute);letter-spacing:0}
.ed.legend{background:linear-gradient(180deg,#0f1012,#050506);color:#fff;border-color:rgba(255,255,255,.08)}.ed.legend p{color:#9aa0aa}.ed.legend .buy{border-color:rgba(255,255,255,.08)}.ed.legend .price small{color:#9aa0aa}
.studio{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.studio .prev{border-radius:26px;background:#0b0b0c;padding:12px;box-shadow:var(--sh3)}
.studio .prev canvas{width:100%;aspect-ratio:1;border-radius:18px;display:block}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:#fff;font:600 13px Inter;display:inline-flex;align-items:center;gap:8px}
.opt.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.opt i{width:14px;height:14px;border-radius:50%}
input[type=range]{width:100%;accent-color:#0a7fd0}
/* cta + footer */
.cta{margin:20px 16px 0;border-radius:36px;background:#0a7fd0 url(img/sky.jpg) center bottom/cover;color:#fff;text-align:center;padding:110px 24px;position:relative;overflow:hidden;box-shadow:var(--sh3)}
.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,52,104,.45),transparent 70%)}
.cta>*{position:relative}
.cta h2{font-size:clamp(34px,5vw,64px)}.cta p{color:rgba(255,255,255,.9);margin:16px auto 28px;max-width:480px}
footer{padding:56px 0 40px;color:var(--mute);font-size:13px}
footer .in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer .fl{display:flex;gap:22px;flex-wrap:wrap}
/* app pages */
.page{padding:48px 0 90px}
.ph1 h1{font-size:clamp(36px,5vw,62px);margin-top:16px}
.ph1 p{color:var(--mute);margin-top:12px;max-width:580px}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh2)}
.panel.soft{background:linear-gradient(180deg,#fff,#f6f8fb)}
.panel.dark{background:radial-gradient(600px 300px at 80% 0%,#123456,#06111e 70%);color:#fff;border-color:rgba(255,255,255,.06)}
.two{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:36px;align-items:start}
.field{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.field label{font:600 12px/1 Inter;color:var(--ink2)}
.inp{height:52px;border-radius:14px;border:1px solid var(--line2);background:#fff;padding:0 16px;font:500 15px Inter;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-shadow:inset 0 1px 2px rgba(16,32,64,.04)}
.inp:focus{border-color:#0a7fd0;box-shadow:0 0 0 4px rgba(10,127,208,.12)}
.seg{display:inline-flex;background:var(--soft);border-radius:999px;padding:4px;gap:2px;border:1px solid var(--line)}
.seg button{height:36px;padding:0 16px;border-radius:999px;font:600 13px Inter;color:var(--mute)}
.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--sh1)}
.me{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--soft2);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.me b{font:600 14px "JetBrains Mono",ui-monospace,monospace}
.err{color:#d93025;font-size:13px;min-height:18px;margin-top:10px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.kv div{background:var(--soft2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.kv span{display:block;font-size:12px;color:var(--mute)}.kv b{font:600 18px "Inter Tight";letter-spacing:-.02em}
.panel.dark .kv div{background:rgba(255,255,255,.04);border-color:rgba(120,180,255,.12)}.panel.dark .kv span{color:#7f9bb8}
.minimach{position:relative;height:300px;border-radius:18px;overflow:hidden;margin-top:14px;border:1px solid rgba(120,180,255,.14)}
.minimach canvas{position:absolute;inset:0;width:100%;height:100%}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.filters button{height:38px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line2);font:600 13px Inter;color:var(--ink2);box-shadow:var(--sh1)}
.filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.empty{padding:60px 20px;text-align:center;color:var(--mute);background:#fff;border:1px dashed var(--line2);border-radius:var(--r);margin-top:30px}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;align-items:start}
.detail .art{border-radius:26px;background:#fff;border:1px solid var(--line);padding:12px;box-shadow:var(--sh2)}
.detail .art canvas{width:100%;aspect-ratio:1;border-radius:18px;display:block}
.hist{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.hist .row{display:grid;grid-template-columns:auto 1fr 52px;align-items:center;gap:10px;font:500 12px "JetBrains Mono",ui-monospace,monospace}
.hist .bar{height:10px;border-radius:6px;background:var(--soft);overflow:hidden;position:relative}
.hist .bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2fb4ff,#0a7fd0);border-radius:6px}
.hist .bar u{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink)}
.hist .row.mut .bar i{background:var(--ink)}
pre.code{font:500 12px/1.55 "JetBrains Mono",ui-monospace,monospace;background:#071a2e;color:#c8f26a;border-radius:16px;padding:16px;max-height:300px;overflow:auto;margin-top:14px}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-size:14px;z-index:120;transition:.25s;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
/* gate */
.gate{text-align:center;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}
.gate .gi{width:56px;height:56px;border-radius:18px;background:linear-gradient(160deg,#e3fb98,#c9ef5a);display:grid;place-items:center;box-shadow:var(--sh2)}
.gate .gi svg{width:30px;height:30px}
.gate b{font-size:24px}.gate p{color:var(--mute);max-width:380px;font-size:14px}
.gate .btn{margin-top:6px}
/* connect modal */
.modal{position:fixed;inset:0;z-index:110;background:rgba(6,14,26,.45);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:16px}
.modal.on{display:flex}
.sheet{width:min(420px,100%);max-height:86vh;overflow:auto;background:#fff;border-radius:26px;padding:22px;box-shadow:0 40px 100px -20px rgba(0,20,50,.5);animation:pop .3s cubic-bezier(.2,1.2,.4,1)}
.mh{display:flex;justify-content:space-between;align-items:center}.mh b{font-size:22px}
.x{width:34px;height:34px;border-radius:50%;background:var(--soft);font-size:13px}
.mp{font-size:13.5px;color:var(--mute);margin:6px 0 10px}
.grp{font:600 10.5px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mute2);margin:14px 4px 6px}
.wrow{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;font:600 14.5px Inter;text-align:left;border:1px solid transparent}
.wrow:hover{background:var(--soft2);border-color:var(--line)}
.wrow img{width:30px;height:30px;border-radius:9px;box-shadow:var(--sh1)}
.wrow span{flex:1}.wrow em{font-style:normal;font:500 12px Inter;color:var(--mute2)}
.wrow em.dtag{color:#13a35a;background:#e8f8ef;border-radius:999px;padding:3px 8px;font-weight:600;font-size:11px}
.wrow.det{background:#f6fdf9;border-color:#d4f1e0}
.wrow.more{justify-content:center;margin-top:8px;border:1px dashed var(--line2);font-size:13.5px;color:var(--ink2)}
.nodet{font-size:13px;color:var(--mute);background:var(--soft2);border-radius:14px;padding:12px;margin-top:6px}
/* reveal overlay */
.reveal{position:fixed;inset:0;z-index:100;background:#04121f;display:none;align-items:center;justify-content:center;flex-direction:column;color:#fff}
.reveal.on{display:flex}
.reveal canvas{position:absolute;inset:0;width:100%;height:100%}
.reveal .rt{position:relative;z-index:2;text-align:center;font:500 13px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;color:#9fd4ff;margin-top:auto;padding:24px 0 7vh}
.reveal .rcard{position:relative;z-index:3;margin-top:auto;width:min(360px,80vw);display:none;flex-direction:column;gap:12px;background:#fff;color:var(--ink);border-radius:26px;padding:14px;box-shadow:0 40px 120px rgba(207,244,106,.25);animation:pop .6s cubic-bezier(.2,1.4,.4,1)}
.reveal .rcard canvas{position:static;width:100%;height:auto;aspect-ratio:1;border-radius:18px}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
/* scroll reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@media (max-width:1000px){.bento{grid-template-columns:1fr 1fr}.bc.photo{grid-row:span 1;min-height:440px;grid-column:span 2}.grid4,.runs{grid-template-columns:1fr 1fr}.grid3,.forge{grid-template-columns:1fr 1fr}.two,.detail,.mach,.studio{grid-template-columns:1fr}.mach .ph{min-height:320px}}
@media (max-width:720px){nav.top .links{display:none}nav.top .in{padding:0 16px;height:66px}.nav-cta,.nav-wal{display:none!important}.burger{display:flex}
  .mnav{position:fixed;inset:66px 12px auto 12px;background:#fff;color:var(--ink);border-radius:18px;padding:10px;box-shadow:0 20px 60px rgba(0,0,0,.2);display:none;flex-direction:column;z-index:40}
  .mnav.on{display:flex}.mnav a{padding:14px;font:600 15px Inter;border-radius:12px}.mnav a:hover{background:var(--soft)}
  .wrap{padding:0 16px}section{padding:76px 0}.hero .copy{padding-top:120px}.hero p{font-size:14.5px}.hero .tagline{font-size:12px}
  .card3{width:176px;height:232px;left:-88px}@keyframes spin{from{transform:translateZ(160px) rotateY(0)}to{transform:translateZ(160px) rotateY(360deg)}}
  .bento,.grid4,.grid3,.forge{grid-template-columns:1fr}.bento>*{grid-column:auto!important}.bc.photo{min-height:460px}.step{min-height:190px}.bc{min-height:240px}.bigh .ph{display:none}.runs{grid-template-columns:1fr 1fr;gap:10px}.cta,.dk{margin:0 8px;border-radius:26px}.cta{padding:76px 20px}.hudb{grid-template-columns:1fr 1fr}.mach .chipwrap{min-height:420px}}
@media (min-width:721px){.mnav{display:none!important}}

/* ================= v3: brutalist hero + clean system ================= */
:root{--acc:#1846ff;--r:14px;--mono:"IBM Plex Mono",ui-monospace,monospace;--sh2:0 1px 2px rgba(16,24,40,.05),0 6px 16px -8px rgba(16,24,40,.12);--sh3:0 2px 4px rgba(16,24,40,.06),0 14px 32px -12px rgba(16,24,40,.2)}
body{background:#fff;padding-bottom:34px}
.eyebrow{height:auto;padding:0;border:0;background:none;box-shadow:none;font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--mute);gap:6px}
.eyebrow:before{content:"[";width:auto;height:auto;border-radius:0;background:none;box-shadow:none;color:var(--acc)}
.eyebrow:after{content:"]";color:var(--acc)}
.dk .eyebrow{background:none;border:0;color:#9db3c9}.dk .eyebrow:before,.dk .eyebrow:after{background:none;box-shadow:none;color:var(--lime)}
.bc,.step,.feat,.rc,.ed,.panel,.studio .prev{border-radius:var(--r)}
.bc.photo,.mach .ph,.mach .chipwrap{border-radius:var(--r)}
.rcart,.ed .edart{border-radius:10px}
.dk{border-radius:20px}
.bg-depth:after{opacity:.35}
.sh h2{letter-spacing:-.04em}
/* hero */
.hx{position:relative;height:100vh;min-height:620px;max-height:1100px;background:#f1f1f1;overflow:hidden;font-family:var(--mono);color:#151517;user-select:none}
.hx canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair}
.hx .o{position:absolute;pointer-events:none;font:500 10px/1.25 var(--mono);text-transform:uppercase;letter-spacing:.02em;z-index:2}
.hx .flip{transform:rotate(180deg)}
.hx .tl{left:12px;top:10px}.hx .tl2{left:118px;top:10px}.hx .tr{right:12px;top:10px;text-align:right}.hx .tr2{right:118px;top:10px;text-align:right}
.hx .num{left:calc(50% - 360px);top:16px;font:800 118px/0.82 "Oxanium",var(--mono);letter-spacing:-.02em;writing-mode:vertical-rl;color:#101012;display:flex;align-items:center;gap:12px}
.hx .num small{font:700 26px/1 "Oxanium";writing-mode:horizontal-tb}
.hx .brk{left:calc(50% - 150px);top:40px;width:96px;height:46px;padding:6px 8px;text-align:right}
.hx .brk:before,.hx .brk:after{content:"";position:absolute;width:8px;height:8px;border:1.5px solid #151517}
.hx .brk:before{left:0;top:0;border-right:0;border-bottom:0}.hx .brk:after{right:0;bottom:0;border-left:0;border-top:0}
.hx .words{line-height:1.12;font-size:9.5px}
.hx .w1{left:calc(50% + 250px);top:44%}.hx .w2{left:calc(50% - 330px);top:30%}.hx .w3{left:calc(50% + 330px);top:56%}.hx .w4{left:calc(50% + 60px);top:6px}
.hx .lab{font-size:10px}
.hx .slash{font:800 44px/1 "Oxanium";color:#2a2a2e}
.hx .chip{width:36px;height:40px;border:1.5px solid #151517;background:#fff;display:grid;place-items:center}
.hx .card{position:absolute;left:16px;bottom:54px;z-index:3;background:#fff;border:1.5px solid #151517;padding:16px 18px;width:min(360px,calc(100% - 32px));font-family:var(--mono);box-shadow:6px 6px 0 #151517}
.hx .card h1{font:600 22px/1.15 Inter;letter-spacing:-.03em;text-transform:none;color:#101012}
.hx .card p{font:400 12px/1.5 var(--mono);color:#55555c;margin-top:8px;text-transform:uppercase}
.hx .card .row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.hx .card a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid #151517}
.hx .card a.p{background:var(--acc);color:#fff;border-color:var(--acc)}.hx .card a.p:hover{background:#0f36e0}
.hx .card a.s:hover{background:#151517;color:#fff}
.hx .live{position:absolute;right:16px;bottom:54px;z-index:3;font:500 10px/1.5 var(--mono);text-transform:uppercase;text-align:right;color:#151517;background:rgba(241,241,241,.85);padding:6px 8px}
.hx .live b{color:var(--acc)}
/* bottom bar (global nav) */
.bar{position:fixed;left:0;right:0;bottom:0;height:34px;z-index:60;background:#232326;color:#d9d9de;display:flex;justify-content:space-between;align-items:stretch;font:500 12px/1 var(--mono);text-transform:uppercase}
.bar .bl{display:flex;overflow-x:auto;scrollbar-width:none}.bar .bl::-webkit-scrollbar{display:none}
.bar .bl a{display:flex;align-items:center;gap:6px;padding:0 12px;white-space:nowrap;color:#b9b9c0}
.bar .bl a i{font-style:normal;color:#77777e}
.bar .bl a:hover{color:#fff}.bar .bl a.on{color:#fff;font-weight:600}
.bar .br{display:flex;align-items:stretch}
.bar .clk{display:flex;align-items:center;gap:8px;padding:0 12px;color:#b9b9c0;white-space:nowrap}
.bar .clk.live b{width:7px;height:7px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 3px rgba(255,59,48,.18)}
.bar .wbx{background:#fff;color:#151517;padding:0 14px;font:600 12px var(--mono);text-transform:uppercase;display:flex;align-items:center;gap:8px;white-space:nowrap}
.bar .wbx:hover{background:var(--lime)}
.bar .wbx .dot{width:7px;height:7px;border-radius:50%;background:#f0a020}.bar .wbx .dot.ok{background:#22c55e}
/* inner-page header */
.topbar{display:flex;align-items:flex-start;gap:60px;padding:14px 16px 0;font:500 10px/1.3 var(--mono);text-transform:uppercase;color:#3a3a40}
.topbar .tl.r{margin-left:auto;text-align:right}
.brand{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--mono);letter-spacing:.06em;color:var(--ink)}
.bmk{width:24px;height:24px;border:1.5px solid var(--ink);display:grid;place-items:center;background:#fff}.bmk svg{width:16px;height:16px}
footer .brand{font-size:12px}
nav.top{display:none}
/* clean CTA */
.cta{background:#151517;color:#fff;border-radius:20px;box-shadow:none}
.cta:before{background:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:6px 6px;opacity:.6}
.cta .btn.lime .arr{background:#151517}
@media (max-width:900px){.hx .num{left:10px;top:70px;font-size:84px}.hx .tl2,.hx .tr2,.hx .w3,.hx .w4,.hx .brk{display:none}.hx .w1{left:auto;right:14px;top:110px}.hx .w2{left:auto;right:14px;top:auto;bottom:250px}.topbar{gap:24px}.topbar .tl:not(.r){display:none}}
@media (max-width:560px){.bar .clk{display:none}.bar .bl a{padding:0 9px}.hx .card{bottom:48px}.hx .live{display:none}.hx .num{font-size:64px}}

.thesis{padding:110px 0 60px}
.th{max-width:780px;margin:22px auto 0;font:500 clamp(14px,1.6vw,18px)/1.9 var(--mono);text-transform:uppercase;letter-spacing:.02em;color:var(--ink)}
.thbtn{display:inline-flex;margin-top:30px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);flex-direction:column;align-items:center;gap:10px}
.thbtn:after{content:"";width:106px;height:14px;background:var(--ink);transition:width .2s}.thbtn:hover:after{width:140px}
@media (max-width:900px){.hx .o.lab,.hx .o.slash,.hx .o.chip,.hx .w2{display:none}.hx .w1{top:100px}}

/* ================= v4: thesis vibe everywhere (mono, ink, square, dither) ================= */
:root{--ink:#151517;--paper:#f1f1f1;--line2:#151517}
body{background:var(--paper);background-image:radial-gradient(rgba(21,21,23,.07) 1px,transparent 1.2px);background-size:6px 6px;font-family:var(--mono);font-size:13.5px}
.bg-depth:before,.bg-depth:after{display:none}
section{background:transparent}
.h{font-family:var(--mono);font-weight:600;letter-spacing:-.03em;text-transform:uppercase;line-height:1.05}
.sh h2{font-size:clamp(24px,3vw,38px);max-width:700px}
.sh p,.step p,.feat p,.bc .sub,.quote,.ph1 p,.ed p,.mp,.gate p{font-family:var(--mono);font-size:12.5px;line-height:1.65;text-transform:uppercase;color:#4d4d55}
.ph1 h1{font-size:clamp(30px,4.4vw,54px)}
.bigh{font-size:clamp(28px,4vw,52px);line-height:1.12}
.bigh .grad{background:none;color:var(--acc);-webkit-text-fill-color:currentColor}
.bigh .ph{border-radius:0;filter:grayscale(1) contrast(1.15);box-shadow:4px 4px 0 var(--ink);border:1.5px solid var(--ink)}
.bigh .qb{border-radius:0;background:var(--ink);box-shadow:4px 4px 0 var(--acc)}
/* cards: white, ink border, hard offset shadow */
.bc,.step,.feat,.rc,.ed,.panel,.detail .art,.studio .prev,.sheet,.empty{border-radius:0!important;border:1.5px solid var(--ink)!important;box-shadow:6px 6px 0 var(--ink)!important;background:#fff}
.bc:hover,.feat:hover,.rc:hover,.ed:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)!important}
.bc .lbl{font-family:var(--mono);letter-spacing:.06em;color:#6a6a72}
.bc .num{font-family:var(--mono);letter-spacing:-.05em}
.bc.gray{background:#fff}
.bc.lime{background:#fff}.bc.lime .num{color:var(--acc)}.bc.lime .lbl,.bc.lime .sub{color:#4d4d55}
.bc.lime .spark{border-radius:0;border:1.5px solid var(--ink);background:#fff}
.bc.ink,.panel.dark{background:var(--ink);background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px);background-size:6px 6px;box-shadow:6px 6px 0 var(--acc)!important}
.bc.photo{filter:grayscale(1) contrast(1.08)}
.bc.photo .brand,.bc.photo .in{border-radius:0;border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.bc.photo .brand{font-family:var(--mono);text-transform:uppercase;font-size:11px}
.avs span{border-radius:0;border:1.5px solid var(--ink)}
.step .n{border-radius:0;border:1.5px solid var(--ink);background:#fff;font-family:var(--mono)}
.step h3,.feat h3,.ed h3{font-family:var(--mono);text-transform:uppercase;font-size:17px;letter-spacing:-.02em}
.step.lime{background:var(--acc);color:#fff}.step.lime p{color:#dfe6ff}.step.lime .n{background:#fff;color:var(--ink)}
.feat .ic{border-radius:0;border:1.5px solid var(--ink);background:#fff;box-shadow:none}
.pill,.r-Common,.r-Uncommon,.r-Rare,.r-Epic,.r-Glitched,.r-Legendary{border-radius:0;font-family:var(--mono);text-transform:uppercase;font-size:10px;letter-spacing:.04em;height:22px;border:1px solid currentColor}
.pill.lime{background:var(--acc);color:#fff;border-color:var(--acc)}.pill.sky{background:#fff;color:var(--acc)}
/* buttons */
.btn{border-radius:0;font-family:var(--mono);letter-spacing:.06em}
.btn.lime{background:var(--acc);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn.lime:hover{background:#0f36e0}
.btn.lime .arr{border-radius:0;background:#fff;color:var(--acc)}
.btn.dark{box-shadow:4px 4px 0 var(--acc)}
.btn.ghost{border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.btn.glass{border-radius:0}
/* inputs, toggles */
.inp,.seg,.opt,.filters button,.me,.kv div,.x,.wrow img{border-radius:0!important}
.inp{border:1.5px solid var(--ink);font-family:var(--mono);box-shadow:none}
.seg{border:1.5px solid var(--ink);background:#fff;padding:3px}.seg button{border-radius:0;font-family:var(--mono);text-transform:uppercase;font-size:11px}.seg button.on{background:var(--ink);color:#fff;box-shadow:none}
.filters button{border:1.5px solid var(--ink);font-family:var(--mono);text-transform:uppercase;font-size:11px;box-shadow:none}.filters button.on{background:var(--ink)}
.opt{border:1.5px solid var(--ink);font-family:var(--mono);text-transform:uppercase;font-size:11px}.opt.on{background:var(--ink);color:#fff;box-shadow:none}.opt i{border-radius:0}
.kv div{border:1.5px solid var(--ink);background:#fff}.kv span{font-family:var(--mono);text-transform:uppercase;font-size:10.5px}
.panel.dark .kv div{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.03)}
.me{border:1.5px solid var(--ink);background:#fff}
.gate .gi{border-radius:0;background:#fff;border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--acc)}
.gate b{font-family:var(--mono);text-transform:uppercase;font-size:20px}
/* forge, run cards */
.rcart,.ed .edart,.minimach,.mach .ph,.mach .chipwrap,.studio .prev canvas,.detail .art canvas{border-radius:0!important}
.ed.legend{background:var(--ink);box-shadow:6px 6px 0 var(--acc)!important}
.ed .buy{border-top:1.5px dashed var(--ink)}.ed.legend .buy{border-color:rgba(255,255,255,.25)}
.ed .price{font-family:var(--mono);text-transform:uppercase;font-size:15px}
.rc .id{font-family:var(--mono)}.rc .sm{font-family:var(--mono);text-transform:uppercase;font-size:10.5px}
/* machine section */
.dk{border-radius:0;margin:0;background:var(--ink);background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:6px 6px}
.dk .h{color:#fff}
.mach .ph{filter:grayscale(1) contrast(1.1);border:1.5px solid #fff}
.mach .chipwrap{border:1.5px solid rgba(255,255,255,.4)}
.hud .tag,.hudb div,.feed,.feed .fi{border-radius:0}
.feed{border:1.5px solid rgba(255,255,255,.25)}
/* marquee, thesis, cta, footer */
.marq{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:#fff;padding:16px 0}
.marq .it{font-family:var(--mono);text-transform:uppercase;font-size:14px;color:#55555c;letter-spacing:.02em}.marq .it i{border-radius:0;background:var(--ink);width:10px;height:10px}.marq .it i:after{display:none}
.cta{border-radius:0;margin:20px 16px 0;border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--acc)}
.cta h2{font-size:clamp(28px,4vw,52px)}.cta p{font-family:var(--mono);text-transform:uppercase;font-size:12.5px}
footer{font-family:var(--mono);text-transform:uppercase;font-size:11px;border-top:1.5px solid var(--ink);margin-top:60px}
.hist .bar{border-radius:0}.hist .bar i{border-radius:0;background:var(--acc)}
pre.code{border-radius:0;background:var(--ink)}
.toast{border-radius:0;font-family:var(--mono);text-transform:uppercase;font-size:12px}
.wrow{border-radius:0;font-family:var(--mono);font-size:13px}.wrow.det{background:#f2f5ff;border-color:var(--acc)}.wrow.more{border:1.5px dashed var(--ink)}
.mh b{font-family:var(--mono);text-transform:uppercase}
.grp{font-family:var(--mono)}
.reveal .rcard{border-radius:0;border:1.5px solid #fff}
.mach .ph .cap b{font-family:var(--mono);text-transform:uppercase;font-size:17px}.mach .ph .cap p{font-family:var(--mono);text-transform:uppercase;font-size:11px}.hud .tag,.hudb span{font-family:var(--mono)}.hudb b{font-family:var(--mono)}

.pvb{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1.5px solid var(--acc);background:#fff;box-shadow:4px 4px 0 var(--acc);padding:12px 16px;margin-bottom:26px;font:500 12px/1.5 var(--mono);text-transform:uppercase}.pvb b{background:var(--acc);color:#fff;padding:4px 8px}

/* ================= top nav ================= */
.topbar{display:none}
.nav{position:sticky;top:0;z-index:70;background:rgba(241,241,241,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1.5px solid var(--ink)}
.nav.over{position:fixed;left:0;right:0}
.nin{display:flex;align-items:center;gap:24px;height:58px;max-width:1440px;margin:0 auto;padding:0 16px}
.nl{display:flex;gap:2px;margin-left:24px}
.nl a{display:flex;align-items:baseline;gap:6px;height:34px;align-items:center;padding:0 12px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#3a3a40;border:1.5px solid transparent}
.nl a em{font-style:normal;font-size:9.5px;color:#9a9aa2}
.nl a:hover{border-color:var(--ink);color:var(--ink)}
.nl a.on{background:var(--ink);color:#fff}.nl a.on em{color:#8f8f97}
.nr{margin-left:auto;display:flex;align-items:center;gap:8px}
.nx{width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--ink);background:#fff;color:var(--ink)}.nx:hover{background:var(--ink);color:#fff}
.nw{height:34px;padding:0 12px;border:1.5px solid var(--ink);background:#fff;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.nw:hover{background:var(--lime)}
.nw .dot{width:7px;height:7px;border-radius:50%;background:#f0a020}.nw .dot.ok{background:#22c55e}
.ncta{height:34px;padding:0 14px;display:inline-flex;align-items:center;background:var(--acc);color:#fff;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.ncta:hover{background:#0f36e0}
.nb{display:none;width:38px;height:34px;border:1.5px solid var(--ink);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.nb span{width:16px;height:1.5px;background:var(--ink);transition:.2s}.nb.x span:first-child{transform:translateY(3.25px) rotate(45deg)}.nb.x span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.nm{display:none;flex-direction:column;border-top:1.5px solid var(--ink);background:#fff;padding:8px 16px 16px}
.nm a{display:flex;gap:10px;align-items:baseline;padding:14px 4px;border-bottom:1px dashed #c9c9ce;font:500 15px var(--mono);text-transform:uppercase}
.nm a em{font-style:normal;font-size:10px;color:#9a9aa2}.nm a.on{color:var(--acc)}
.nm .nw{margin-top:14px;height:44px;justify-content:center}
.hx .tl,.hx .tl2,.hx .tr,.hx .tr2{top:70px}.hx .num{top:76px}.hx .brk{top:96px}.hx .w4{top:66px}
@media (max-width:1100px){.nl a em{display:none}.nl a{padding:0 9px}.nl{margin-left:6px}}
@media (max-width:900px){.nl,.nx,.nw,.ncta{display:none}.nr .nb{display:flex}.nm.on{display:flex}.nin{height:54px}.hx .num{top:70px}}
.hx .tl,.hx .tr{display:none}.hx .tl2{left:16px}.hx .tr2{right:16px}

body{padding-bottom:0}.bar{display:none}.hx .card{bottom:24px}.hx .live{bottom:24px}
@media (max-width:560px){.hx .card{bottom:16px}}

/* ================= v5 polish ================= */
/* hero labels: nothing collides */
.hx .num{left:calc(50% - 480px)}
.hx .w2{left:calc(50% - 620px);top:24%}
.hx .w1{left:calc(50% + 410px);top:30%}
.hx .w3{left:calc(50% + 560px);top:60%}
.hx .lab1{left:calc(50% + 410px);top:16%}.hx .lab2{left:calc(50% + 410px);top:19.5%}.hx .lab3{left:calc(50% + 410px);top:23%}
.hx .labc{left:calc(50% - 300px);top:71%}
@media (max-width:1320px){.hx .w3,.hx .w2{display:none}.hx .num{left:calc(50% - 440px)}}
@media (max-width:1100px){.hx .w1,.hx .lab1,.hx .lab2,.hx .lab3{display:none}.hx .num{left:24px}}
/* footer */
footer.ft{border-top:1.5px solid var(--ink);margin-top:80px;padding:56px 0 24px;background:#fff;font-family:var(--mono);text-transform:uppercase}
.ftop{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.ftag{font:500 13px/1.6 var(--mono);color:#3a3a40;margin-top:14px}
.fcols{display:flex;gap:56px;flex-wrap:wrap}
.fcols div{display:flex;flex-direction:column;gap:10px;font-size:12px}
.fcols b{font-size:10.5px;color:#8a8a92;font-weight:500;letter-spacing:.08em;margin-bottom:4px}
.fcols a{color:var(--ink)}.fcols a:hover{color:var(--acc)}
.fword{font:800 clamp(90px,19vw,300px)/.82 "Oxanium",var(--mono);letter-spacing:-.04em;color:var(--ink);margin:48px 0 18px;user-select:none;background-image:radial-gradient(#f1f1f1 1px,transparent 1.3px);background-size:5px 5px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--ink)}
.fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1.5px dashed var(--ink);padding-top:16px;font-size:10.5px;color:#55555c}
/* section numbers + dividers (homepage) */
body{counter-reset:sec}
section .sh .eyebrow:before{counter-increment:sec;content:"[" counter(sec,decimal-leading-zero) " /"}
section:has(.sh){border-top:1.5px solid var(--ink)}
section.dk:has(.sh){border-top:0}
/* mini bars (replaces colored squares) */
.mini{display:flex;align-items:flex-end;gap:3px;height:44px;margin-top:20px}
.mini i{flex:1;background:var(--ink);min-height:2px}.mini i.top{background:var(--acc)}
.minilbl{font:500 10px var(--mono);text-transform:uppercase;color:#8a8a92;margin-top:6px}
/* reveal (light, dithered) */
.reveal{background:#f1f1f1;color:var(--ink)}
.reveal canvas#rvCv{image-rendering:pixelated}
.reveal .rt{color:var(--ink);font-family:var(--mono);text-transform:uppercase;background:#f1f1f1;padding:10px 14px;margin-bottom:6vh}
.reveal .rcard{border:1.5px solid var(--ink)!important;box-shadow:8px 8px 0 var(--acc)!important}
/* interactions */
.btn:active,.ncta:active,.nw:active,.hx .card a:active{transform:translate(3px,3px);box-shadow:0 0 0 transparent!important}
.rcart canvas,.ed .edart canvas,.detail .art canvas,.studio .prev canvas{cursor:crosshair}
.wipe{position:fixed;inset:0;z-index:200;pointer-events:none;background:#151517;background-image:radial-gradient(#1846ff 1.2px,transparent 1.4px);background-size:6px 6px;transform:translateY(0);transition:transform .26s cubic-bezier(.7,0,.3,1)}
.wipe.out{transform:translateY(-101%)}
.wipe.in{transform:translateY(0);transition:transform .24s cubic-bezier(.7,0,.3,1)}
/* market */
.mstat{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--ink);margin-top:36px}
.mstat div{padding:18px 20px;border-right:1.5px solid var(--ink)}.mstat div:last-child{border-right:0}
.mstat span{display:block;font:500 10.5px var(--mono);text-transform:uppercase;color:#6a6a72}
.mstat b{display:block;font:600 26px var(--mono);letter-spacing:-.03em;margin-top:8px}
.mstat b.blue{color:var(--acc)}
.rdist{display:flex;height:34px;border:1.5px solid var(--ink);margin-top:14px;background:#fff}
.rdist i{display:flex;align-items:center;justify-content:center;font:600 10px var(--mono);text-transform:uppercase;font-style:normal;border-right:1.5px solid var(--ink);overflow:hidden;white-space:nowrap}
.rdist i:last-child{border-right:0}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
@media (max-width:900px){.mstat{grid-template-columns:1fr 1fr}.mstat div:nth-child(2){border-right:0}.mstat div:nth-child(-n+2){border-bottom:1.5px solid var(--ink)}.flow{grid-template-columns:1fr}.fcols{gap:32px}}
.kv b{font-family:var(--mono)}