:root{--ink:#142b37;--muted:#5d7180;--green:#11755f;--dark:#112238;--line:#dce6e8;--mist:#f1f6f5}
body{background:#f4f7f7}
.offer-hero{padding:25px 26px 22px;border-radius:20px;background:linear-gradient(130deg,#143a3f,#102438);color:#fff;margin:14px 0 22px}
.offer-hero .overline{font-size:11px;letter-spacing:1.8px;color:#85e7c0;font-weight:850}
.offer-hero h1{font-size:clamp(27px,5vw,41px);line-height:1.12;letter-spacing:-1.2px;margin:9px 0}
.offer-hero p{font-size:14px;color:#d2e1e5;max-width:630px;line-height:1.6}
.offer-hero .trust{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 0}
.offer-hero .trust span{font-size:11px;color:#cff6e5;border:1px solid #7bbaa09c;border-radius:30px;padding:6px 11px}
.offer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.offer-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px;box-shadow:0 9px 26px #153a3910;min-width:0}
.offer-card h2{margin:0 0 9px;letter-spacing:-.5px;font-size:21px}
.offer-card>p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 17px}
.offer-field{margin:0 0 15px}
.offer-field label{display:block;color:#254956;font-size:12px;font-weight:800;margin-bottom:6px}
.offer-field input,.offer-field select{width:100%;min-height:46px;border:1px solid #cadce0;border-radius:10px;padding:10px 12px;background:#fff;color:#132d36;font:inherit;font-size:16px}
.offer-field small{display:block;color:#72848a;font-size:11px;line-height:1.5;margin-top:5px}
.offer-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.offer-switch{display:flex;gap:11px;align-items:flex-start;background:#f1f8f5;border:1px solid #d6eadf;border-radius:12px;padding:11px 12px;margin:3px 0 17px;font-size:12px;line-height:1.5;font-weight:650;color:#264e40}
.offer-switch input{width:20px;height:20px;accent-color:#11755f;flex:none;margin:1px 0}
.offer-message{font-size:12px;line-height:1.55;color:#5d716c;margin:5px 0 15px}
.offer-message.error{color:#9b3b2d}
.offer-tally{padding:17px 19px;background:#113e3c;color:white;border-radius:14px;margin-bottom:17px}
.offer-tally small{font-size:10px;letter-spacing:1.2px;color:#c7ebdd;font-weight:850;text-transform:uppercase}
.offer-tally output{font-size:clamp(26px,4vw,37px);font-weight:900;letter-spacing:-1px;display:block;line-height:1.2;margin-top:5px}
.offer-table{display:grid;gap:0;margin:0 0 14px}
.offer-table div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ebeff1;padding:9px 1px;font-size:13px}
.offer-table dt{color:#536c73}
.offer-table dd{margin:0;text-align:right;color:#123e36;font-weight:800}
.offer-secondary{background:#f1f8f5;border:1px solid #d7e9df;padding:14px;border-radius:12px}
.offer-secondary small{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:850;color:#437665}
.offer-secondary strong{display:block;color:#174d3f;font-size:24px;margin:3px 0}
.offer-secondary p{margin:6px 0 0;font-size:12px;line-height:1.55;color:#536f62}
.offer-secondary .secondary-sum{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px;font-size:12px;border-top:1px solid #d6e6dc;padding-top:9px}
.offer-secondary .secondary-sum b{font-size:14px}
.budget-result{padding:12px 0 0;font-size:12px}
.budget-within{color:#12694c;font-weight:800}.budget-over{color:#a04332;font-weight:850}
.offer-letter{margin-top:20px}
.offer-letter h3{font-size:16px;margin:0 0 8px;color:#173744}
.offer-preview{white-space:pre-wrap;background:#f6f9fa;border:1px solid #e0e7e8;border-radius:11px;padding:13px;font-size:12px;line-height:1.65;color:#274550;min-height:85px}
.offer-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.offer-buttons button{border:0;border-radius:10px;background:#166c55;color:white;font-weight:800;padding:11px 15px;cursor:pointer;font:inherit;font-size:13px}
.offer-buttons button:disabled{opacity:.45;cursor:not-allowed}
.offer-buttons .reset{background:#f0f4f4;color:#25504b}
.offer-note{padding:14px 17px;border:1px solid #e0e8e8;border-radius:13px;background:#fff;margin:22px 0;color:#5b7077;font-size:12px;line-height:1.65}
.offer-note strong{color:#223d48}
.offer-footerlinks{display:flex;flex-wrap:wrap;gap:13px;margin:20px 0 12px}
.offer-footerlinks a{color:#155d6b;font-size:13px;font-weight:750}
#copyHint{font-size:12px;color:#17694e;min-height:19px;margin-top:6px}
@media(max-width:720px){.offer-layout{grid-template-columns:1fr}.offer-hero{padding:22px 20px}.offer-card{padding:20px}.offer-pair{grid-template-columns:1fr}}
@media print{.info-top,.site-menu-dialog,.info-back,.offer-buttons,.offer-footerlinks,.info-foot{display:none!important}.offer-hero{background:#113e3c!important;color:white!important}.offer-layout{display:block}.offer-card{box-shadow:none;margin-top:10px;break-inside:avoid}.offer-note{break-inside:avoid}}