.cost-preview { color:var(--fg); padding:36px 0 24px; scroll-margin-top:105px; }
.cost-heading { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-bottom:18px; }
.cost-eyebrow { margin:0 0 7px; font-size:9px; font-weight:550; letter-spacing:.13em; color:var(--home-accent); }
.page-home .cost-heading h2 { font-size:30px; line-height:1.2; margin:0; letter-spacing:-.025em; }
.cost-heading p:last-child { color:var(--home-muted); font-size:11px; margin:7px 0 0; }
.cost-modes { display:flex; padding:3px; border:1px solid var(--home-line); border-radius:5px; flex-shrink:0; gap:3px; }
.cost-modes button { padding:8px 15px; background:transparent; color:var(--home-muted); border:0; border-radius:3px; font:500 11px var(--font-sans); cursor:pointer; transition:background 180ms,color 180ms; }
.cost-modes button[aria-selected=true] { background:var(--fg); color:var(--home-bg); }
.cost-panel[hidden] { display:none; }
.cost-selector { display:flex; min-width:0; width:100%; }
.cost-options { display:flex; flex:1; min-width:0; overflow:auto hidden; scrollbar-width:none; border-block:1px solid var(--home-line); overscroll-behavior-x:contain; }
.cost-options::-webkit-scrollbar { display:none; }
.cost-options button { flex:0 0 auto; min-width:100px; padding:10px 17px; border:0; border-right:1px solid var(--home-line); background:transparent; color:var(--home-muted); font:400 11px var(--font-sans); white-space:nowrap; cursor:pointer; transition:background 180ms,color 180ms; }
.cost-options button[aria-pressed=true] { background:var(--fg); color:var(--home-bg); }
.cost-options button:not([aria-pressed=true]):hover { background:var(--home-soft); color:var(--fg); }
.cost-scroll { display:grid; place-items:center; flex:0 0 30px; padding:0; border:1px solid var(--home-line); background:transparent; color:var(--fg-soft); cursor:pointer; }
.cost-scroll svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.2; }
.cost-scroll:disabled { color:var(--home-line); cursor:default; }
.cost-scroll:enabled:hover { background:var(--home-soft); }
.cost-metrics { display:grid; grid-template-columns:195px minmax(0,1fr) 146px; gap:30px; align-items:center; min-height:114px; padding:17px 0 12px; }
.cost-amount { font-size:39px; letter-spacing:-.055em; font-weight:450; line-height:1.05; font-variant-numeric:tabular-nums; }
.cost-hour { color:var(--home-muted); font-size:11px; margin-left:6px; white-space:nowrap; }
.cost-resources { font-size:10px; line-height:1.5; color:var(--home-muted); margin:8px 0 0; }
.cost-chart { display:grid; gap:15px; }
.cost-row { display:grid; grid-template-columns:95px minmax(0,1fr) 76px; align-items:center; gap:14px; font-size:11px; }
.cost-row:first-child { font-weight:600; }
.cost-track { height:5px; min-width:0; }
.cost-bar { display:block; height:5px; background:var(--home-muted); transform-origin:left; transition:width 520ms cubic-bezier(.22,1,.36,1); }
.cost-row:first-child .cost-bar { background:var(--fg); }
.cost-row-price { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cost-row.is-unmatched { color:var(--home-muted); }
.cost-row.is-unmatched .cost-track { border-top:1px dashed var(--home-line); height:1px; }
.cost-saving { display:flex; align-items:center; gap:9px; justify-content:flex-end; }
.cost-saving strong { font:400 31px/1 'Source Serif 4',Georgia,serif; color:var(--home-accent); letter-spacing:-.04em; white-space:nowrap; }
.cost-saving span { font-size:9px; line-height:1.5; color:var(--home-muted); max-width:63px; }
.cost-saving.is-unmatched, .cost-saving.is-qualified { display:block; text-align:right; }
.cost-saving.is-unmatched strong, .cost-saving.is-qualified strong { font:500 12px var(--font-sans); letter-spacing:0; color:var(--fg-soft); }
.cost-saving.is-unmatched span, .cost-saving.is-qualified span { display:block; max-width:none; margin-top:4px; }
.cost-footer { display:flex; justify-content:flex-end; align-items:center; gap:15px; padding-top:12px; border-top:1px solid var(--home-line); }
.cost-footer a { font-size:11px; color:var(--home-accent); text-underline-offset:4px; white-space:nowrap; }
.cost-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.cost-preview button:focus-visible { outline:2px solid var(--home-accent); outline-offset:-3px; }
.pricing-page { padding-top:52px!important; }
.pricing-intro { max-width:800px; margin-bottom:35px; }
.page-home .pricing-intro h1 { font-size:43px; line-height:1.14; margin:10px 0 15px; }
.pricing-intro p { color:var(--home-muted); font-size:13px; line-height:1.8; }
.pricing-page h2 { font-size:29px; margin:0 0 12px; }
.pricing-nav { display:flex; flex-wrap:wrap; gap:25px; margin:20px 0 40px; }
.pricing-nav a { color:var(--home-accent); font-size:12px; text-underline-offset:4px; }
.pricing-group { scroll-margin-top:110px; margin:0 0 45px; }
.pricing-group > p { color:var(--home-muted); font-size:12px; line-height:1.7; max-width:900px; }
.pricing-table-wrap { max-width:100%; overflow:auto; border-block:1px solid var(--home-line); }
.pricing-table { width:100%; border-collapse:collapse; min-width:770px; font-size:12px; }
.pricing-table th { text-align:left; color:var(--home-muted); font-size:10px; font-weight:500; padding:14px 12px; background:var(--home-soft); white-space:nowrap; }
.pricing-table td { padding:13px 12px; border-top:1px solid var(--home-line); vertical-align:middle; font-variant-numeric:tabular-nums; }
.pricing-table td:first-child { font-weight:550; }
.pricing-table .not-listed { color:var(--home-accent); }
.pricing-table .rate-positive { color:var(--home-accent); }
.pricing-qualification { display:block; color:var(--home-muted); font-size:10px; margin-top:3px; }
@media(max-width:900px) { .cost-metrics { grid-template-columns:170px minmax(0,1fr) 120px; gap:18px; } .cost-row { grid-template-columns:78px minmax(0,1fr) 63px; gap:9px; font-size:10px; } }
@media(max-width:650px) {
 .cost-preview { padding-top:30px; }
 .cost-heading { align-items:flex-start; gap:15px; flex-wrap:wrap; margin-bottom:13px; }
 .page-home .cost-heading h2 { font-size:28px; }
 .cost-modes { padding:2px; }
 .cost-modes button { padding:7px 14px; }
 .cost-options button { padding:10px 14px; min-width:96px; }
 .cost-metrics { grid-template-columns:minmax(0,1fr) 126px; gap:18px 10px; padding-top:19px; padding-bottom:16px; }
 .cost-chart { grid-column:1/-1; grid-row:2; }
 .cost-saving { grid-row:1; grid-column:2; }
 .cost-row { grid-template-columns:93px minmax(0,1fr) 73px; font-size:11px; }
 .cost-footer { align-items:flex-start; flex-direction:column; gap:10px; }
 .page-home .pricing-intro h1 { font-size:34px; }
}
@media(prefers-reduced-motion:reduce) { .cost-preview *, .cost-preview *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.home-price-link { color:var(--home-accent); font-size:12px; text-underline-offset:4px; }
.no-js .cost-modes, .no-js .cost-selector { display:none; }
