.cost-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;background:linear-gradient(120deg,#edf4ff,#f1efff 70%,#ebf8fc);border:1px solid #d9e5fc;border-radius:16px}.cost-hero h1{font-size:clamp(27px,3vw,42px);letter-spacing:-1.5px;line-height:1.35;margin:15px 0 10px}.cost-hero h1 span{color:#174bdb}.cost-hero p{font-size:13px;color:#607092;line-height:1.8;margin:0}.cost-hero .eyebrow{font-size:9px;letter-spacing:1.1px}.cost-hero-stats{display:flex;gap:26px;flex:none}.cost-hero-stats>b{font-size:30px;line-height:1.4;color:#174bdb}.cost-hero-stats small{display:block;font-size:10px;font-weight:400;color:#74829e;white-space:nowrap}.cost-intro-note{font-size:11px;color:#7b879f;line-height:1.8;padding:15px 3px}.cost-intro-note a{color:#174bdb}.cost-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 19px}.cost-tabs>button{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #dce5f7;border-radius:8px;background:#fff;color:#596d95;font-size:12px;min-height:44px}.cost-tabs>button>span{font-size:20px;line-height:1}.cost-tabs>button[aria-pressed=true]{background:#1649e7;color:#fff;border-color:#1649e7;box-shadow:0 4px 12px #1649e727}.cost-workspace{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:22px;align-items:start}.cost-panel,.cost-result{border:1px solid #dce5f7;border-radius:13px;min-width:0}.cost-panel{background:#fff;padding:25px}.cost-panel-title>span{font-size:9px;color:#8394b4;letter-spacing:1.5px}.cost-panel-title h2{font-size:23px;letter-spacing:-.5px;margin:10px 0 22px}.cost-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:16px;min-width:0}.cost-fields .cost-fields{margin-bottom:0}.cost-wide{grid-column:1/-1}.cost-field{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:11px;color:#5a6b89}.cost-field>span{line-height:1.5}.cost-field input,.cost-field select,.cost-paste textarea{width:100%;max-width:100%;min-width:0;background:#f9fbff;border:1px solid #dce4f5;border-radius:6px;color:#243b69;min-height:43px;padding:11px 12px;font:inherit;font-size:12px;outline:none}.cost-field input:focus,.cost-field select:focus,.cost-paste textarea:focus{border-color:#3068ed;box-shadow:0 0 0 3px #3068ed12}.cost-paste{border:1px dashed #dce4f5;border-radius:6px;padding:12px;color:#647794;font-size:11px}.cost-paste>summary{cursor:pointer}.cost-paste textarea{margin-top:12px;resize:vertical;line-height:1.7}.cost-paste small{display:block;margin-top:8px;font-size:10px;line-height:1.7}.cost-model-note{padding:11px 13px;background:#f0f5ff;border-radius:6px;color:#657ca4;font-size:11px;line-height:1.8;margin:0 0 19px}.cost-field-help{font-size:11px;color:#8290a8;line-height:1.8;align-self:center;margin:0}.cost-custom{background:#fff8ed;border:1px solid #f1dfc1;border-radius:8px;padding:16px;margin:18px 0;color:#916629}.cost-custom>b{font-size:12px}.cost-custom>p{font-size:11px;line-height:1.7}.cost-advanced{margin-top:20px;border-top:1px solid #e7edf9;padding-top:17px}.cost-advanced>summary{font-size:12px;color:#466394;cursor:pointer;margin-bottom:16px}.cost-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}.cost-form-actions .primary{font-size:12px;min-height:44px;padding:12px 17px}.cost-form-actions .secondary-action{min-height:44px;align-items:center}#cost-error{font-size:12px;color:#b33c4c;line-height:1.8;margin:14px 0 0}.cost-result{background:linear-gradient(155deg,#e9f2ff,#f8faff 60%,#efefff);padding:27px;position:sticky;top:105px}.cost-result .eyebrow{font-size:9px;letter-spacing:1px;color:#6684bc}#cost-result-model{font-size:13px;line-height:1.7;color:#506b9d;margin:22px 0 10px}.cost-total{display:flex;gap:6px;align-items:baseline;color:#174bdb;min-width:0;line-height:1.3;padding:8px 0}.cost-total>small{font-size:25px}.cost-total>output{font-size:clamp(31px,4vw,55px);font-weight:600;letter-spacing:-1.8px;overflow-wrap:anywhere;min-width:0}#cost-result-state{font-size:11px;line-height:1.8;color:#7286aa;margin-top:8px}#cost-result-state[data-state=invalid],#cost-result-state[data-state=needs-rate]{color:#a47731}.cost-result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:19px 0;margin:16px 0;border-top:1px solid #ccdaf4;border-bottom:1px solid #ccdaf4}.cost-result-metrics span{display:block;font-size:10px;color:#8492b1}.cost-result-metrics b{display:block;font-size:16px;margin-top:8px;font-weight:500;color:#4a6397;overflow-wrap:anywhere}.cost-breakdown>div{display:flex;justify-content:space-between;align-items:start;gap:15px;margin:16px 0;font-size:11px;color:#49618f;line-height:1.7}.cost-breakdown small{display:block;font-size:9px;line-height:1.8;color:#8495b4;margin-top:4px}.cost-breakdown b{flex:none;font-size:12px;font-weight:500;color:#315aad;max-width:48%;overflow-wrap:anywhere}.cost-result-rule{font-size:10px;line-height:1.9;color:#8695b3}.cost-price-link{display:inline-block;font-size:11px;color:#2356ca;margin-top:11px}.cost-export{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 17px}.cost-export button{border:1px solid #c9d8f5;border-radius:5px;background:#ffffffaa;padding:11px;font-size:10px;color:#486ba6;min-height:40px}.cost-export button:disabled{opacity:.5;cursor:not-allowed}.cost-result>small{display:block;font-size:10px;line-height:1.9;color:#91a0bc}.cost-compare{margin-top:38px}.cost-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.cost-section-heading h2{font-size:26px;margin:10px 0}.cost-section-heading .eyebrow{font-size:8px;letter-spacing:1px}.cost-section-heading label{display:flex;gap:8px;align-items:center;font-size:11px;color:#8a98b4;flex:none}.cost-section-heading select{border:1px solid #d9e3f5;padding:9px;border-radius:5px;background:#fff;color:#647ca8;max-width:100%;min-height:40px}#cost-compare-summary{font-size:11px;line-height:1.8;color:#8a98b4;margin:7px 0 18px}.cost-comparisons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cost-compare-card{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:17px;border:1px solid #d9e5f5;border-top:3px solid #3275cd;border-radius:9px;background:linear-gradient(130deg,#fff,#edf5ff);min-width:0}.cost-compare-card:nth-child(3n+2){background:linear-gradient(130deg,#fff,#f2edff);border-top-color:#9772d5}.cost-compare-card:nth-child(3n){background:linear-gradient(130deg,#fff,#eaf7f1);border-top-color:#5b9f80}.cost-compare-card.cost-selected{outline:2px solid #3467e0;outline-offset:-2px}.cost-compare-card>div{min-width:0}.cost-compare-card small{display:block;font-size:9px;color:#8594ae;line-height:1.7}.cost-compare-card h3{font-size:15px;line-height:1.5;margin:8px 0;color:#304b7a}.cost-compare-card p{font-size:10px;line-height:1.7;color:#8997ad;margin:0}.cost-compare-price{flex:0 0 110px;text-align:right;max-width:42%}.cost-compare-price>b{font-size:19px;color:#2760c0;font-weight:500;overflow-wrap:anywhere}.cost-compare-price>button{display:block;margin:12px 0 0 auto;font-size:10px;color:#4677bd;border:0;background:none;padding:7px 0;min-height:32px}.cost-more{grid-column:1/-1;border:1px dashed #ccd9f0;border-radius:6px;background:#f9fbff;color:#7a92b7;font-size:12px;padding:14px;cursor:pointer}.cost-catalogue{margin-top:25px;padding:22px;border:1px solid #dce5f5;border-radius:10px;background:#fff}.cost-catalogue>summary{font-size:13px;color:#4e6da7;cursor:pointer;line-height:1.7}.cost-catalogue>p{font-size:11px;line-height:1.9;color:#8b9ab4;margin:15px 0}.cost-catalogue .cost-field{max-width:500px;margin-bottom:20px}.cost-catalogue table{font-size:11px;min-width:760px;width:100%;white-space:normal}.cost-catalogue th{font-size:10px;padding:12px;color:#7b91b7}.cost-catalogue td{font-size:11px;padding:14px 12px;color:#617ba6;line-height:1.8;overflow-wrap:anywhere;vertical-align:top;min-width:130px}.cost-catalogue td:last-child{min-width:260px}.cost-catalogue td>small{display:block;font-size:9px;color:#9caac1;margin-top:5px}.cost-catalogue td a{color:#2760c0;white-space:nowrap}#cost-form [hidden]{display:none!important}
@media(max-width:1050px){.cost-hero{align-items:start}.cost-hero-stats{gap:16px}.cost-hero-stats>b{font-size:25px}.cost-workspace{gap:15px}.cost-panel,.cost-result{padding:21px}.cost-comparisons{grid-template-columns:1fr}}
@media(max-width:760px){.cost-hero{display:block;padding:22px}.cost-hero h1{font-size:29px;letter-spacing:-1px}.cost-hero h1 span{display:block}.cost-hero p{font-size:12px}.cost-hero-stats{margin-top:20px;gap:32px}.cost-hero-stats>b{font-size:26px}.cost-tabs{gap:7px}.cost-tabs>button{font-size:12px;padding:10px 12px;flex:1 0 calc(33.333% - 8px);justify-content:center}.cost-workspace{grid-template-columns:1fr}.cost-result{position:static;padding:23px}.cost-total>output{font-size:46px}.cost-panel{padding:20px}.cost-field input,.cost-field select,.cost-paste textarea{font-size:16px;min-height:44px}.cost-fields{gap:14px 11px}.cost-field{font-size:12px}.cost-field-help,.cost-model-note,.cost-advanced>summary{font-size:12px}.cost-form-actions .primary{font-size:13px}.cost-section-heading{display:block}.cost-section-heading label{margin-top:12px}.cost-section-heading h2{font-size:24px}.cost-compare-card{padding:16px}.cost-compare-card h3{font-size:16px}.cost-compare-card p{font-size:11px}.cost-compare-card small{font-size:10px}.cost-compare-price{flex-basis:110px}.cost-compare-price>b{font-size:18px}.cost-compare-price>button{font-size:12px;min-height:40px}.cost-catalogue{padding:18px}.cost-export button{font-size:12px;min-height:44px}.cost-result-rule,.cost-result>small{font-size:11px}.cost-result-metrics span{font-size:11px}.cost-breakdown small{font-size:10px}.cost-breakdown>div{font-size:12px}}
@media(max-width:360px){.cost-tabs>button{flex-basis:calc(50% - 7px)}.cost-fields{grid-template-columns:1fr}.cost-compare-card{display:block}.cost-compare-price{display:flex;align-items:center;justify-content:space-between;text-align:left;max-width:100%;margin-top:13px}.cost-compare-price>button{margin:0}.cost-total>output{font-size:40px}.cost-hero-stats{gap:22px}.cost-panel{padding:17px}}