/* OKNO BLUE / shared design tokens. Local assets, no third-party runtime. */
:root{color-scheme:light;--bg:#f3f6fb;--surface:#fff;--surface-2:#f6f8fc;--text:#16253c;--muted:#77869c;--border:#e4eaf3;--primary:#087cf5;--primary-hover:#0069db;--on-primary:#fff;--accent:#087cf5;--accent-soft:#eaf3ff;--success:#18a878;--success-soft:#e7f8f1;--warning:#b87a0e;--warning-soft:#fff6df;--danger:#dd5265;--danger-soft:#fff0f1;--r-sm:8px;--r:10px;--r-lg:16px;--r-xl:22px;--sh-sm:0 2px 6px #16305304;--sh:0 14px 40px -22px #18345f30;--sh-lg:0 24px 70px -24px #03162c66;--f:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;--card:var(--surface);--tx:var(--text);--mut:var(--muted);--bd:var(--border);--ac:var(--accent);--ac2:var(--accent-soft);--btn:var(--primary);--on:var(--on-primary);--ok:var(--success);--warn:var(--warning)}
:root[data-theme=dark]{color-scheme:dark;--bg:#071221;--surface:#0c1b2e;--surface-2:#102238;--text:#eaf1fc;--muted:#8b9eb8;--border:#1b304a;--primary:#198dff;--primary-hover:#42a2ff;--accent:#198dff;--accent-soft:#102f51;--success:#34ce9d;--success-soft:#0d342e;--warning:#f0b653;--warning-soft:#372c18;--danger:#f77b8c;--danger-soft:#382331;--sh-sm:0 3px 8px #00000010;--sh:0 15px 40px -20px #0006;--sh-lg:0 25px 80px -20px #0009}
@media(prefers-color-scheme:dark){:root[data-theme=auto]{color-scheme:dark;--bg:#071221;--surface:#0c1b2e;--surface-2:#102238;--text:#eaf1fc;--muted:#8b9eb8;--border:#1b304a;--primary:#198dff;--primary-hover:#42a2ff;--accent:#198dff;--accent-soft:#102f51;--success:#34ce9d;--success-soft:#0d342e;--warning:#f0b653;--warning-soft:#372c18;--danger:#f77b8c;--danger-soft:#382331}}
body{font-family:var(--f);-webkit-font-smoothing:antialiased}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}h1,h2,h3{font-weight:700}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#087cf540}.ds-c{max-width:1260px;padding:0 32px}.btn,.bt{font-weight:600;font-family:var(--f);border-radius:8px;box-shadow:none}.btn{height:46px;padding:0 22px;background:var(--primary);border-color:var(--primary);color:#fff;font-size:13px}.btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 5px 22px #087cf525}.btn.g{background:transparent;border-color:var(--border);color:var(--text)}.btn.g:hover{background:var(--surface-2)}input,select,textarea{border-radius:9px;font-size:13px}label.f{font-size:12px;font-weight:600}.ds-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-.7px}.ds-brand i{display:block;width:28px;height:30px;background:linear-gradient(135deg,#1caaff,#0674ee);border-radius:5px 5px 8px 5px;position:relative;box-shadow:0 3px 15px #078aff26}.ds-brand i:after{content:'';position:absolute;inset:6px;border:2px solid #fff;border-radius:1px;background:linear-gradient(90deg,transparent 43%,#fff 43%,#fff 55%,transparent 55%)}.brand-dot{font-size:9px;font-weight:500;align-self:flex-start;margin:5px 0 0 -5px;color:#5d7796}.pub-h{position:sticky;top:0;z-index:60;background:#061222ee;backdrop-filter:blur(16px);border-bottom:1px solid #18304b99}.pub-h .ds-c{height:78px;display:flex;align-items:center;gap:30px}.pub-n{display:flex;gap:6px;margin:auto}.pub-n>a{font-size:12px;color:#a5b6cc;font-weight:500;padding:10px 15px;text-decoration:none}.pub-n>a:hover{color:#fff;background:#142b46}.pub-a{margin-left:0;display:flex;gap:10px}.pub-a .btn{font-size:11px;height:36px;padding:0 16px;border-radius:6px}.pub-b{display:none;place-items:center;width:36px;height:36px;border:1px solid #26405e;background:transparent;color:#fff;border-radius:7px}.pub-f{background:#050f1c;border-top:1px solid #17293e;margin-top:0;padding:50px 0 25px;color:#8094af}.pub-f .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.pub-f .ds-brand{display:flex;color:#fff;padding:0}.pub-f p{font-size:12px;line-height:1.9;margin:18px 0}.pub-f h4{font-size:12px;color:#e5efff;text-transform:none;letter-spacing:0;margin-bottom:16px}.pub-f a{font-size:11px;padding:5px 0;display:block;text-decoration:none}.pub-f a:hover{color:#fff}.pub-f .footer-status{display:flex;gap:7px;align-items:center;font-size:10px}.footer-status>span{width:5px;height:5px;border-radius:50%;background:#16c79e}.pub-f .bt-line{border-top:1px solid #19293d;margin-top:35px;padding-top:20px;font-size:9px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.public-site{background:#061323!important;color:#eef5ff}.public-site .lp-s{padding:72px 0}.public-site .lp-h{font-weight:700;letter-spacing:-1.3px}.public-site .lp-k{color:#299cff}.public-site .lp-p{font-size:15px;line-height:1.8}.public-site .fin{background:linear-gradient(125deg,#0e3156,#071d37);border:1px solid #1b4b79}.public-site .bn,.public-site .why>div,.public-site .pc,.public-site .nch>a{box-shadow:none}.public-site .pc.hot{background:#102d4c;border-color:#1a8fff;color:#eef5ff}.public-site .pc.hot .btn{background:#087cf5;color:#fff}
.au{background:var(--bg)}.au-b{background:radial-gradient(ellipse at 0% 100%,#075ca855,transparent 65%),linear-gradient(145deg,#071728,#0c2440)!important;color:#f1f7ff!important;position:relative;overflow:hidden;border:0}.au-b .ds-brand{color:#fff}.au-b h2{font-weight:600;letter-spacing:-1.4px;font-size:40px;line-height:1.2;position:relative;z-index:1}.au-b ul{color:#94b1d1;font-size:13px}.au-b li svg{color:#249cff}.au-b:after{content:'';width:400px;height:400px;border:1px solid #1479df33;position:absolute;right:-180px;bottom:-70px;border-radius:60px;transform:rotate(32deg);box-shadow:0 0 0 30px #1479df08,0 0 0 60px #1479df06}.au-img{position:relative;z-index:1;max-width:290px;border:1px solid #1e4369;border-radius:18px;background:#102d48;padding:20px}.au-w{max-width:480px}.au-w h1{font-size:32px;letter-spacing:-1px}.au-w .sub{font-size:13px;line-height:1.8;color:var(--muted)}.au-w .alt{font-size:12px}.au-w input,.au-w select{height:47px}.au-w .btn{height:48px}.au-f{padding:45px}.tl2>span{border-radius:10px!important}dialog{border:1px solid var(--border);padding:26px;border-radius:18px;max-width:min(520px,calc(100vw - 30px));width:480px}dialog h3{font-size:21px;font-weight:700;margin-bottom:18px}dialog::backdrop{background:#00112699;backdrop-filter:blur(5px)}
@media(max-width:950px){.pub-h .ds-c{gap:15px}.pub-n>a{padding:10px 8px}.pub-a .g{display:none}}
@media(max-width:760px){.ds-c{padding:0 22px}.pub-h .ds-c{height:66px}.pub-n{display:none}.pub-a{margin-left:auto}.pub-a .btn{height:33px;font-size:10px;padding:0 12px}.pub-a .btn.g{display:none}.pub-b{display:grid;margin-left:0}.ds-brand{font-size:22px}.pub-d{display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;width:min(340px,88vw);z-index:90;background:#0a1c30;border-left:1px solid #244362;padding:28px 20px;gap:8px;transform:translateX(105%);transition:transform .2s}.pub-d a{padding:14px;color:#e1eeff;font-size:14px;text-decoration:none}.pub-d .btn{color:#fff}.pub-d button{margin-top:auto}.nav-open .pub-d{transform:none}.ds-scrim{display:block;position:fixed;inset:0;background:#0009;z-index:80;opacity:0;pointer-events:none}.nav-open .ds-scrim{opacity:1;pointer-events:auto}.pub-f .cols{grid-template-columns:1fr 1fr;gap:30px}.pub-f .bt-line{font-size:9px;line-height:1.8}.au-f{padding:30px 22px}.au-w h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.au-img.au-product{padding:0;max-width:400px;overflow:visible;background:none;border:0}.au-product>.auth-device{width:100%;height:200px;object-fit:cover;object-position:70% center;border-radius:14px;display:block;opacity:.9}.au-niche-chip{position:absolute;bottom:-12px;left:15px;display:flex;align-items:center;gap:8px;background:#102c48;border:1px solid #24527b;border-radius:7px;padding:10px 15px;font-size:10px;color:#9fc5ec}.au-niche-chip img{width:22px;height:22px}
[hidden]{display:none!important}