/* Pricing page */
.pricing-hero{padding-bottom:clamp(28px,3vw,40px)}
.billing{display:inline-flex;gap:4px;margin-top:30px;padding:4px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:rgba(255,255,255,.03)}
.billing button{height:40px;padding:0 20px;border:0;border-radius:var(--r-pill);background:transparent;font-size:.9rem;color:#d6cec1;transition:background var(--d1),color var(--d1)}
.billing button span{margin-left:4px;font-size:.78rem;color:var(--gold-2)}
.billing button[aria-checked=true]{background:var(--text);color:var(--ink)}
.billing button[aria-checked=true] span{color:var(--wine-2)}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:28px 24px;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));scroll-margin-top:calc(var(--nav-h) + 20px)}
.plan--hl{border-color:rgba(214,181,111,.6);background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(122,30,30,.35),transparent 70%),linear-gradient(180deg,#16121a,#0e0c11);box-shadow:0 0 0 1px rgba(214,181,111,.2),var(--shadow-2)}
.plan--custom{background:transparent;border-style:dashed}
.plan-flag{position:absolute;top:-13px;left:24px;padding:6px 12px;border-radius:var(--r-pill);background:linear-gradient(135deg,#f0d9a5,#c6a760);color:#251f16;font:700 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.plan-top{display:flex;flex-direction:column;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.plan-name{font:600 1.9rem/1 var(--serif)}
.plan-for{margin:8px 0 0;color:var(--muted);font-size:.92rem;min-height:2.6em}
.plan-faces{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.8rem;color:var(--faint);min-height:34px}
.plan-faces .stack{display:flex}
.plan-faces .stack .avatar+.avatar{margin-left:-7px}
.plan-faces--choose .stack .avatar{opacity:.5;filter:grayscale(.4)}
.plan-faces--choose .stack .avatar:nth-child(2){opacity:1;filter:none;position:relative;z-index:1}
.price{display:flex;align-items:baseline;gap:6px;margin:22px 0 0}
.price b{font:600 2.7rem/1 var(--serif);letter-spacing:-.02em;font-variant-numeric:lining-nums;transition:opacity .2s}
.price span{color:var(--muted);font-size:.9rem}
.price--text b{font-size:2.2rem}
.setup{margin:6px 0 20px;font-size:.86rem;color:var(--faint)}
.plan .btn{width:100%}
.plan .checks{font-size:.9rem;color:#d6cec1;gap:11px}
.plan .checks b{color:var(--text)}
.plan .checks li:has(b)::before{display:none}
.value-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:v}
.value-steps li{display:grid;grid-template-columns:auto 1fr auto;gap:4px 16px;align-items:center;padding:16px 18px;border-radius:var(--r-md);background:var(--cream-card);border:1px solid var(--line-ink);counter-increment:v}
.value-steps li::before{content:"0" counter(v);grid-row:1/3;font:600 1.5rem/1 var(--serif);color:var(--wine-2)}
.value-steps b{font-size:1rem}
.value-steps span{grid-column:2;font-size:.88rem;color:var(--ink-muted)}
.value-steps i{grid-row:1/3;grid-column:3;font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:var(--r-pill);background:rgba(21,19,24,.06);color:var(--ink-muted)}
.value-steps li:last-child i{background:rgba(156,46,62,.12);color:var(--wine-2)}
.table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line)}
.cmp{width:100%;min-width:720px;border-collapse:collapse;font-size:.9rem}
.cmp th,.cmp td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--line)}
.cmp thead th{position:sticky;top:0;background:var(--panel);font:600 1.15rem/1.1 var(--serif);padding:18px}
.cmp tbody th{text-align:left;font-weight:500;color:#d6cec1}
.cmp td{color:var(--muted)}
.cmp .hl{background:rgba(198,167,96,.06);color:var(--text)}
.cmp thead .hl{color:var(--gold-2);background:#17131a}
.cmp tr.grp th{padding:20px 18px 10px;text-align:left;font:700 var(--fs-micro)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:transparent}
.cmp tbody tr:last-child>*{border-bottom:0}
.entry .card{display:flex;flex-direction:column;gap:8px}
.entry .card h3{margin-top:6px}
.entry .link{margin-top:auto;padding-top:14px}
.entry-price{font:700 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.entry-price b{font-weight:700}
.card--pioneer{border-color:rgba(214,181,111,.4);background:linear-gradient(160deg,rgba(122,30,30,.3),rgba(198,167,96,.05))}
.card--pioneer .badge{align-self:flex-start}
.addons{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-ink)}
.addons li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line-ink)}
.addons b{font-weight:700}
.addons span{color:var(--ink-muted);white-space:nowrap}
.addons em{font-style:normal;font-weight:700;color:var(--ink)}
@media (max-width:1180px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-flag{left:20px}}
@media (max-width:640px){.plans{grid-template-columns:1fr}.plan-for{min-height:0}.addons li{flex-direction:column;gap:4px}}

/* v7 — what you pay, and when */
.pay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}
.pay-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--r-lg);background:var(--cream-card);border:1px solid var(--line-ink);box-shadow:var(--shadow-ink)}
.pay-card--soft{background:transparent;box-shadow:none;border-style:dashed}
.pay-when{font:700 var(--fs-micro)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wine-2)}
.pay-card h3{font:600 1.6rem/1.1 var(--serif)}
.pay-amount{margin:2px 0 6px;font-size:.92rem;color:var(--ink-muted)}
.pay-amount b{font:600 1.7rem/1 var(--serif);color:var(--ink)}
.pay-card .checks{margin:0;font-size:.9rem;color:#3d373e}
.pay-example{margin-top:22px;padding:20px 24px;border-radius:var(--r-lg);background:var(--ink);color:var(--text)}
.pay-example-k{margin:0 0 10px;font:700 var(--fs-micro)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pay-example-calc{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:0;font-size:1.05rem}
.pay-example-calc b{font:600 1.5rem/1 var(--serif)}
.pay-example-calc i{font-style:normal;color:var(--gold-2)}
.pay-total b{color:var(--gold-2)}
.pay-example-note{margin:10px 0 0;font-size:.86rem;color:var(--muted)}
.cmp--alt td{text-align:left}
@media (max-width:900px){.pay{grid-template-columns:1fr}}

/* custom-work note (v11): below the add-ons, quieter than the plans */
.custom-note{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:14px 28px;margin-top:clamp(36px,5vw,56px);padding:22px 26px;border:1px solid var(--line-ink);border-radius:var(--r-md);background:rgba(255,255,255,.45)}
.custom-tag{margin:2px 0 0;padding:5px 10px;border-radius:var(--r-pill);border:1px solid var(--line-ink);font:700 .7rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}
.custom-body h3{margin:0 0 6px;font:600 1.3rem/1.2 var(--serif);color:var(--ink)}
.custom-body p{margin:0;max-width:72ch;color:var(--ink-muted);font-size:.95rem;line-height:1.6}
.custom-note .btn{align-self:center}
@media (max-width:860px){.custom-note{grid-template-columns:1fr;padding:20px}.custom-tag{justify-self:start}.custom-note .btn{justify-self:start}}

/* v12 · the made-to-measure note sits alone in a short band at the bottom of the page */
.custom-sec .custom-note{margin-top:0}