:root{--bg:#050811;--panel:#0b1220;--line:#17243a;--text:#f7fbff;--muted:#8fa1b8;--blue:#2878ff;--cyan:#16d9ff;--green:#2ee88b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050811;color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% -10%,rgba(22,217,255,.15),transparent 38%),radial-gradient(circle at 10% 35%,rgba(40,120,255,.11),transparent 25%),#050811}body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(40,120,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(40,120,255,.18) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 75%);animation:gridMove 18s linear infinite}@keyframes gridMove{to{background-position:46px 46px}}a{text-decoration:none;color:inherit}.nav{max-width:1120px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:-1px;font-size:20px;text-shadow:0 0 24px rgba(22,217,255,.35)}.brand span{color:var(--cyan)}.brand small{display:block;color:#66788f;font-size:8px;letter-spacing:3px;margin-top:-2px}nav{display:flex;gap:28px;color:var(--muted);font-size:14px}nav a{transition:.25s}nav a:hover{color:var(--cyan)}.btn,button{border:1px solid var(--line);border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s}.btn:hover,button:hover{transform:translateY(-2px)}.ghost{background:rgba(11,18,32,.7);backdrop-filter:blur(12px)}.primary,button{background:linear-gradient(110deg,var(--blue),var(--cyan));color:#fff;border-color:transparent;box-shadow:0 8px 28px rgba(40,120,255,.2)}.primary:hover,button:hover{box-shadow:0 10px 35px rgba(22,217,255,.3)}.hero{max-width:1000px;margin:70px auto 0;padding:80px 24px 110px;text-align:center;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.65}.orb.one{width:7px;height:7px;background:var(--cyan);left:7%;top:32%;box-shadow:0 0 30px 8px rgba(22,217,255,.45);animation:float 5s ease-in-out infinite}.orb.two{width:5px;height:5px;background:var(--blue);right:8%;top:48%;box-shadow:0 0 30px 8px rgba(40,120,255,.4);animation:float 6s ease-in-out infinite reverse}@keyframes float{50%{transform:translateY(-25px) translateX(8px)}}.badge,.eyebrow{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:2px}.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(22,217,255,.2);border-radius:99px;background:rgba(22,217,255,.05);animation:fadeUp .7s both}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 0 rgba(46,232,139,.5);animation:pulse 1.7s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(46,232,139,0)}}.hero h1{font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-4px;margin:22px 0;animation:fadeUp .7s .12s both}.hero h1 span{background:linear-gradient(100deg,var(--blue),var(--cyan));-webkit-background-clip:text;color:transparent}.hero>p{max-width:720px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.7;animation:fadeUp .7s .22s both}.actions,.trust{animation:fadeUp .7s .32s both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.actions{display:flex;justify-content:center;gap:12px;margin:32px 0}.trust{display:flex;justify-content:center;gap:24px;color:#879bb4;font-size:12px;flex-wrap:wrap}.ticker{max-width:850px;margin:0 auto 15px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(11,18,32,.65);white-space:nowrap}.ticker-track{display:inline-block;padding:11px 0;animation:ticker 20s linear infinite;color:#8297b1;font-size:11px;letter-spacing:1px}.ticker-track b{color:var(--green);margin:0 34px 0 8px}@keyframes ticker{to{transform:translateX(-50%)}}.section{max-width:1120px;margin:auto;padding:90px 24px}.section-head{text-align:center;margin-bottom:42px}.section h2{font-size:42px;letter-spacing:-2px;margin:10px 0}.section-head>p:last-child{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article,.price,.mock,details{background:linear-gradient(145deg,rgba(15,25,43,.88),rgba(8,14,25,.88));border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .28s,border-color .28s,box-shadow .28s}.cards article:hover,.price:hover{transform:translateY(-7px);border-color:rgba(22,217,255,.38);box-shadow:0 20px 50px rgba(0,0,0,.25),0 0 25px rgba(22,217,255,.05)}.cards p{color:var(--muted);line-height:1.6;font-size:14px}.prices{grid-template-columns:repeat(3,1fr);align-items:stretch}.price{position:relative}.price.featured{border-color:rgba(22,217,255,.55);box-shadow:0 0 50px rgba(22,217,255,.08)}.popular{position:absolute;right:18px;top:18px;color:#fff;background:linear-gradient(110deg,var(--blue),var(--cyan));font-size:9px;font-weight:900;padding:6px 8px;border-radius:6px}.amount{font-size:42px;font-weight:900;margin:15px 0 2px}.price p,.price li{color:var(--muted)}.price ul{padding-left:18px;line-height:2.2;min-height:130px}.price button{width:100%}.dashboard{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.dashboard>div:first-child{text-align:left}.dashboard p{color:var(--muted);line-height:1.7}.mock{box-shadow:0 20px 80px rgba(0,0,0,.3);animation:softFloat 5s ease-in-out infinite}@keyframes softFloat{50%{transform:translateY(-7px)}}.row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.row span{color:var(--muted)}.active{color:var(--green)}.mock button{margin-top:20px;width:100%}.faq{max-width:800px}.faq details{margin:12px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.6}.faq .section-head{text-align:left}footer{border-top:1px solid var(--line);color:#788ba3;font-size:12px}footer .nav>div:last-child{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:800px){nav{display:none}.grid,.prices,.dashboard{grid-template-columns:1fr}.hero{padding-top:40px}.hero h1{letter-spacing:-2px}.section h2{font-size:34px}.dashboard>div:first-child{text-align:center}.actions{flex-direction:column}.actions .btn{width:100%}}

/* Installation section */
.install-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:start}
.install-card,.notice{background:rgba(17,24,39,.78);border:1px solid rgba(37,99,235,.22);border-radius:22px;padding:24px;box-shadow:0 15px 50px rgba(0,0,0,.2)}
.step{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid rgba(148,163,184,.12)}
.step:first-child{padding-top:0}.step:last-child{border-bottom:0;padding-bottom:0}
.step>span{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2563EB,#00D9FF);color:#fff;font-weight:800}
.step h3{margin:0 0 6px;font-size:18px}.step p{margin:0 0 12px;color:#94A3B8;line-height:1.6}
.install-side{display:grid;gap:16px}.notice b{color:#F8FAFC}.notice p{color:#94A3B8;line-height:1.6}.text-link{color:#00D9FF;text-decoration:none;font-weight:700}
@media(max-width:800px){.install-grid{grid-template-columns:1fr}.step{gap:12px}}