@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#14243a;--blue:#126579;--orange:#f36b21;--cream:#f7f5f0;--ink:#172235;--muted:#687385}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif}.nav{height:78px;display:flex;align-items:center;gap:42px;padding:0 max(5vw,28px);color:#fff;background:var(--navy);position:relative;z-index:3}.logo img{width:145px;display:block}.nav nav{display:flex;gap:30px;margin:auto}.nav a{color:inherit;text-decoration:none;font-size:14px;font-weight:600}.nav>div{display:flex;align-items:center;gap:18px}.cta{display:inline-flex;align-items:center;gap:22px;padding:12px 20px;color:#fff!important;background:var(--orange);border-radius:10px;box-shadow:0 10px 25px #f36b2135;transition:.22s transform,.22s box-shadow}.cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px #f36b214f}.cta:active{transform:translateY(1px) scale(.98)}.hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:4vw;padding:72px max(6vw,35px);background:linear-gradient(135deg,#f9fafb 0,#f5f2eb 100%);overflow:hidden}.kicker{display:block;margin-bottom:18px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.17em}.hero h1{max-width:620px;margin:0;font:800 clamp(42px,5.4vw,76px)/1.02 Manrope,sans-serif;letter-spacing:-.055em}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:560px;margin:26px 0;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:22px}.large{padding:16px 24px}.ghost{color:var(--ink);font-weight:700;text-decoration:none}.trust{display:flex;gap:20px;margin-top:28px;color:#697486;font-size:12px}.trust span:before{color:#2c9d69}.product{position:relative}.window{overflow:hidden;border:1px solid #ffffff90;border-radius:22px;background:#fff;box-shadow:0 35px 80px #16243b25;transform:perspective(1000px) rotateY(-2deg)}.window-top{height:40px;display:flex;align-items:center;gap:6px;padding:0 16px;color:#8b94a2;background:#f7f8fa;font-size:10px}.window-top i{width:8px;height:8px;border-radius:50%;background:#d7dce3}.window-top i:first-child{background:#fa8e5c}.window-top span{margin:auto}.mock{min-height:390px;display:grid;grid-template-columns:130px 1fr}.mock aside{display:flex;flex-direction:column;gap:18px;padding:24px 15px;color:#aab3c2;background:var(--navy);font-size:10px}.mock aside img{width:95px;margin-bottom:15px}.mock aside b{padding:9px;color:#fff;background:var(--orange);border-radius:7px}.mock section{padding:32px;background:#f5f7fa}.mock section small{color:var(--orange);font-weight:800}.mock h2{margin:8px 0 4px;font-size:23px}.mock section p{margin:0;color:#8b94a2;font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.stats article{display:grid;gap:3px;padding:15px;background:#fff;border-radius:12px;box-shadow:0 6px 15px #1b2a4110}.stats i{color:var(--orange);font-style:normal}.stats b{font-size:20px}.stats span{color:#8a94a4;font-size:8px}.activity{display:grid;padding:17px;background:#fff;border-radius:12px}.activity>b{margin-bottom:8px}.activity span{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #eef0f3;font-size:9px}.activity em{color:var(--blue);font-style:normal;font-weight:700}.float-card{position:absolute;right:-20px;bottom:-28px;display:grid;padding:15px 24px 15px 50px;background:#fff;border-radius:14px;box-shadow:0 18px 40px #17243b30}.float-card:before{content:'✓';position:absolute;left:16px;top:18px;width:25px;height:25px;display:grid;place-items:center;color:#fff;background:#32a873;border-radius:50%}.float-card span{color:#8b94a2;font-size:10px}.logos{display:flex;align-items:center;justify-content:center;gap:4vw;padding:25px;color:#8992a0;border-bottom:1px solid #eef0f2;font-size:12px}.logos span{font-size:9px;letter-spacing:.15em}.features{padding:95px max(7vw,35px);text-align:center}.features h2,.steps h2,.final h2{margin:0;font:800 clamp(32px,4vw,48px)/1.12 Manrope,sans-serif;letter-spacing:-.04em}.lead{max-width:650px;margin:18px auto 50px;color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.feature-grid article{padding:28px;border:1px solid #e8ebef;border-radius:18px;transition:.22s transform,.22s box-shadow}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 40px #14243a12}.feature-grid i{width:45px;height:45px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),#19869c);border-radius:13px;font-style:normal;font-size:21px}.feature-grid h3{margin:20px 0 9px}.feature-grid p{margin:0;color:var(--muted);line-height:1.6}.steps{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:90px max(7vw,35px);color:#fff;background:var(--navy)}.steps ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.steps li{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #ffffff16;border-radius:14px;background:#ffffff08}.steps li>b{color:var(--orange);font-size:25px}.steps li span{display:grid;color:#aeb8c7}.steps li strong{margin-bottom:4px;color:#fff}.final{padding:95px 25px;text-align:center;background:var(--cream)}.final p{margin:18px 0 28px;color:var(--muted)}footer{display:flex;align-items:center;gap:28px;padding:30px max(6vw,35px);color:#aab2c0;background:#0e1a2b;font-size:12px}footer img{width:120px}footer p{margin-right:auto}footer a{color:#fff;text-decoration:none}@media(max-width:850px){.nav nav{display:none}.nav{padding:0 18px}.nav .login{display:none}.hero{grid-template-columns:1fr;padding:55px 22px 85px}.hero h1{font-size:44px}.product{margin-top:20px}.mock{grid-template-columns:95px 1fr}.mock aside{padding:18px 9px}.mock aside img{width:75px}.stats{grid-template-columns:1fr}.stats article:nth-child(n+2){display:none}.logos{overflow:auto;justify-content:flex-start}.feature-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:35px}.trust{flex-wrap:wrap}.float-card{right:0}.hero-actions{align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap}footer p{width:100%;margin:0}}