:root{--cyan: #22e3d6;--magenta: #ff4d9d;--yellow: #ffd23f;--bg: #0a0b10;--text: #eef1f7;--muted: #98a1b2;--glass: rgba(18, 21, 30, .55);--glass-brd: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100%}button{font:inherit;color:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:14px;padding:15px 20px;font-weight:700;font-size:16px;background:linear-gradient(135deg,var(--cyan),#37c0ff);color:#04121a;text-decoration:none;box-shadow:0 8px 24px #22e3d647;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--glass-brd);box-shadow:none}.btn[disabled]{opacity:.6;cursor:default}.landing{min-height:100dvh;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 28px) 22px calc(env(safe-area-inset-bottom) + 28px);background:radial-gradient(120% 80% at 50% -10%,rgba(34,227,214,.14),transparent 60%),radial-gradient(90% 60% at 90% 8%,rgba(255,77,157,.12),transparent 60%),var(--bg)}.landing-inner{width:100%;max-width:420px;text-align:center}.logo-header{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}.logo-icon{flex-shrink:0;filter:drop-shadow(0 0 16px rgba(34,227,214,.45))}.logo-title{font-weight:900;font-size:38px;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#ffffff 40%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 20px rgba(34,227,214,.3)}.hero-art{margin:16px auto 4px;max-width:250px}.hero-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 50px rgba(34,227,214,.18))}h1{font-size:clamp(30px,8vw,40px);line-height:1.05;margin:12px 0 8px;letter-spacing:-.02em}h1 .accent{background:linear-gradient(90deg,var(--cyan),var(--yellow));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:16px;line-height:1.5;margin:0 auto 22px;max-width:360px}.sub strong{color:var(--text)}.wl{display:flex;flex-direction:column;gap:10px}.wl-email{width:100%;padding:15px 16px;border-radius:14px;font-size:16px;background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--text)}.wl-email::placeholder{color:#6b7488}.wl-email:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22e3d62e}.wl-submit{width:100%}.wl-msg{min-height:20px;font-size:14px;margin:10px 0 0}.wl-msg.ok{color:var(--cyan)}.wl-msg.err{color:var(--magenta)}.nospam{color:#6b7488;font-size:13px;margin:6px 0 20px}.see{width:100%}.scan{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;touch-action:none}.cam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#05070c}.floor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.ap-pill{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + 14px);left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#080a0fa8;border:1px solid var(--glass-brd);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:700;font-size:14px;white-space:nowrap}.status-pill{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + 56px);left:50%;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.status-pill .m2{color:var(--cyan);font-variant-numeric:tabular-nums}.scan.traced .status-pill{color:var(--cyan)}.pill{position:absolute;z-index:3;bottom:calc(env(safe-area-inset-bottom) + 18px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;font-weight:600}.pill .dot{width:9px;height:9px;border-radius:50%;background:#ff3b57;box-shadow:0 0 10px #ff3b57;animation:blink 1.1s steps(2,jump-none) infinite}.scan.traced .pill .dot{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.25}}.exit{position:absolute;z-index:3;left:12px;bottom:calc(env(safe-area-inset-bottom) + 16px);width:42px;height:42px;border-radius:50%;text-decoration:none;display:grid;place-items:center;font-size:26px;line-height:1;padding-bottom:3px;color:var(--text);background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tutorial{position:absolute;z-index:4;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 74px);padding:20px 18px 16px;border-radius:20px;background:#0a0c12d1;border:1px solid var(--glass-brd);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 44px #00000080;text-align:center;max-width:420px;margin:0 auto;transition:opacity .35s ease,transform .35s ease}.tutorial.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.tut-title{font-weight:800;font-size:18px;margin-bottom:8px}.tut-body{margin:0 auto 14px;max-width:320px;color:var(--muted);font-size:13px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tut-bar{height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden;margin-bottom:10px}.tut-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),#37c0ff);box-shadow:0 0 10px var(--cyan);transition:width .15s linear}.tut-count{color:var(--muted);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tut-count .m2{color:var(--text)}.tut-check{display:inline-flex;align-items:center;gap:8px;margin:12px 0 4px;color:var(--muted);font-size:13px}.tut-check input{width:16px;height:16px;accent-color:var(--cyan)}.skip{display:block;width:100%;margin-top:10px;padding:10px;border:none;background:transparent;color:var(--cyan);font-weight:700;font-size:15px}.start,.error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(90% 60% at 50% 30%,rgba(34,227,214,.12),transparent 60%),#05070ced;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.start.hidden,.error[hidden]{display:none}.start-inner{max-width:320px;display:flex;flex-direction:column;gap:12px}.start .brand{font-weight:800;font-size:26px;letter-spacing:.02em}.start p,.error p{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 8px}.error .error-msg{color:var(--text)}.see-results{position:absolute;z-index:5;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 74px);max-width:420px;margin:0 auto;padding:15px 20px;border-radius:14px;text-align:center;text-decoration:none;font-weight:800;font-size:16px;color:#04121a;background:linear-gradient(135deg,var(--cyan),#37c0ff);box-shadow:0 10px 30px #22e3d666;transition:opacity .3s ease,transform .3s ease}.see-results.hidden{opacity:0;transform:translateY(10px);pointer-events:none}.result{min-height:100dvh;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 104px);background:radial-gradient(120% 60% at 50% -8%,rgba(34,227,214,.12),transparent 60%),var(--bg)}.rs-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.rs-back{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;padding-bottom:3px;text-decoration:none;color:var(--text);background:var(--glass);border:1px solid var(--glass-brd)}.rs-head{min-width:0}.rs-room{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-room-input{width:100%;font:inherit;font-size:24px;font-weight:800;color:var(--text);background:#ffffff0f;border:1px solid var(--cyan);border-radius:8px;padding:2px 8px}.rs-room-input:focus{outline:none;box-shadow:0 0 0 3px #22e3d62e}.rs-meta{margin:4px 0 0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-card,.stats,.block{background:var(--glass);border:1px solid var(--glass-brd);border-radius:18px;padding:14px;margin-bottom:14px}.hm-wrap{position:relative;width:100%;aspect-ratio:64 / 44;border-radius:16px;overflow:hidden;background:#070a12}.hm-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hm-legend{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.hm-legend-bar{flex:1;height:8px;border-radius:999px}.hm-caption{margin:8px 2px 0;font-size:12px;color:var(--muted);line-height:1.4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.stat{display:flex;flex-direction:column;gap:2px;padding:6px 2px}.stat-num{font-size:22px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.stat-num.accent{color:var(--cyan)}.stat-num.warnc{color:var(--magenta)}.stat-lbl{font-size:11px;color:var(--muted)}.block-h{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:2px 2px 12px}.zones{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.zone{display:flex;align-items:center;gap:10px}.zone-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #ff4d9d80}.zone-name{flex:1;font-size:15px;font-weight:600}.zone-val{font-size:14px;font-weight:700;color:var(--magenta);font-variant-numeric:tabular-nums}.empty{margin:0;font-size:14px;color:var(--muted)}.empty.ok{color:var(--cyan)}.recs{display:flex;flex-direction:column;gap:12px}.rec{display:flex;gap:12px;align-items:flex-start}.rec-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.rec-high .rec-dot{background:var(--magenta);box-shadow:0 0 8px var(--magenta)}.rec-warn .rec-dot{background:var(--yellow);box-shadow:0 0 8px #ffd23f99}.rec-ok .rec-dot{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.rec-t{margin:0 0 3px;font-size:15px;font-weight:700}.rec-b{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.actbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:4px;padding:10px 8px calc(env(safe-area-inset-bottom) + 10px);background:#080a0fdb;border-top:1px solid var(--glass-brd);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.act{flex:1;max-width:92px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border:none;border-radius:12px;background:transparent;color:var(--text);font-size:11px;font-weight:600}.act:active{background:#ffffff0f}.act-i{font-size:18px;line-height:1}.act.danger{color:var(--magenta)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-card{width:100%;max-width:420px;background:#12151e;border:1px solid var(--glass-brd);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:8px}.sheet-h{margin:6px 4px 4px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.sheet-opt{padding:15px;border:1px solid var(--glass-brd);border-radius:12px;background:#ffffff0a;color:var(--text);font-size:16px;font-weight:600;text-align:left}.sheet-cancel{padding:14px;border:none;background:transparent;color:var(--muted);font-size:15px;font-weight:700}.confirm,.paywall{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-card,.pw-card{width:100%;max-width:360px;background:#12151e;border:1px solid var(--glass-brd);border-radius:20px;padding:22px;text-align:center;box-shadow:0 24px 60px #00000080}.confirm-t{margin:0 0 6px;font-size:19px;font-weight:800}.confirm-b{margin:0 0 18px;font-size:14px;line-height:1.5;color:var(--muted)}.confirm-row{display:flex;gap:10px}.confirm-row .btn{flex:1}.danger-btn{background:linear-gradient(135deg,#ff4d9d,#ff3b57);color:#fff;box-shadow:0 8px 24px #ff4d9d52}.pw-card{position:relative;transform:translateY(14px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease}.pw-card.in{transform:none;opacity:1}.paywall.closing .pw-card{transform:translateY(14px) scale(.98);opacity:0}.pw-close{position:absolute;top:10px;right:12px;border:none;background:transparent;color:var(--muted);font-size:26px;line-height:1}.pw-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.1em;color:#04121a;background:linear-gradient(135deg,var(--cyan),var(--yellow));margin-bottom:10px}.pw-title{margin:0 0 6px;font-size:21px;font-weight:800}.pw-sub{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--muted)}.pw-list{list-style:none;margin:0 0 16px;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px}.pw-list li{position:relative;padding-left:24px;font-size:14px}.pw-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}.pw-form{display:flex;flex-direction:column;gap:10px}.pw-email{width:100%;padding:14px 16px;border-radius:12px;font-size:16px;background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--text)}.pw-email:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22e3d62e}.pw-submit{width:100%}.pw-msg{min-height:18px;font-size:13px;margin:10px 0 0}.pw-msg.ok{color:var(--cyan)}.pw-msg.err{color:var(--magenta)}.pw-later{margin-top:6px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:600}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 96px);transform:translate(-50%,10px);z-index:60;padding:10px 16px;border-radius:999px;background:#080a0feb;border:1px solid var(--glass-brd);font-size:14px;font-weight:600;opacity:0;transition:opacity .2s ease,transform .2s ease}.toast.in{opacity:1;transform:translate(-50%)}.result-empty{min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center}.empty-inner{max-width:320px;display:flex;flex-direction:column;gap:12px}.empty-icon{font-size:48px}.result-empty code{font-size:13px;color:var(--muted);word-break:break-all}.setup{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(env(safe-area-inset-top) + 64px) 20px calc(env(safe-area-inset-bottom) + 28px);background:radial-gradient(120% 80% at 50% -10%,rgba(34,227,214,.14),transparent 60%),radial-gradient(90% 60% at 90% 8%,rgba(255,77,157,.12),transparent 60%),var(--bg)}.setup-inner{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.setup-head{display:flex;align-items:center;gap:14px;margin-bottom:2px}.setup-logo{flex-shrink:0;filter:drop-shadow(0 0 14px rgba(34,227,214,.4))}.setup-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.setup-title{font-size:26px;margin:2px 0;letter-spacing:-.01em}.setup-sub{margin:0;color:var(--muted);font-size:14px}.setup-exit{top:calc(env(safe-area-inset-top) + 12px);bottom:auto}.card{background:var(--glass);border:1px solid var(--glass-brd);border-radius:18px;padding:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.field-label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:10px}.field-hint{margin:10px 2px 0;color:var(--muted);font-size:12.5px;line-height:1.45}.input{width:100%;padding:14px;border-radius:12px;font-size:16px;background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--text)}.input::placeholder{color:#6b7488}.input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #22e3d62e}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{padding:8px 13px;border-radius:999px;border:1px solid var(--glass-brd);background:#ffffff0a;color:var(--text);font-size:13.5px;font-weight:600;transition:border-color .15s ease,background .15s ease,color .15s ease}.chip:active{transform:translateY(1px)}.chip.active{border-color:var(--cyan);background:#22e3d629;color:var(--cyan)}.net-line{display:flex;align-items:center;gap:10px}.net-ssid{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:var(--text)}.net-ico{display:inline-flex;color:var(--cyan)}.net-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.net-badge.ok{color:var(--cyan);background:#22e3d61f;border:1px solid rgba(34,227,214,.35)}.net-badge.warn{color:var(--yellow);background:#ffd23f1f;border:1px solid rgba(255,210,63,.35)}.net-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:#ffffff0d;border:1px solid var(--glass-brd)}.seg-btn{padding:11px 12px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;font-size:15px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.seg-btn[aria-pressed=true]{background:linear-gradient(135deg,var(--cyan),#37c0ff);color:#04121a;box-shadow:0 6px 16px #22e3d647}.setup-start{width:100%;margin-top:4px}.setup-foot{text-align:center;color:#6b7488;font-size:12px;margin:4px 0 0}.scan-metric{color:var(--cyan);font-weight:800}.scan-sep{color:var(--muted)}@media(prefers-reduced-motion:no-preference){.gsap-reveal{visibility:hidden}}.film-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.05;mix-blend-mode:overlay;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)"/></svg>')}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-size:60px 60px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%)}.text-matte{color:var(--text);text-shadow:0 10px 30px rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.6)}.text-silver{background:linear-gradient(180deg,var(--text) 0%,rgba(238,241,247,.4) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(0);filter:drop-shadow(0 10px 20px rgba(255,255,255,.1)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.text-card-silver{background:linear-gradient(180deg,#fff,#9aa6b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(0);filter:drop-shadow(0 12px 24px rgba(0,0,0,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.6))}.hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);perspective:1500px}.hero-taglines,.hero-closing{position:absolute;z-index:10;inset-inline:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-inline:1rem;will-change:transform,filter,opacity}.hero-taglines h1,.hero-closing h2{margin:0;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-size:clamp(2.5rem,9vw,6rem)}.hero-taglines .tagline-2{font-weight:900}.hero-card-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none;perspective:1500px}.hero-card{position:relative;overflow:hidden;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:92vw;height:92vh;border-radius:32px;background:linear-gradient(145deg,#10334a,#070a12);border:1px solid rgba(255,255,255,.04);box-shadow:0 40px 100px -20px #000000e6,0 20px 40px -20px #000c,inset 0 1px 2px #fff3,inset 0 -2px 4px #000c}@media(min-width:768px){.hero-card{width:85vw;height:85vh;border-radius:40px}}.card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:50;mix-blend-mode:screen;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06) 0%,transparent 40%)}.card-grid{position:relative;z-index:10;width:100%;height:100%;max-width:80rem;margin:0 auto;padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}@media(min-width:1024px){.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:0 3rem}}.card-brand{order:1;display:flex;justify-content:center;width:100%;z-index:20}.card-brand h2{margin:0;font-size:clamp(3rem,11vw,8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.05em}.card-copy{order:3;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%;padding-inline:1rem;z-index:20}.card-copy h3{margin:0 0 .5rem;color:#fff;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em}.card-copy p{margin:0;color:#e0f2ffb3;font-size:1rem;line-height:1.65;max-width:24rem;margin-inline:auto;display:none}@media(min-width:768px){.card-copy p{display:block}}@media(min-width:1024px){.card-brand{order:3;justify-content:flex-end}.card-copy{order:1;text-align:left;padding-inline:0}.card-copy p{margin-inline:0;max-width:none}}.card-phone{order:2;position:relative;width:100%;height:380px;display:flex;align-items:center;justify-content:center;z-index:10;perspective:1000px}@media(min-width:1024px){.card-phone{height:600px}}.phone-scale{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(.65)}@media(min-width:768px){.phone-scale{transform:scale(.85)}}@media(min-width:1024px){.phone-scale{transform:scale(1)}}.phone-bezel{position:relative;width:280px;height:580px;border-radius:3rem;background-color:#111;transform-style:preserve-3d;will-change:transform;box-shadow:inset 0 0 0 2px #52525b,inset 0 0 0 7px #000,0 40px 80px -15px #000000e6,0 15px 25px -5px #000000b3}.hardware-btn{position:absolute;width:3px;z-index:0;background:linear-gradient(90deg,#404040,#171717);box-shadow:-2px 0 5px #000c,inset -1px 0 1px #ffffff26,inset 1px 0 2px #000c}.phone-screen{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:2.5rem;overflow:hidden;background:#050914;color:#fff;z-index:10;box-shadow:inset 0 0 15px #000}.screen-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:linear-gradient(110deg,#ffffff14,#fff0 45%)}.dynamic-island{position:absolute;top:5px;left:50%;transform:translate(-50%);width:100px;height:28px;border-radius:999px;background:#000;z-index:50;display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem}.island-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #22e3d6cc}.screen-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.screen-ui{position:relative;z-index:20;width:100%;height:100%;padding:3rem 1.25rem 2rem;display:flex;flex-direction:column}.hud-chip{align-self:flex-start;padding:.5rem .75rem;border-radius:.75rem;background:#12151ed1;border:1px solid rgba(255,255,255,.12)}.hud-chip .hud-ssid{display:block;font-size:.5rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.hud-chip .hud-rssi{display:block;font-size:1.05rem;font-weight:800;color:var(--text)}.hud-chip .hud-rssi span{font-size:.5rem;font-weight:600;color:var(--muted)}.ring-widget{position:relative;width:11rem;height:11rem;margin:auto;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 15px 25px rgba(0,0,0,.8))}.ring-widget svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.progress-ring{transform:rotate(-90deg);transform-origin:center;stroke-dasharray:402;stroke-dashoffset:402;stroke-linecap:round}.ring-label{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.counter-val{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;color:#fff}.counter-unit{font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#22e3d699;margin-top:.15rem}.home-indicator{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:120px;height:4px;border-radius:999px;background:#fff3}.floating-badge{position:absolute;z-index:30;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:linear-gradient(135deg,#ffffff14,#ffffff03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,inset 0 1px 1px #fff3,inset 0 -1px 1px #00000080}.badge-strong{top:1.5rem;left:-15px}.badge-dead{bottom:3rem;right:-15px}@media(min-width:1024px){.floating-badge{gap:1rem;padding:1rem;border-radius:1rem}.badge-strong{top:3rem;left:-80px}.badge-dead{bottom:5rem;right:-80px}}.badge-dot{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);font-size:.85rem}.badge-dot.is-strong{background:linear-gradient(180deg,#22e3d640,#22e3d60d);border-color:#22e3d659}.badge-dot.is-dead{background:linear-gradient(180deg,#ff4d9d40,#ff4d9d0d);border-color:#ff4d9d59}.floating-badge p{margin:0}.badge-title{color:#fff;font-size:.8rem;font-weight:700;letter-spacing:-.01em}.badge-sub{color:#e0f2ff8c;font-size:.7rem;font-weight:500}.section{position:relative;z-index:1;background:var(--bg);padding:6rem 1.5rem}.section-inner{max-width:68rem;margin:0 auto}.section h2{margin:0 0 3rem;text-align:center;font-size:clamp(1.9rem,5vw,3rem);font-weight:800;letter-spacing:-.03em}.steps{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.step{padding:2rem;border-radius:1.25rem;background:var(--glass);border:1px solid var(--glass-brd)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;margin-bottom:1rem;font-size:.85rem;font-weight:800;color:var(--bg);background:var(--cyan)}.step h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.step p{margin:0;color:var(--muted);line-height:1.65}.cta{text-align:center;padding-bottom:7rem}.cta p{margin:0 auto 2.5rem;max-width:34rem;color:var(--muted);font-size:1.1rem;line-height:1.7}.btn-appstore{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:1.25rem;text-decoration:none;background:linear-gradient(180deg,#fff,#f1f5f9);color:#0f172a;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1);box-shadow:0 0 0 1px #0000000d,0 2px 4px #0000001a,0 12px 24px -4px #0000004d,inset 0 1px 1px #fff,inset 0 -3px 6px #0000000f}.btn-appstore:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #0000000d,0 6px 12px -2px #00000026,0 20px 32px -6px #0006,inset 0 1px 1px #fff,inset 0 -3px 6px #0000000f}.btn-appstore:active{transform:translateY(1px);background:linear-gradient(180deg,#f1f5f9,#e2e8f0);box-shadow:0 0 0 1px #0000001a,inset 0 3px 6px #0000001a}.btn-appstore svg{width:2rem;height:2rem}.btn-appstore .btn-lines{text-align:left}.btn-appstore .btn-small{display:block;font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.btn-appstore .btn-big{display:block;font-size:1.25rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}.site-footer{position:relative;z-index:1;background:var(--bg);border-top:1px solid var(--glass-brd);padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.site-footer nav{display:flex;gap:1.5rem}.site-footer a{color:var(--muted);text-decoration:none;font-size:.9rem}.site-footer a:hover{color:var(--text);text-decoration:underline}.site-footer small{color:var(--muted);font-size:.8rem}@media(prefers-reduced-motion:reduce){.hero{height:auto;min-height:auto;flex-direction:column;gap:3rem;padding:5rem 1rem}.hero-taglines,.hero-closing,.hero-card-layer{position:static}.hero-card{width:100%;max-width:68rem;height:auto;padding-block:3rem}.card-grid{height:auto}.card-phone{height:420px}.film-grain,.card-sheen{display:none}.progress-ring{stroke-dashoffset:60}}