:root{--bg:#FFFFFF;--bg2:#F2F6FD;--card:#FFFFFF;--line:#DDE6F4;--ink:#04194A;--muted:#55678C;--blue:#1E6BFF;--cyan:#0785B3;--amber:#FFB638;
color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Manrope,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.logo{font-family:Sora,sans-serif;margin:0;letter-spacing:-.02em}
a{color:inherit}.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:25px;text-decoration:none}.logo i{font-style:normal;color:var(--cyan)}
nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-size:15px;color:var(--muted)}
nav ul a{text-decoration:none}nav ul a:hover{color:var(--ink)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--blue),#5B8CFF);color:#fff;padding:13px 24px;border-radius:12px;font:600 16px Sora,sans-serif;text-decoration:none;border:0;cursor:pointer;box-shadow:0 8px 28px rgba(47,107,255,.35)}
.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--blue);border:1.5px solid var(--blue);box-shadow:none}.btn.ghost:hover{background:rgba(30,107,255,.08)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.hero{position:relative;padding:70px 0 80px;background:radial-gradient(900px 500px at 85% 20%,rgba(30,107,255,.13),transparent 60%),radial-gradient(600px 400px at 0% 100%,rgba(0,198,255,.10),transparent 60%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--bg2);padding:6px 14px;border-radius:99px;font-size:14px;color:var(--muted);margin-bottom:22px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:pl 1.6s infinite}
@keyframes pl{50%{opacity:.25}}
h1{font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1.02}
.grad{background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--muted);font-size:19px;max-width:30em;margin:22px 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.net{position:relative}.net svg{width:100%;height:auto;display:block}
.ln{stroke:var(--line);stroke-width:1.5;fill:none}
.pulse{stroke:var(--cyan);stroke-width:2.5;fill:none;stroke-dasharray:14 200;stroke-linecap:round;animation:fl 2.6s linear infinite}
@keyframes fl{to{stroke-dashoffset:-214}}
.node{fill:var(--card);stroke:var(--line)}.nt{fill:var(--ink);font:600 13px Sora,sans-serif;text-anchor:middle}
.live{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 20px;text-align:center;white-space:nowrap}
.live b{font:800 26px Sora,sans-serif;color:var(--cyan);display:block;font-variant-numeric:tabular-nums}.live span{font-size:13px;color:var(--muted)}
.strip{border-block:1px solid var(--line);background:var(--bg2);overflow:hidden;white-space:nowrap}
.strip div{display:inline-block;padding:14px 0;animation:mq 28s linear infinite;font:600 15px Sora,sans-serif;color:var(--muted)}
.strip span{margin:0 28px}.strip span:before{content:"";display:inline-block;width:7px;height:7px;background:var(--amber);border-radius:50%;margin-right:12px}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:84px 0}
h2{font-size:clamp(28px,4.5vw,46px);font-weight:800;line-height:1.08;margin-bottom:14px}
.lead{color:var(--muted);max-width:36em;margin:0 0 44px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}
.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:20px;padding:28px;transition:.25s}
.card:hover{transform:translateY(-6px);border-color:var(--blue);box-shadow:0 18px 50px rgba(47,107,255,.2)}
.ic{width:52px;height:52px;border-radius:14px;background:rgba(47,107,255,.15);display:grid;place-items:center;margin-bottom:18px}
.ic svg{width:26px;height:26px;stroke:var(--cyan);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:22px;margin-bottom:8px}.card p{margin:0 0 14px;color:var(--muted);font-size:16px}
.card ul{margin:0;padding:0;list-style:none;font-size:15px}.card li{padding:3px 0 3px 22px;position:relative}
.card li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:700}
.demo{background:var(--bg2);border-block:1px solid var(--line)}
.demo .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ch{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.ch button{background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:8px 18px;font:600 14px Sora,sans-serif;cursor:pointer}
.ch button[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
textarea,input,select{width:100%;font:inherit;padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.phone{background:#04194A;border:2px solid var(--line);border-radius:36px;padding:16px;max-width:320px;margin:0 auto;width:100%}
.scr{background:var(--bg);border-radius:24px;min-height:340px;padding:18px;display:flex;flex-direction:column;gap:12px}
.scr small{color:var(--muted);text-align:center;font-size:12px}
.bub{background:var(--blue);color:#fff;padding:11px 14px;border-radius:18px 18px 4px 18px;align-self:flex-end;max-width:90%;font-size:15px;word-break:break-word;animation:pop .4s}
@keyframes pop{from{transform:scale(.8);opacity:0}}
.st{margin-top:auto;display:grid;gap:8px;font-size:14px}.st div{display:flex;gap:10px;align-items:center;color:#7f90b3;transition:.3s}
.st div i{width:10px;height:10px;border-radius:50%;background:#cfd8ec}.st div.on{color:var(--ink)}.st div.on i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;text-align:center}
.stats div{padding:30px 10px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.stats b{display:block;font:800 clamp(34px,5vw,52px) Sora,sans-serif;color:var(--cyan);font-variant-numeric:tabular-nums}.stats span{color:var(--muted);font-size:15px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.chips span{border:1px solid var(--line);border-radius:99px;padding:9px 20px;background:var(--card);font-weight:600;font-size:15px}
.cta{background:linear-gradient(135deg,var(--blue),#1B3FB8);border-radius:28px;padding:56px 32px;text-align:center}
.cta h2{color:#fff}.cta p{margin:0 auto 26px;max-width:30em;color:#DCE6FF}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:48px}
form{display:grid;gap:14px}label{font:600 14px Sora,sans-serif;display:grid;gap:6px}
#ok{display:none;color:var(--cyan);font-weight:600}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.live,.stats div,.card{box-shadow:0 6px 24px rgba(20,50,120,.07)}
@media(max-width:820px){.hero .wrap,.demo .wrap,.contact{grid-template-columns:1fr}nav ul{display:none}.hero{padding-top:40px}section{padding:58px 0}.live{position:static;transform:none;margin-top:10px;display:block}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}