:root{--bg1:#0b0f1f;--bg2:#101a2e;--text:#eef3ff;--muted:#aab6d8;--surface:hsla(0,0%,100%,.07);--surface-2:hsla(0,0%,100%,.11);--border:hsla(0,0%,100%,.14);--primary:#7cf8ff;--secondary:#8b5cf6;--accent:#ffb86b;--success:#3ad7a3;--ring:rgba(124,248,255,.35);--radius:18px;--shadow:0 24px 60px rgba(0,0,0,.35);--nav-h:68px}.site,body,html{height:100%}*{box-sizing:border-box}body{margin:0;color:var(--text);background:linear-gradient(180deg,var(--bg1) 0,var(--bg2) 100%);background-attachment:fixed;overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}body:before{content:"";position:fixed;inset:-20vh -20vw;z-index:-1;background:radial-gradient(900px 520px at 20% 0,rgba(139,92,246,.25),transparent 60%),radial-gradient(1000px 540px at 80% -10%,rgba(124,248,255,.22),transparent 62%),radial-gradient(800px 420px at 50% 120%,rgba(255,184,107,.18),transparent 60%);filter:saturate(1.15)}.container{width:min(1120px,100% - 48px);margin:0 auto}.section{padding:76px 0}.section-title{font-size:34px;text-align:center;margin:8px 0 6px}.section-sub{color:var(--muted);text-align:center;margin:0 auto 28px;max-width:760px}.kicker{letter-spacing:.18em;text-transform:uppercase;font-weight:700;font-size:12px;color:var(--primary);display:block;text-align:center;text-shadow:0 0 12px rgba(124,248,255,.6)}.grid{display:grid;grid-gap:18px;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:860px){.grid.two{grid-template-columns:1fr}}.card{position:relative;background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(90deg,rgba(139,92,246,.35),rgba(124,248,255,.35));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none;z-index:-1}.btn{border-radius:14px;padding:10px 16px;border:1px solid var(--border);color:var(--text);background:var(--surface);cursor:pointer;transition:transform .25s,box-shadow .25s,filter .25s;position:relative;z-index:1;pointer-events:auto}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.35);filter:brightness(1.05)}.btn.grad{border:none;background:linear-gradient(90deg,var(--secondary),var(--primary),var(--accent));color:#0b0e19;font-weight:800}.btn.soft{background:hsla(0,0%,100%,.08)}.btn.ghost{background:transparent;border-color:var(--border)}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.btn-row.center{justify-content:center}.btn.small{padding:6px 10px;font-size:12px}.w-full{width:100%}.center{text-align:center}.zfix{position:relative;z-index:2}.alert{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:hsla(0,0%,100%,.06)}.alert.error{border-color:rgba(251,113,133,.4);background:rgba(251,113,133,.12);color:#fecdd3}.alert.success{border-color:rgba(58,215,163,.4);background:rgba(58,215,163,.12);color:#b6f2da}.chip{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid var(--border);font-size:11px}.hero{position:relative;padding:120px 0 80px}.title{font-size:clamp(34px,6vw,56px);margin:10px 0 14px}.subtitle,.title{text-align:center}.subtitle{color:var(--muted);margin:0 auto 28px;max-width:760px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-shell{height:var(--nav-h);display:grid;place-items:center}.nav-inner{width:min(1120px,100% - 24px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:18px;background:rgba(16,20,42,.55);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);transform-origin:top center;transition:transform .2s ease,background .3s ease,border-color .3s ease}.nav.shrink .nav-inner{transform:scale(.96);background:rgba(16,20,42,.72);border-color:hsla(0,0%,100%,.18)}.brand{gap:10px;font-weight:800;color:var(--text);text-decoration:none}.brand,.links{display:flex;align-items:center}.links{gap:18px}.links a{color:var(--text);text-decoration:none;opacity:.9}.links a:hover{opacity:1}.actions,.steps{display:flex;gap:10px;align-items:center}.steps{justify-content:center;margin-bottom:24px}.step{--g1:rgba(139,92,246,.55);--g2:rgba(124,248,255,.55);position:relative;width:42px;height:42px;border-radius:999px;border:0;color:var(--text);background:radial-gradient(120% 120% at 30% 30%,hsla(0,0%,100%,.1),hsla(0,0%,100%,.04));box-shadow:inset 0 0 0 1px var(--border),0 10px 30px rgba(0,0,0,.25);font-weight:800}.step:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,var(--g1),var(--g2),var(--g1));filter:blur(8px);opacity:0;transition:.25s;pointer-events:none}.step:hover:before{opacity:.9}.step.active{color:#0b0e19;background:linear-gradient(90deg,var(--secondary),var(--primary))}.step.active:before{opacity:.95;animation:spin 2.4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.onb{display:grid;grid-gap:22px;gap:22px}.onb.two-col{grid-template-columns:1.1fr 1fr;align-items:center}@media (max-width:900px){.onb.two-col{grid-template-columns:1fr}}.onb-left .kicker{text-align:left}.onb-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));box-shadow:var(--shadow)}.onb-card-head{padding:10px;display:flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.07)}.onb-card-head .dot{width:10px;height:10px;border-radius:50%;background:#e66}.onb-card-head .window-title{margin-left:auto;color:var(--muted);font-size:12px}.onb-card-body{padding:18px}.onb-form{display:grid;grid-gap:10px;gap:10px;background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid var(--border);border-radius:var(--radius);padding:16px}.onb-form label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.onb-form select,.onb-form textarea{width:100%;border-radius:12px;border:1px solid var(--border);padding:10px;background:rgba(14,16,30,.6);color:var(--text)}.onb.center-col{text-align:center}.capture-box{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:18px}.kbd{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));border:1px solid var(--border);font-weight:800;font-size:22px}.plus{opacity:.7}.insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.insight-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:hsla(0,0%,100%,.06)}.insight-card span{color:var(--muted);font-size:13px}.pager{display:flex;justify-content:space-between;margin-top:20px}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:980px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.platform-grid{grid-template-columns:1fr}}.platform-card{text-align:left;position:relative;overflow:hidden;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));transition:transform .22s ease,box-shadow .22s ease}.platform-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(0,0,0,.35)}.platform-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(180px 80px at 20% 0,rgba(139,92,246,.35),transparent 60%),radial-gradient(180px 80px at 80% 10%,rgba(124,248,255,.35),transparent 60%);opacity:.8;pointer-events:none}.platform-card .plat-top{display:flex;align-items:center;justify-content:space-between}.plat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,.08));font-weight:800}.plat-cat{color:var(--muted);font-size:12px}.plat-title{font-size:18px;margin:10px 0 8px}.plat-status{display:flex;gap:8px}.status{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(52,211,153,.1);color:#7cf8c8;font-size:12px}.status.ok{border-color:rgba(52,211,153,.4)}.page-hero{padding:56px 0 20px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;align-items:stretch}@media (max-width:980px){.pricing-grid{grid-template-columns:1fr}}.price-card{position:relative;border-radius:20px;padding:18px;border:1px solid var(--border);background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;overflow:hidden;z-index:0}.price-card:before{inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(90deg,rgba(139,92,246,.5),rgba(124,248,255,.5),rgba(255,184,107,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.65}.price-card:after,.price-card:before{content:"";position:absolute;pointer-events:none;z-index:-1}.price-card:after{left:-40%;top:-40%;width:80%;height:200%;background:linear-gradient(120deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.18) 50%,hsla(0,0%,100%,0) 80%);transform:rotate(20deg);filter:blur(2px);opacity:0;transition:opacity .25s}.price-card:hover:after{opacity:.7}.price-card.highlight{box-shadow:0 28px 80px rgba(139,92,246,.25)}.price-head{display:flex;align-items:baseline;justify-content:space-between}.price-head .name{font-weight:800;letter-spacing:.02em}.price-head .price strong{font-size:28px}.price-head .price span{color:var(--muted);font-size:12px;margin-left:6px}.features{margin:0;padding:0 0 8px;list-style:none;display:grid;grid-gap:8px;gap:8px}.features li{display:flex;align-items:center;gap:8px}.features li:before{content:"✓";color:var(--success)}.modal-overlay{position:fixed;inset:0;background:rgba(6,8,21,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:60}.modal-panel{width:min(92vw,820px);background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.modal-title{font-weight:800;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-body{padding:18px}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.06);color:var(--text)}.tabs button.active{background:linear-gradient(90deg,var(--secondary),var(--primary));color:#0b0f14;font-weight:800}.picker-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.picker-grid{grid-template-columns:1fr}}.picker-card{text-align:left;border:1px solid var(--border);background:hsla(0,0%,100%,.06);border-radius:14px;padding:12px;transition:.2s}.picker-card:hover{transform:translateY(-1px);border-color:var(--ring)}.picker-title{font-weight:800}.picker-desc{color:var(--muted);font-size:12px;margin-top:6px}.accordion{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.03))}.acc-item+.acc-item{border-top:1px solid var(--border)}.acc-head{width:100%;background:transparent;border:0;color:var(--text);padding:16px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 16px}.acc-item.open .acc-body{max-height:200px;padding:0 16px 16px}.acc-body p,.footer{color:var(--muted)}.footer{padding:40px 0}.auth-wrap{width:min(480px,100%);margin:0 auto}.form{display:grid;grid-gap:12px;gap:12px}.field,.field>span{display:block}.field>span{margin:2px 0 6px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;background:hsla(0,0%,100%,.08);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:14px;outline:none;transition:border .2s,box-shadow .2s,transform .05s;position:relative;z-index:1}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(124,248,255,.16),inset 0 0 40px rgba(124,248,255,.12)}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-row.center{justify-content:center}.link{color:var(--primary);text-decoration:none}.muted{color:var(--muted)}.page-head.center{text-align:center}.row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:700px){.row-2{grid-template-columns:1fr}}.label{color:var(--muted);font-size:12px;margin-bottom:4px}.value{font-weight:600}.device-list{display:flex;flex-direction:column;gap:10px}.device{border:1px solid var(--border);border-radius:12px;padding:12px}.device-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.device-name{font-weight:600}.device-sub{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}.setup{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:800px){.setup{grid-template-columns:1fr}}.qr{width:100%;max-width:220px;background:#fff;padding:10px;border-radius:12px}.key-box .code,.qr-fallback .code{display:block;padding:10px;border-radius:10px;background:hsla(0,0%,100%,.06);border:1px solid var(--border);word-break:break-all}.verify{margin-top:10px}.btn.danger{border-color:rgba(251,113,133,.45);color:#fecdd3}