.tool-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;max-width:900px;margin-inline:auto;margin-top:calc(var(--s-12) * -1);position:relative;z-index:5}.tool-progress{display:flex;background:var(--bg-soft);border-bottom:1px solid var(--line)}.tool-progress .step{flex:1;padding:var(--s-4) var(--s-5);font-size:var(--fs-sm);color:var(--muted);font-weight:600;border-right:1px solid var(--line);display:flex;align-items:center;gap:var(--s-3)}.tool-progress .step:last-child{border-right:0}.tool-progress .step .num{width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--fs-xs);color:var(--muted)}.tool-progress .step.active{color:var(--ink);background:#fff}.tool-progress .step.active .num{background:var(--red);color:#fff;border-color:var(--red)}.tool-progress .step.done .num{background:var(--green);color:#fff;border-color:var(--green)}.tool-progress .step.done{color:var(--ink)}.tool-stage{padding:var(--s-10) var(--s-8)}.tool-stage h2{font-family:var(--font-display);font-size:var(--fs-2xl);margin-bottom:var(--s-3)}.tool-stage .q-lede{color:var(--muted);margin-bottom:var(--s-8);font-size:var(--fs-md)}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}.choice-grid.cols-3{grid-template-columns:repeat(3,1fr)}.choice{background:#fff;border:2px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-5);cursor:pointer;transition:all var(--dur) var(--ease);text-align:left;font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink)}.choice:hover{border-color:var(--blu);transform:translateY(-3px);box-shadow:var(--shadow)}.choice.selected{border-color:var(--red);background:#fff5f5}.choice .ic{width:48px;height:48px;background:var(--bg-cool);color:var(--blu);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--s-4)}.choice:hover .ic,.choice.selected .ic{background:var(--blu);color:#fff}.choice .ch-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;margin-bottom:var(--s-2)}.choice .ch-desc{font-size:var(--fs-sm);color:var(--muted)}.choice.selected .ic{background:var(--red)}.choice .gas-code{display:inline-block;font-family:var(--font-mono);font-weight:800;font-size:var(--fs-md);padding:.25rem .6rem;background:var(--bg-cool);color:var(--blu-dark);border-radius:var(--radius);margin-bottom:var(--s-3)}.choice .gwp-tag{display:inline-block;font-size:var(--fs-xs);font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-full);margin-left:var(--s-2);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.gwp-tag.banned{background:#fee2e2;color:#991b1b}.gwp-tag.high{background:#fef3c7;color:#92400e}.gwp-tag.mid{background:#dbeafe;color:#1e40af}.gwp-tag.low{background:#dcfce7;color:#166534}.choice.selected .gas-code{background:var(--red);color:#fff}.tool-actions{display:flex;justify-content:space-between;margin-top:var(--s-8);align-items:center}.tool-actions .restart{color:var(--muted);font-size:var(--fs-sm)}.result-card{background:linear-gradient(135deg,var(--bg-cool) 0%,#fff 100%);border:1px solid var(--blu-light);border-radius:var(--radius-lg);padding:var(--s-8);margin-bottom:var(--s-6)}.result-card .result-eyebrow{display:inline-flex;background:var(--blu);color:#fff;font-size:var(--fs-xs);padding:.35rem .7rem;border-radius:var(--radius-full);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin-bottom:var(--s-4)}.result-card h3{font-family:var(--font-display);font-size:var(--fs-3xl);margin-bottom:var(--s-3);color:var(--blu-dark)}.result-card .answer-row{display:flex;justify-content:space-between;align-items:center;padding-block:var(--s-3);border-bottom:1px solid var(--line);gap:var(--s-4)}.result-card .answer-row:last-child{border-bottom:0}.result-card .answer-row .lbl{color:var(--muted);font-size:var(--fs-sm)}.result-card .answer-row .val{font-weight:700;color:var(--ink);text-align:right}.result-card .answer-row .val.big{font-size:var(--fs-xl);font-family:var(--font-display)}.result-card .actions{display:flex;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap}.urgency-banner{background:#fff5f5;border:1px solid #fecaca;border-left:4px solid var(--red);border-radius:var(--radius);padding:var(--s-4) var(--s-5);margin-block:var(--s-5);color:#7f1d1d;font-size:var(--fs-sm)}.urgency-banner.amber{background:#fffbeb;border-color:#fde68a;border-left-color:#d97706;color:#78350f}.urgency-banner.green{background:#f0fdf4;border-color:#bbf7d0;border-left-color:var(--green);color:#14532d}.swap-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-5);margin-top:var(--s-5)}.swap-list h4{font-family:var(--font-display);font-size:var(--fs-md);margin-bottom:var(--s-3)}.swap-list ul{list-style:none;padding:0;margin:0}.swap-list li{padding:var(--s-2) 0;font-size:var(--fs-sm);display:flex;gap:var(--s-3);align-items:flex-start}.swap-list li:before{content:"→";color:var(--red);font-weight:800;flex-shrink:0}.compare-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}.compare-table th{background:var(--bg-soft);padding:var(--s-4);text-align:left;font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm)}.compare-table th.cp12{background:var(--blu);color:#fff}.compare-table th.cp42{background:var(--red);color:#fff}.compare-table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);font-size:var(--fs-sm);vertical-align:top}.compare-table tr:last-child td{border-bottom:0}.compare-table .check{color:var(--green);font-weight:700}.compare-table .cross{color:var(--red);font-weight:700}.compare-table .pill{display:inline-block;font-size:var(--fs-xs);font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-full)}.compare-table .pill.banned{background:#fee2e2;color:#991b1b}.compare-table .pill.phaseout{background:#fef3c7;color:#92400e}.compare-table .pill.ok{background:#dcfce7;color:#166534}.compare-table .pill.natural{background:#d1fae5;color:#064e3b}.pricing-card{background:#fff;border:2px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-6);transition:all var(--dur) var(--ease)}.pricing-card:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:var(--shadow)}.pricing-card .tier{font-family:var(--font-body);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--muted);font-weight:600;margin-bottom:var(--s-3)}.pricing-card .price{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;color:var(--ink);margin-bottom:var(--s-2);letter-spacing:var(--tracking-tight)}.pricing-card .price small{font-size:var(--fs-sm);color:var(--muted);font-weight:400}.pricing-card ul{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--s-5);padding-left:var(--s-4)}.pricing-card li{margin-bottom:var(--s-2)}.pricing-card.featured{border-color:var(--red);background:linear-gradient(180deg,#fff,#fff5f5)}.pricing-card.featured .badge{background:var(--red);color:#fff;font-size:var(--fs-xs);font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-full);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin-bottom:var(--s-3);display:inline-block}.input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.input-grid .field{display:flex;flex-direction:column;gap:var(--s-2)}.input-grid label{font-size:var(--fs-sm);font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.input-grid label .unit{color:var(--muted);font-weight:500;font-size:var(--fs-xs)}.input-grid input[type=number]{padding:var(--s-4) var(--s-5);border:2px solid var(--line);border-radius:var(--radius);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--ink);background:#fff;width:100%;transition:border-color var(--dur) var(--ease)}.input-grid input[type=number]:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #c8232c1a}.input-grid input[type=number]::-webkit-outer-spin-button,.input-grid input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-grid input[type=number]{-moz-appearance:textfield}.unit-toggle{display:inline-flex;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-full);padding:3px;margin-bottom:var(--s-6)}.unit-toggle button{background:transparent;border:0;padding:.45rem 1.1rem;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;cursor:pointer;color:var(--muted);font-family:var(--font-body)}.unit-toggle button.active{background:var(--ink);color:#fff}.floor-area-row{background:var(--bg-soft);border-radius:var(--radius);padding:var(--s-4) var(--s-5);margin-top:var(--s-5);display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm)}.floor-area-row .calc-val{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);color:var(--red)}.toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}.toggle-card{background:#fff;border:2px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-5);cursor:pointer;transition:all var(--dur) var(--ease);text-align:left;font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink)}.toggle-card:hover{border-color:var(--blu);transform:translateY(-2px)}.toggle-card.selected{border-color:var(--red);background:#fff5f5}.toggle-card .tg-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;margin-bottom:var(--s-2);display:flex;align-items:center;gap:var(--s-2)}.toggle-card .tg-desc{font-size:var(--fs-sm);color:var(--muted)}.toggle-card .tg-adj{display:inline-block;font-size:var(--fs-xs);font-weight:700;background:var(--bg-cool);color:var(--blu-dark);padding:.2rem .5rem;border-radius:var(--radius-full);margin-top:var(--s-3);font-family:var(--font-mono)}.toggle-card.selected .tg-adj{background:var(--red);color:#fff}.toggle-group{margin-bottom:var(--s-6)}.toggle-group-label{font-size:var(--fs-sm);font-weight:700;color:var(--ink);margin-bottom:var(--s-3);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.big-number-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-bottom:var(--s-6)}.big-number{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-5);text-align:center}.big-number .lbl{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--muted);font-weight:600;margin-bottom:var(--s-2)}.big-number .val{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;color:var(--ink);line-height:1;letter-spacing:var(--tracking-tight)}.big-number .val small{font-size:var(--fs-sm);color:var(--muted);font-weight:400;margin-left:4px}.big-number.primary{background:var(--red);color:#fff;border-color:var(--red)}.big-number.primary .lbl{color:#ffffffd9}.big-number.primary .val{color:#fff}.big-number.primary .val small{color:#ffffffbf}.calc-breakdown{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-5);margin-top:var(--s-5)}.calc-breakdown h4{font-family:var(--font-display);font-size:var(--fs-md);margin-bottom:var(--s-4)}.calc-breakdown table{width:100%}.calc-breakdown td{padding:var(--s-2) 0;font-size:var(--fs-sm);border-bottom:1px dashed var(--line)}.calc-breakdown td:last-child{text-align:right;font-family:var(--font-mono);font-weight:700}.calc-breakdown tr.total td{border-top:2px solid var(--ink);border-bottom:0;padding-top:var(--s-3);font-weight:800;font-size:var(--fs-md);font-family:var(--font-display)}.recommendation{margin-top:var(--s-6);padding:var(--s-5);background:#f8fafc;border-radius:var(--radius);border-left:4px solid var(--blu)}.recommendation h4{font-family:var(--font-display);font-size:var(--fs-md);margin-bottom:var(--s-2)}.recommendation .model-pick{margin-top:var(--s-3);display:flex;gap:var(--s-4);align-items:center;flex-wrap:wrap}.recommendation .model-pick .pill{background:#fff;border:1px solid var(--line);padding:.4rem .8rem;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:var(--s-2)}.recommendation .model-pick .pill strong{color:var(--blu);font-family:var(--font-mono)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);margin-top:var(--s-8)}.process-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-5);position:relative}.process-step .step-num{position:absolute;top:var(--s-4);right:var(--s-4);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);color:var(--bg-cool);line-height:1}.process-step h4{font-family:var(--font-display);font-size:var(--fs-md);margin-bottom:var(--s-2);padding-right:var(--s-8)}.process-step p{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-loose)}@media(max-width:720px){.tool-wrap{margin-top:0;border-radius:0;box-shadow:none}.tool-stage{padding:var(--s-6) var(--s-5)}.choice-grid,.choice-grid.cols-3{grid-template-columns:1fr}.tool-progress .step{font-size:var(--fs-xs);padding:var(--s-3)}.input-grid,.toggle-grid,.big-number-row,.process-grid{grid-template-columns:1fr}}
