/* Public landing (Daniel 19.10.2026): dark hero with live circuit traces, light "how it works", phone first. No external fonts. */
:root{--bg:#070b16;--bg2:#0c1324;--card:#111a2f;--line:#1f2a44;--ink:#e6ecf7;--mute:#93a1bd;--c1:#22d3ee;--c2:#818cf8;--ok:#22c55e;
--lbg:#f3f6fb;--link:#0e7490;--r:18px;--f:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}.wrap{width:min(1180px,100% - 32px);margin:0 auto}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;color:#000;padding:8px}
.notice{background:linear-gradient(90deg,var(--c1),var(--c2));color:#06101f;text-align:center;font-weight:600;padding:6px 12px;font-size:14px}
.nav{position:sticky;top:0;z-index:20;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.nav.solid{background:rgba(7,11,22,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.navin{display:flex;align-items:center;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand b{display:block;font-size:18px;letter-spacing:.06em}
.brand small{display:block;color:var(--mute);font-size:11px;line-height:1.1}
.links{display:none;gap:22px;margin-left:auto}.links a{text-decoration:none;color:var(--mute);font-size:15px;transition:color .2s}.links a:hover{color:var(--ink)}
.navin>.btn{margin-left:auto}
@media(min-width:960px){.links{display:flex}.navin>.btn{margin-left:8px}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font-weight:650;
text-decoration:none;border:1px solid var(--line);background:transparent;color:var(--ink);transition:transform .2s,box-shadow .3s,background .3s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}.btn.big{min-height:52px;padding:0 26px;font-size:17px}
.btn.glow{border:0;color:#04121f;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px 30px -8px rgba(34,211,238,.6)}
.btn.glow:hover{box-shadow:0 12px 40px -8px rgba(129,140,248,.8)}
.btn.ghost{background:rgba(255,255,255,.04)}.btn.ghost:hover{background:rgba(255,255,255,.09)}
/* hero */
.hero{position:relative;overflow:hidden;padding:28px 0 56px;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:-2;
background:radial-gradient(600px 400px at 85% 20%,rgba(129,140,248,.28),transparent 60%),radial-gradient(520px 380px at 10% 70%,rgba(34,211,238,.20),transparent 60%)}
.grid-bg{position:absolute;inset:0;z-index:-2;opacity:.35;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}
.circuit{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.75}
.trace{stroke:url(#none);stroke:#1e3a5f;stroke-dasharray:6 10}
.trace.t1,.trace.t3,.trace.t5{stroke:rgba(34,211,238,.55);stroke-dasharray:90 900;animation:run 7s linear infinite}
.trace.t2,.trace.t4{stroke:rgba(129,140,248,.55);stroke-dasharray:120 1100;animation:run 9s linear infinite}
.trace.t3{animation-delay:-2s}.trace.t4{animation-delay:-4s}.trace.t5{animation-duration:5s}
@keyframes run{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.nodes circle{fill:var(--c1);opacity:.7;animation:blink 3s ease-in-out infinite}.nodes circle:nth-child(2n){animation-delay:-1.5s;fill:var(--c2)}
@keyframes blink{50%{opacity:.15}}
.heroin{display:grid;gap:24px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:8px;margin:12px 0 8px;font-size:13px;color:var(--mute);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}
.kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(34,197,94,.18)}
h1{font-size:clamp(34px,8.5vw,68px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 14px;font-weight:800;
background:linear-gradient(180deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(16px,2.2vw,20px);color:#c3cde0;max-width:620px;margin:0 0 22px}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.brands{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.brands li{font-size:13px;padding:6px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(17,26,47,.6);color:#cbd5e1}
.heroart{max-width:460px;margin:0 auto;width:100%}
.miner{width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(34,211,238,.18))}
.float{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}
.fan{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.pulse{animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}
.leds circle{animation:blink 1.4s steps(2) infinite}.leds circle:nth-child(2){animation-delay:-.4s}.leds circle:nth-child(3){animation-delay:-.9s}
.chip{animation:float 5s ease-in-out infinite reverse}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:34px}
.facts div{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(17,26,47,.55)}
.facts b{display:block;font-size:17px}.facts span{font-size:13px;color:var(--mute)}
@media(min-width:900px){.heroin{grid-template-columns:1.15fr .85fr;gap:40px}.hero{padding:56px 0 72px}.facts{grid-template-columns:repeat(4,1fr)}}
/* sections */
.sec{padding:64px 0;position:relative}.sec h2{font-size:clamp(28px,5.5vw,44px);line-height:1.1;letter-spacing:-.025em;margin:6px 0 28px;font-weight:800}
.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;
background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.muted{color:var(--mute)}
.cards{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{position:relative;padding:22px;border-radius:var(--r);background:linear-gradient(180deg,rgba(17,26,47,.9),rgba(12,19,36,.9));border:1px solid var(--line);overflow:hidden;transition:transform .3s,border-color .3s}
.card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(34,211,238,.5),transparent 40%,rgba(129,140,248,.4));
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.card:hover{transform:translateY(-3px)}.card:hover::after{opacity:1}
.card h3{margin:12px 0 6px;font-size:19px}.card p{margin:0 0 6px;color:var(--mute)}
.ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(129,140,248,.18));border:1px solid var(--line)}
.ic svg{width:24px;height:24px;stroke:var(--c1);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* light section */
.sec.light{background:var(--lbg);color:#0f172a}.sec.light .muted,.sec.light p{color:#475569}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:s}
.steps li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:var(--r);padding:18px 18px;box-shadow:0 10px 30px -18px rgba(15,23,42,.25)}
.steps .n{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(135deg,#0891b2,#6366f1)}
.steps h3{margin:2px 0 4px;font-size:18px;color:#0f172a}.steps p{margin:0}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}.steps li{flex-direction:column}}
/* status / shop */
.split{display:grid;gap:28px;align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:56px}}
.phone{justify-self:center;width:min(300px,86%);aspect-ratio:9/17;border-radius:36px;padding:12px;background:linear-gradient(160deg,#1e293b,#0b1222);border:1px solid #334155;box-shadow:0 40px 80px -30px rgba(34,211,238,.35)}
.scr{height:100%;border-radius:26px;background:#0b1222;padding:22px 16px;display:flex;flex-direction:column;gap:14px}
.row1{display:flex;justify-content:space-between;align-items:center}.pill{font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(34,197,94,.15);color:#4ade80}
.track{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.track span{height:7px;border-radius:4px;background:#1f2a44}
.track .done{background:linear-gradient(90deg,var(--c1),var(--c2))}.track .now{animation:blink 1.6s ease-in-out infinite}
.row2{padding:12px;border-radius:14px;background:#111a2f;border:1px solid var(--line)}.row2 span{display:block;font-weight:600;font-size:14px}.row2 small{color:var(--mute)}
.shopteaser{background:linear-gradient(180deg,var(--bg),var(--bg2))}
.parts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.parts span{padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(17,26,47,.7);font-weight:600;animation:float 6s ease-in-out infinite}
.parts span:nth-child(2n){animation-delay:-2s}.parts span:nth-child(3n){animation-delay:-4s}
/* contacts */
.contacts{display:grid;gap:14px}@media(min-width:900px){.contacts{grid-template-columns:repeat(3,1fr)}}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}.chips a:hover{border-color:var(--c1)}.chips small{color:var(--mute);font-weight:400}
.big-link{font-size:20px;font-weight:700;text-decoration:none;color:#fff}.big-link:hover{color:var(--c1)}
.foot{border-top:1px solid var(--line);padding:28px 0 calc(28px + env(safe-area-inset-bottom));font-size:14px;color:var(--mute)}
.footin{display:grid;gap:14px}.foot b{color:var(--ink)}@media(min-width:900px){.footin{grid-template-columns:1fr 1.2fr auto;align-items:start}}
.foot a{color:var(--mute)}.foot a:hover{color:var(--ink)}
/* reveal */
.js-anim .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.js-anim .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* single login */
body.auth{min-height:100dvh}.authbg{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.authbox{width:min(420px,100%);background:rgba(12,19,36,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:24px;padding:28px 22px;box-shadow:0 40px 90px -40px rgba(34,211,238,.45)}
.authh{font-size:28px;margin:22px 0 4px;-webkit-text-fill-color:initial;background:none;color:var(--ink);letter-spacing:-.02em}
.authform{display:grid;gap:14px;margin:18px 0 8px}.authform label{display:grid;gap:6px;font-size:14px;color:var(--mute)}
.authform input{width:100%;min-height:50px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#0b1222;color:var(--ink);font-size:17px}
.authform input:focus{outline:2px solid var(--c1);outline-offset:1px}
.pw{position:relative;display:block}.pw button{position:absolute;right:6px;top:6px;height:38px;width:42px;border:0;border-radius:10px;background:transparent;color:var(--mute);font-size:18px;cursor:pointer}
.autherr{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#fecaca}
.authlinks{text-align:center;margin:10px 0}.authlinks a{color:var(--c1)}.authfoot{text-align:center;margin:18px 0 0;font-size:14px}.authfoot a{color:var(--mute)}
.small{font-size:13px}

/* checkup 20.10: phone targets + no overflow in auth boxes */
.authbox{min-width:0}.authbox .btn{white-space:normal;text-align:center;line-height:1.25;flex-direction:column;gap:2px}
.pw button{height:44px;width:44px;top:3px;right:3px}
.foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}