/* ============================================================
   TownVue — /Pricing, "Immersive" build.
   Loads ALONGSIDE state-immersive.css (which provides the tokens,
   tv-btn, d3-* color bands, d3-eyebrow/h2, d3-faq, reveal, count-up).
   This file adds only the pricing-page-specific pieces + the
   full-bleed _HomeLayout reset. Everything is scoped under
   .state-immersive so nothing leaks site-wide.
   ============================================================ */

/* Full-bleed under _HomeLayout (loads only on this page). */
.home-shell{ padding-block:0 !important; }
.home-shell__inner{ max-width:none !important; width:100% !important; padding-inline:0 !important; margin-inline:0 !important; }

/* Section intro paragraphs: let them stretch to the (wider) centered intro
   wrapper instead of the global 46ch cap, so the wording reads wider and
   shorter, not narrow and tall. Pricing-only (this file loads only here). */
.state-immersive .d3-sec-lead{ max-width:none; }

/* ── Sticky in-page sub-nav ── */
.state-immersive .pr-subnav{ position:sticky; top:0; z-index:60; background:var(--beige); border-bottom:1px solid var(--line); }
.state-immersive .pr-subnav-in{ max-width:var(--maxw); margin-inline:auto; padding:11px 28px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.state-immersive .pr-subnav-links{ display:flex; align-items:center; gap:8px 26px; flex-wrap:wrap; }
.state-immersive .pr-subnav-links a{ font-size:14.5px; font-weight:700; color:var(--ink-soft); transition:color .15s; }
.state-immersive .pr-subnav-links a:hover{ color:var(--navy); }
.state-immersive .pr-subnav .pr-subnav-cta{ flex:none; background:var(--gold); color:var(--navy); font-size:13.5px; font-weight:800; padding:9px 18px; border-radius:var(--r-pill); white-space:nowrap; transition:background .2s, transform .15s; }
.state-immersive .pr-subnav .pr-subnav-cta:hover{ background:var(--gold-700); transform:translateY(-1px); }

/* ── Hero pieces ── */
.state-immersive .d3-h1 .w{ color:#fff; }
.state-immersive .pr-chips{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; margin-top:30px; }
.state-immersive .pr-chip{ display:inline-flex; align-items:center; gap:8px; background:var(--navy-600); border:1px solid var(--navy-line); border-radius:var(--r-pill); padding:9px 16px; font-size:13.5px; font-weight:700; color:var(--muted-navy); }
.state-immersive .pr-chip strong{ color:#fff; }
.state-immersive .pr-chip .v{ color:var(--gold); }
.state-immersive .pr-chip-link{ color:var(--gold); font-weight:800; font-size:13.5px; text-decoration:underline; text-underline-offset:2px; }

/* Hero "includes" card */
.state-immersive .pr-inccard{ background:var(--paper); border-radius:var(--r-lg); box-shadow:var(--shadow-lg); overflow:hidden; }
.state-immersive .pr-inccard-top{ background:var(--navy); color:#fff; padding:20px 26px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.state-immersive .pr-inccard-top .lbl{ font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); max-width:14ch; line-height:1.3; }
.state-immersive .pr-inccard-top .pr-price{ font-family:var(--serif); font-size:46px; font-weight:600; line-height:1; white-space:nowrap; }
.state-immersive .pr-inccard-top .pr-price .per{ font-family:var(--sans); font-size:15px; font-weight:600; color:var(--muted-navy); }
.state-immersive .pr-inccard-body{ padding:24px 26px; display:grid; grid-template-columns:1fr 1fr; gap:11px 26px; }
.state-immersive .pr-inccard-row{ display:flex; align-items:flex-start; gap:9px; font-size:14.5px; font-weight:600; color:var(--ink); line-height:1.3; }
.state-immersive .pr-inccard-row .ck{ flex:none; color:var(--sage-700); font-weight:900; }
.state-immersive .pr-inccard-foot{ padding:16px 26px; border-top:1px solid var(--line); background:var(--paper-warm); font-size:14px; font-weight:600; color:var(--ink-soft); }
.state-immersive .pr-inccard-foot b{ color:var(--clay-700); }

/* ── Navy stat strip (hero footer) ── */
.state-immersive .pr-stats{ border-top:1px solid var(--navy-line); margin-top:56px; padding-top:46px; display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.state-immersive .pr-stat .n{ font-family:var(--serif); font-size:clamp(40px,5.4vw,62px); font-weight:600; line-height:.9; color:#fff; }
.state-immersive .pr-stat .n.g{ color:var(--gold); }
.state-immersive .pr-stat .l{ font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; margin-top:11px; color:var(--muted-navy); }
.state-immersive .pr-trust{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 26px; margin-top:40px; padding-top:26px; border-top:1px solid var(--navy-line); font-size:13.5px; font-weight:700; color:var(--muted-navy); }
.state-immersive .pr-trust .it{ display:inline-flex; align-items:center; gap:8px; }
.state-immersive .pr-trust .stars{ color:var(--gold); letter-spacing:1px; }
.state-immersive .pr-trust strong{ color:#fff; }

/* ── Big statement clay highlight ── */
.state-immersive .pr-statement{ font-family:var(--serif); font-weight:600; font-size:clamp(25px,3.2vw,39px); line-height:1.22; letter-spacing:-.015em; color:var(--navy); max-width:860px; margin-inline:auto; text-align:center; text-wrap:balance; }
.state-immersive .pr-statement .hl{ color:var(--clay); font-style:italic; }

/* ── "Replaces a stack" list (single card, divided rows) ── */
.state-immersive .pr-replace{ max-width:880px; margin:0 auto; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-md); overflow:hidden; }
.state-immersive .pr-replace-row{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 24px; border-bottom:1px solid var(--line-soft); }
.state-immersive .pr-replace-row:last-child{ border-bottom:0; }
.state-immersive .pr-replace-row .t{ display:flex; align-items:center; gap:16px; min-width:0; }
.state-immersive .pr-replace-row .e{ flex:none; width:42px; height:42px; border-radius:11px; background:var(--beige-2); color:var(--navy); display:flex; align-items:center; justify-content:center; }
.state-immersive .pr-replace-row .e svg{ width:21px; height:21px; }
.state-immersive .pr-replace-row .nm{ font-size:16px; font-weight:700; color:var(--navy); line-height:1.2; }
.state-immersive .pr-replace-row .ds{ font-size:13.5px; color:var(--ink-soft); margin-top:3px; line-height:1.4; }
.state-immersive .pr-pill{ flex:none; display:inline-flex; align-items:center; gap:6px; background:var(--gold-soft); color:var(--clay-700); font-size:12.5px; font-weight:800; letter-spacing:.02em; padding:7px 14px; border-radius:var(--r-pill); white-space:nowrap; }
.state-immersive .pr-callout{ max-width:880px; margin:22px auto 0; background:var(--navy); color:#fff; border-radius:var(--r-md); padding:24px 26px; font-size:18px; line-height:1.45; text-align:center; }
.state-immersive .pr-callout b{ color:var(--gold); display:block; margin-top:4px; }

/* ── Feature cards (everything included) ── */
.state-immersive .pr-fcard{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-md); padding:30px 32px; margin-bottom:22px; }
.state-immersive .pr-fcard:last-child{ margin-bottom:0; }
.state-immersive .pr-fcard-head{ display:flex; align-items:center; gap:16px; padding-bottom:20px; margin-bottom:22px; border-bottom:1px solid var(--line); }
.state-immersive .pr-fcard-ico{ flex:none; width:46px; height:46px; border-radius:12px; background:var(--gold); color:var(--navy); display:flex; align-items:center; justify-content:center; }
.state-immersive .pr-fcard-ico svg{ width:24px; height:24px; }
.state-immersive .pr-fcard-titles{ flex:1; min-width:0; }
.state-immersive .pr-fcard-ey{ font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--clay-700); }
.state-immersive .pr-fcard-titles h3{ font-family:var(--serif); font-size:clamp(22px,2.6vw,30px); font-weight:600; color:var(--navy); line-height:1.1; margin-top:5px; }
.state-immersive .pr-fcard-count{ flex:none; align-self:flex-start; background:var(--beige-2); color:var(--ink-soft); font-size:12.5px; font-weight:800; padding:7px 14px; border-radius:var(--r-pill); white-space:nowrap; }
.state-immersive .pr-fcard-grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px 44px; }
.state-immersive .pr-feat2{ display:flex; gap:12px; align-items:flex-start; }
.state-immersive .pr-feat2 .ck{ flex:none; width:22px; height:22px; border-radius:50%; background:var(--sage-soft); color:var(--sage-700); display:flex; align-items:center; justify-content:center; font-weight:900; font-size:12px; margin-top:2px; }
.state-immersive .pr-feat2 .nm{ font-size:15px; font-weight:800; color:var(--navy); line-height:1.22; }
.state-immersive .pr-feat2 .ds{ font-size:13.5px; color:var(--ink-soft); margin-top:4px; line-height:1.45; }
/* Column-flow variant: lets each column pack independently (no grid row
   coupling), so a long item never forces a gap in the other column. Used on
   the Tools card where one feature runs much longer than the rest. */
.state-immersive .pr-fcard-grid--flow{ display:block; column-count:2; column-gap:44px; }
.state-immersive .pr-fcard-grid--flow .pr-feat2{ break-inside:avoid; margin-bottom:22px; }
.state-immersive .pr-fcard-grid--flow .pr-feat2:last-child{ margin-bottom:0; }
/* per-card icon square colors */
.state-immersive .pr-fcard-ico--sage{ background:var(--sage); color:var(--navy); }
.state-immersive .pr-fcard-ico--navy{ background:var(--navy); color:var(--gold); }
.state-immersive .pr-fcard-ico--clay{ background:var(--clay); color:#fff; }

/* AI mock panel (inside the AI feature card) */
.state-immersive .pr-aimock{ display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; background:var(--navy); border-radius:var(--r-md); padding:30px 32px; margin-bottom:26px; }
.state-immersive .pr-aimock .ey{ font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); }
.state-immersive .pr-aimock h4{ font-family:var(--serif); font-size:clamp(24px,2.8vw,33px); font-weight:600; color:#fff; line-height:1.08; margin-top:10px; }
.state-immersive .pr-aimock .lead{ font-size:14.5px; color:var(--muted-navy); line-height:1.5; margin-top:12px; }
.state-immersive .pr-chat{ background:var(--navy-600); border:1px solid var(--navy-line); border-radius:var(--r-md); padding:16px; }
.state-immersive .pr-chat .ask{ background:var(--navy-700); border:1px solid var(--navy-line); border-radius:10px; padding:11px 14px; font-size:13.5px; color:var(--beige); }
.state-immersive .pr-chat .ans{ margin-top:11px; background:var(--navy); border:1px solid var(--navy-line); border-radius:10px; padding:13px 15px; font-size:13.5px; color:#fff; line-height:1.5; }
.state-immersive .pr-chat .ans .biz{ color:var(--gold); font-weight:700; }
.state-immersive .pr-chat .via{ display:inline-block; margin-top:11px; background:var(--gold); color:var(--navy); font-size:10.5px; font-weight:800; letter-spacing:.03em; padding:5px 11px; border-radius:var(--r-pill); }
.state-immersive .pr-chat .read{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:14px; font-size:11px; color:var(--muted-navy); font-weight:700; }
.state-immersive .pr-chat .read .c{ background:var(--navy-700); border:1px solid var(--navy-line); border-radius:var(--r-pill); padding:4px 10px; color:var(--beige); }

/* Closing "every feature included" line */
.state-immersive .pr-included-foot{ text-align:center; margin-top:38px; font-size:clamp(17px,2vw,20px); font-weight:700; color:var(--navy); }
.state-immersive .pr-included-foot .g{ color:var(--gold-700); }

/* "Why we built TownVue" founders section */
.state-immersive .pr-why{ text-align:center; }
.state-immersive .pr-why .q{ font-family:var(--serif); font-weight:500; font-size:clamp(24px,3vw,38px); line-height:1.32; color:var(--navy); max-width:820px; margin:24px auto 0; letter-spacing:-.01em; text-wrap:balance; }
.state-immersive .pr-why .q .hl{ color:var(--clay); font-style:italic; }
.state-immersive .pr-why-founders{ display:flex; justify-content:center; gap:18px 44px; margin-top:36px; flex-wrap:wrap; }
.state-immersive .pr-why-founder{ display:flex; align-items:center; gap:13px; }
.state-immersive .pr-why-founder .av{ flex:none; width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:15px; }
.state-immersive .pr-why-founder .nm{ font-weight:800; color:var(--navy); font-size:15px; text-align:left; }
.state-immersive .pr-why-founder .role{ font-size:12.5px; color:var(--muted); text-align:left; }
@media (max-width:760px){ .state-immersive .pr-aimock{ grid-template-columns:1fr; gap:22px; } }

/* ── Cost toggle widget ── */
.state-immersive .pr-cost{ max-width:620px; margin:0 auto 50px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-md); padding:30px 32px; text-align:center; }
.state-immersive .pr-cost .lbl{ font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--clay-700); }
.state-immersive .pr-cost-tabs{ display:inline-flex; background:var(--beige-2); border-radius:var(--r-pill); padding:5px; margin:18px 0 22px; gap:2px; flex-wrap:wrap; justify-content:center; }
.state-immersive .pr-cost-tab{ border:0; background:transparent; font-family:var(--sans); font-size:14px; font-weight:700; color:var(--ink-soft); padding:9px 18px; border-radius:var(--r-pill); transition:background .15s, color .15s; }
.state-immersive .pr-cost-tab.on{ background:var(--navy); color:#fff; }
.state-immersive .pr-cost-val{ font-family:var(--serif); font-size:clamp(48px,7vw,68px); font-weight:600; color:var(--navy); line-height:1; }
.state-immersive .pr-cost-val .per{ font-family:var(--sans); font-size:18px; font-weight:600; color:var(--muted); }
.state-immersive .pr-cost-note{ font-size:15px; color:var(--ink-soft); margin-top:12px; }

/* ── Plan cards ── */
.state-immersive .pr-plans{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:start; }
.state-immersive .pr-plan{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-md); padding:30px 28px; display:flex; flex-direction:column; height:100%; position:relative; }
.state-immersive .pr-plan--featured{ border:2px solid var(--gold); box-shadow:0 20px 50px rgba(244,180,0,.20); }
.state-immersive .pr-plan--navy{ background:var(--navy); border-color:var(--navy-line); color:#fff; }
.state-immersive .pr-plan-tag{ position:absolute; top:-13px; left:28px; background:var(--gold); color:var(--navy); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:6px 14px; border-radius:var(--r-pill); }
.state-immersive .pr-plan .pr-plan-ey{ font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--clay-700); }
.state-immersive .pr-plan--navy .pr-plan-ey{ color:var(--gold); }
.state-immersive .pr-plan .pr-plan-price{ font-family:var(--serif); font-size:50px; font-weight:600; color:var(--navy); line-height:1; margin-top:10px; }
.state-immersive .pr-plan--navy .pr-plan-price{ color:#fff; }
.state-immersive .pr-plan .pr-plan-price .per{ font-family:var(--sans); font-size:16px; font-weight:600; color:var(--muted); }
.state-immersive .pr-plan--navy .pr-plan-price .per{ color:var(--muted-navy); }
.state-immersive .pr-plan .pr-plan-desc{ font-size:14.5px; line-height:1.5; color:var(--ink-soft); margin-top:14px; background:var(--beige); border-radius:var(--r-md); padding:14px 16px; }
.state-immersive .pr-plan--navy .pr-plan-desc{ color:var(--muted-navy); background:var(--navy-600); }
.state-immersive .pr-plan-list{ list-style:none; padding:0; margin:20px 0 0; display:grid; gap:0; flex:1; }
.state-immersive .pr-plan-list li{ display:flex; align-items:flex-start; gap:11px; padding:13px 0; border-bottom:1px solid var(--line-soft); font-size:14.5px; font-weight:600; color:var(--navy); line-height:1.35; }
.state-immersive .pr-plan--navy .pr-plan-list li{ color:#fff; border-bottom-color:var(--navy-line); }
.state-immersive .pr-plan-list li .ck{ flex:none; color:var(--sage-700); font-weight:900; }
.state-immersive .pr-plan--navy .pr-plan-list li .ck{ color:var(--gold); }
.state-immersive .pr-plan .tv-btn{ width:100%; margin-top:24px; }

/* note + refund */
.state-immersive .pr-plan-note{ max-width:820px; margin:34px auto 0; text-align:center; font-size:14.5px; line-height:1.6; color:var(--ink-soft); }
.state-immersive .pr-plan-note b{ color:var(--navy); }
.state-immersive .pr-refund{ max-width:640px; margin:30px auto 0; display:flex; align-items:center; gap:20px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); padding:22px 26px; box-shadow:var(--shadow-sm); }
.state-immersive .pr-refund .badge15{ flex:none; width:64px; height:64px; border-radius:50%; background:var(--sage); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1; }
.state-immersive .pr-refund .badge15 .num{ font-family:var(--serif); font-size:26px; font-weight:700; }
.state-immersive .pr-refund .badge15 .unit{ font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-top:2px; }
.state-immersive .pr-refund .rx h4{ font-family:var(--serif); font-size:21px; font-weight:600; color:var(--navy); }
.state-immersive .pr-refund .rx p{ font-size:14px; color:var(--ink-soft); margin-top:5px; line-height:1.5; }

/* ── Trading Post (single card) ── */
.state-immersive .pr-tp{ max-width:1000px; margin:0 auto; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-md); padding:36px 40px; }
.state-immersive .pr-tp-head{ display:flex; gap:16px; align-items:flex-start; }
.state-immersive .pr-tp-ico{ flex:none; width:46px; height:46px; border-radius:12px; background:var(--gold); color:var(--navy); display:flex; align-items:center; justify-content:center; }
.state-immersive .pr-tp-ico svg{ width:24px; height:24px; }
.state-immersive .pr-tp-ey{ font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--clay-700); }
.state-immersive .pr-tp h2{ font-family:var(--serif); font-size:clamp(26px,3vw,34px); font-weight:600; color:var(--navy); line-height:1.1; margin-top:4px; }
.state-immersive .pr-tp-desc{ font-size:15px; line-height:1.55; color:var(--ink-soft); margin-top:12px; }
.state-immersive .pr-tp-desc b{ color:var(--navy); }
.state-immersive .pr-tp-prices{ display:grid; grid-template-columns:repeat(3,1fr); margin-top:26px; padding-top:26px; border-top:1px solid var(--line); }
.state-immersive .pr-tp-price{ text-align:center; padding:4px 16px; }
.state-immersive .pr-tp-price + .pr-tp-price{ border-left:1px solid var(--line); }
.state-immersive .pr-tp-price .v{ font-family:var(--serif); font-size:clamp(30px,4vw,40px); font-weight:600; color:var(--navy); line-height:1; }
.state-immersive .pr-tp-price .v.free{ color:var(--sage-700); }
.state-immersive .pr-tp-price .v.sell{ color:var(--gold-700); }
.state-immersive .pr-tp-price .v .per{ font-family:var(--sans); font-size:14px; font-weight:600; color:var(--muted); }
.state-immersive .pr-tp-price .l{ font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--navy); margin-top:10px; }
.state-immersive .pr-tp-price .n{ font-size:13px; color:var(--muted); margin-top:7px; line-height:1.4; }
.state-immersive .pr-tp-foot{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:26px; padding-top:22px; border-top:1px solid var(--line); flex-wrap:wrap; }
.state-immersive .pr-tp-foot .tx{ font-size:13.5px; color:var(--ink-soft); line-height:1.5; max-width:62ch; }
.state-immersive .pr-tp-foot .tx b{ color:var(--navy); }
.state-immersive .pr-tp-foot .tv-btn{ flex:none; }

/* ── Comparison table (light, highlighted TownVue column) ── */
.state-immersive .pr-cmp{ max-width:880px; margin:0 auto; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-lg); }
.state-immersive .pr-cmp table{ width:100%; border-collapse:collapse; background:var(--paper); }
.state-immersive .pr-cmp th, .state-immersive .pr-cmp td{ padding:15px 22px; text-align:left; font-size:15px; }
.state-immersive .pr-cmp thead th{ background:var(--navy); color:var(--muted-navy); font-size:13px; font-weight:800; letter-spacing:.04em; }
.state-immersive .pr-cmp thead th.tv{ color:var(--gold); font-family:var(--serif); font-size:20px; letter-spacing:0; font-weight:600; }
.state-immersive .pr-cmp tbody tr{ border-bottom:1px solid var(--line); }
.state-immersive .pr-cmp tbody tr:last-child{ border-bottom:0; }
.state-immersive .pr-cmp tbody th{ font-weight:700; color:var(--navy); background:var(--paper); }
.state-immersive .pr-cmp td.tv{ background:var(--gold-soft); color:var(--navy); font-weight:700; }
.state-immersive .pr-cmp td.fb{ color:var(--muted); font-weight:500; }
.state-immersive .pr-cmp .yes{ color:var(--navy); font-weight:800; }
.state-immersive .pr-cmp .no{ color:var(--muted); }
.state-immersive .pr-cmp-foot{ background:var(--navy); color:#fff; text-align:center; padding:18px 24px; font-size:16px; font-weight:600; line-height:1.45; }
.state-immersive .pr-cmp-foot b{ color:var(--gold); }

/* ── How it works (urgency banner + numbered steps) ── */
.state-immersive .pr-urgency{ display:flex; gap:14px; align-items:flex-start; max-width:1000px; margin:0 auto; background:var(--gold-soft); border:1px solid rgba(244,180,0,.55); border-radius:var(--r-lg); padding:22px 28px; box-shadow:var(--shadow-sm); }
.state-immersive .pr-urgency .dot{ flex:none; width:9px; height:9px; border-radius:50%; background:var(--clay); margin-top:8px; }
.state-immersive .pr-urgency p{ font-size:15.5px; line-height:1.55; color:var(--navy); }
.state-immersive .pr-urgency b{ font-weight:800; }
.state-immersive .pr-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:44px; }
.state-immersive .pr-step .no{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:var(--navy); color:var(--gold); font-family:var(--serif); font-size:20px; font-weight:600; }
.state-immersive .pr-step h4{ font-family:var(--serif); font-size:21px; font-weight:600; color:var(--navy); margin-top:18px; }
.state-immersive .pr-step p{ font-size:14px; line-height:1.55; color:var(--ink-soft); margin-top:10px; }
@media (max-width:760px){ .state-immersive .pr-steps{ grid-template-columns:1fr 1fr; gap:28px; } }
@media (max-width:480px){ .state-immersive .pr-steps{ grid-template-columns:1fr; } }

/* ── Testimonials (filter chips + quote cards) ── */
/* Business-type chips: horizontal auto-scroll marquee */
.state-immersive .pr-filter{ overflow:hidden; margin:34px 0 40px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.state-immersive .pr-filter-track{ display:flex; gap:10px; width:max-content; animation:pr-cscroll 34s linear infinite; }
.state-immersive .pr-filter:hover .pr-filter-track{ animation-play-state:paused; }
@keyframes pr-cscroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.state-immersive .pr-filter-chip{ flex:none; white-space:nowrap; border:1px solid var(--line); background:var(--paper); color:var(--navy); font-size:14.5px; font-weight:700; padding:11px 22px; border-radius:var(--r-pill); box-shadow:var(--shadow-sm); }
/* Testimonials: static two-up cards */
.state-immersive .pr-testis{ display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:1000px; margin:0 auto; }
.state-immersive .pr-testi{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); padding:32px 36px; box-shadow:var(--shadow-md); }
.state-immersive .pr-testi .qm{ font-family:var(--serif); font-size:46px; line-height:.5; color:var(--gold); font-weight:700; display:block; height:30px; }
.state-immersive .pr-testi .quote{ font-family:var(--serif); font-style:italic; font-size:19px; line-height:1.5; color:var(--navy); margin-top:16px; }
.state-immersive .pr-testi .who{ margin-top:24px; font-size:14px; }
.state-immersive .pr-testi .who .nm{ font-weight:800; color:var(--navy); }
.state-immersive .pr-testi .who .loc{ color:var(--clay-700); font-weight:600; }

/* ── "Nothing to risk" chips ── */
.state-immersive .pr-risk{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; max-width:920px; margin:0 auto; }
.state-immersive .pr-risk .chip{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r-pill); padding:13px 24px; font-size:15px; font-weight:700; color:var(--navy); box-shadow:var(--shadow-sm); }

/* ── Final CTA (clay) ── */
.state-immersive .pr-final{ display:grid; grid-template-columns:1.1fr .9fr; gap:54px; align-items:center; }
.state-immersive .pr-final h2{ font-family:var(--serif); font-weight:600; font-size:clamp(38px,5.4vw,64px); color:#fff; line-height:1.02; letter-spacing:-.02em; text-wrap:balance; }
.state-immersive .pr-final p{ font-size:18px; line-height:1.55; color:rgba(255,255,255,.9); margin-top:20px; max-width:42ch; }
.state-immersive .pr-ready{ background:var(--paper-warm); border-radius:var(--r-lg); padding:30px 32px; box-shadow:var(--shadow-lg); }
.state-immersive .pr-ready .lbl{ font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--clay-700); }
.state-immersive .pr-ready .tv-btn{ width:100%; margin-top:16px; }
.state-immersive .pr-ready .meta{ font-size:13px; font-weight:700; color:var(--muted); margin-top:16px; text-align:center; }
.state-immersive .pr-ready .alt{ font-size:13px; color:var(--ink-soft); margin-top:14px; padding-top:14px; border-top:1px solid var(--line); text-align:center; line-height:1.6; }
.state-immersive .pr-ready .alt a{ color:var(--clay-700); font-weight:700; text-decoration:underline; }

/* ── Responsive ── */
@media (max-width:980px){
  .state-immersive .pr-inccard{ max-width:520px; margin-inline:auto; }
  .state-immersive .pr-final{ grid-template-columns:1fr; gap:34px; }
}
@media (max-width:760px){
  .state-immersive .pr-stats{ grid-template-columns:1fr 1fr; gap:30px 18px; }
  .state-immersive .pr-plans{ grid-template-columns:1fr; }
  .state-immersive .pr-testis{ grid-template-columns:1fr; }
  .state-immersive .pr-tp-prices{ grid-template-columns:1fr; gap:22px; }
  .state-immersive .pr-tp-price + .pr-tp-price{ border-left:0; border-top:1px solid var(--line); padding-top:22px; }
  .state-immersive .pr-subnav-links{ gap:6px 16px; }
  .state-immersive .pr-fcard-grid{ grid-template-columns:1fr; gap:18px; }
  .state-immersive .pr-fcard-grid--flow{ column-count:1; }
  .state-immersive .pr-cmp th, .state-immersive .pr-cmp td{ padding:13px 14px; font-size:13.5px; }
}
@media (prefers-reduced-motion:reduce){
  .state-immersive .pr-filter-track{ animation:none !important; transform:none !important; }
}
@media (max-width:560px){
  .state-immersive .pr-inccard-body{ grid-template-columns:1fr; }
  .state-immersive .pr-fcard{ padding:24px 22px; }
  .state-immersive .pr-fcard-head{ flex-wrap:wrap; gap:12px; }
  .state-immersive .pr-replace-row{ flex-direction:column; align-items:flex-start; gap:12px; }
  .state-immersive .pr-refund{ flex-direction:column; text-align:center; }
  .state-immersive .pr-subnav-links a:nth-child(n+4){ display:none; }
}