:root{--ink:#17251d;--muted:#6e7d74;--green:#164f35;--lime:#d9f99d;--paper:#f5f3ec;--line:#d9ddd5;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}main{max-width:1180px;margin:auto;padding:0 32px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--green);color:var(--lime)}.status{font-size:13px;color:var(--muted);background:#e9ebe5;padding:9px 13px;border-radius:99px}.status i,.live:before{display:inline-block;width:7px;height:7px;border-radius:50%;background:#47a268;margin-right:7px}.hero{padding:72px 0 46px;max-width:850px}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.16em;color:#57806a;margin-bottom:18px}.hero h1{font:800 clamp(45px,7vw,78px)/.98 Manrope;margin:0;letter-spacing:-.055em}.hero h1 em{color:#59816b;font-style:normal}.hero p{max-width:660px;font-size:18px;line-height:1.65;color:var(--muted);margin:28px 0 0}.calculator{display:grid;grid-template-columns:.78fr 1.22fr;background:var(--white);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #1f3e2c10}.inputs{padding:38px;display:flex;flex-direction:column;gap:20px}.field label{font-weight:700;font-size:14px;display:block;margin-bottom:8px}.field small{color:#89948d;display:block;margin-top:7px}.input-wrap{height:55px;border:1px solid #d9ded8;border-radius:12px;display:flex;align-items:center;padding:0 16px;background:#fafbf9}.input-wrap:focus-within{border-color:#5a8a6e;box-shadow:0 0 0 3px #5a8a6e18}.input-wrap input,.input-wrap select{width:100%;border:0;outline:0;background:transparent;font:700 18px DM Sans;color:var(--ink)}.input-wrap span{color:#7b897f;font-weight:600}.select select{appearance:none}.inputs button{height:57px;border:0;border-radius:12px;background:var(--green);color:white;font:700 16px DM Sans;margin-top:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;transition:.2s}.inputs button:hover{transform:translateY(-1px);background:#0e422b}.inputs button span{font-size:22px}.result{background:var(--green);color:#fff;padding:42px 46px;position:relative;overflow:hidden}.result:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff10;border-radius:50%;right:-90px;top:-110px}.result-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.12em;color:#a7c0b2}.live{letter-spacing:0;font-weight:500;background:#ffffff10;padding:7px 10px;border-radius:99px;color:#d4e1d8}.big-number{font:800 clamp(44px,6vw,70px) Manrope;letter-spacing:-.055em;margin:27px 0 7px}.gain-pill{display:inline-block;color:var(--lime);background:#ffffff0d;padding:7px 10px;border-radius:7px;font-weight:700;font-size:14px}.stats{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-top:1px solid #ffffff1e}.stats div{padding:20px 0;border-bottom:1px solid #ffffff1e}.stats div:nth-child(odd){border-right:1px solid #ffffff1e}.stats div:nth-child(even){padding-left:28px}.stats span{display:block;color:#9eb8aa;font-size:12px;margin-bottom:7px}.stats strong{font:700 18px Manrope}.bar{height:8px;background:#5a7e69;border-radius:9px;display:flex;overflow:hidden;margin-top:26px}.bar span{background:#c6cec8}.bar i{background:var(--lime);flex:1}.legend{display:flex;gap:20px;font-size:11px;color:#abc0b4;margin-top:10px}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.legend .principal{background:#c6cec8}.legend .profit{background:var(--lime)}.details{display:grid;grid-template-columns:.75fr 1.25fr;padding:92px 0 76px;border-bottom:1px solid var(--line)}.section-number{font:700 12px Manrope;color:#71907e}.details h2{font:800 29px Manrope;letter-spacing:-.03em;max-width:220px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps article{border-top:2px solid #94aa9d;padding-top:20px}.steps b{font:700 15px Manrope}.steps p{font-size:13px;line-height:1.6;color:var(--muted)}footer{padding:28px 0 50px;display:flex;justify-content:space-between;gap:30px;color:#7f8a83;font-size:11px}footer p{max-width:48%}@media(max-width:800px){main{padding:0 18px}.topbar{height:70px}.status{font-size:0}.status i{margin:0}.hero{padding:48px 0 32px}.hero p{font-size:16px}.calculator{grid-template-columns:1fr}.inputs,.result{padding:28px 24px}.details{grid-template-columns:1fr;padding:60px 0}.details h2{max-width:none}.steps{grid-template-columns:1fr}.steps article{padding-top:14px}footer{flex-direction:column}footer p{max-width:none;margin:0}}