.cost-preview { color:var(--fg); 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; text-decoration-thickness:1px; 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; }
main.pricing-page {
  --pricing-column: #f2eee6;
  --pricing-column-line: #e1d9cd;
  --pricing-ink: #34382e;
  --pricing-modal: #95665c;
  max-width: 1216px;
  padding: 48px 48px 68px;
}
.pricing-intro { max-width:800px; margin-bottom:32px; }
.page-home .pricing-intro h1 { font-size:50px; line-height:1.13; margin:14px 0 0; }
.pricing-intro .cost-eyebrow { color:var(--home-muted); font-size:10px; font-weight:500; letter-spacing:.16em; }
.pricing-page h2 { font-size:29px; margin:0 0 12px; }
.pricing-nav { display:flex; align-items:center; gap:28px; min-height:45px; margin:0 0 46px; border-bottom:1px solid var(--home-line); }
.pricing-nav a { display:flex; align-items:center; min-height:45px; color:var(--home-muted); font-size:12px; text-decoration:none; border-bottom:1px solid transparent; margin-bottom:-1px; }
.pricing-nav a:first-child { color:var(--fg); border-bottom-color:var(--fg); }
.pricing-nav .pricing-nav__back { margin-left:auto; gap:7px; color:var(--home-accent); font-size:11px; }
.pricing-nav a:hover { color:var(--fg); }
.pricing-nav a:focus-visible { outline:2px solid var(--home-accent); outline-offset:4px; }
.pricing-page:has(#cpu-configurations:target) .pricing-nav a:first-child { color:var(--home-muted); border-bottom-color:transparent; }
.pricing-page:has(#cpu-configurations:target) .pricing-nav a[href="#cpu-configurations"] { color:var(--fg); border-bottom-color:var(--fg); }
.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-section-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px 24px; }
.pricing-section-head h2 { margin:0; }
.pricing-section-head .pricing-unit { margin:0; color:var(--home-muted); font-size:11px; letter-spacing:.015em; white-space:nowrap; }
.pricing-section-head + p { margin:10px 0 25px; }
.pricing-table-wrap { max-width:100%; overflow:auto; }
.pricing-table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:12px; }
.pricing-table--gpu { min-width:650px; }
.pricing-table--cpu { min-width:900px; }
.pricing-col-gpu { width:37%; }
.pricing-col-vram { width:19%; }
.pricing-col-price { width:22%; }
.pricing-col-cpu { width:18%; }
.pricing-col-ram { width:13%; }
.pricing-col-disk { width:15%; }
.pricing-col-cpu-price { width:18%; }
.pricing-table th, .pricing-table td { padding:0 24px; border-bottom:1px solid var(--home-line); background:transparent; vertical-align:middle; }
.pricing-table th { text-align:left; color:var(--home-muted); white-space:nowrap; }
.pricing-table td { font-variant-numeric:tabular-nums; }
.pricing-table thead th { height:53px; font-size:11px; font-weight:500; }
.pricing-table th:first-child { padding-left:0; }
.pricing-table tbody th, .pricing-table tbody td { height:65px; }
.pricing-table tbody th { color:var(--fg); font-size:14px; font-weight:500; letter-spacing:-.015em; }
.pricing-table .pricing-memory { color:var(--home-muted); font-size:13px; }
.pricing-table .pricing-price-heading, .pricing-table .pricing-nodus, .pricing-table .pricing-modal { text-align:right; }
.pricing-table .pricing-nodus { background:var(--pricing-column); border-bottom-color:var(--pricing-column-line); }
.pricing-table thead .pricing-nodus { color:var(--fg); border-radius:5px 5px 0 0; }
.pricing-nodus-label { display:inline-flex; align-items:center; gap:7px; }
.pricing-nodus-label > span:first-child { display:flex; }
.pricing-nodus-label svg { width:13px; height:13px; }
.pricing-price { font-size:18px; font-weight:400; font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
.pricing-nodus .pricing-price { color:var(--pricing-ink); font-weight:600; }
.pricing-modal .pricing-price { color:var(--pricing-modal); }
.pricing-table .not-listed { color:var(--home-muted); font-size:12px; font-weight:400; }
.pricing-table tbody tr:last-child .pricing-nodus { border-radius:0 0 5px 5px; }
.pricing-group > .pricing-table-note { margin:18px 0 0; font-size:11px; }
:root[data-theme="dark"] .pricing-page {
  --pricing-column: #28231d;
  --pricing-column-line: #423a31;
  --pricing-ink: #eee8de;
  --pricing-modal: #d3a094;
}
@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-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; }
 main.pricing-page { padding:30px 24px 48px; }
 .page-home .pricing-intro h1 { font-size:37px; }
 .pricing-nav { gap:20px; flex-wrap:wrap; margin-bottom:36px; }
 .pricing-nav a { font-size:11px; }
 .pricing-nav .pricing-nav__back { font-size:10px; }
 .pricing-section-head { gap:12px; }
 .pricing-section-head h2 { font-size:27px; }
 .pricing-section-head .pricing-unit { font-size:10px; }
 .pricing-section-head + p { max-width:280px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .cost-preview *, .cost-preview *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.no-js .cost-modes, .no-js .cost-selector { display:none; }