:root{--navy:#061426;--navy2:#0b1d32;--blue:#279cff;--purple:#7564ff;--text:#0e1b2b;--muted:#65768b;--line:#dce5ee;--soft:#f3f7fb;--white:#fff;--success:#19bb70}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);line-height:1.62;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.header{position:sticky;top:0;z-index:30;background:rgba(6,20,38,.97);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:19px}.brand img{width:34px;height:34px;object-fit:contain}.links{display:flex;align-items:center;gap:23px;color:#d5e1ed;font-size:13px}.links a:hover{color:#fff}.navcta{padding:9px 13px;border:1px solid #5e748d;border-radius:9px}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 18px;border-radius:9px;font-size:14px;font-weight:750;border:1px solid #b7c5d4;cursor:pointer}.primary{border:0;background:linear-gradient(100deg,var(--blue),var(--purple));color:#fff}.darkbtn{color:#fff;border-color:#61758d;background:transparent}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:96px 0}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:65px;align-items:center}.ey{font-size:11px;letter-spacing:.17em;color:#58b5ff;font-weight:800}.hero h1{font-size:clamp(45px,5.6vw,73px);line-height:1.01;letter-spacing:-.055em;margin:12px 0 23px}.grad{background:linear-gradient(90deg,#53baff,#8a76ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:18px;color:#c8d7e7;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 23px}.checks{display:flex;flex-wrap:wrap;gap:15px;color:#9db1c7;font-size:12px}
.chat{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.3);color:var(--text)}.chathead{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.chathead img{width:31px;height:31px}.chathead b{font-size:14px}.chathead small{font-size:10px;color:#778a9f}.dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--success)}.chatbody{padding:17px;background:#f7f9fc}.msg{max-width:90%;padding:11px 13px;border:1px solid #dfe7ef;border-radius:12px;margin:10px 0;font-size:12px;background:#fff;line-height:1.5}.msg.user{margin-left:10%;background:#e8f3ff;border-color:#d4e8fa}.chatfoot{margin:12px;border:1px solid var(--line);border-radius:9px;padding:10px;color:#9aaabd;font-size:11px}
.stats{background:#edf4fa;border-bottom:1px solid #dce6ef}.statsgrid{display:grid;grid-template-columns:repeat(3,1fr)}.stat{text-align:center;padding:24px;border-right:1px solid #dce6ef}.stat:last-child{border-right:0}.stat b{display:block;font-size:25px}.stat span{font-size:12px;color:#708297}
.section{padding:92px 0}.soft{background:var(--soft)}.dark{background:var(--navy);color:#fff}.title{max-width:800px;margin-bottom:40px}.title h2{font-size:clamp(34px,4vw,49px);line-height:1.08;letter-spacing:-.045em;margin:8px 0 13px}.title p{font-size:16px;color:var(--muted)}.title .term-note{font-size:13px;font-weight:700;color:var(--success);margin-top:6px}.dark .title p{color:#a9b9ca}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px}.card .n,.step .n{color:var(--blue);font-size:11px;font-weight:800}.card h3{margin:19px 0 9px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:14px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{border-top:1px solid #29415a;padding-top:18px}.step h3{font-size:16px;margin:17px 0 8px}.step p{font-size:13px;color:#a9b9ca}
.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.compare>div{padding:32px}.compare .without{background:#fafbfc}.compare .with{background:#f7fbff}.compare h3{margin-top:0}.compare ul{padding-left:20px;color:var(--muted)}.compare .with{border-left:1px solid var(--line)}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px;position:relative}.price.featured{border:2px solid var(--blue);box-shadow:0 17px 46px rgba(39,156,255,.1)}.badge{position:absolute;right:14px;top:-11px;background:var(--blue);color:#fff;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:800}.price h3{margin:0;font-size:18px}.amount{font-size:40px;font-weight:850;letter-spacing:-.04em;margin-top:22px}.monthly{font-size:12px;color:#72849a}.setup{font-size:13px;color:#73869b;margin:5px 0 17px}.features{list-style:none;padding:0;margin:0 0 20px}.features li{font-size:13px;padding:5px 0}.features .no{color:#97a5b4}.price .btn{width:100%;color:var(--text)}.price.featured .btn{color:#fff;border:0}
.solution{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.solution-box{border-radius:18px;background:#fff;border:1px solid var(--line);padding:26px;box-shadow:0 10px 35px rgba(0,30,70,.05)}.solution-box .tag{display:inline-block;background:#e8f3ff;color:#237fd0;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.solution-box h3{font-size:27px;margin:18px 0 8px}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.demo-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;min-height:160px;display:grid;place-items:center;text-align:center;font-weight:800}.demo-box small{display:block;color:var(--muted);font-weight:500;margin-top:10px}
.faq{max-width:830px;margin:0 auto}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:750;cursor:pointer}.faq p{font-size:14px;color:var(--muted)}
.contact{background:var(--navy);color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.contact h2{font-size:46px;line-height:1.08;letter-spacing:-.04em}.contact-copy p{color:#aabacc}.contact-mails{line-height:1.9}.contact-mails a{color:#8dcaff}.form{display:grid;gap:12px}.form label{font-size:12px;color:#dce7f2}.form input,.form textarea,.form select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #2a4057;background:#0c2035;color:#fff;border-radius:8px;font:inherit}.form textarea{min-height:120px;resize:vertical}.form small{font-size:10px;color:#9fb0c2}.form label.consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#9fb0c2;line-height:1.5;cursor:pointer}.form label.consent input{width:auto;margin:2px 0 0;accent-color:var(--blue);flex-shrink:0}.form label.consent a{color:#8dcaff;text-decoration:underline}.honeypot{position:absolute;left:-10000px;opacity:0}.legal{min-height:72vh;padding:72px 0}.legal h1{font-size:48px;letter-spacing:-.045em}.legal h2{margin-top:34px}.legal h3{margin-top:25px}.legal p,.legal li{color:var(--muted)}.notice{background:#fff6dd;border:1px solid #ead28b;border-radius:10px;padding:14px;color:#745b16;font-size:12px}.legal a{color:#1877c9;text-decoration:underline}
.footer{background:#04101d;color:#8598ac;padding:26px 0;font-size:11px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footlinks{display:flex;gap:18px}.footlinks a:hover{color:#fff}
@media(max-width:900px){.hero-grid,.solution,.demo-grid,.contact-grid{grid-template-columns:1fr}.cards,.pricing{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.links{display:none}.hero{padding-top:65px}.compare{grid-template-columns:1fr}.compare .with{border-left:0;border-top:1px solid var(--line)}}@media(max-width:560px){.wrap{width:calc(100% - 26px)}.steps,.statsgrid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #dce6ef}.hero h1{font-size:45px}.section{padding:68px 0}.contact h2{font-size:37px}}