*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:#14263e;font-family:Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1px}nav{display:flex;align-items:center;gap:32px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#2162df;color:white;padding:18px 24px;border-radius:10px;font-weight:600;font-size:15px;box-shadow:0 5px 12px #2162df18}.button:hover{background:#174eb8}.button:focus-visible,a:focus-visible{outline:3px solid #6caeff;outline-offset:5px}.small{padding:12px 20px;gap:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:80px 32px 100px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#617791;margin:0 0 24px}h1{font-size:clamp(48px,6vw,76px);line-height:1.07;letter-spacing:-3.5px;margin:0 0 26px;font-weight:750}h1 span{color:#2162df}.intro{font-size:18px;line-height:1.75;color:#627289;max-width:440px;margin-bottom:30px}.access-note{font-size:12px;color:#7a899c;margin-top:17px}.preview{background:white;padding:30px;border-radius:22px;border:1px solid #e1e8f2;box-shadow:0 25px 70px #17396712;transform:rotate(-2deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;font-size:10px;font-weight:650;letter-spacing:1px}.preview-top i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#20af89;margin-right:6px}.demo{background:#f0f4f9;padding:7px 9px;border-radius:6px;color:#708199;letter-spacing:0}.preview-label{color:#71839a;font-size:10px;letter-spacing:2px}.preview h2{font-size:24px;letter-spacing:-.6px}.example-total{margin-top:30px;display:grid;gap:9px}.example-total span{font-size:13px;color:#6d7f96}.example-total strong{font-size:40px;letter-spacing:-1.5px}.example-total small{color:#8c99ac;font-size:10px}.bars{display:flex;gap:12px;height:105px;align-items:end;margin-top:25px;border-bottom:1px solid #edf1f7;padding-bottom:1px}.bars i{flex:1;background:#dce9ff;border-radius:5px 5px 0 0;height:40%}.bars i:nth-child(2n){height:60%}.bars i:nth-child(3n){height:50%}.bars i:nth-child(5){height:73%}.bars i:nth-child(7){height:85%;background:#82afff}.bars i:last-child{height:100%;background:#2162df}.preview-bottom{display:flex;justify-content:space-between;font-size:11px;color:#6b7f96;margin-top:22px}.features{padding:64px 32px;border-top:1px solid #e0e7f0}.section-intro h2{font-size:36px;line-height:1.2;letter-spacing:-1px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px}.number{font-size:10px;letter-spacing:1.4px;color:#2162df;font-weight:650}.feature-grid h3{font-size:18px;line-height:1.4;margin:16px 0 10px}.feature-grid p{font-size:14px;color:#697a90;line-height:1.8}.closing{margin:24px 32px 70px;padding:40px;background:#eaf1fd;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:24px}.closing h2{font-size:26px;letter-spacing:-.8px}footer{padding:30px 32px;border-top:1px solid #e0e7f0;display:flex;justify-content:space-between;align-items:center;color:#718096;font-size:12px}footer .brand{font-size:18px;color:#14263e}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px;gap:45px}.preview{transform:none;max-width:500px}.feature-grid{grid-template-columns:1fr 1fr}.closing{flex-direction:column;align-items:flex-start}.hero{padding-bottom:65px}nav>a:first-child{display:none}footer{gap:20px;flex-wrap:wrap}}@media(max-width:440px){header{padding:0 22px}.hero,.features{padding-left:22px;padding-right:22px}.feature-grid{grid-template-columns:1fr}.preview{padding:23px}.closing{margin-left:22px;margin-right:22px;padding:26px}.preview-top{letter-spacing:0}.preview-bottom{font-size:10px;gap:10px}h1{letter-spacing:-2px}}