:root{--c-bg:#f8f9fb;--c-surface:#ffffff;--c-surface-inset:#f3f4f6;--c-ink:#111827;--c-ink-2:#374151;--c-ink-3:#6b7280;--c-ink-4:#9ca3af;--c-border:#e5e7eb;--c-border-strong:#d1d5db;--c-blue:#1d4ed8;--c-blue-dark:#1e3a8a;--c-blue-light:#eff6ff;--c-green:#059669;--c-green-bg:#ecfdf5;--c-red:#dc2626;--c-red-bg:#fef2f2;--c-amber:#b45309;--c-amber-bg:#fffbeb;--c-na:#6b7280;--c-na-bg:#f9fafb;--c-focus:#1d4ed8;--font-display:var(--font-display-var,"Georgia","Times New Roman",serif);--font-sans:var(--font-sans-var,"Inter","Helvetica Neue",system-ui,sans-serif);--fz-hero:clamp(2.5rem,6vw,3.75rem);--fz-h1:clamp(1.75rem,3.5vw,2.25rem);--fz-body:0.9375rem;--fz-sm:0.8125rem;--fz-xs:0.6875rem;--fz-metric:clamp(1.875rem,4vw,2.625rem);--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--r-sm:0.375rem;--r-md:0.625rem;--r-lg:0.875rem;--shadow-card:0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04);--shadow-card-hover:0 6px 16px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.06);--shadow-modal:0 24px 64px rgba(0,0,0,0.18),0 8px 24px rgba(0,0,0,0.1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fz-body);line-height:1.6;background:var(--c-bg);color:var(--c-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:0}h1,h2,h3{margin:0;font-weight:700}a{color:var(--c-blue)}a:hover{color:var(--c-blue-dark)}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.text-input{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fz-body);transition:border-color .12s,box-shadow .12s}.text-input:focus{border-color:var(--c-blue);box-shadow:0 0 0 3px rgba(29,78,216,.12);outline:none}.button-primary{border:none;border-radius:var(--r-sm);background:var(--c-ink);color:#fff;font-family:var(--font-sans);font-size:var(--fz-body);font-weight:600;letter-spacing:.02em;padding:var(--sp-3) var(--sp-5);cursor:pointer;white-space:nowrap;transition:background .12s}.button-primary:hover{background:var(--c-ink-2)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.error-text{border-radius:var(--r-sm);background:var(--c-red-bg);color:var(--c-red);padding:var(--sp-2) var(--sp-3);font-size:var(--fz-sm)}.status-chip{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:2px var(--sp-2);font-size:var(--fz-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.5}.status-cheaper{background:var(--c-green-bg);color:var(--c-green)}.status-fair{background:var(--c-amber-bg);color:var(--c-amber)}.status-expensive{background:var(--c-red-bg);color:var(--c-red)}.status-not-applicable{background:var(--c-na-bg);color:var(--c-na)}.home-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-4);background:var(--c-surface)}.home-content{width:min(100%,28rem);text-align:center;display:grid;grid-gap:var(--sp-8);gap:var(--sp-8)}.home-title{font-family:var(--font-display);font-size:var(--fz-hero);font-weight:400;letter-spacing:-.025em;line-height:1.1;color:var(--c-ink)}.home-search-row{display:flex;gap:var(--sp-2);justify-content:center}.home-search-row .text-input{flex:1 1 10rem;font-size:1rem;padding:var(--sp-3) var(--sp-4)}.home-search-row .button-primary{font-size:1rem;padding:var(--sp-3) var(--sp-6)}.search-wrapper{position:relative;width:100%}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-card-hover);list-style:none;margin:0;padding:var(--sp-1) 0;z-index:50;overflow:hidden}.search-suggestion-item{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:background .08s}.search-suggestion-active,.search-suggestion-item:hover{background:var(--c-blue-light)}.search-suggestion-ticker{font-size:var(--fz-sm);font-weight:700;color:var(--c-ink);letter-spacing:.04em;min-width:4rem;flex-shrink:0}.search-suggestion-name{font-size:var(--fz-sm);color:var(--c-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-shell{width:min(100%,52rem);margin:0 auto;padding:var(--sp-12) var(--sp-4) var(--sp-8);display:grid;grid-gap:var(--sp-10);gap:var(--sp-10)}.results-header{text-align:center;display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.results-headline{font-family:var(--font-display);font-size:var(--fz-h1);font-weight:400;letter-spacing:-.02em;line-height:1.25;color:var(--c-ink)}.results-subtitle{font-size:var(--fz-body);color:var(--c-ink-2);line-height:1.6}.results-verdict-explanation{font-size:var(--fz-sm);color:var(--c-ink-3);line-height:1.55}.metric-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--sp-4);gap:var(--sp-4)}.metric-card-btn{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-5);display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);align-content:start;text-align:left;cursor:pointer;min-height:148px;box-shadow:var(--shadow-card);transition:box-shadow .15s,transform .15s;position:relative;overflow:hidden}.metric-card-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c-border-strong);border-radius:var(--r-md) 0 0 var(--r-md)}.metric-card-btn[data-status=cheaper]:before{background:var(--c-green)}.metric-card-btn[data-status=expensive]:before{background:var(--c-red)}.metric-card-btn[data-status=fair]:before{background:var(--c-amber)}.metric-card-btn:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.metric-card-btn:disabled:not([data-loading=true]){opacity:.65;cursor:default}.metric-card-btn[data-loading=true]{cursor:default}@keyframes skeleton-pulse{0%,to{opacity:.35}50%{opacity:.7}}.metric-card-btn[data-loading=true] .metric-card-value,.metric-card-btn[data-loading=true] .status-chip{background:var(--c-surface-inset);color:transparent;border-radius:var(--r-sm);animation:skeleton-pulse 1.4s ease-in-out infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none}.metric-card-name{font-size:var(--fz-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-3)}.metric-card-question{font-size:var(--fz-sm);color:var(--c-ink-3);line-height:1.4;font-style:italic}.metric-card-value{font-size:var(--fz-metric);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--c-ink);margin-top:var(--sp-1)}.results-tagline{text-align:center;font-size:var(--fz-body);color:var(--c-ink-3);font-style:italic}.results-footer{text-align:center;border-top:1px solid var(--c-border);padding-top:var(--sp-6)}.results-disclaimer{font-size:var(--fz-sm);color:var(--c-ink-4);line-height:1.5}.modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--sp-4)}.modal-dialog{background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-lg);padding:var(--sp-8);max-width:42rem;width:100%;position:relative;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-modal)}.modal-header{padding-right:var(--sp-10);display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);border-bottom:1px solid var(--c-border);padding-bottom:var(--sp-5);margin-bottom:var(--sp-2)}.modal-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:400;letter-spacing:-.02em;color:var(--c-ink)}.modal-question{font-size:var(--fz-sm);color:var(--c-ink-3);font-style:italic}.modal-close{position:absolute;top:var(--sp-5);right:var(--sp-5);background:transparent;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:1rem;cursor:pointer;line-height:1;color:var(--c-ink-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.modal-close:hover{background:var(--c-surface-inset);color:var(--c-ink)}.modal-body{display:grid;grid-gap:var(--sp-6);gap:var(--sp-6);padding-top:var(--sp-5)}.modal-section{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.modal-section p{line-height:1.7;color:var(--c-ink-2)}.modal-section-label{font-size:var(--fz-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-4)}.modal-sector-caveat{background:var(--c-blue-light);border-left:3px solid var(--c-blue);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:var(--sp-3) var(--sp-4);font-size:var(--fz-sm);color:var(--c-blue-dark);line-height:1.55}.modal-limitations{border-top:1px solid var(--c-border);padding-top:var(--sp-5);display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.modal-limitations p{font-size:var(--fz-sm);color:var(--c-ink-3);line-height:1.65}.modal-limitations-label{font-size:var(--fz-xs);font-weight:700;color:var(--c-ink-4);text-transform:uppercase;letter-spacing:.08em}.range-bar-container{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.range-bar-track{position:relative;height:8px;background:linear-gradient(to right,var(--c-green-bg) 0,var(--c-amber-bg) 50%,var(--c-red-bg) 100%);border-radius:99px;border:1px solid var(--c-border)}.range-bar-track[data-inverted=true]{background:linear-gradient(to right,var(--c-red-bg) 0,var(--c-amber-bg) 50%,var(--c-green-bg) 100%)}.range-bar-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;border:2px solid var(--c-surface);box-shadow:0 1px 4px rgba(0,0,0,.2)}.range-bar-current{background:var(--c-ink);width:14px;height:14px;z-index:2}.range-bar-historical{background:var(--c-blue)}.range-bar-industry{background:var(--c-ink-4)}.range-bar-legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5)}.range-bar-legend-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fz-xs);color:var(--c-ink-3)}.range-bar-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.range-bar-dot-current{background:var(--c-ink)}.range-bar-dot-historical{background:var(--c-blue)}.range-bar-dot-industry{background:var(--c-ink-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:40rem){.results-shell{padding:var(--sp-8) var(--sp-4) var(--sp-6);gap:var(--sp-8)}.modal-dialog{padding:var(--sp-5);border-radius:var(--r-md)}.metric-cards-grid{grid-template-columns:1fr;gap:var(--sp-3)}}