:root{--ink:#18382d;--muted:#6c786e;--paper:#f4f2ea;--accent:#c6ef82}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif}header,footer{max-width:1240px;margin:auto;padding:30px 40px;display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid #d5dbce}.brand{font-size:13px;font-weight:700;letter-spacing:2px}.badge{border:1px solid #b1bfab;border-radius:20px;padding:6px 12px;font-size:12px}main{max-width:1240px;min-height:700px;margin:auto;padding:80px 40px;display:grid;grid-template-columns:1.35fr 1fr;gap:90px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}h1{font-family:'Georgia','SimSun',serif;font-size:clamp(44px,5.2vw,72px);font-weight:500;line-height:1.25;letter-spacing:-2px;margin:25px 0}.lead{font-size:16px;line-height:1.9;max-width:460px;color:var(--muted)}.steps{display:flex;gap:22px;font-size:12px;border-top:1px solid #d5dbce;padding-top:20px;margin-top:32px}.rule{margin-top:48px;font-size:13px;line-height:2.2}.rule strong{padding-left:15px}.rule small{color:var(--muted)}.calculator{background:#fff;padding:34px;box-shadow:8px 10px 0 #dfe6d7;border:1px solid #e1e3d9;border-radius:3px}h2{font-size:28px;font-weight:500;margin:16px 0 30px}label{font-size:12px;display:block;margin-bottom:10px}.input-wrap{display:flex;border-bottom:2px solid var(--ink);align-items:center;font-size:28px;gap:12px}input{font-family:Georgia,serif;width:100%;font-size:44px;letter-spacing:-1px;border:0;outline:none;background:transparent;color:var(--ink);padding:10px 0}input:focus{box-shadow:0 2px 0 #81ad52}.presets{display:flex;gap:8px;margin:17px 0 25px}button{cursor:pointer;font:inherit}.presets button{background:#f3f5ef;border:1px solid #d8dfd2;padding:7px 12px;border-radius:3px;font-size:12px}.presets button:hover{background:var(--accent)}.submit{background:var(--ink);color:#fff;border:0;width:100%;padding:16px 20px;text-align:left;display:flex;justify-content:space-between}.submit:hover{background:#295640}.result{background:var(--accent);margin-top:28px;padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;font-size:13px}.result strong{font-family:Georgia,serif;font-size:34px;font-weight:400}.result p{grid-column:1/-1;font-size:12px;margin:12px 0 0;opacity:.8}footer{font-size:11px;letter-spacing:.4px;color:var(--muted);border-top:1px solid #d5dbce}@media(max-width:800px){main{grid-template-columns:1fr;gap:35px;padding:40px 24px;min-height:0}header,footer{padding:24px;gap:15px}footer{flex-direction:column;align-items:flex-start}.rule{margin-top:24px}.steps{gap:15px}.calculator{padding:26px}h1{font-size:48px}}