:root{--bg:#070a12;--panel:#0a0e18db;--ink:#eef2f8;--ink-dim:#97a3b8;--ink-faint:#5f6b80;--line:#94a8c824;--cctv:#22d3ee;--access:#a78bfa;--fire:#fb923c;--ok:#34d399;--wrap:1180px;--r:14px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;margin:0;font:400 16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.14}p{margin:0}a{color:inherit;text-decoration:none}ul,ol,dl{margin:0;padding:0;list-style:none}#scene{z-index:0;pointer-events:none;cursor:grab;width:100vw;height:100vh;display:block;position:fixed;inset:0}#scene.is-live{pointer-events:auto}#scene.is-live:active{cursor:grabbing}.page{z-index:1;position:relative}.page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(130% 90% at 76% 22%,#0000 42%,#060a1480 100%),linear-gradient(90deg,#060a14d1 0%,#060a1457 44%,#0000 66%);position:fixed;inset:0}.nav{z-index:20;transition:background .35s var(--ease), border-color .35s var(--ease);border-bottom:1px solid #0000;align-items:center;gap:28px;padding:16px clamp(18px,4vw,44px);display:flex;position:fixed;inset:0 0 auto}.nav:before{content:"";z-index:-1;pointer-events:none;transition:opacity .35s var(--ease);background:linear-gradient(#060910b8,#06091000);position:absolute;inset:0}.nav.is-stuck:before{opacity:0}.nav.is-stuck{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#070a12d1}.nav__logo{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:600;display:flex}.nav__mark{background:linear-gradient(135deg, var(--cctv), var(--access) 55%, var(--fire));border-radius:3px;width:11px;height:11px;box-shadow:0 0 14px #22d3ee8c}.nav__links{color:var(--ink-dim);gap:26px;margin-left:auto;font-size:14.5px;display:flex}.nav__links a{transition:color .2s}.nav__links a:hover{color:var(--ink)}.nav__phone{font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#070a1280;border-radius:999px;padding:8px 16px;font-weight:550;transition:border-color .2s,background .2s}.nav__phone[hidden]{display:none}.nav__phone:hover{background:#22d3ee1f;border-color:#22d3ee80}.nav__contacts{align-items:center;gap:10px;display:flex}@media (width<=900px){.nav__links{display:none}.nav__contacts{margin-left:auto}}.section{position:relative}.wrap{width:min(var(--wrap), 100% - clamp(36px, 8vw, 88px));margin-inline:auto}.wrap--split{grid-template-columns:1fr .9fr;align-items:start;gap:clamp(32px,5vw,72px);display:grid}@media (width<=900px){.wrap--split{grid-template-columns:1fr}}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:clamp(76px,11vh,132px) 0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px;font-size:12.5px;font-weight:600}.head{max-width:660px;margin-bottom:clamp(38px,5vw,60px)}.head--tight{margin-bottom:26px}.head h2{font-size:clamp(28px,3.6vw,42px)}.head__lead{color:var(--ink-dim);margin-top:16px;font-size:clamp(15.5px,1.5vw,17.5px)}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:120px clamp(18px,4vw,44px) 60px;display:flex}.hero__inner{width:min(640px,100%)}.hero__title{font-size:clamp(34px,5.4vw,66px)}.hero__lead{max-width:520px;color:var(--ink-dim);margin-top:22px;font-size:clamp(16px,1.7vw,19px)}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero__stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(40px,6vw,66px);padding-top:26px;display:grid}.hero__stats b{letter-spacing:-.03em;font-size:clamp(20px,2.4vw,28px);font-weight:600;display:block}.hero__stats span{color:var(--ink-faint);font-size:13px}@media (width<=620px){.hero__stats{grid-template-columns:repeat(2,1fr)}}.hero__hint{color:var(--ink-faint);align-items:center;gap:10px;margin-top:auto;padding-top:40px;font-size:13px;display:flex}.hero__arrow{background:linear-gradient(var(--ink-faint), transparent);width:1px;height:26px;animation:drift 2.1s var(--ease) infinite}@keyframes drift{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.hero__arrow{animation:none}}.btn{cursor:pointer;transition:transform .18s var(--ease), background .2s, border-color .2s, box-shadow .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:13px 26px;font-size:15px;font-weight:550;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{color:#04070d;background:linear-gradient(135deg,#2ee0f5,#6366f1);font-weight:600;box-shadow:0 8px 30px -8px #2ee0f58c}.btn--ghost{border-color:var(--line);color:var(--ink)}.btn--ghost:hover{background:#a78bfa14;border-color:#a78bfa80}.btn--wide{width:100%;margin-top:6px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=940px){.cards{grid-template-columns:1fr}}.card{border:1px solid var(--line);border-radius:var(--r);transition:transform .3s var(--ease), border-color .3s, background .3s;background:#ffffff06;padding:30px 26px 26px;position:relative;overflow:hidden}.card:hover{background:#ffffff0b;transform:translateY(-4px)}.card:before{content:"";background:var(--accent);opacity:.85;height:2px;position:absolute;inset:0 0 auto}.card:after{content:"";background:radial-gradient(circle, var(--accent) 0%, transparent 62%);opacity:.09;pointer-events:none;position:absolute;inset:-40% 40% 40% -40%}.card__title{margin-bottom:6px;font-size:21px}.card__tagline{color:var(--accent);margin-bottom:20px;font-size:14px;font-weight:500}.card__list{gap:11px;display:grid}.card__list li{color:var(--ink-dim);padding-left:20px;font-size:14.5px;position:relative}.card__list li:before{content:"";background:var(--accent);opacity:.7;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:2px}.plan{align-items:flex-start;min-height:165vh;padding:clamp(70px,10vh,120px) clamp(18px,4vw,44px);display:flex}.plan__ui{border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080b14cc;width:min(430px,100%);padding:26px 24px;position:sticky;top:96px}.modes{gap:8px;margin-bottom:20px;display:grid}.mode{border:1px solid var(--line);color:var(--ink-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:11px;padding:12px 15px;font-size:14.5px;transition:background .22s,border-color .22s,color .22s;display:flex}.mode:hover{color:var(--ink);background:#ffffff0a}.mode__dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px;transition:box-shadow .22s}.mode[aria-selected=true]{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 11%, transparent)}.mode[aria-selected=true] .mode__dot{box-shadow:0 0 12px 2px var(--accent)}.plan__legend{border-top:1px solid var(--line);padding-top:18px}.toggle{color:var(--ink-dim);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.toggle input{accent-color:var(--cctv);cursor:pointer;width:16px;height:16px}.plan__tip{color:var(--ink-faint);margin-top:10px;font-size:13px}.plan__readout{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.plan__readout h3{margin-bottom:8px;font-size:16px}.plan__readout p{color:var(--ink-dim);font-size:14px}@media (width<=900px){.plan{min-height:auto}.plan__ui{width:100%;position:relative;top:0}}.tooltip{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#060910f2;border:1px solid #22d3ee52;border-radius:10px;max-width:268px;padding:11px 14px;font-size:13px;position:fixed;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 14px 40px -12px #000c}.tooltip b{margin-bottom:3px;font-size:13.5px;font-weight:600;display:block}.tooltip span{color:var(--ink-dim)}.tooltip[hidden]{display:none}.gear{border:1px solid var(--line);background:#ffffff06;border-radius:12px;margin:18px 0 4px;padding:16px}.gear[hidden]{display:none}.gear__title{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:11px;font-size:11.5px}.gear__brands{flex-wrap:wrap;gap:7px;display:flex}.gear__brand{border:1px solid var(--line);color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;transition:color .18s,border-color .18s,background .18s}.gear__brand:hover{color:var(--ink);border-color:#ffffff47}.gear__brand[aria-selected=true]{color:#06121a;background:var(--accent,#e2e8f0);border-color:#0000}.gear__note{color:var(--ink-faint);margin:10px 0 0;font-size:12.5px;line-height:1.5}.gear__note:empty{display:none}.gear__models{gap:6px;margin-top:12px;display:grid}.gear__model{border:1px solid var(--line);width:100%;color:var(--ink-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:9px;align-items:baseline;gap:9px;padding:9px 12px;transition:border-color .18s,background .18s,color .18s;display:flex}.gear__model:hover{color:var(--ink);border-color:#ffffff42}.gear__model[aria-selected=true]{color:var(--ink);border-color:var(--accent,#e2e8f0);background:color-mix(in srgb, var(--accent,#e2e8f0) 11%, transparent)}.gear__model b{white-space:nowrap;font-size:13.5px;font-weight:600}.gear__model i{color:var(--ink-faint);font-size:12.5px;font-style:normal}.gear__card{margin-top:13px}.gear__card:empty{display:none}.gear__card h4{margin-bottom:8px;font-size:14px;font-weight:600}.gear__specs{gap:4px;margin-bottom:10px;display:grid}.gear__specs li{color:var(--ink-dim);padding-left:15px;font-size:13px;position:relative}.gear__specs li:before{content:"";background:var(--accent,#e2e8f0);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.gear__good{border-left:2px solid var(--accent,#e2e8f0);color:var(--ink-dim);background:#ffffff08;border-radius:0 7px 7px 0;padding:9px 11px;font-size:12.5px;line-height:1.55}.gear__devices{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.gear__device{color:var(--ink);font:inherit;cursor:pointer;background:#fb923c14;border:1px solid #fb923c57;border-radius:999px;padding:7px 12px;font-size:12.5px;transition:background .18s,border-color .18s}.gear__device:hover{background:#fb923c33;border-color:#fb923ca6}.gear__device[aria-pressed=true]{background:#fb923c47;border-color:#fb923ccc}@media (width<=900px){.gear{padding:13px}.gear__model{flex-direction:column;gap:2px}}.steps{counter-reset:s;gap:2px;display:grid}.step{counter-increment:s;border-top:1px solid var(--line);grid-template-columns:62px 1fr;align-items:start;gap:22px;padding:24px 0;display:grid}.step:last-child{border-bottom:1px solid var(--line)}.step:before{content:"0" counter(s);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--cctv);padding-top:3px;font-size:13px;font-weight:600}.step h3{margin-bottom:7px;font-size:18px}.step p{color:var(--ink-dim);max-width:620px;font-size:15px}@media (width<=620px){.step{grid-template-columns:34px 1fr;gap:14px}}.tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=940px){.tiers{grid-template-columns:1fr}}.tier{border:1px solid var(--line);border-radius:var(--r);background:#ffffff06;flex-direction:column;padding:28px 26px;display:flex}.tier--featured{background:#22d3ee0e;border-color:#22d3ee6b;box-shadow:0 20px 60px -30px #22d3ee80}.tier__title{margin-bottom:16px;font-size:18px}.tier__from{letter-spacing:-.03em;font-size:clamp(26px,3vw,33px);font-weight:600}.tier__unit{color:var(--ink-faint);margin-bottom:22px;font-size:13.5px}.tier__list{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding-top:20px;display:grid}.tier__list li{color:var(--ink-dim);padding-left:18px;font-size:14.5px;position:relative}.tier__list li:before{content:"";border-left:1.5px solid var(--ok);border-bottom:1.5px solid var(--ok);width:9px;height:5px;position:absolute;top:8px;left:0;transform:rotate(-45deg)}.note{color:var(--ink-faint);max-width:720px;margin-top:26px;font-size:13.5px}.contact__list{gap:16px;margin-top:30px;display:grid}.contact__list div{border-top:1px solid var(--line);gap:3px;padding-top:14px;display:grid}.contact__list dt{color:var(--ink-faint);font-size:12.5px}.contact__list dd{margin:0;font-size:15.5px}.form{border:1px solid var(--line);border-radius:var(--r);background:#ffffff07;gap:16px;padding:28px 26px;display:grid}.field{border:0;gap:7px;margin:0;padding:0;display:grid}.field label,.field legend{color:var(--ink-dim);padding:0;font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#00000052;border-radius:10px;padding:12px 14px;font-size:15px;transition:border-color .2s,background .2s}.field input:focus,.field select:focus,.field textarea:focus{background:#00000080;border-color:#22d3ee8c;outline:none}.field textarea{resize:vertical;min-height:76px}.field input[aria-invalid=true]{border-color:#f87171}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 15px;font-size:13.5px;transition:all .2s}.chip:hover{color:var(--ink);border-color:#94a8c852}.chip[aria-pressed=true]{color:#04070d;background:var(--cctv);border-color:var(--cctv);font-weight:550}.consent{color:var(--ink-dim);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;display:flex}.consent input{accent-color:var(--cctv);cursor:pointer;flex:none;width:15px;height:15px;margin-top:2px}.form__status{min-height:20px;font-size:13.5px}.form__status.is-ok{color:var(--ok)}.form__status.is-err{color:#f87171}.footer{border-top:1px solid var(--line);background:#04060bf0;padding:40px 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.footer__name{margin-bottom:8px;font-weight:550}.footer__meta{color:var(--ink-faint);font-size:13px}.footer__links{text-align:right;gap:6px;font-size:14.5px;display:grid}.footer__links a{color:var(--ink-dim);transition:color .2s}.footer__links a:hover{color:var(--ink)}.reveal,.card,.step,.tier{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(18px)}.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal,.card,.step,.tier{opacity:1;transition:none;transform:none}}:focus-visible{outline:2px solid var(--cctv);outline-offset:3px;border-radius:4px}
