:root{--bg:#05080d;--panel:#0a111c;--panel2:#0d1726;--text:#f7f9fc;--muted:#9dacbf;--blue:#1176ff;--cyan:#21c8ff;--line:#1c2a3d;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 70% 10%,#0b1b35 0,#05080d 42%);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(5,8,13,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:.18em;font-size:1.08rem}.brand span{color:var(--blue)}.navlinks{display:flex;gap:24px;align-items:center;color:#c4cede;font-size:.94rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:750;border:0;box-shadow:0 12px 34px rgba(17,118,255,.24)}.btn.ghost{background:transparent;border:1px solid #29415f;box-shadow:none;color:#dbe7f5}.hero{padding:94px 0 76px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{display:inline-block;color:#75c9ff;border:1px solid #1d4f80;background:#0a2340;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2.55rem,5.3vw,5.25rem);line-height:1.03;margin:20px 0 22px;letter-spacing:-.045em}.gradient{background:linear-gradient(90deg,#fff 15%,#8fd8ff 55%,#1879ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.15rem;color:#b4c0d0;max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.heroart{background:linear-gradient(145deg,rgba(19,39,67,.9),rgba(3,8,14,.9));border:1px solid #19304d;border-radius:28px;padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.45)}.heroart img{border-radius:18px}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.proof div{border-left:2px solid var(--blue);padding-left:12px}.proof strong{display:block}.proof span{font-size:.86rem;color:var(--muted)}section{padding:78px 0}.sectionhead{max-width:780px;margin-bottom:34px}.sectionhead h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;margin:10px 0 14px;letter-spacing:-.03em}.sectionhead p{color:var(--muted);font-size:1.05rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(180deg,rgba(14,24,40,.95),rgba(8,14,23,.95));border:1px solid #182a40;border-radius:18px;padding:26px}.card .num{font-size:.82rem;color:#6fc6ff;font-weight:800;letter-spacing:.12em}.card h3{font-size:1.24rem;margin:12px 0 9px}.card p{color:var(--muted);margin:0}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{padding:22px 18px;border:1px solid #1b3048;background:#08111d;border-radius:15px}.step b{color:#64c6ff}.usecases{display:grid;grid-template-columns:1fr 1fr;gap:22px}.use{border:1px solid #1d3045;border-radius:18px;padding:28px;background:#08111b}.use h3{margin:0 0 8px}.use p{color:var(--muted)}.faq details{border-top:1px solid #1d2a3b;padding:19px 0}.faq summary{font-weight:720;cursor:pointer}.faq p{color:var(--muted)}.cta{border:1px solid #20528b;border-radius:25px;padding:46px;background:radial-gradient(circle at 80% 20%,rgba(30,119,255,.28),transparent 45%),#08111e}.cta h2{font-size:clamp(2rem,4vw,3.1rem);margin:0 0 10px}.cta p{color:#b8c6d8;max-width:720px}.footer{padding:40px 0;border-top:1px solid #182334;color:#8fa0b4;font-size:.9rem}.footerin{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.lang{font-size:.85rem;color:#8dbfff}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;color:black;padding:8px;z-index:99}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:64px}.grid3,.flow{grid-template-columns:1fr 1fr}.navlinks a:not(.btn):not(.lang){display:none}}@media(max-width:620px){.grid3,.flow,.usecases,.proof{grid-template-columns:1fr}.hero{gap:32px}.hero h1{font-size:2.7rem}.wrap{width:min(var(--max),calc(100% - 26px))}.navin{height:68px}.btn{width:100%}.actions{display:grid}.cta{padding:30px 22px}}