.header{background:var(--color-surface);border-bottom:1px solid var(--color-divider);padding:var(--space-4) var(--space-6)}.header-inner{max-width:var(--content-wide);margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-primary);line-height:1}.header-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.1em}.calculator{max-width:var(--content-wide);margin-inline:auto;padding:var(--space-8) var(--space-6)}.calculator-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:900px){.calculator-grid{grid-template-columns:380px 1fr;gap:var(--space-8);align-items:start}.panel-inputs{position:sticky;top:var(--space-4)}}@media (min-width:1100px){.calculator-grid{grid-template-columns:420px 1fr;gap:var(--space-10)}}.panel{background:var(--color-surface);border:1px solid oklch(from var(--color-text) l c h/0.08);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6) var(--space-8);box-shadow:var(--shadow-sm)}.panel-header{margin-bottom:var(--space-6)}.panel-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-1)}.panel-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.form-fields{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.06em}.form-group input,.form-group select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-variant-numeric:tabular-nums lining-nums;background:var(--color-bg);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive);-moz-appearance:textfield}.form-group input::-webkit-outer-spin-button,.form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group select{appearance:none;background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'12\'\ height=\'12\'\ viewBox=\'0\ 0\ 12\ 12\'%3E%3Cpath\ fill=\'%235A6B7D\'\ d=\'M2\ 4l4\ 4\ 4-4\'/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 16px center;padding-right:var(--space-10);cursor:pointer}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h/0.12)}.input-prefix-wrap,.input-suffix-wrap{position:relative;display:flex;align-items:center}.input-prefix,.input-suffix{position:absolute;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);pointer-events:none;user-select:none}.input-prefix{left:var(--space-4)}.input-suffix{right:var(--space-4)}.input-prefix-wrap input.has-prefix{padding-left:var(--space-8)}.input-suffix-wrap input.has-suffix{padding-right:var(--space-8)}.hero-metric{text-align:center;margin-bottom:var(--space-6);padding:var(--space-5) var(--space-4);background:var(--color-green-light);border-radius:var(--radius-lg);border:1px solid oklch(from var(--color-green) l c h/0.15)}.speed-badge{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-green);font-variant-numeric:tabular-nums lining-nums}.hero-metric-label{font-size:var(--text-xs);font-weight:600;color:var(--color-green-text);text-transform:uppercase;letter-spacing:0.08em;margin-top:var(--space-1)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);border:1px solid oklch(from var(--color-text) l c h/0.06)}.metric-card--green{background:var(--color-green-light);border-color:oklch(from var(--color-green) l c h/0.1)}.metric-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:var(--space-2);line-height:1.3}.metric-card--green .metric-label{color:var(--color-green-text)}.metric-value{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);font-variant-numeric:tabular-nums lining-nums;transition:opacity 200ms cubic-bezier(0.16,1,0.3,1)}.metric-card--green .metric-value{color:var(--color-green)}.metric-value.updating{opacity:0.3}.benefit-callout{background:var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);text-align:center;margin-bottom:var(--space-6)}.benefit-label{font-size:var(--text-xs);font-weight:600;color:oklch(from var(--color-text-inverse) l c h/0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-2)}.benefit-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-inverse);font-variant-numeric:tabular-nums lining-nums;transition:opacity 200ms cubic-bezier(0.16,1,0.3,1)}.benefit-value.updating{opacity:0.3}.comparison{border-top:1px solid var(--color-divider);padding-top:var(--space-5)}.comparison-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-4)}.comparison-table{font-size:var(--text-sm);font-variant-numeric:tabular-nums lining-nums}.comparison-table th{text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.04em;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--color-divider)}.comparison-table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-divider);color:var(--color-text);transition:opacity 200ms cubic-bezier(0.16,1,0.3,1)}.comparison-table td.highlight{color:var(--color-green);font-weight:600}.comparison-table td.updating{opacity:0.3}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table th:last-child,.comparison-table td:last-child{text-align:right}.comparison-table th:nth-child(2),.comparison-table td:nth-child(2){text-align:right}.cta-footer{background:var(--color-surface-2);border-top:1px solid var(--color-divider);padding:var(--space-10) var(--space-6) var(--space-8);text-align:center}.cta-inner{max-width:var(--content-narrow);margin-inline:auto;margin-bottom:var(--space-8)}.cta-heading{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-5)}.btn-cta{display:inline-block;padding:var(--space-4) var(--space-8);background:var(--color-orange);color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive)}.btn-cta:hover{background:var(--color-orange-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-cta:active{background:var(--color-orange-active);box-shadow:var(--shadow-sm);transform:translateY(0)}.footer-fine-print{max-width:var(--content-narrow);margin-inline:auto}.footer-fine-print p{font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-1);max-width:none}@media (max-width:899px){.calculator{padding:var(--space-5) var(--space-4)}.panel{padding:var(--space-5) var(--space-4) var(--space-6)}.panel-title{font-size:clamp(1.25rem,1rem + 1.5vw,1.75rem)}.metrics-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.metric-card{padding:var(--space-3)}.metric-value{font-size:var(--text-base)}.benefit-value{font-size:var(--text-xl)}.header{padding:var(--space-3) var(--space-4)}.header-label{display:none}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}}