:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#101e41;background:#f7f9fd;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{max-width:1240px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid #e8edf7;position:relative;z-index:2}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:850;letter-spacing:-1.1px}.dot{color:#3158e6}.navlinks{display:flex;gap:32px;font-size:13px;font-weight:650;color:#52617f}.navlinks a:hover{color:#2453e2}.nav-cta,.primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#2353e6;color:#fff;border:0;border-radius:11px;font-weight:750;box-shadow:0 8px 20px #2456df2b}.nav-cta{padding:12px 19px;font-size:13px}.hero{background:radial-gradient(ellipse at 76% 30%,#d6dfff 0,transparent 43%),linear-gradient(130deg,#f9fbff,#eef3ff 70%,#f9fbff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-top:86px;padding-bottom:105px}.eyebrow{display:inline-block;font-size:11px;font-weight:850;letter-spacing:1.2px;color:#2457dc;background:#e5edff;padding:9px 12px;border-radius:20px}.hero h1{font-size:clamp(40px,4.6vw,63px);line-height:1.09;letter-spacing:-2.8px;margin:19px 0 18px}.hero h1 span{color:#2658e9}.hero p{line-height:1.8;font-size:16px;color:#526484;max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.primary,.secondary{padding:16px 22px;font-size:14px}.secondary{border:1px solid #aabcf2;border-radius:11px;color:#2151d7;background:#fff;font-weight:750}.trust{font-size:12px;color:#4b6088;display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font-weight:650}.hero-visual{background:#fff;border:1px solid #dce5fa;border-radius:19px;box-shadow:0 32px 74px #15366e2a;transform:rotate(2deg);overflow:hidden;max-width:510px}.preview-top{background:#14224c;color:#b6c4e8;padding:15px;display:flex;gap:24px;font-size:11px}.preview-dots{color:#ef8a9c;letter-spacing:4px}.preview-inner{padding:30px}.preview-title{display:flex;justify-content:space-between;font-weight:800;font-size:20px}.preview-title span{color:#3159ec}.preview-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.preview-kpis>div{padding:18px;background:#ecfbf5;border-radius:13px;display:grid;gap:8px}.preview-kpis>div+div{background:#f2efff}.preview-kpis small,.preview-kpis span{font-size:11px;color:#667b91}.preview-kpis strong{color:#058759;font-size:22px}.preview-kpis>div+div strong{color:#663add}.preview-bars{padding:24px 0;display:grid;gap:13px}.preview-bars span{height:13px;background:linear-gradient(90deg,#264dd5,#9faeff);border-radius:8px}.preview-bars span:nth-child(2){background:linear-gradient(90deg,#7a56db,#cdc2fc)}.preview-bars span:nth-child(3){background:linear-gradient(90deg,#f3a242,#ffdac0)}.preview-bars span:nth-child(4){background:linear-gradient(90deg,#11a673,#8de5bd)}.preview-foot{display:flex;justify-content:space-between;color:#687996;font-size:12px}.preview-foot b{color:#2658e9}.calculator{margin-top:-52px;position:relative;z-index:1;background:#fff;border-radius:21px;border:1px solid #e3e9f6;padding:30px;box-shadow:0 22px 64px #23376314}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-head h2{font-size:29px;letter-spacing:-1px;margin:10px 0 7px}.section-head p,.goal-head p,.faq>div>p{color:#7c89a2;margin:0;font-size:13px}.live{font-size:12px;color:#0e9468;background:#e5f9f0;padding:9px 13px;border-radius:20px;font-weight:700;white-space:nowrap}.app-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:21px;align-items:start}.form-side,.result-side{display:grid;gap:17px;min-width:0}.subpanel{background:#fff;border:1px solid #e5eaf4;border-radius:14px;padding:21px;min-width:0}.subpanel h3{font-size:15px;letter-spacing:-.2px;margin:0 0 18px;display:flex;align-items:center;gap:10px}.step{font-size:11px;color:#2153dc;background:#eaf0ff;border-radius:8px;width:27px;height:27px;display:inline-grid;place-items:center}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{min-width:0}.field>span{display:block;font-size:12px;color:#394969;font-weight:750;margin-bottom:8px}.input-wrap{display:flex;align-items:center;border:1px solid #dce4f1;background:#fbfcff;border-radius:8px;overflow:hidden}.input-wrap:focus-within{outline:2px solid #94aaff}.input-wrap input{background:transparent;border:none;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:13px;color:#14264a;font-weight:700}.input-wrap em{font-style:normal;font-size:11px;color:#627493;background:#f2f5fb;padding:12px}.field select{width:100%;padding:11px 12px;border:1px solid #dce4f1;background:#fbfcff;border-radius:8px;font-size:13px;color:#14264a;font-weight:700;min-height:41px}.mini-tip,.notice{background:#eff4ff;color:#47608f;font-size:12px;padding:13px;border-radius:9px;line-height:1.65;margin:18px 0 0}.checks{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 0}.checks label{font-size:12px;color:#445777;display:flex;align-items:center;gap:6px}.checks input{accent-color:#2455e3}.notice strong{color:#17459f}.notice p{margin:4px 0 0}.goal-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.goal-head h3{margin-bottom:8px}.small-btn{border:1px solid #d5def4;border-radius:9px;background:#f8faff;color:#2956cc;font-size:12px;font-weight:750;padding:10px 12px;white-space:nowrap}.goal-result{margin-top:19px;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}.goal-result>div:last-child{display:grid;gap:8px}.goal-result small{color:#7585a0}.goal-result strong{font-size:20px;color:#1655d7}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{border-radius:12px;padding:18px;display:grid;gap:7px;min-width:0}.metric span{font-size:12px;font-weight:800}.metric strong{font-size:clamp(17px,2vw,23px);letter-spacing:-.6px;overflow-wrap:anywhere}.metric small{font-size:10px;color:#73829a}.metric.green{background:#e8f9f0;color:#078854}.metric.purple{background:#f1edff;color:#623cdd}.metric.pink{background:#fff0f3;color:#d22f63}.metric.blue{background:#e8f3ff;color:#2354ce}.summary-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.summary-head h3{margin:0}.table-head,.table-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 8px;border-bottom:1px solid #edf0f6;font-size:12px}.table-head{background:#f2f5fb;color:#667899;font-weight:750}.table-row span{color:#4b5e7e}.table-row strong{color:#1c3057;text-align:right;white-space:nowrap}.table-row .red{color:#df4567}.table-row.total{background:#e9f8ef;border-radius:9px;margin:9px 0 3px;font-weight:800}.table-row.total span,.table-row.total strong{color:#078858}.disclaimer{background:#f6f8fb;border-radius:9px;padding:12px;margin-top:17px;color:#72819a;font-size:11px;line-height:1.6}.chart-layout{display:flex;align-items:center;gap:25px}.donut{width:170px;height:170px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.donut>div{width:117px;height:117px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;border-radius:50%;background:#fff}.donut small{font-size:10px;color:#70819c}.donut strong{font-size:17px}.legend{flex:1;min-width:0;display:grid;gap:11px}.legend>div{display:flex;align-items:center;gap:8px;font-size:11px;color:#586985}.legend b{margin-left:auto;color:#243654}.color-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding-top:26px;padding-bottom:65px}.benefit{border:1px solid #e4eaf5;background:#fff;padding:25px;border-radius:14px}.benefit-icon{font-size:25px;color:#2558e6;background:#edf2ff;border-radius:12px;display:grid;place-items:center;width:48px;height:48px}.benefit h3{font-size:16px;margin:17px 0 8px}.benefit p{font-size:13px;color:#75849c;line-height:1.6;margin:0}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding-bottom:75px}.faq h2{font-size:30px;letter-spacing:-1px}.faq details{background:#fff;border:1px solid #e4eaf5;border-radius:10px;margin:0 0 10px;padding:17px 20px}.faq summary{cursor:pointer;font-size:14px;font-weight:750}.faq details p{font-size:13px;color:#61728e;line-height:1.7}.footer-inner{display:flex;align-items:center;gap:20px;padding-top:26px;padding-bottom:26px}.footer-inner strong{font-size:22px}.footer-inner span,.footer-inner a{font-size:12px;color:#9dacd2}.footer-inner a{margin-left:auto}footer{background:#14234c;color:#fff}@media(max-width:1020px){.hero-grid{gap:30px}.app-grid{grid-template-columns:1fr}.result-side{grid-template-columns:1fr 1fr}.metrics{grid-column:1/-1}.summary,.chart-card{grid-row:2}.chart-layout{flex-direction:column}.legend{width:100%}}@media(max-width:720px){.shell{padding-left:17px;padding-right:17px}.nav{height:65px}.navlinks{display:none}.nav-cta{font-size:12px;padding:10px 12px}.hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:100px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-visual{transform:none;max-width:100%}.calculator{padding:16px;margin-top:-55px}.section-head{align-items:start;gap:10px}.section-head h2{font-size:24px}.live{font-size:10px}.result-side{grid-template-columns:1fr}.summary,.chart-card{grid-row:auto}.benefits{grid-template-columns:1fr;padding-bottom:35px}.faq{grid-template-columns:1fr;gap:12px}.chart-layout{flex-direction:row}}@media(max-width:425px){.fields,.metrics,.goal-result{grid-template-columns:1fr}.hero-actions>*{flex:1}.trust{gap:10px}.chart-layout{flex-direction:column}.goal-head{align-items:start}.subpanel{padding:16px}.section-head{flex-direction:column}.footer-inner{flex-wrap:wrap}.footer-inner span{display:none}}
