:root{--bg:#07111f;--bg2:#0d1b2e;--card:#101f34;--text:#f6f8fb;--muted:#b9c5d6;--blue:#36a9e8;--blue2:#0077b6;--white:#fff;--line:rgba(255,255,255,.12);--shadow:0 20px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#050b14,#0a1524 45%,#f7f9fc 45%);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1120px,92%);margin:auto}.nav{position:sticky;top:0;z-index:10;background:rgba(7,17,31,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:42px;height:42px;border-radius:12px}.menu{display:flex;gap:20px;color:var(--muted);font-weight:700}.cta{background:linear-gradient(135deg,var(--blue),var(--blue2));padding:12px 18px;border-radius:999px;color:white;font-weight:900;box-shadow:0 10px 30px rgba(54,169,232,.25)}.hero{padding:72px 0 52px}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.badge{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#dff4ff;background:rgba(54,169,232,.12);font-weight:800}h1{font-size:clamp(42px,6vw,76px);line-height:.95;margin:20px 0 18px;letter-spacing:-2px}.lead{font-size:clamp(18px,2vw,23px);color:var(--muted);line-height:1.55;margin:0 0 26px}.actions{display:flex;gap:14px;flex-wrap:wrap}.ghost{border:1px solid var(--line);padding:12px 18px;border-radius:999px;font-weight:900;color:#e9f7ff}.heroimg{background:radial-gradient(circle at 50% 30%,rgba(54,169,232,.25),transparent 58%);border-radius:34px;overflow:hidden}.section{padding:76px 0;color:#172033;background:#f7f9fc}.section.dark{background:#07111f;color:white}.title{font-size:clamp(30px,4vw,48px);margin:0 0 14px}.sub{color:#5d6a7d;font-size:18px;line-height:1.55;max-width:760px}.dark .sub{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{background:white;border:1px solid #e6edf5;border-radius:26px;padding:26px;box-shadow:0 10px 35px rgba(21,35,54,.08)}.dark .card{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}.icon{font-size:34px}.card h3{font-size:22px;margin:16px 0 10px}.card p,.card li{color:#5d6a7d;line-height:1.55}.dark .card p,.dark .card li{color:var(--muted)}ul{padding-left:20px}.demo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.panel{border-radius:28px;padding:28px;background:linear-gradient(145deg,#0d1b2e,#102747);border:1px solid var(--line);box-shadow:var(--shadow)}.panel strong{color:#8bddff}.steps{counter-reset:s;display:grid;gap:16px;margin-top:28px}.step{display:flex;gap:16px;align-items:flex-start;background:white;border-radius:22px;padding:18px;border:1px solid #e6edf5}.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;min-width:36px;height:36px;border-radius:50%;background:#0b89c8;color:white;font-weight:900}.contactbox{background:linear-gradient(135deg,#07111f,#0d2d4b);border-radius:32px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;box-shadow:var(--shadow)}.footer{background:#04070d;color:#aeb9c8;padding:30px 0}.footerin{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{text-decoration:underline}.legal{background:#f7f9fc;color:#172033;min-height:100vh}.legal main{padding:60px 0}.legal article{background:white;border:1px solid #e6edf5;border-radius:28px;padding:34px;box-shadow:0 10px 35px rgba(21,35,54,.08)}.legal h1{font-size:42px;line-height:1.1;color:#07111f}.legal p,.legal li{line-height:1.7;color:#3e4b5d}.cookie{position:fixed;left:18px;bottom:18px;background:white;color:#172033;border-radius:18px;padding:18px;box-shadow:0 15px 50px rgba(0,0,0,.2);max-width:360px;z-index:20}.cookie button{margin-top:10px;border:0;background:#0b89c8;color:white;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer}@media(max-width:850px){.menu{display:none}.grid,.demo,.contactbox{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{padding-top:42px}body{background:linear-gradient(180deg,#050b14,#0a1524 38%,#f7f9fc 38%)}.contactbox{padding:24px} }