:root{--ink:#102a2b;--paper:#fffdf8;--cream:#f5f0e6;--lime:#c8f15a;--orange:#f06d3b;--line:#d8d7cf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}header{height:74px;padding:0 clamp(22px,6vw,90px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header a{font:800 19px "Manrope";text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px}header a span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime)}header p{font-size:12px;text-transform:uppercase;letter-spacing:.15em}.intro{text-align:center;padding:90px 22px 60px}.intro>p:first-child,.cta>p{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;color:var(--orange)}h1,h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em}.intro h1{font-size:clamp(44px,6vw,78px);line-height:1.03;max-width:900px;margin:20px auto}.intro>p:last-child{color:#627273;font-size:17px}.calculator{max-width:1100px;margin:0 auto 110px;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.calculator form,.result{padding:38px;border:1px solid var(--line)}label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px;font-weight:700;margin-bottom:22px}label span{color:#748080;font-size:12px}input{grid-column:1/3;width:100%;padding:14px;border:1px solid var(--line);font:600 20px "DM Sans";color:var(--ink);background:white}button{width:100%;border:0;padding:16px;background:var(--ink);color:white;font-weight:800;font-size:14px;cursor:pointer}.result{background:var(--ink);color:white}.result>p{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--lime)}.metric{display:grid;grid-template-columns:140px 1fr;align-items:center;padding:20px 0;border-bottom:1px solid #365052}.metric strong{font:800 31px "Manrope";color:white}.metric span{color:#adc0bd;font-size:13px}.metric.highlight strong{color:var(--lime)}.result small{display:block;color:#728c89;line-height:1.5;margin-top:22px}.examples{background:var(--cream);padding:90px clamp(22px,6vw,90px)}.examples h2{font-size:45px}.examples>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.examples article{background:var(--paper);padding:27px;border-top:4px solid var(--orange)}.examples b{font:800 21px "Manrope"}.examples p{color:#637273;line-height:1.6}.cta{text-align:center;background:var(--orange);padding:100px 22px}.cta>p{color:#4d2d20}.cta h2{font-size:clamp(40px,6vw,70px);max-width:900px;margin:18px auto 35px}.cta a{display:inline-block;background:var(--paper);color:var(--ink);padding:16px 22px;font-weight:800;text-decoration:none}footer{padding:28px clamp(22px,6vw,90px);display:flex;justify-content:space-between;background:var(--ink);color:#91a5a2;font-size:12px}footer a{color:var(--lime)}@media(max-width:760px){.calculator{grid-template-columns:1fr}.examples>div{grid-template-columns:1fr}header p{display:none}.metric{grid-template-columns:1fr;gap:5px}footer{flex-direction:column;gap:10px}}