*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button{font:inherit}.wrap{max-width:1200px;width:calc(100% - 64px);margin:auto}.review{padding:12px 24px;background:#fff;color:#40506b;display:flex;justify-content:space-between;gap:20px;font-size:11px;border-bottom:1px solid #dde2e9}.review a{font-weight:700}.header{display:flex;align-items:center;justify-content:space-between;height:90px;gap:24px}.brand{font-size:27px;letter-spacing:-1.2px;font-weight:850;display:flex;align-items:center;gap:10px}.brand-symbol{display:grid;place-items:center;width:37px;height:37px;background:var(--accent);color:var(--buttonink);border-radius:10px;font-size:24px}.brand b{color:var(--accent)}nav{display:flex;gap:27px;font-size:12px;align-items:center}.smallcta{border:1px solid var(--line);padding:13px 19px;border-radius:8px;font-weight:700}.hero{padding:65px 0 85px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(44px,5vw,69px);line-height:1.05;letter-spacing:-.06em;margin:25px 0;font-weight:700}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:560px}.actions{display:flex;gap:20px;align-items:center;margin:30px 0 24px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:18px 24px;background:var(--accent);color:var(--buttonink);border-radius:9px;font-size:13px;font-weight:750;gap:22px}.secondary{font-size:12px;font-weight:700}.reassure{color:var(--muted);font-size:10px;display:flex;gap:18px}.demo{padding:25px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.demohead{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.07em;margin-bottom:30px}.demohead b{color:var(--ink);font-size:13px;letter-spacing:-.01em}.demo h3{font-size:25px;line-height:1.25;letter-spacing:-.04em;margin:0 0 25px}.task{display:flex;align-items:flex-start;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:11px}.icon{font-size:20px;width:33px;flex-shrink:0;color:var(--accent)}.task strong{font-size:12px;display:block}.task p{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0 10px}.pill{font-size:9px;border-radius:5px;background:var(--pill);padding:5px 8px;display:inline-block;color:var(--ink)}.demobottom{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:24px}.capabilities{padding:75px 0;border-top:1px solid var(--line)}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.sectiontop h2{font-size:39px;line-height:1.13;letter-spacing:-.045em;margin:15px 0 0;max-width:600px}.sectiontop p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.usecard{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:15px;transition:transform .2s}.usecard:hover{transform:translateY(-4px)}.usecard>span{font-size:10px;color:var(--accent);letter-spacing:.1em}.usecard h3{font-size:22px;letter-spacing:-.03em;line-height:1.2;margin:25px 0 15px}.usecard p{font-size:13px;line-height:1.8;color:var(--muted)}.usecard b{font-size:11px;display:block;margin-top:25px}.process{padding:65px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:75px}.process h2{font-size:36px;letter-spacing:-.05em;line-height:1.15;margin:15px 0}.process p{font-size:14px;line-height:1.8;color:var(--muted)}.steps{display:grid;gap:22px}.steps div{border-bottom:1px solid var(--line);padding:15px 0 25px;font-size:16px;font-weight:650}.steps span{display:inline-block;width:45px;color:var(--accent);font-size:11px}.finalcta{margin:35px auto 75px;background:var(--accent);color:var(--buttonink);border-radius:20px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:25px}.finalcta h2{font-size:34px;letter-spacing:-.04em;margin:0 0 12px}.finalcta p{font-size:13px;opacity:.8;margin:0}.finalcta .btn{background:var(--buttonink);color:var(--accent);white-space:nowrap}footer{padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.v1{--bg:#f7f9ff;--ink:#10204a;--muted:#68748e;--accent:#315bfa;--buttonink:#fff;--panel:#fff;--card:#f7f9ff;--line:#e1e7f2;--pill:#e9efff;--shadow:0 28px 80px #315bfa1c}.v1 .hero{position:relative}.v1 .demo{border:7px solid white;background:#122553;color:#fff;transform:rotate(2deg)}.v1 .demohead,.v1 .demobottom{color:#b4c2e3}.v1 .demohead b{color:#fff}.v1 .task{color:var(--ink);background:#fff}.v1 .demo h3{color:white}.v1 .hero:before{content:'';position:absolute;inset:0 -20px;z-index:-1;background:radial-gradient(ellipse at 90% 50%,#dfe8ff,transparent 55%)}
.v2{--bg:#091625;--ink:#f3f7fc;--muted:#97a9bc;--accent:#cafa81;--buttonink:#102016;--panel:#122436;--card:#172d40;--line:#294056;--pill:#2a463c;--shadow:0 30px 80px #0004}.v2 .header{border-bottom:1px solid var(--line)}.v2 .hero{padding-top:85px}.v2 .demo{position:relative;background:linear-gradient(140deg,#1a3447,#112332)}.v2 .demo:before{content:'';position:absolute;top:-9px;right:24px;width:80px;height:4px;background:var(--accent)}.v2 .usecard{border-radius:4px}.v2 h1{font-weight:550}.v2 .finalcta{border-radius:4px}.v2 .brand b{color:var(--accent)}
.v3{--bg:#f8f5ef;--ink:#242b29;--muted:#72776f;--accent:#416757;--buttonink:#fffdf7;--panel:#fffdf9;--card:#f2f2e9;--line:#dadfd5;--pill:#e5ebd9;--shadow:0 20px 65px #3b4a3212}.v3 h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(46px,5.3vw,72px)}.v3 h1 em{font-style:italic}.v3 .hero{grid-template-columns:1.2fr 1fr}.v3 .demo{border-radius:120px 120px 15px 15px;padding:55px 28px 28px;background:#e5e9de}.v3 .demohead{margin-bottom:25px}.v3 .demo h3{font-family:Georgia,serif;font-weight:400;font-size:29px;text-align:center}.v3 .task{background:#fffdf9;border-color:transparent}.v3 .btn,.v3 .smallcta{border-radius:999px}.v3 .sectiontop h2,.v3 .process h2{font-family:Georgia,serif;font-weight:400}.v3 .usecard{background:transparent;border-radius:0;border-top:1px solid #869587;border-bottom:0;border-left:0;border-right:0}.v3 .finalcta{border-radius:0;background:#e3e9dc;color:#354d3f}.v3 .finalcta .btn{background:#416757;color:white}
.v4{--bg:#fff;--ink:#181c40;--muted:#747990;--accent:#6852e4;--buttonink:#fff;--panel:#f6f5fe;--card:#fff;--line:#e5e3f2;--pill:#ece9ff;--shadow:0 30px 85px #5146a01c}.v4 .hero{display:flex;flex-direction:column;text-align:center;gap:30px;padding-top:50px}.v4 .hero>div:first-child{max-width:900px}.v4 h1{font-size:clamp(44px,5.3vw,74px);max-width:850px}.v4 .intro{margin:0 auto;max-width:660px}.v4 .actions,.v4 .reassure{justify-content:center}.v4 .demo{width:100%;padding:26px 28px;text-align:left;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;background:linear-gradient(130deg,#f0edff,#f7f8ff)}.v4 .demohead{grid-column:1/-1;margin:0 0 5px}.v4 .demo h3{display:none}.v4 .task{margin:0;min-height:145px}.v4 .demobottom{grid-column:1/-1;margin-top:5px}.v4 .sectiontop{justify-content:center;text-align:center;flex-direction:column;align-items:center}.v4 .sectiontop p{max-width:520px}.v4 .finalcta{background:#191c42}
@media(max-width:900px){.hero,.v3 .hero{grid-template-columns:1fr;gap:40px}.hero{padding:40px 0 60px}nav>a:not(.smallcta){display:none}.cards{grid-template-columns:1fr}.sectiontop{flex-direction:column;align-items:start}.sectiontop p{max-width:600px}.process{grid-template-columns:1fr;gap:20px}.v4 .demo{grid-template-columns:1fr}.finalcta{flex-direction:column;align-items:start}.v1 .demo{transform:none}.v4 .task{min-height:0}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.review{font-size:10px;padding:12px 18px}.header{height:76px}.brand{font-size:24px}.smallcta{font-size:10px;padding:10px}.hero h1{font-size:43px}.intro{font-size:14px}.actions{flex-direction:column;align-items:stretch;gap:16px}.secondary{text-align:center}.reassure{flex-wrap:wrap;gap:12px}.demo{padding:18px}.v3 .demo{padding:40px 19px 19px}.capabilities{padding:50px 0}.sectiontop h2{font-size:32px}.finalcta{padding:30px;margin-bottom:40px}.finalcta h2{font-size:28px}.finalcta .btn{white-space:normal;width:100%}.process{padding:40px 0}.v4 .hero{padding-top:30px}.v4 .demo{padding:18px}footer{gap:18px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-video{padding:20px 22px 18px;background:#122553;border:7px solid #fff;border-radius:22px;box-shadow:0 28px 80px #315bfa1c;scroll-margin-top:25px}.video-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#bdcbee;letter-spacing:.05em;margin-bottom:16px}.video-heading span:first-child{color:#fff;font-weight:750}.video-frame{position:relative;max-width:300px;margin:auto;border-radius:10px;overflow:hidden;background:#f1f1e8;aspect-ratio:9/16}.video-frame video{display:block;width:100%;height:100%;object-fit:contain}.video-play{position:absolute;inset:0;width:100%;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(0deg,#0b183d99,transparent 70%);color:white;font-weight:750;font-size:13px;text-shadow:0 1px 8px #0009}.video-play[hidden]{display:none}.play-circle{width:70px;height:70px;display:grid;place-items:center;padding-left:4px;background:#315bfa;border:2px solid #fff;border-radius:50%;font-size:23px;box-shadow:0 10px 30px #0b183d60;text-shadow:none}.video-play small{display:block;font-weight:400;font-size:10px;margin-top:8px}.video-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;font-size:9px;color:#b8c7e7}.video-bottom a{color:#dcff72;font-weight:700}.video-next{background:#dcff72;color:#122553!important;padding:8px;border-radius:5px}.hero-video button:focus-visible{outline:4px solid #dcff72;outline-offset:-5px}@media(max-width:600px){.hero-video{padding:16px;border-width:4px}.video-frame{max-width:280px}.video-heading{font-size:8px}.video-bottom{flex-wrap:wrap;font-size:10px}}