:root{font-family:Manrope,Inter,Arial,sans-serif;color:#101b31;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.topbar{min-height:88px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:white;background:linear-gradient(140deg,#2364ee,#64bcff);font-size:24px;font-weight:800}.topbar nav{display:flex;gap:28px;margin:auto;font-size:13px;font-weight:700;color:#607089}.topbar nav a:hover,.footer a:hover{color:#296bf0}.nav-cta{padding:12px 18px;background:#eaf1ff;color:#2364ee;border-radius:12px;font-size:13px;font-weight:800}.hero{min-height:610px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:44px;padding-block:50px 90px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#2364ee}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #dbe7ff;background:#eef4ff;border-radius:30px;letter-spacing:.07em}.pulse{height:7px;width:7px;border-radius:50%;background:#45bd92;box-shadow:0 0 0 4px #d5f6e9}.hero h1{font-size:clamp(40px,4.9vw,66px);line-height:1.09;letter-spacing:-.062em;margin:28px 0 22px;font-weight:800}.hero h1 em{font-style:normal;color:#286af0}.lead{font-size:17px;line-height:1.85;color:#53647e;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 21px;border-radius:13px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px)}.button-primary{background:#286af0;color:white;box-shadow:0 10px 24px #2364ee38}.button-outline{border:1px solid #d8e3f3;background:white;color:#173459}.fine{font-size:11px;line-height:1.7;color:#8190a5;max-width:620px;margin-top:20px}.hero-art{min-height:440px;display:grid;place-items:center;position:relative}.art-glow{position:absolute;width:92%;height:82%;border-radius:50%;background:radial-gradient(circle,#d8e7ff 0,#e9f1ff 46%,transparent 73%);filter:blur(4px)}.app-card{position:relative;width:min(370px,88%);background:#fff;border:1px solid #e6ecf6;border-radius:25px;box-shadow:0 28px 70px #1d376128;padding:28px;transform:rotate(-3deg)}.app-card-top{display:flex;justify-content:space-between;font-size:16px;font-weight:800}.dots{color:#8899ae;letter-spacing:.1em}.app-card-sub{font-size:11px;color:#8998ac;margin-top:4px}.app-card-chart{height:145px;display:flex;align-items:end;justify-content:space-around;gap:14px;margin:22px 0 28px;padding:0 5px 13px;border-bottom:1px solid #e7edf7}.app-card-chart span{width:27px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#58a7ff,#286af0)}.app-card-chart span:nth-child(2n){background:linear-gradient(180deg,#8ce5c4,#54c6a2)}.app-card-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #edf1f6;font-size:11px;color:#63738b}.app-card-row span{display:flex;align-items:center;gap:8px}.app-card-row strong{font-weight:700;color:#1a3355}.dot{height:8px;width:8px;border-radius:50%}.dot-blue{background:#3888f4}.dot-mint{background:#58cda5}.dot-gold{background:#f3bf69}.statement{background:#101b31;color:white}.statement-inner{display:flex;align-items:center;gap:72px;padding-block:26px}.statement-inner span{white-space:nowrap;color:#72b4ff;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.statement-inner p{font-size:17px;line-height:1.65;color:#c4cede;margin:0}.statement-inner strong{color:white}.section{padding-block:104px}.section-heading{max-width:690px;margin-bottom:42px}.section h2,.contact h2{font-size:clamp(30px,3.3vw,45px);letter-spacing:-.05em;line-height:1.2;margin:14px 0}.section-heading p,.contact p{color:#61738d;line-height:1.75;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.feature{border-radius:20px;padding:28px}.steps article{background:white;border:1px solid #e9eef7;box-shadow:0 12px 36px #152b5008}.step-num{font-size:13px;font-weight:800;color:#286af0}.steps h3,.feature h3,.roadmap h3{font-size:17px;margin:18px 0 10px;letter-spacing:-.02em}.steps p,.feature p,.roadmap p{color:#6b7c93;font-size:13px;line-height:1.8;margin:0}.section-dark{background:#edf3fc}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:white;border:1px solid #e2ebf8;min-height:220px}.icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf1ff;color:#286af0;font-size:22px;font-weight:800}.feature h3{margin-top:20px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #dbe4f1;padding-top:28px}.roadmap>div{padding-right:20px}.roadmap span{color:#286af0;font-size:12px;font-weight:800}.contact{margin-block:28px 100px;padding:42px 48px;background:#152b4d;border-radius:27px;color:white;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact .kicker{color:#83b8ff}.contact p{color:#bfcbdd;max-width:630px}.contact .button{white-space:nowrap}.footer{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #e4eaf3;min-height:116px;color:#8898ad;font-size:11px}.footer .brand{color:#101b31;font-size:17px}.footer .brand-mark{height:28px;width:28px;font-size:19px;border-radius:9px}
@media(max-width:850px){.topbar nav{display:none}.topbar{justify-content:space-between}.hero{grid-template-columns:1fr;padding-block:55px 70px;gap:10px}.hero-art{min-height:375px}.steps,.feature-grid,.roadmap{grid-template-columns:repeat(2,1fr)}.contact{flex-direction:column;align-items:flex-start}.statement-inner{gap:24px}}
@media(max-width:580px){.wrap{width:min(100% - 32px,1180px)}.topbar{min-height:74px}.nav-cta{padding:10px 12px;font-size:11px}.hero{padding-block:40px 56px}.hero h1{font-size:39px}.lead{font-size:15px}.button{width:100%}.app-card{width:min(350px,90%)}.statement-inner{display:block}.statement-inner p{margin-top:9px;font-size:14px}.section{padding-block:72px}.steps,.feature-grid,.roadmap{grid-template-columns:1fr}.feature{min-height:auto}.contact{margin-block:12px 72px;padding:32px 24px}.footer{flex-wrap:wrap;justify-content:flex-start;padding-block:26px}.footer .brand{width:100%}}