:root{color:#18211f;background:#f6f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);min-height:100vh}.workspace{display:flex;flex-direction:column;gap:32px;padding:48px}.copy-block{max-width:780px}.brand-title{color:#17201e;font-size:clamp(3rem,8vw,6rem);line-height:.96;margin:0;max-width:100%}.brand-title span{color:#0b7f73}.headline-subtitle{color:#17201e;font-size:clamp(1.3rem,3vw,2rem);font-weight:800;margin:10px 0 0}.copy-block p:last-child{color:#52625e;font-size:1.05rem;margin:20px 0 0;max-width:680px}.calculator-grid{align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(280px,420px) minmax(320px,1fr)}.control-panel,.result-panel{background:#fff;border:1px solid #d9e4df;border-radius:8px;box-shadow:0 18px 50px #18211f14}.control-panel{display:grid;gap:22px;padding:24px}label{color:#52625e;display:grid;font-size:.9rem;font-weight:750;gap:8px}input,select{background:#f7faf8;border:1px solid #cad8d2;border-radius:6px;color:#18211f;min-height:46px;outline:none;padding:0 12px;width:100%}input:focus,select:focus{border-color:#0b7f73;box-shadow:0 0 0 3px #0b7f7329}.money-input{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 104px}.range-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 76px}input[type=range]{accent-color:#0b7f73;padding:0}.line-details{border-top:1px solid #e4ece8;display:grid;gap:12px;margin:0;padding-top:18px}.line-details div{align-items:center;display:flex;justify-content:space-between}dt{color:#64736f}dd{color:#17201e;font-weight:800;margin:0}.result-panel{display:flex;flex-direction:column;gap:22px;justify-content:space-between;min-height:100%;padding:28px}.state{color:#52625e;margin:0}.error{color:#a73434}.main-result{border-bottom:1px solid #e4ece8;display:grid;gap:8px;padding-bottom:24px}.main-result span,.metrics span{color:#64736f;font-size:.9rem;font-weight:750}.main-result strong{color:#0b7f73;font-size:clamp(2.1rem,6vw,4.3rem);letter-spacing:0;line-height:1;overflow-wrap:anywhere}small{color:#64736f}.metrics{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.metrics article{background:#f7faf8;border:1px solid #dce7e2;border-radius:8px;display:grid;gap:6px;min-height:126px;padding:18px}.metrics strong{color:#17201e;font-size:1.35rem;line-height:1.15;overflow-wrap:anywhere}.rates-strip{align-items:center;border-top:1px solid #e4ece8;color:#64736f;display:flex;flex-wrap:wrap;font-size:.86rem;gap:12px 20px;padding-top:18px}.site-footer{align-items:flex-start;color:#64736f;display:flex;flex-wrap:wrap;font-size:.92rem;gap:10px 18px}.site-footer p{flex-basis:100%;margin:0;max-width:780px}.site-footer div{align-items:center;display:flex;flex-wrap:wrap;gap:10px 18px}.site-footer a{color:#0b7f73;font-weight:750;text-decoration-color:#0b7f7359;text-underline-offset:4px}.site-footer a:hover{color:#17201e}.context-panel{background:#193b35;color:#fff;display:grid;grid-template-rows:minmax(280px,44vh) minmax(0,1fr);min-height:100vh}.context-panel img{height:100%;object-fit:cover;width:100%}.context-panel div{display:grid;gap:12px;padding:28px}.context-panel p,.context-panel span,.context-panel a{color:#c7ddd6;margin:0}.context-panel a{text-decoration-color:#c7ddd673;text-underline-offset:4px}.context-panel a:hover{color:#fff}.context-panel strong{color:#fff;font-size:1.8rem;line-height:1.08}@media(max-width:1060px){.app-shell{grid-template-columns:1fr}.context-panel{grid-template-columns:minmax(180px,32vw) 1fr;grid-template-rows:none;min-height:auto}}@media(max-width:820px){.workspace{padding:28px 18px}.calculator-grid,.metrics,.context-panel{grid-template-columns:1fr}.context-panel img{max-height:260px}}