:root{--bg:#0a0f16;--panel:rgba(255,255,255,.06);--text:#e6f2ff;--muted:#9fb5c9;--n1:#7cf7ff;--n2:#7b6dff;--n3:#6bff9c;--accent:#ffd166;--border:rgba(255,255,255,.12);--radius:16px}
*{box-sizing:border-box}html,body{margin:0;background:#0a0f16;color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}a{color:#a8ecff;text-decoration:none}img{max-width:100%;height:auto}
.top{position:sticky;top:0;z-index:50;background:rgba(10,15,22,.6);backdrop-filter:blur(12px) saturate(160%);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}
.logo{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--n1),var(--n2));box-shadow:0 0 18px rgba(124,247,255,.35)}
.menu a{margin:0 10px;opacity:.92;position:relative}.menu a::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--n2),var(--n1));transform:scaleX(0);transform-origin:left;transition:transform .25s}.menu a:hover::after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg, rgba(124,247,255,.10), rgba(123,109,255,.10));border:1px solid var(--border);color:var(--text);cursor:pointer}
.btn-accent{background:linear-gradient(135deg,var(--accent),var(--n3));color:#1d2700;border:none;font-weight:900;box-shadow:0 0 18px rgba(107,255,156,.25)}
.hero{position:relative;overflow:hidden}.hero .bg{position:absolute;inset:0;z-index:0;background:url('/img/bg.svg') center/cover no-repeat}.hero .canvas{position:absolute;inset:0}.hero .inner{position:relative;z-index:1;padding:110px 0 70px}
.hero h1{font-size:44px;margin:10px 0 10px}.lead{color:var(--muted);font-size:18px;max-width:980px}.grad{-webkit-background-clip:text;background:linear-gradient(90deg,var(--n1),var(--n2));color:transparent;background-clip:text}
.bullets{margin:14px 0 0 18px}.bullets li{margin:6px 0}
.section{padding:72px 0;border-top:1px solid var(--border)}.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 0 1px rgba(255,255,255,.06)}.card:hover{transform:translateY(-4px);transition:transform .25s}.glass{backdrop-filter:blur(10px) saturate(130%)}
.kpi{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--border)}.kpi .i{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--n1),var(--n3));color:#08381b;font-weight:900}
.footer{border-top:1px solid var(--border);margin-top:32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;padding:36px 0}.brand-mini{font-weight:800}.muted{color:var(--muted);font-size:14px}
.cookie{position:fixed;left:20px;right:20px;bottom:20px;display:none;z-index:60}.cookie .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(10,15,22,.96);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text);padding:12px;border-radius:12px}.input:focus{outline:none;border-color:var(--n1);box-shadow:0 0 0 3px rgba(124,247,255,.18)}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease}.revealed{opacity:1;transform:none}
@media(max-width:1024px){.g3,.g4{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}.hero h1{font-size:32px}}