:root{--ink:#201b2c;--muted:#716b7d;--purple:#7554d4;--pale:#f3effc;--line:#e9e4f0;--green:#2f916c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fdfcff;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}nav,footer{max-width:1180px;margin:auto;padding:24px 28px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope}.brand img{width:40px;height:40px}.nav-links{display:flex;gap:28px;margin-left:auto;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:14px;font-weight:700}.quiet{border:1px solid var(--line)}.primary{background:var(--purple);color:#fff;box-shadow:0 10px 30px #7554d440}.hero{min-height:690px;max-width:1180px;margin:auto;padding:90px 28px 70px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.eyebrow,.section-title>span,.privacy span{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{font:800 clamp(46px,6vw,72px)/1.05 Manrope;margin:18px 0 24px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--purple)}.hero-copy>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:590px}.actions{display:flex;gap:12px;margin:32px 0 17px}.demo{background:var(--pale);color:var(--purple)}.hero-copy small{color:#918a9d}.preview{padding:24px;border-radius:32px;background:linear-gradient(145deg,#2b243b,#17131f);color:white;box-shadow:0 40px 100px #3c285638;transform:rotate(1.5deg)}.preview-bar{display:flex;align-items:center;gap:7px;color:#aaa1b6;font-size:12px}.preview-bar i{width:8px;height:8px;border-radius:50%;background:#645a70}.preview-bar b{margin-left:auto}.balance{margin:28px 0 18px;padding:26px;border-radius:22px;background:linear-gradient(135deg,#7657d5,#51369e);display:grid;gap:8px}.balance strong{font:800 34px Manrope}.balance small{color:#d8cef2}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid article{display:grid;gap:7px;padding:18px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:17px}.mini-grid span,.balance span{color:#c8c0d3;font-size:13px}.chart{height:150px;margin-top:18px;padding:22px;display:flex;align-items:flex-end;gap:10px;background:#ffffff08;border-radius:18px}.chart i{flex:1;background:linear-gradient(#bba5f7,#7657d5);border-radius:5px 5px 2px 2px}.chart i:nth-child(1){height:35%}.chart i:nth-child(2){height:55%}.chart i:nth-child(3){height:43%}.chart i:nth-child(4){height:70%}.chart i:nth-child(5){height:48%}.chart i:nth-child(6){height:82%}.chart i:nth-child(7){height:62%}.chart i:nth-child(8){height:90%}.chart i:nth-child(9){height:76%}.trust{border-block:1px solid var(--line);padding:24px;display:flex;justify-content:center;gap:70px;color:var(--muted);font-weight:600}.features{max-width:1180px;margin:auto;padding:120px 28px}.section-title{text-align:center;max-width:660px;margin:auto}.section-title h2,.privacy h2,.closing h2{font:800 clamp(34px,4vw,50px)/1.15 Manrope;letter-spacing:-.04em;margin:14px 0}.section-title p,.privacy p,.closing p{color:var(--muted);font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.feature-grid article{padding:32px;border:1px solid var(--line);border-radius:24px;background:white}.feature-grid article div{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--pale);color:var(--purple);font-size:22px}.feature-grid h3{font:700 21px Manrope;margin:24px 0 10px}.feature-grid p{color:var(--muted);line-height:1.65}.privacy{max-width:1080px;margin:20px auto 120px;padding:55px 70px;border-radius:34px;background:var(--pale);display:flex;align-items:center;gap:65px}.privacy img{width:220px}.privacy a{color:var(--purple);font-weight:700}.closing{text-align:center;padding:100px 28px;background:#211a2e;color:white}.closing p{color:#bdb5c8;margin-bottom:30px}footer{justify-content:space-between;color:var(--muted);font-size:14px}@media(max-width:800px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.preview{transform:none}.trust{flex-wrap:wrap;gap:18px 35px}.feature-grid{grid-template-columns:1fr}.privacy{margin-inline:20px;padding:38px 28px;display:block}.privacy img{width:120px;margin-bottom:25px}footer{flex-direction:column}.hero h1{font-size:48px}}@media(max-width:520px){nav{padding:18px}.hero{padding-inline:18px}.actions{flex-direction:column}.preview{padding:15px}.trust{font-size:13px}.hero h1{font-size:40px}}
