:root{--bg:#08090d;--bg2:#0f1117;--bg3:#161923;--line:#ffffff14;--text:#eef1f8;--muted:#8b93a7;--c1:#22d3ee;--c2:#a855f7;--c3:#f472b6;--f-head:"Space Grotesk", system-ui, sans-serif;--f:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--f);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 30% 30%,#22d3ee2e,#0000 70%),radial-gradient(40% 50% at 75% 20%,#a855f733,#0000 70%);height:80vh;position:fixed;inset:-20% -10% auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.nav{justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px;display:flex}.brand{font:700 19px/1 var(--f-head);letter-spacing:-.01em;align-items:center;gap:10px;display:flex}.brand b{background:linear-gradient(90deg, var(--c1), var(--c2));color:#0000;-webkit-background-clip:text;background-clip:text}.brand__m{background:linear-gradient(135deg, var(--c1), var(--c2));color:#0a0a12;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.nav__links{color:var(--muted);align-items:center;gap:26px;font-size:14.5px;display:flex}.nav__links a:hover{color:var(--text)}.btn{background:linear-gradient(90deg, var(--c1), var(--c2));font:600 15px/1 var(--f-head);border-radius:10px;align-items:center;padding:13px 22px;transition:transform .2s;display:inline-flex;box-shadow:0 10px 40px #a855f74d;color:#0a0a12!important}.btn:hover{transform:translateY(-2px)}.btn--ghost{background:var(--bg3);border:1px solid var(--line);box-shadow:none;color:var(--text)!important}.btn--sm{padding:9px 16px;font-size:14px}.hero{text-align:center;padding-top:60px;padding-bottom:90px}.eyebrow{border:1px solid var(--line);background:var(--bg2);color:var(--c1);border-radius:999px;margin:0;padding:6px 14px;font-size:13px;display:inline-block}h1{max-width:900px;font:700 clamp(42px, 7vw, 84px)/1 var(--f-head);letter-spacing:-.04em;margin:22px auto 0}h1 span,.final h2 span{background:linear-gradient(90deg, var(--c1), var(--c2), var(--c3));color:#0000;-webkit-background-clip:text;background-clip:text}.lede{max-width:640px;color:var(--muted);margin:22px auto 0;font-size:18px}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.hint{color:var(--muted);margin:46px 0 14px;font-size:13px}.pos{text-align:left;border:1px solid var(--line);background:var(--bg2);border-radius:18px;grid-template-columns:70px 1fr 290px;min-height:420px;display:grid;overflow:hidden;box-shadow:0 50px 100px #0000008c,0 0 0 1px #a855f71f}.pos__side{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:6px;padding:14px 0;display:flex}.pos__logo{background:linear-gradient(135deg, var(--c1), var(--c2));color:#0a0a12;border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:10px;font-weight:700;display:grid}.pos__nav{color:var(--muted);text-align:center;border-radius:8px;width:56px;padding:8px 4px;font-size:10.5px}.pos__nav.is-on{color:var(--text);background:var(--bg3);box-shadow:inset 2px 0 0 var(--c1)}.pos__main{min-width:0;padding:16px}.pos__bar{background:var(--bg3);border:1px solid var(--line);color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}kbd{border:1px solid var(--line);border-radius:5px;padding:2px 6px;font:500 11px ui-monospace,monospace}.pos__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.tile{border:1px solid var(--line);background:var(--bg3);text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:14px;transition:border-color .2s,transform .15s;display:flex}.tile:hover{border-color:var(--c1)}.tile:active{transform:scale(.97)}.tile__tag{font:600 10px var(--f-head);color:var(--c1);background:#22d3ee1f;border-radius:5px;align-self:flex-start;padding:2px 7px}.tile b{font-size:13.5px;font-weight:600;line-height:1.3}.tile__p{font:600 14px var(--f-head);color:var(--muted)}.pos__cart{background:var(--bg);border-left:1px solid var(--line);flex-direction:column;padding:16px;display:flex}.pos__ct{font:600 15px var(--f-head);margin:0 0 10px}.pos__ct span{color:var(--muted);font-size:13px;font-weight:500}.pos__cart ul{flex:1;margin:0;padding:0;font-size:13px;list-style:none}.pos__cart li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding:9px 0;display:flex}.pos__cart li span{color:var(--muted)}.pos__sum{justify-content:space-between;align-items:baseline;padding:14px 0;display:flex}.pos__sum b{font:700 24px var(--f-head)}.pos__pay{background:linear-gradient(90deg, var(--c1), var(--c2));color:#0a0a12;font:700 15px var(--f-head);border:0;border-radius:10px;padding:13px}.sec{padding:90px clamp(16px,4vw,40px)}.kicker{font:600 14px var(--f-head);color:var(--c1);text-transform:uppercase;letter-spacing:.1em;margin:0}h2{max-width:760px;font:700 clamp(32px, 4.4vw, 52px)/1.05 var(--f-head);letter-spacing:-.03em;margin:12px 0 0}.mods{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px;display:grid}.mod{border:1px solid var(--line);background:linear-gradient(180deg, var(--bg2), var(--bg));border-radius:16px;padding:26px;transition:border-color .2s,transform .2s}.mod:hover{border-color:#a855f780;transform:translateY(-3px)}.mod h3{font:700 24px var(--f-head);margin:0}.mod p{color:var(--muted);margin:8px 0 16px;font-size:15px}.mod__tags{flex-wrap:wrap;gap:6px;display:flex}.mod__tags span{background:var(--bg3);border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:12px}.why{grid-template-columns:.9fr 1.1fr;gap:50px;display:grid}.why__list{gap:4px;display:grid}.why__item{border-bottom:1px solid var(--line);gap:20px;padding:22px 0;display:flex}.why__item>span{font:700 14px var(--f-head);color:var(--c2);padding-top:3px}.why__item h3{font:600 20px var(--f-head);margin:0}.why__item p{color:var(--muted);margin:4px 0 0}.final{text-align:center}.final h2{margin:0 auto 30px;font-size:clamp(36px,6vw,72px)}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;padding-bottom:40px;font-size:14px;display:flex}@media (max-width:960px){.pos{grid-template-columns:1fr}.pos__side{display:none}.pos__cart{border-left:0;border-top:1px solid var(--line)}.mods,.why{grid-template-columns:1fr}.nav__links a:not(.btn){display:none}}@media (max-width:520px){.pos__grid{grid-template-columns:1fr 1fr}}