*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f8fb;color:#172033;line-height:1.55}.wrap{max-width:1120px;margin:auto;padding:0 24px}header{background:#fff;border-bottom:1px solid #e7eaf0;position:sticky;top:0;z-index:10}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:850;color:#172033;text-decoration:none}.logo span{font-weight:500;color:#69758a}.nav nav{display:flex;gap:26px}.nav nav a{color:#526076;text-decoration:none;font-weight:650;font-size:14px}.hero{padding:82px 0;background:linear-gradient(135deg,#edf3ff,#fff)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:850;color:#60729a;margin:0 0 9px}.hero h1{font-size:clamp(44px,6vw,70px);line-height:1.02;letter-spacing:-3px;margin:0 0 20px}.lead{font-size:20px;color:#667287;max-width:620px;margin:0 0 30px}.cta{display:inline-block;background:#172033;color:#fff;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:800}.hero-card,.card,.toolbox,.compare>div{background:#fff;border:1px solid #e2e6ed;border-radius:17px;box-shadow:0 12px 35px rgba(20,35,65,.05)}.hero-card{padding:28px}.hero-card h2{font-size:23px;margin:0 0 17px}.quick{display:grid;gap:9px}.quick button,.card button{border:0;background:#f1f4f8;border-radius:9px;padding:12px;text-align:left;font-weight:750;color:#243049;cursor:pointer}.section{padding-top:72px}.section h2{font-size:35px;letter-spacing:-1.2px;margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:22px;min-height:215px;display:flex;flex-direction:column}.card b{font-size:28px}.card h3{margin:11px 0 5px}.card p{color:#6a7588;font-size:14px;flex:1}.card button{background:transparent;padding:0}.toolbox{padding:30px;min-height:320px}.toolbox h2{margin-bottom:4px}.sub{color:#69758a;margin-top:0}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:23px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.field input{width:100%;padding:12px;border:1px solid #cbd2de;border-radius:9px;font-size:16px}.calc{margin-top:19px;background:#172033;color:#fff;border:0;border-radius:9px;padding:13px 18px;font-weight:800;cursor:pointer}.result{margin-top:23px;background:#f0f4fa;border-radius:12px;padding:20px}.big{font-size:31px;font-weight:850}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.metric{background:#fff;padding:12px;border-radius:9px}.metric small{display:block;color:#718097}.note{font-size:12px;color:#717d90;margin-top:15px}.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare>div{padding:22px}.compare h3{margin-top:0}.compare p,.about p{color:#69758a}.about{padding-bottom:90px;max-width:900px}.about h2{margin-bottom:8px}footer{background:#172033;color:#e9edf4;padding:30px 0}footer p{color:#aeb8c8;font-size:13px}@media(max-width:800px){.hero-grid,.cards,.compare{grid-template-columns:1fr}.form,.metrics{grid-template-columns:1fr}.nav nav{display:none}.hero{padding:58px 0}.hero h1{letter-spacing:-2px}.section{padding-top:55px}}