*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7f8;color:#172c38;font:15px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #cbd6da;border-radius:8px;background:white;color:#203e4b;padding:10px 15px;min-height:44px;font-weight:600}button:hover{background:#eef5f3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2a947d;outline-offset:3px}a{color:inherit}header{height:88px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe6e7;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;letter-spacing:-1px}.brand>span{font-size:21px;letter-spacing:-.7px}.brand:first-letter{color:#14806a}.tag{font-size:13px;color:#627782}main{max-width:1288px;margin:auto;padding:0 24px}.intro{display:flex;align-items:center;justify-content:space-between;padding:54px 0 38px;gap:30px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#52766c}h1{font-size:48px;line-height:1.13;letter-spacing:-2px;margin:15px 0 18px;font-weight:650}h1 em{color:#237e69;font-style:normal}.intro p{color:#657982;max-width:510px;margin:0}.privacy{border-left:1px solid #cbdad5;padding:20px 0 20px 26px;font-weight:600;font-size:14px}.privacy p{font-size:12px;margin:10px 0 0;font-weight:400}.dot{display:inline-block;width:7px;height:7px;background:#27836e;border-radius:50%;margin-right:7px}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}form,.panel{border:1px solid #dce5e6;border-radius:15px;background:white;padding:28px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:20px;letter-spacing:-.5px;margin:0}h3{font-size:14px;margin:26px 0 14px;display:flex;align-items:center;gap:9px}h3 span{color:#607b76;font-size:10px;background:#edf3f1;border-radius:5px;padding:4px 6px}h3 small{margin-left:auto;font-size:11px;font-weight:400;color:#607782}.text-button{border:0;color:#467666;padding:6px;background:transparent;font-size:12px}label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px;min-width:0}label.wide{margin-top:20px}input,select{border:1px solid #cbd6da;border-radius:7px;background:#fff;min-height:46px;padding:10px 12px;width:100%;color:#203e4b}input:focus,select:focus{border-color:#2a947d}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.primary{background:#173d43;color:white;border-color:#173d43;padding:12px 24px}.primary:hover{background:#28545b}#status{font-size:12px;color:#527066;min-height:36px;margin:12px 0 0}.mobile-result{display:none}aside{display:grid;gap:18px;scroll-margin-top:20px}.result-card{background:#173d43;color:white;padding:30px;border-radius:15px}.result-card .eyebrow{color:#a9d1c4}.result-label{font-size:15px;margin:28px 0 6px}.result-label span{display:block;font-size:11px;color:#b4c9cc}output{font-size:62px;font-weight:650;letter-spacing:-3px;line-height:1.15}.metrics{display:grid;grid-template-columns:1fr 1fr;margin:24px 0}.metrics span{display:block;font-size:11px;color:#b4c9cc}.metrics strong{display:block;font-size:22px;margin-top:6px}.costbar{display:flex;height:9px;border-radius:20px;overflow:hidden;background:#738f93}.costbar i{display:block}.costbar i:first-child{background:#78999b}.costbar i:last-child{background:#a9e1b1}.legend{display:flex;justify-content:space-between;font-size:11px;color:#bbd0cd;margin-top:8px}#health{font-size:12px;margin:18px 0 0;color:#d1e5df}.loss .result-card{background:#583a39}.forecast h2{font-size:18px}dl{margin:20px 0}dl>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:13px}dd{margin:0;font-weight:600}.total{border-top:1px solid #dce5e6;margin-top:9px;padding-top:16px;font-size:17px;font-weight:650}.break-even{background:#eef5f1;padding:14px;border-radius:8px;display:flex;justify-content:space-between;gap:12px;font-size:12px}.note{font-size:12px;color:#6b7c82;margin-bottom:0}details{padding:18px 22px;border:1px solid #dce5e6;border-radius:12px;color:#506770;background:#fff;font-size:13px}summary{font-weight:650;cursor:pointer;min-height:24px}details p:last-child{margin-bottom:0}.saved-section{padding:48px 0}#count{font-size:12px;font-weight:400;letter-spacing:0;margin-left:10px;color:#647a83}.saved-section .actions{margin-top:0}.saved-section .panel-title h2{margin-top:5px}.empty{border:1px dashed #becdc9;border-radius:12px;background:#eef4f1;text-align:center;margin-top:20px;padding:35px 15px}.empty p{font-size:13px;color:#688077;margin:8px 0 0}.table-scroll{overflow-x:auto;border:1px solid #dce5e6;border-radius:10px;margin-top:20px;background:white}table{border-collapse:collapse;width:100%;font-size:13px;min-width:650px}th{text-align:left;font-size:11px;color:#5c747b;background:#eaf0ef}td,th{padding:16px;border-bottom:1px solid #e0e8e6}td small{display:block;font-size:11px;color:#6b7c82;margin-top:4px}td button{font-size:12px;padding:7px 10px}footer{border-top:1px solid #dce5e6;padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;color:#61777e;font-size:12px}footer .brand{color:#244c4e}
@media(max-width:800px){.tag,.privacy{display:none}header{height:72px;padding:0 20px}main{padding:0 18px}.intro{padding:32px 0}h1{font-size:38px;letter-spacing:-1.7px}.workspace{grid-template-columns:1fr;gap:22px}form,.panel{padding:22px}.result-card{padding:25px}.mobile-result{display:inline-block;padding:10px 4px;font-size:13px}.saved-section .panel-title{align-items:flex-start;flex-direction:column}.saved-section .actions{margin-top:12px}footer{gap:18px;flex-wrap:wrap}footer>span:nth-child(2){display:none}output{font-size:56px}.fields{gap:13px}label{font-size:11px}input,select{font-size:16px;padding:9px}.panel-title h2{font-size:18px}.text-button{font-size:11px}.break-even{flex-wrap:wrap}#saved .table-scroll{max-width:100%}}