.true-cost-page{width:min(1180px,calc(100% - 2rem));padding-top:4rem}.tc-hero{max-width:860px;margin-bottom:2rem}.eyebrow{margin:0 0 .75rem;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong)}.true-cost-page h1{max-width:900px;margin:0 0 1.25rem;font-size:clamp(2.75rem,8vw,5.5rem);line-height:.95;letter-spacing:-.055em}.tc-hero p:not(.eyebrow){font-size:1.15rem;color:var(--text-muted)}.tc-tool{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr);gap:1rem;align-items:start}.tc-controls,.hero-number,.card-grid article,.viz-card,.takeaway{border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--box-shadow)}.tc-controls,.hero-number,.viz-card,.takeaway{padding:1.35rem}.control-grid,.hidden-grid,.card-grid,.viz-grid,.reset-grid,.opportunity-grid{display:grid;gap:1rem}.control-grid,.hidden-grid{grid-template-columns:repeat(2,1fr)}.tc-controls label{display:grid;gap:.35rem;margin-bottom:.85rem;font-weight:700}.tc-controls label span,.viz-card label span{font-size:.9rem}.tc-controls input,.tc-controls select,.viz-card input,.viz-card select{width:100%;border:1px solid var(--border);border-radius:12px;padding:.75rem .85rem;background:var(--background);color:var(--text);font:inherit}.hidden-costs,.slider-panel{margin-top:2rem}.hidden-costs h2{margin-bottom:.25rem}.hidden-costs p{margin-top:0;color:var(--text-muted)}.hero-number{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 86%,var(--accent) 14%),var(--surface));margin-bottom:1rem}.hero-number h2{font-size:clamp(3rem,9vw,6rem);letter-spacing:-.06em;margin:0}.hero-number p:last-child{color:var(--text-muted);margin:0}.card-grid{grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.card-grid article{padding:1rem}.card-grid p{margin:0;color:var(--text-muted);font-size:.9rem}.card-grid strong{font-size:1.35rem}.viz-card{margin-bottom:1rem}.viz-head,.donut-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.viz-head p{color:var(--text-muted);margin:0}.chart-wrap{position:relative}.chart-wrap svg{display:block;width:100%;height:auto}.chart-tip{position:absolute;transform:translate(-50%);border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--box-shadow);padding:.75rem;pointer-events:none}.chart-tip span{display:block;color:var(--text-muted);font-size:.9rem}.tc-bg{fill:var(--background)}.tc-grid{stroke:var(--border)}.tc-axis{fill:var(--text-muted);font-size:12px}.tc-line{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round}.tc-line.muted{stroke:var(--text-muted);stroke-dasharray:8 8}.viz-grid{grid-template-columns:1fr 1fr}.donut-row svg{width:150px}.donut-base{fill:none;stroke:var(--background);stroke-width:18}.donut-a,.donut-b{fill:none;stroke:var(--accent);stroke-width:18;transform:rotate(-90deg);transform-origin:70px 70px}.donut-b{stroke:var(--text-muted)}.donut-text{fill:var(--text);font-size:20px;font-weight:700}.big-text{font-size:2.6rem;font-weight:700;margin:.25rem 0}.blocks{display:grid;grid-template-columns:repeat(20,1fr);gap:.25rem}.blocks span{aspect-ratio:1;border-radius:4px;background:var(--background);border:1px solid var(--border)}.blocks span.filled{background:var(--accent)}.reset-grid,.opportunity-grid{grid-template-columns:repeat(4,1fr)}.reset-grid article,.opportunity-grid article{border:1px solid var(--border);border-radius:16px;padding:1rem;background:var(--background)}.reset-grid p{margin:0;color:var(--text-muted)}.reset-grid strong,.opportunity-grid strong{display:block;font-size:1.4rem}.reset-grid span,.opportunity-grid span{color:var(--text-muted);font-size:.9rem}.meter{height:1rem;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--background)}.meter span{display:block;height:100%;background:var(--accent);width:0}.takeaway{font-size:1.35rem;font-weight:700}@media(max-width:980px){.tc-tool,.card-grid,.viz-grid,.control-grid,.hidden-grid{grid-template-columns:1fr}.reset-grid,.opportunity-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.true-cost-page{padding-top:2rem}.reset-grid,.opportunity-grid{grid-template-columns:1fr}.viz-head,.donut-row{align-items:flex-start;flex-direction:column}}