:root{--blue:#2563EB;--blue2:#1E6BFF;--navy:#0F1C3F;--navy2:#0a1430;--off:#F8FAFC;--ink:#0F1C3F;--muted:#5B6B8C;--line:#e3e8f2}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font-family:'Montserrat',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}
.wrap{width:min(1200px,92%);margin:auto}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}
.grad{background:linear-gradient(100deg,#5aa2ff,#2B86FF 50%,#9cc4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#5aa2ff,#2563EB);z-index:60}

.top{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s}
.top.solid{background:rgba(10,20,48,.92);backdrop-filter:blur(10px);box-shadow:0 4px 24px rgba(0,0,0,.25)}
.bar{display:flex;align-items:center;justify-content:space-between;height:68px}
nav{display:flex;align-items:center;gap:26px;color:#dbe6ff;font-weight:500;font-size:14px}nav a:hover{color:#fff}
.btn{display:inline-block;background:linear-gradient(100deg,#1E6BFF,#2563EB);color:#fff;font-weight:600;padding:13px 26px;border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:600;box-shadow:0 8px 24px rgba(37,99,235,.35);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,.5)}.btn.sm{padding:8px 16px;font-size:13px}.btn.block{display:block;width:100%;text-align:center}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.35);box-shadow:none}.btn.ghost:hover{background:rgba(255,255,255,.08)}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}.burger span{display:block;height:2px;width:24px;background:#fff;margin:5px auto;transition:.3s}

.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:radial-gradient(1200px 600px at 80% -10%,#1b3a8a,transparent),var(--navy);color:#fff;padding:120px 0 80px;overflow:hidden}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%)}
.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:drift 14s ease-in-out infinite}
.o1{width:380px;height:380px;background:#2563EB;top:-80px;left:-80px}.o2{width:320px;height:320px;background:#0ea5e9;bottom:-60px;right:8%;animation-delay:-6s}
@keyframes drift{50%{transform:translate(40px,30px) scale(1.12)}}
.hero-in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eyebrow{color:#7fb0ff;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:14px}.eyebrow.center{text-align:center}
h1{font-size:clamp(32px,5vw,58px);font-weight:800;margin-bottom:20px}h2{font-size:clamp(26px,3.6vw,40px);font-weight:800;margin-bottom:14px}h2.center{text-align:center;max-width:820px;margin:0 auto 14px}
.lead{color:#c5d3f0;font-size:17px;max-width:560px;margin-bottom:28px}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.trust{display:flex;gap:18px;flex-wrap:wrap;color:#9db4e6;font-size:13px}.trust li::before{content:"✓ ";color:#5aa2ff}

.mock{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:18px;backdrop-filter:blur(14px);padding:0 0 20px;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-12px)}}
.mock-top{display:flex;align-items:center;gap:6px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;color:#c5d3f0}.mock-top i{width:10px;height:10px;border-radius:50%;background:#ffffff40}.mock-top span{margin-left:10px}
.mock-body{padding:18px 20px}.mrow{display:flex;justify-content:space-between;margin:10px 0 6px;font-size:14px;color:#c5d3f0}.mrow b{color:#fff}.mrow em{font-style:normal;color:#8ea4d8;font-weight:400}
.mbar{height:8px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}.mbar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#5aa2ff,#2563EB);transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.mbar.alt i{background:linear-gradient(90deg,#34d399,#0ea5e9)}.in .mbar i{width:var(--w)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips span{font-size:12px;background:rgba(255,255,255,.1);padding:5px 10px;border-radius:99px;color:#dbe6ff}.chips .late{background:#f59e0b33;color:#fcd34d}
.float{position:absolute;background:#fff;color:var(--ink);font-size:12px;font-weight:600;padding:9px 14px;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.3);animation:bob 5s ease-in-out infinite}
.f1{top:-18px;right:-14px}.f2{bottom:-18px;left:-18px;animation-delay:-2.5s}

.stats{background:var(--navy2);color:#fff;padding:34px 0;border-top:1px solid #ffffff14}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.sgrid b{display:block;font-size:34px;font-weight:800;color:#7fb0ff}.sgrid span{color:#9db4e6;font-size:13px}

.sec{padding:96px 0}.sec.alt{background:var(--off)}.sec.dark{background:var(--navy);color:#fff}.sub{color:var(--muted);max-width:640px;margin:14px auto 0;text-align:center}.dark .sub{color:#b4c4e6}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:44px}.fgrid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.fcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .3s,box-shadow .3s,border-color .3s}
.fcard:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(37,99,235,.14);border-color:#b9d0ff}
.fcard svg{color:var(--blue);margin-bottom:14px;transition:transform .4s}.fcard:hover svg{transform:scale(1.15) rotate(-6deg)}
.fcard h3{font-size:18px;margin-bottom:8px}.fcard p{color:var(--muted);font-size:14.5px}

.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:54px 0 30px;position:relative}
.steps::before{content:"";position:absolute;left:7%;right:7%;top:24px;height:2px;background:#ffffff26}
.steps::after{content:"";position:absolute;left:7%;top:24px;height:2px;width:0;background:linear-gradient(90deg,#5aa2ff,#2563EB);transition:width 2s ease .3s}.steps.in::after{width:86%}
.steps li{position:relative;text-align:center;z-index:1}.steps span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:var(--navy);border:2px solid #2563EB;font-weight:700;color:#7fb0ff;transition:.4s}
.steps li:hover span{background:#2563EB;color:#fff;transform:scale(1.12)}.steps b{font-size:13px;color:#dbe6ff}

.split,.lsplit{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.ticks li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--line);color:var(--muted)}.ticks li::before{content:"✓";position:absolute;left:0;top:11px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;display:grid;place-items:center}
.phone{width:min(300px,100%);margin:auto;background:var(--navy);border-radius:36px;padding:34px 18px 22px;box-shadow:0 30px 70px rgba(15,28,63,.35);border:6px solid #1c2c5c;animation:bob 7s ease-in-out infinite}
.notch{width:90px;height:6px;background:#ffffff33;border-radius:9px;margin:-18px auto 18px}.pline{height:10px;border-radius:6px;background:#ffffff26;margin-bottom:8px}.w60{width:60%}.w40{width:40%}
.pbar{height:8px;background:#ffffff1f;border-radius:6px;margin:14px 0 18px;overflow:hidden}.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5aa2ff,#2563EB);transition:width 1.8s ease .4s}.phone.in .pbar i{width:72%}
.pcard{background:#ffffff14;color:#e6eeff;border-radius:12px;padding:12px;margin-bottom:10px;font-size:13px}.pcard small{display:block;color:#8ea4d8;margin-top:2px}.pcard.ok{border-left:3px solid #34d399}

.lsplit{grid-template-columns:1fr 420px}.lsplit .sub{text-align:left;margin-left:0}
.lcard{background:#fff;color:var(--ink);border-radius:18px;padding:32px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.lcard label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:14px}
.lcard input{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:15px;color:var(--ink)}.lcard input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px #2563eb26}
.lcard h3{margin-bottom:16px}.link{display:block;text-align:center;margin-top:14px;color:var(--blue);font-size:14px}.err{background:#fee2e2;color:#991b1b;padding:9px 12px;border-radius:8px;margin-bottom:14px;font-size:13px}

.foot{background:var(--navy2);color:#9db4e6;padding:44px 0;text-align:center}.foot img{margin:0 auto 12px}.foot .small{font-size:12px;margin-top:6px}.foot a{color:#7fb0ff}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}.reveal.in{opacity:1;transform:none}
:focus-visible{outline:3px solid #5aa2ff;outline-offset:2px}

@media(max-width:960px){
  .hero-in,.split,.lsplit{grid-template-columns:1fr;gap:40px}.hero{min-height:auto;padding:110px 0 70px}.mock{max-width:520px;margin:auto}
  .steps{grid-template-columns:repeat(4,1fr);row-gap:26px}.steps::before,.steps::after{display:none}.sgrid{grid-template-columns:repeat(2,1fr)}.sec{padding:72px 0}
  .lsplit .sub{text-align:center}.lsplit>div:first-child{text-align:center}
}
@media(max-width:820px){
  .burger{display:block;z-index:2}
  nav{position:fixed;inset:0 0 auto;top:0;padding:88px 6% 28px;flex-direction:column;align-items:flex-start;gap:18px;background:var(--navy2);transform:translateY(-100%);transition:transform .35s;font-size:17px}
  nav.open{transform:none}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:520px){.steps{grid-template-columns:repeat(2,1fr)}.cta .btn{width:100%;text-align:center}.f1{right:0}.f2{left:0}.lcard{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}

/* v2 additions */
.also{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:34px auto 0;max-width:820px}
.also li{padding:8px 16px;border:1px solid var(--line);border-radius:99px;font-size:13px;font-weight:600;color:var(--muted);background:#fff}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.okmsg{background:#dcfce7;color:#166534;padding:10px 14px;border-radius:10px;margin-bottom:14px;font-size:13px;font-weight:600}
.login-sec{background:var(--off)}.login-sec .eyebrow{color:var(--blue)}.login-sec .sub{color:var(--muted)}
.demo-sec .lcard{background:#fff}
.sgrid b{font-size:22px}
@media(max-width:520px){.sgrid b{font-size:17px}}