@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#081327;--ink:#142238;--blue:#406dff;--muted:#647087;--line:#e5eaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(32px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid #edf0f5}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:13px;letter-spacing:.05em;font-weight:800;white-space:nowrap}.brand b{display:block;font-size:10px;letter-spacing:.23em;color:#5570aa}.mark{display:grid;place-items:center;position:relative;width:43px;height:43px;border-radius:12px;background:#122a59;color:#fff;font-size:23px;font-weight:800}.mark span{position:absolute;font-size:13px;right:4px;top:2px;color:#84aaff}.header nav{display:flex;gap:30px;font-size:13px;font-weight:700;color:#4d5a70}.header nav a:hover,.footerInner a:hover{color:var(--blue)}.navcta{padding:13px 17px;background:#0f2346;color:white;border-radius:7px;font-size:13px;font-weight:700;white-space:nowrap}.navcta span{margin-left:12px}.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:112px 0 110px}.heroGlow{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 45%,#18366b 0,transparent 55%),linear-gradient(135deg,transparent 70%,#0c1d3d);pointer-events:none}.heroGrid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.eyebrow,.sectionLabel{font-size:11px;font-weight:800;letter-spacing:.17em}.eyebrow{color:#c5d5ff;display:flex;align-items:center;gap:10px}.pulse{width:8px;height:8px;border-radius:50%;background:#4fe4b0;box-shadow:0 0 0 5px #4fe4b022}.hero h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.12}.hero h1{font-size:clamp(56px,5.6vw,88px);margin:25px 0}.hero h1 em,h2 em{font-style:normal;color:#7ea5ff}.lead{font-size:17px;line-height:1.8;color:#b9c5da;max-width:540px}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:7px;padding:17px 22px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#4678ff;color:white}.primary:hover{background:#2e5ff0}.secondary{border:1px solid #586b8a;color:white}.micro{display:flex;gap:20px;flex-wrap:wrap;color:#a6b5d0;font-size:11px;margin-top:27px}.visual{border:1px solid #38517b;background:#0d1d38;border-radius:15px;box-shadow:0 35px 90px #0005;overflow:hidden}.visualTop,.visualBottom{padding:19px 22px;display:flex;justify-content:space-between;gap:10px;color:#9caeca;font-size:9px;font-weight:800;letter-spacing:.1em;border-bottom:1px solid #23395b}.visualTop i{display:inline-block;width:6px;height:6px;background:#52dfb2;border-radius:50%;margin-right:8px}.flow{padding:29px}.step{background:#14294a;border:1px solid #294365;border-radius:9px;padding:17px;display:flex;align-items:center;gap:14px}.step .icon{background:#1c5d56;color:#8ce3b7;width:43px;height:43px;display:grid;place-items:center;border-radius:9px;font-size:21px;flex:none}.step .icon.blue{background:#1c3f74;color:#a6c3ff}.step .icon.violet{background:#47336b;color:#d5b9ff}.step .icon.cyan{background:#164858;color:#88d9e7}.step div{flex:1}.step small{display:block;color:#8399b9;font-size:9px;letter-spacing:.12em;margin-bottom:5px}.step strong{font-size:13px}.step p{font-size:11px;color:#9baec9;margin:5px 0 0}.status{font-size:9px;background:#173f3d;color:#74e3b2;border-radius:20px;padding:7px 9px}.status.amber{background:#514121;color:#ffd07a}.connector{height:19px;width:1px;background:#4a648d;margin-left:37px}.visualBottom{border-bottom:0;border-top:1px solid #23395b;font-size:9px}.strip{border-bottom:1px solid var(--line);background:#f8faff}.stripInner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px}.stripInner>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#7a8698}.stripInner div{display:flex;align-items:center;gap:20px;color:#273d5b;font-size:11px;font-weight:800;letter-spacing:.1em}.stripInner b{color:#8fa1c1}.section{padding:110px 0}.sectionLabel{color:#4e75de;margin-bottom:28px}.sectionLabel.light{color:#8baaff}.splitHeading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:44px}.splitHeading h2,.demoGrid h2,.contactBox h2{font-size:clamp(39px,4.3vw,63px);margin:0}.splitHeading p,.demoGrid p{max-width:390px;color:var(--muted);line-height:1.8;font-size:15px}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.card{padding:31px;border:1px solid var(--line);border-radius:12px;background:#fff;min-height:300px}.cardNo{font-size:11px;font-weight:800;color:#96a2b3}.cardIcon{width:57px;height:57px;border-radius:12px;background:#edf3ff;color:#3e70ed;font-size:27px;display:grid;place-items:center;margin:35px 0 25px}.card h3{font-family:Manrope;font-size:19px;margin:0 0 12px}.card p{color:var(--muted);font-size:14px;line-height:1.75}.dark{background:#0b1930;color:#fff}.dark .splitHeading p{color:#acb9cd}.featureGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2b3a51;margin-top:45px}.featureGrid div{padding:25px 10px;border-bottom:1px solid #2b3a51;display:flex;gap:23px;align-items:center}.featureGrid div:nth-child(odd){border-right:1px solid #2b3a51}.featureGrid span{font-size:11px;color:#729aff}.featureGrid strong{font-size:15px;font-weight:600}.note{font-size:12px;color:#95a5bc;margin-top:30px}.demoGrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.demoGrid p{margin:26px 0 30px}.demoPanel{min-height:350px;border-radius:14px;background:linear-gradient(135deg,#142f60,#07142b);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;border:8px solid #eaf0fa}.play{width:72px;height:72px;border-radius:50%;background:#527dff;display:grid;place-items:center;margin-bottom:24px;font-size:23px;padding-left:4px}.demoPanel strong{font-size:19px}.demoPanel p{color:#bdcbe2;margin:10px 0}.demoPanel small{color:#8398b8;text-align:center}.pricingSection{background:#f4f7fc}.priceCard{background:white;border:1px solid #e3eaf5;border-radius:15px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:0 18px 50px #1b3e7610}.tag{font-size:10px;font-weight:800;letter-spacing:.14em;color:#416ce3}.priceCard h3{font-family:Manrope;font-size:25px;margin:14px 0}.priceCard p{color:var(--muted);max-width:590px;line-height:1.7;font-size:14px}.priceCard>div:last-child{display:flex;flex-direction:column;align-items:center;gap:14px}.priceCard small{color:#8390a4;font-size:11px;text-align:center}.contactBox{background:#10264b;color:white;padding:65px;display:flex;align-items:center;justify-content:space-between;gap:55px;border-radius:15px}.contactBox p{max-width:530px;color:#b9c7df;line-height:1.8}.contactAction{min-width:285px}.white{background:white;color:#18345f}.contactAction p{font-size:13px;margin:17px 0 8px}.contactAction small{font-size:11px;color:#a4b6d3;line-height:1.6;display:block}footer{border-top:1px solid var(--line)}.footerInner{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#78859b;font-size:12px}@media(max-width:1000px){.header nav{display:none}.heroGrid,.demoGrid{gap:35px}.step{padding:12px}.status{display:none}.splitHeading{align-items:start}}@media(max-width:750px){.wrap{width:min(100% - 36px,540px)}.header{padding:0 18px;height:74px}.brand{font-size:11px}.navcta{font-size:11px;padding:12px}.hero{padding:75px 0}.heroGrid,.demoGrid{grid-template-columns:1fr}.hero h1{font-size:60px}.lead{font-size:15px}.visual{margin-top:24px}.stripInner{padding:25px 0;flex-direction:column;align-items:start}.stripInner div{flex-wrap:wrap;gap:11px}.section{padding:75px 0}.splitHeading{display:block}.splitHeading p{margin-top:20px}.three,.featureGrid{grid-template-columns:1fr}.featureGrid div:nth-child(odd){border-right:0}.card{min-height:auto}.priceCard,.contactBox{flex-direction:column;align-items:stretch}.contactBox{padding:35px 25px}.contactAction{min-width:0}.footerInner{padding:24px 0;flex-wrap:wrap}.demoPanel{min-height:290px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
