:root{--bg:#050b16;--bg2:#0b1424;--deep:#0a1a2e;--panel:#0e2138;--card:#0f1b30;--line:#1b3350;--ink:#e8f1fb;--mut:#90a6c4;--cyan:#22d3ee;--cyan2:#0891b2;--foam:#7dd3fc;--gold:#f5b942;--good:#34d399;--warn:#fbbf24;--bad:#f87171}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.55;color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,#0e2036 0,transparent 60%),radial-gradient(900px 500px at -10% 10%,#0a1a2e 0,transparent 55%),var(--bg)}a{color:var(--cyan);text-decoration:none}a:hover{opacity:.85}img{max-width:100%}input,select,button{font-family:inherit}.nav{display:flex;align-items:center;gap:14px;max-width:1080px;margin:0 auto;padding:16px 24px}.nav.stick{position:sticky;top:0;z-index:50;background:#060b16b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);max-width:none}.nav.stick>.inner{display:flex;align-items:center;gap:14px;max-width:1080px;margin:0 auto;width:100%}.brand{font-weight:800;font-size:20px;letter-spacing:.3px;display:flex;align-items:center;gap:9px;color:var(--ink)}.brand b{background:linear-gradient(90deg,var(--cyan),#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.sp{flex:1}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:10px 18px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font-weight:600;font-size:14px;transition:.15s}.btn:hover{border-color:var(--cyan2)}.btn.p{background:linear-gradient(90deg,var(--cyan2),var(--cyan));border:0;color:#05121c}.btn.p:hover{filter:brightness(1.08)}.btn.gold{background:linear-gradient(90deg,#f5b942,#f59e0b);border:0;color:#1a1206}.btn.gold:hover{filter:brightness(1.07)}.btn.sm{padding:6px 12px;font-size:13px}.btn.lg{padding:14px 26px;font-size:16px;border-radius:12px}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:ping 2.4s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #22d3ee99}70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}.lhero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.lhero .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:center/cover no-repeat;filter:saturate(.5) brightness(.32);opacity:.6}.lhero .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1000px 500px at 50% -10%,rgba(34,211,238,.16),transparent 60%),linear-gradient(180deg,#050b1680,#050b16eb 85%)}.lhero .in{position:relative;max-width:1080px;margin:0 auto;padding:90px 24px 80px;text-align:center}.sonar{position:relative;width:120px;height:120px;margin:0 auto 22px}.sonar .whale{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:56px;filter:drop-shadow(0 0 20px rgba(34,211,238,.55))}.sonar i{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(34,211,238,.45);border-radius:50%;animation:sonar 3s ease-out infinite}.sonar i:nth-child(2){animation-delay:1s}.sonar i:nth-child(3){animation-delay:2s}@keyframes sonar{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.5);opacity:0}}.lhero h1{font-size:clamp(32px,6.2vw,60px);line-height:1.05;margin:0 0 18px;font-weight:800;letter-spacing:-1px}.lhero h1 span{background:linear-gradient(90deg,var(--cyan),var(--foam));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--mut);font-size:clamp(16px,2.2vw,20px);max-width:660px;margin:0 auto 30px}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.trust{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:26px;color:var(--mut);font-size:14px}.trust b{color:var(--ink)}.sec{max-width:1080px;margin:0 auto;padding:70px 24px}.sec.tight{padding:46px 24px}.sec h2{font-size:clamp(24px,4vw,36px);margin:10px 0 8px;font-weight:800;letter-spacing:-.5px}.sec .sub{color:var(--mut);font-size:16px;max-width:620px;margin:0 0 8px}.center{text-align:center}.center .sub{margin-left:auto;margin-right:auto}.show{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.frame{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:10px;box-shadow:0 30px 60px -30px #000000b3}.frame .bar{display:flex;gap:6px;padding:8px 4px}.frame .bar i{width:10px;height:10px;border-radius:50%;background:#33455f}.frame img{width:100%;display:block;border-radius:10px}.show ul{list-style:none;padding:0;margin:18px 0 0}.show li{display:flex;gap:12px;margin:14px 0;font-size:15px}.show li .d{flex:none;width:26px;height:26px;border-radius:8px;background:#22d3ee24;color:var(--cyan);display:flex;align-items:center;justify-content:center;font-weight:800}.fgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.fcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;transition:.15s}.fcard:hover{border-color:var(--cyan2);transform:translateY(-2px)}.fcard .ic{font-size:24px}.fcard h3{margin:8px 0 4px;font-size:15px}.fcard p{margin:0;color:var(--mut);font-size:13px}.steps{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);counter-reset:s}.step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;position:relative}.step:before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:20px;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--cyan2),var(--cyan));color:#05121c;font-weight:800;display:flex;align-items:center;justify-content:center}.step h3{margin:6px 0;font-size:17px}.step p{margin:0;color:var(--mut);font-size:14px}.plans{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.plan{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;text-align:center}.plan.hot{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.plan .tier{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}.plan .big{font-size:40px;font-weight:800;margin:8px 0 2px}.plan .big small{font-size:15px;color:var(--mut);font-weight:500}.plan ul{list-style:none;padding:0;margin:16px 0;text-align:left}.plan li{margin:9px 0;font-size:14px;color:var(--mut)}.plan li:before{content:"✓ ";color:var(--good);font-weight:800}.dls{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dl{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:6px}.dl .ic{font-size:30px}.dl h3{margin:6px 0 2px;font-size:18px}.dl .meta{color:var(--mut);font-size:13px}.dl p{color:var(--mut);font-size:14px;margin:6px 0 14px;flex:1}.contact{background:linear-gradient(135deg,var(--panel),var(--deep));border:1px solid var(--line);border-radius:20px;padding:40px;text-align:center}.contact .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px}.cbtn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-weight:700;font-size:16px}.cbtn.z{background:#0068ff;color:#fff}.cbtn.t{background:#229ed9;color:#fff}.cbtn:hover{filter:brightness(1.08)}.floats{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:12px}.fbtn{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 24px #0006;animation:bob 2.6s ease-in-out infinite;text-decoration:none}.fbtn.z{background:#0068ff}.fbtn.t{background:#229ed9}.fbtn:hover{transform:scale(1.08)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.foot{text-align:center;color:var(--mut);font-size:13px;padding:40px 20px}.auth{max-width:420px;margin:48px auto;padding:0 20px}.acard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}.acard h2{margin:0 0 4px}.acard .sub{color:var(--mut);font-size:14px;margin:0 0 20px}label{display:block;font-size:13px;color:var(--mut);margin:12px 0 5px}input,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font-size:16px}input:focus,select:focus{outline:0;border-color:var(--cyan2)}.acard .btn{margin-top:18px}.alt{text-align:center;margin-top:16px;color:var(--mut);font-size:14px}.pw{position:relative}.pw input{padding-right:46px}.pw .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:auto;margin:0;padding:4px 8px;background:none;border:0;color:var(--mut);cursor:pointer;font-size:18px;line-height:1}.pw .eye:hover{color:var(--ink)}.hint{font-size:12px;color:var(--mut);margin-top:6px}.msg{padding:11px 14px;border-radius:10px;margin:0 0 16px;font-size:14px}.msg.ok{background:#34d3991f;color:var(--good);border:1px solid rgba(52,211,153,.3)}.msg.err{background:#f871711f;color:var(--bad);border:1px solid rgba(248,113,113,.3)}.wrap{max-width:1080px;margin:0 auto;padding:24px}.wrap.wide{max-width:none}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;color:var(--mut);padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--tx)}.tabs button.on{color:var(--cyan);border-bottom-color:var(--cyan)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.kpi .n{font-size:24px;font-weight:800}.kpi .l{color:var(--mut);font-size:13px;margin-top:4px}.dhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.dhead h1{margin:0;font-size:24px}.dhead .em{color:var(--mut);font-size:14px}.kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:22px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.kpi .l{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.kpi .v{font-size:26px;font-weight:800;margin-top:4px}.actbox{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:22px}.actbox form{display:flex;gap:10px;flex-wrap:wrap}.actbox input{flex:1;min-width:220px}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}th{background:var(--bg2);color:var(--mut);text-transform:uppercase;font-size:11px;letter-spacing:.5px;text-align:left;padding:12px}td{border-top:1px solid var(--line);padding:12px;vertical-align:middle}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.bdg{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.bdg.g{background:#34d39926;color:var(--good)}.bdg.w{background:#fbbf2426;color:var(--warn)}.bdg.m{background:#8ea3c026;color:var(--mut)}.bdg.v{background:#60a5fa26;color:#93c5fd}.bdg.r{background:#f8717126;color:var(--bad)}.kpis.wide{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.pager .em{font-size:13px}.kpi span{display:block;font-size:22px;font-weight:800;color:var(--ink);line-height:1.2}.kpi small{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-top:5px}.kpi.good span{color:var(--good)}.kpi.warn span{color:var(--warn)}.kpi.bad span{color:var(--bad)}.kpi.good{border-color:#34d39959}.kpi.warn{border-color:#fbbf244d}.kpi.bad{border-color:#f871714d}.tabs.sub{border-bottom:0;margin-bottom:0;gap:4px}.tabs.sub button{padding:5px 12px;font-size:13px;border:1px solid var(--line);border-radius:8px;margin:0}.tabs.sub button.on{color:var(--cyan);border-color:var(--cyan);background:#22d3ee14}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:24px 26px;width:min(480px,92vw);margin:auto;box-shadow:0 24px 60px #00000080;animation:dwFade .15s ease}.modal .fgrid{margin-bottom:14px}.modal label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--mut);font-weight:600}.modal label input{margin-top:2px}.genform{align-items:flex-start!important;gap:12px!important}.gf{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.gf>span{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.gf input,.gf select{width:100%;min-width:0!important;flex:none!important}.gf.chkcol{align-items:center}.gf.chkcol input{width:20px;height:20px;margin-top:4px}.chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);cursor:pointer;margin:6px 0}.chk.inline{flex:0 0 auto;min-width:auto}.chk input{width:auto;flex:0 0 auto}.mrow{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.row-act{display:flex;gap:6px;flex-wrap:wrap}.edit-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.edit-row input,.edit-row select{width:auto;padding:6px 8px;font-size:13px}.edit-row input.email{width:210px}.edit-row input.num{width:56px}.edit-row input.date{width:140px}.col-in{width:100%;box-sizing:border-box;padding:6px 8px;font-size:13px}.col-in.num{width:64px}.col-in.date{width:150px}tr.row-click{cursor:pointer}tr.row-click:hover{background:#22d3ee0f}.dw-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#03081299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;animation:dwFade .15s ease}.dw{width:min(760px,100%);height:100%;overflow-y:auto;background:var(--bg2);border-left:1px solid var(--line);box-shadow:-16px 0 48px #00000080;padding:26px 28px;animation:dwSlide .18s ease}@keyframes dwFade{0%{opacity:0}to{opacity:1}}@keyframes dwSlide{0%{transform:translate(24px)}to{transform:translate(0)}}.dw-head{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.dw-title{font-size:20px;font-weight:800;color:var(--ink);word-break:break-all}.dw-sub{color:var(--mut);font-size:13px;margin-top:4px}.dw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.dw-stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-align:center}.dw-stat span{display:block;font-size:18px;font-weight:800;color:var(--cyan)}.dw-stat small{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.dw-sec h4{margin:0 0 12px;font-size:14px;color:var(--ink)}@media (max-width:640px){.dw{padding:20px 16px}.dw-stat span{font-size:15px}}@media (max-width:820px){.show,.steps,.plans{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sonar i,.eyebrow:before,.fbtn{animation:none}}