/* Plus page (UI-021, BUG-037, B1a; approved by Daniel 12.10.2026): the r337 composition and image language
   (plus/index.html v2988) on FINAL v18 tokens. Three deliberate dark brand surfaces in both themes take the dark token
   block through data-theme-scope="dark": slogan stage, orbit graphic and price card. Graphic geometry of the orbit
   (ring sizes, node positions, core) is the r337 measure in px; spacing, colours and radii are tokens. All motion only
   without "reduce motion"; without script every block is visible (data-plus-reveal waits for .plus-motion). */
@layer layout {
 /* Route tones resolve where they are declared, so the dark brand surfaces declare them again for their dark tokens. */
 .plus-route, .plus-route [data-theme-scope] { --plus-line: color-mix(in srgb, var(--gold) 38%, transparent); --plus-blue: var(--info); --plus-teal: var(--learning-watch); --plus-violet: var(--learning-relevance);
  --plus-silver: color-mix(in srgb, var(--text) 62%, var(--navy-line)); --plus-ease: var(--ease-standard); }
 .plus-route { display: grid; width: 100%; max-width: calc(var(--desktop-max) * 5 / 6); margin-inline: auto; }
 .plus-route .plus-word { color: var(--accent-text); }
 .plus-section { display: grid; gap: var(--s5); min-width: 0; padding-block: var(--s8); border-top: 1px solid var(--border-soft); }
 .plus-section > *, .plus-hero > * { min-width: 0; }
 .plus-eyebrow { display: flex; align-items: center; gap: var(--s3); margin: 0; color: var(--accent-text); font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
 .plus-eyebrow::before, .plus-eyebrow--center::after { content: ''; width: calc(var(--s5) + var(--s1)); height: 1px; background: var(--plus-line); }
 .plus-eyebrow--center { justify-content: center; }
 .plus-title { max-width: 26ch; margin: 0; font-size: clamp(1.7rem, 3.4vw, 2.85rem); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; text-wrap: balance; }
 .plus-title strong, .plus-value__lead strong { display: block; color: var(--accent-text); font-weight: 700; }
 .plus-title em { color: var(--accent-text); font-style: normal; }
 .plus-title--center, .plus-lead--center { justify-self: center; text-align: center; }
 .plus-title--xl { max-width: 24ch; font-size: clamp(1.9rem, 4.2vw, 3.35rem); }
 .plus-lead { max-width: 62ch; margin: 0; color: var(--text-muted); font-size: 1.05rem; line-height: 1.72; }
 .plus-icon { display: inline-grid; place-items: center; width: calc(var(--s6) + var(--s2)); height: calc(var(--s6) + var(--s2)); flex: none; border: 1px solid color-mix(in srgb, currentColor 35%, transparent); border-radius: var(--radius-pill); background: color-mix(in srgb, currentColor 9%, transparent); color: var(--accent-text); }
 .plus-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
 .plus-icon--blue { color: var(--plus-blue); } .plus-icon--teal { color: var(--plus-teal); } .plus-icon--violet { color: var(--plus-violet); }

 /* Slogan stage */
 .plus-hero { padding-block: var(--s6) var(--s5); }
 .plus-stage { position: relative; overflow: hidden; isolation: isolate; color: var(--text); border: 1px solid color-mix(in srgb, var(--gold) 26%, transparent); border-radius: var(--radius-card);
  background: radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--gold) 15%, transparent), transparent 50%), linear-gradient(145deg, var(--navy-surface), var(--brand-page) 78%);
  box-shadow: var(--shadow-elevated), inset 0 1px 0 color-mix(in srgb, var(--brand-text) 6%, transparent); }
 .plus-hero__stage { display: grid; justify-items: center; gap: var(--s4); padding: var(--s8) var(--s6) var(--s7); text-align: center; }
 .plus-hero__stage::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(color-mix(in srgb, var(--gold) 16%, transparent) 1px, transparent 1px); background-size: var(--s5) var(--s5); mask-image: radial-gradient(circle at 50% 40%, var(--brand-page), transparent 70%); opacity: .5; }
 .plus-hero__thread { position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: var(--s8); opacity: .45; }
 .plus-hero__thread path { fill: none; stroke: var(--gold); stroke-width: 1.2; stroke-dasharray: 4 8; vector-effect: non-scaling-stroke; }
 .plus-slogan { display: grid; gap: var(--s1); margin: 0; font-size: clamp(1.55rem, 5.4vw, 2.9rem); font-weight: 700; line-height: 1.1; letter-spacing: -.035em; }
 .plus-slogan > span { display: block; }
 .plus-hero__sub { max-width: 46ch; margin: 0; font-size: clamp(1.02rem, 1.7vw, 1.3rem); line-height: 1.55; }
 .plus-hero__sweep { position: absolute; left: 18%; right: 18%; bottom: 0; height: 1px; overflow: hidden; background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: .6; }
 .plus-hero__sweep::after { content: ''; position: absolute; inset: -1px 0; width: 30%; background: linear-gradient(90deg, transparent, var(--gold-hover), transparent); transform: translateX(-120%); }

 /* Offer and price card */
 .plus-offer { justify-items: center; padding-top: var(--s7); border-top: 0; text-align: center; }
 .plus-price { position: relative; display: grid; gap: var(--s4); width: 100%; max-width: 38rem; margin-top: var(--s4); padding: var(--s6); overflow: hidden; color: var(--text); text-align: left;
  border: 1px solid var(--gold-border); border-radius: var(--radius-card); background: linear-gradient(160deg, color-mix(in srgb, var(--gold) 13%, var(--brand-page)), var(--surface) 64%);
  box-shadow: var(--shadow-elevated), 0 0 0 1px color-mix(in srgb, var(--gold) 10%, transparent), 0 30px 80px color-mix(in srgb, var(--gold) 10%, transparent); }
 .plus-price::after { content: '+'; position: absolute; right: calc(var(--s2) * -1); top: calc(var(--s8) * -.85); color: color-mix(in srgb, var(--gold) 10%, transparent); font-size: 12rem; font-weight: 300; line-height: 1; pointer-events: none; }
 .plus-price > * { position: relative; z-index: 1; margin: 0; }
 .plus-price > .badge { justify-self: start; }
 .plus-price__name { font-size: 1.45rem; font-weight: 600; }
 .plus-price__value { font-size: clamp(2.8rem, 8vw, 4.2rem); font-weight: 700; line-height: .95; letter-spacing: -.04em; }
 .plus-price__count { display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); border: 1px solid var(--gold-border); border-radius: var(--radius-card); background: linear-gradient(145deg, var(--gold-soft), color-mix(in srgb, var(--navy-surface) 74%, transparent)); }
 .plus-price__count strong { color: var(--accent-text); font-size: 2.15rem; line-height: 1; }
 .plus-price__count span { font-size: .8rem; font-weight: 600; line-height: 1.35; }
 .plus-price__list, .plus-inventory ul { display: grid; gap: var(--s2); margin: 0; padding: 0; list-style: none; }
 .plus-price__list { padding-top: var(--s4); border-top: 1px solid var(--border); }
 .plus-price__list li, .plus-inventory li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s2); font-size: .88rem; line-height: 1.5; }
 .plus-price__list li::before, .plus-inventory li::before { content: '✓'; color: var(--accent-text); font-weight: 700; }
 .plus-price .r4x-actions { flex-direction: column; align-items: stretch; }
 .plus-price__status { color: var(--text-muted); font-size: .82rem; }
 .plus-tier-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); width: 100%; max-width: 50rem; margin-top: var(--s3); text-align: left; }
 .plus-tier { display: grid; align-content: start; justify-items: start; gap: var(--s3); padding: var(--s5); border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--surface); box-shadow: var(--shadow-card); }
 .plus-tier p { margin: 0; line-height: 1.55; }
 .plus-tier--plus { border-color: var(--gold-border); background: radial-gradient(circle at 100% 0%, var(--gold-soft), transparent 55%), var(--surface); }
 .plus-tier__graphic { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: var(--s6); padding-inline: var(--s4); }
 .plus-tier__graphic i { position: relative; z-index: 1; width: var(--s3); height: var(--s3); border: 1px solid var(--plus-silver); border-radius: var(--radius-pill); background: var(--surface); }
 .plus-tier__graphic--plus i { border-color: var(--gold); background: var(--gold); box-shadow: 0 0 0 4px var(--gold-soft), 0 0 12px color-mix(in srgb, var(--gold) 55%, transparent); }
 .plus-tier__graphic svg { position: absolute; inset: 0; width: 100%; height: 100%; }
 .plus-tier__graphic path { fill: none; stroke: var(--gold); stroke-width: 2; stroke-dasharray: 260; stroke-dashoffset: 0; }
 .plus-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s3) var(--s6); color: var(--text-muted); font-size: .84rem; }
 .plus-trust > span { display: inline-flex; align-items: center; gap: var(--s2); }
 .plus-trust svg { flex: none; color: var(--accent-text); }
 .plus-return a { display: inline-flex; align-items: center; min-height: var(--touch-target); color: var(--text-muted); text-underline-offset: 4px; }

 /* What is Plus + orbit graphic (BUG-037, r337 1:1) */
 .plus-value { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--s7); align-items: center; }
 .plus-value__copy { display: grid; gap: var(--s4); padding-left: var(--s5); border-left: 2px solid var(--gold-border); }
 .plus-value__lead { margin: 0; font-size: clamp(1.7rem, 2.65vw, 2.25rem); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; }
 .plus-value__copy > p { margin: 0; color: var(--text-muted); font-size: 1.03rem; line-height: 1.72; }
 .plus-value-points { display: grid; gap: var(--s2); margin: 0; padding: 0; list-style: none; }
 .plus-value-points li { display: flex; gap: var(--s3); align-items: flex-start; line-height: 1.5; }
 .plus-value-points li::before { content: ''; flex: 0 0 5px; width: 5px; height: 5px; margin-top: .6em; border-radius: var(--radius-pill); background: var(--gold-hover); box-shadow: 0 0 10px color-mix(in srgb, var(--gold-hover) 62%, transparent); }
 .plus-orbit { position: relative; min-height: 520px; overflow: clip; contain: layout paint; isolation: isolate; color: var(--text); border: 1px solid color-mix(in srgb, var(--gold) 26%, transparent); border-radius: var(--radius-card);
  background: radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 32%), radial-gradient(circle at 50% 122%, color-mix(in srgb, var(--navy-line) 8%, transparent), transparent 46%), linear-gradient(150deg, var(--navy-surface), var(--brand-page) 70%);
  box-shadow: var(--shadow-elevated), inset 0 1px 0 color-mix(in srgb, var(--brand-text) 6%, transparent); }
 .plus-orbit::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(color-mix(in srgb, var(--gold) 11%, transparent) 1px, transparent 1px); background-size: 26px 26px; mask-image: radial-gradient(circle at 50% 46%, var(--brand-page), transparent 70%); opacity: .4; }
 .plus-orbit__title { position: absolute; left: 50%; top: var(--s5); z-index: 9; width: max-content; max-width: calc(100% - var(--s6)); padding: var(--s2) var(--s3); transform: translateX(-50%); border: 1px solid color-mix(in srgb, var(--gold) 17%, transparent); border-radius: var(--radius-pill); background: color-mix(in srgb, var(--brand-page) 86%, transparent); font-size: .78rem; font-weight: 700; letter-spacing: .045em; white-space: nowrap; }
 .plus-orbit__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
 .plus-stop-gold { stop-color: var(--gold); } .plus-stop-light { stop-color: var(--gold-hover); }
 .plus-orbit__rings circle { fill: none; stroke: url(#plusOrbitRing); stroke-width: 1; }
 .plus-orbit__dashed { fill: none; stroke: color-mix(in srgb, var(--gold) 16%, transparent); stroke-width: 1; stroke-dasharray: 2 11; transform-box: view-box; transform-origin: 280px 220px; }
 .plus-orbit__links path { fill: none; stroke: url(#plusOrbitLink); stroke-width: 1.4; stroke-dasharray: 3 9; opacity: .55; }
 .plus-orbit__core { position: absolute; left: 50%; top: 48%; z-index: 5; display: grid; place-items: center; width: 160px; height: 160px; border: 1px solid color-mix(in srgb, var(--gold) 70%, transparent); border-radius: var(--radius-card); transform: translate(-50%, -50%) rotate(45deg);
  background: linear-gradient(145deg, color-mix(in srgb, var(--gold-deep) 70%, var(--brand-page)), var(--brand-surface)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 14%, transparent), 0 0 48px color-mix(in srgb, var(--gold) 16%, transparent), 0 26px 70px color-mix(in srgb, var(--brand-page) 50%, transparent); }
 .plus-orbit__core::before { content: ''; position: absolute; inset: 9px; border: 1px solid color-mix(in srgb, var(--gold-hover) 28%, transparent); border-radius: var(--radius-control); }
 .plus-orbit__core::after { content: ''; position: absolute; inset: -15px; border: 1px solid color-mix(in srgb, var(--gold) 34%, transparent); border-radius: var(--radius-card); opacity: .4; }
 .plus-orbit__core > div { transform: rotate(-45deg); text-align: center; }
 .plus-orbit__core strong { display: block; font-size: 1.2rem; line-height: 1; letter-spacing: .035em; }
 .plus-orbit__core span { display: block; max-width: 126px; margin-top: var(--s2); font-size: .72rem; font-weight: 700; letter-spacing: .05em; line-height: 1.25; }
 .plus-orbit__marker { --size: 236px; --tone: var(--plus-silver); --turn: 23s; --delay: -8s; position: absolute; left: 50%; top: 48%; z-index: 6; width: var(--size); height: var(--size); margin: calc(var(--size) / -2) 0 0 calc(var(--size) / -2); border: 1px solid color-mix(in srgb, var(--tone) 38%, transparent); border-radius: var(--radius-pill); pointer-events: none; }
 .plus-orbit__marker > span { position: absolute; left: 50%; top: 0; display: flex; align-items: center; gap: 6px; width: max-content; padding: 4px 8px 4px 6px; border: 1px solid color-mix(in srgb, var(--tone) 45%, transparent); border-radius: var(--radius-pill); background: var(--brand-page); color: var(--tone); box-shadow: 0 7px 20px color-mix(in srgb, var(--brand-page) 36%, transparent); font-size: .72rem; font-weight: 700; letter-spacing: .07em; line-height: 1; white-space: nowrap; transform: translate(-50%, -50%); }
 .plus-orbit__marker i { width: 7px; height: 7px; border-radius: var(--radius-pill); background: var(--tone); box-shadow: 0 0 10px color-mix(in srgb, var(--tone) 78%, transparent); }
 .plus-orbit__marker--usual { --size: 150px; --tone: var(--plus-teal); --turn: 12s; --delay: -2s; }
 .plus-orbit__marker--plus { --size: 392px; --tone: var(--gold-hover); --turn: 35s; --delay: -.5s; }
 .plus-orbit__node { position: absolute; z-index: 7; display: flex; align-items: center; gap: var(--s3); width: 172px; padding: var(--s3); border: 1px solid color-mix(in srgb, var(--gold) 14%, transparent); border-radius: var(--radius-card); background: linear-gradient(152deg, var(--surface-strong), var(--brand-surface)); box-shadow: 0 16px 42px color-mix(in srgb, var(--brand-page) 42%, transparent), inset 0 1px 0 color-mix(in srgb, var(--brand-text) 5%, transparent); }
 .plus-orbit__node::before { content: ''; position: absolute; left: var(--s3); right: var(--s3); top: 0; height: 1px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold-hover) 55%, transparent), transparent); }
 .plus-orbit__node::after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: var(--radius-pill); background: var(--gold-hover); box-shadow: 0 0 11px color-mix(in srgb, var(--gold-hover) 85%, transparent); }
 .plus-orbit__node small { display: block; color: var(--accent-text); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
 .plus-orbit__node strong { display: block; margin-top: 2px; font-size: .82rem; line-height: 1.2; }
 .plus-orbit__node--one { left: var(--s5); top: 70px; } .plus-orbit__node--one::after { right: -3px; bottom: 15px; }
 .plus-orbit__node--two { right: var(--s5); top: 70px; } .plus-orbit__node--two::after { left: -3px; bottom: 15px; }
 .plus-orbit__node--three { right: var(--s5); bottom: 74px; } .plus-orbit__node--three::after { left: -3px; top: 15px; }
 .plus-orbit__node--four { left: var(--s5); bottom: 74px; } .plus-orbit__node--four::after { right: -3px; top: 15px; }
 .plus-orbit__caption { position: absolute; left: 50%; bottom: var(--s5); z-index: 6; width: max-content; max-width: 88%; margin: 0; transform: translateX(-50%); color: var(--gold-hover); font-family: var(--font-beginner); font-size: 1.25rem; font-style: italic; text-align: center; }
 .plus-orbit__caption::before { content: ''; display: block; width: 40px; height: 1px; margin: 0 auto var(--s3); background: linear-gradient(90deg, transparent, var(--plus-line), transparent); }
 .plus-context { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s4); align-items: center; margin-top: var(--s5); padding: var(--s4) var(--s5); border: 1px solid color-mix(in srgb, var(--navy-line) 22%, var(--border)); border-radius: var(--radius-card); background: linear-gradient(120deg, color-mix(in srgb, var(--navy-line) 7%, var(--surface)), var(--surface)); }
 .plus-context__copy h2 { margin: 0; font-size: 1.05rem; line-height: 1.35; }
 .plus-context__copy p { margin: var(--s1) 0 0; color: var(--text-muted); font-size: .86rem; line-height: 1.5; }
 .plus-context__meta { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s2); margin-bottom: var(--s1); color: var(--accent-text); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
 .plus-context__points { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--s2); margin: 0; padding: 0; list-style: none; }
 .plus-context__points li { padding: var(--s1) var(--s3); border: 1px solid var(--border); border-radius: var(--radius-pill); color: var(--text-muted); font-size: .76rem; white-space: nowrap; }

 /* The decisive moment: the gap between impulse and action opens (new, B1a) */
 .plus-moment { position: relative; justify-items: center; text-align: center; }
 .plus-moment::before { content: ''; position: absolute; left: 50%; top: var(--s7); width: min(440px, 90%); height: 220px; transform: translateX(-50%); background: radial-gradient(circle, color-mix(in srgb, var(--gold) 9%, transparent), transparent 68%); pointer-events: none; }
 .plus-moment > * { position: relative; }
 .plus-gap { display: flex; align-items: center; gap: var(--s3); width: 100%; max-width: 46rem; margin-block: var(--s4); }
 .plus-gap__point { display: grid; justify-items: center; gap: var(--s2); color: var(--text-muted); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
 .plus-gap__point i { position: relative; width: var(--s4); height: var(--s4); border: 1px solid var(--plus-silver); border-radius: var(--radius-pill); background: var(--surface); }
 .plus-gap__point--impulse i { border-color: var(--warning); background: color-mix(in srgb, var(--warning) 22%, var(--surface)); }
 .plus-gap__point--impulse i::after { content: ''; position: absolute; inset: -6px; border: 1px solid var(--warning); border-radius: var(--radius-pill); opacity: 0; }
 .plus-gap__track { position: relative; flex: 1; height: 2px; margin-bottom: calc(var(--s4) + var(--s1)); background: var(--border); }
 .plus-gap__fill { position: absolute; left: 14%; right: 14%; top: 50%; height: var(--s2); border-radius: var(--radius-pill); transform: translateY(-50%); background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 30%, transparent), var(--gold), color-mix(in srgb, var(--gold) 30%, transparent)); box-shadow: 0 0 18px color-mix(in srgb, var(--gold) 40%, transparent); }
 .plus-gap__fill span { position: absolute; left: 50%; bottom: calc(100% + var(--s2)); transform: translateX(-50%); color: var(--accent-text); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
 .plus-promise { display: block; justify-self: center; max-width: 40ch; margin: 0; padding-top: var(--s5); border-top: 1px solid var(--plus-line); font-size: clamp(1.2rem, 2.25vw, 1.6rem); font-weight: 600; line-height: 1.4; text-align: center; }

 /* Stories with proof panels */
 .plus-stories { display: grid; gap: var(--s5); margin-top: var(--s4); }
 .plus-story { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: var(--s7); align-items: center; padding: var(--s7); overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-card);
  background: radial-gradient(circle at 92% 0%, var(--gold-soft), transparent 38%), linear-gradient(145deg, color-mix(in srgb, var(--navy-line) 5%, var(--surface)), var(--surface)); box-shadow: var(--shadow-card); }
 .plus-story--flip .plus-story__copy { order: 2; }
 .plus-story__copy { display: grid; gap: var(--s4); }
 .plus-story__copy h3 { margin: 0; font-size: clamp(1.6rem, 2.9vw, 2.35rem); line-height: 1.1; letter-spacing: -.02em; }
 .plus-story__copy p { margin: 0; color: var(--text-muted); font-size: 1rem; line-height: 1.72; }
 .plus-story__kicker { display: flex; align-items: center; gap: var(--s4); color: var(--accent-text); font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
 .plus-symbol { display: grid; place-items: center; width: 76px; height: 76px; flex: none; border: 1px solid color-mix(in srgb, var(--tone, var(--gold)) 30%, transparent); border-radius: var(--radius-card); color: var(--tone, var(--accent-text));
  background: radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--tone, var(--gold)) 17%, transparent), transparent 58%), color-mix(in srgb, var(--tone, var(--gold)) 6%, transparent); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--brand-text) 5%, transparent), var(--shadow-card); }
 .plus-symbol svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
 .plus-symbol--teal { --tone: var(--plus-teal); } .plus-symbol--silver { --tone: var(--plus-silver); }
 .plus-story__line { font-size: 1.2rem; line-height: 1.4; }
 .plus-story__copy .plus-warning { padding: var(--s4) var(--s5); border-left: 2px solid var(--gold); background: linear-gradient(90deg, var(--gold-soft), transparent); color: var(--text); font-size: 1.1rem; line-height: 1.45; }
 .plus-warning strong { color: var(--accent-text); font-weight: 600; }
 .plus-pills { display: flex; flex-wrap: wrap; gap: var(--s2); margin: 0; padding: 0; list-style: none; }
 .plus-pills li { padding: var(--s1) var(--s3); border: 1px solid color-mix(in srgb, var(--plus-blue) 30%, transparent); border-radius: var(--radius-pill); background: color-mix(in srgb, var(--plus-blue) 8%, transparent); color: var(--plus-blue); font-size: .76rem; font-weight: 600; }
 .plus-proof { display: grid; gap: var(--s5); min-width: 0; padding: var(--s5); border: 1px solid color-mix(in srgb, var(--gold) 18%, var(--border)); border-radius: var(--radius-card); background: radial-gradient(circle at 70% 20%, var(--gold-soft), transparent 40%), var(--surface-muted); }
 .plus-proof__head { display: flex; justify-content: space-between; gap: var(--s4); color: var(--text-faint); font-size: .72rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
 .plus-proof__steps { display: grid; gap: var(--s3); }
 .plus-proof__step { display: grid; grid-template-columns: var(--s6) minmax(0, 1fr); gap: var(--s3); align-items: center; padding: var(--s3); border: 1px solid var(--border); border-radius: var(--radius-card); background: color-mix(in srgb, var(--surface) 70%, transparent); }
 .plus-proof__step > span { display: grid; place-items: center; width: var(--s6); height: var(--s6); border: 1px solid var(--gold-border); border-radius: var(--radius-pill); color: var(--accent-text); font-weight: 700; }
 .plus-proof__step strong { display: block; font-size: .88rem; }
 .plus-proof__step small { display: block; margin-top: 2px; color: var(--text-muted); font-size: .78rem; line-height: 1.4; }
 .plus-proof__step--focus { border-color: var(--gold-border); background: var(--gold-soft); transform: translateX(var(--s3)); box-shadow: 0 0 0 1px var(--gold-soft), 0 10px 26px color-mix(in srgb, var(--gold) 12%, transparent); }
 .plus-proof__checks > div { display: flex; gap: var(--s3); align-items: center; padding: var(--s3) var(--s2); border-bottom: 1px solid var(--border-soft); font-size: .86rem; line-height: 1.45; }
 .plus-proof__checks > div::before { content: ''; flex: 0 0 10px; width: 10px; height: 10px; border: 1px solid var(--gold); border-radius: var(--radius-pill); box-shadow: 0 0 0 4px var(--gold-soft); }
 .plus-proof__compare { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: var(--s3); align-items: stretch; }
 .plus-proof__compare > div { padding: var(--s4); border: 1px solid var(--border); border-radius: var(--radius-card); background: color-mix(in srgb, var(--surface) 70%, transparent); }
 .plus-proof__compare small { display: block; color: var(--text-faint); font-size: .72rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
 .plus-proof__compare strong { display: block; margin-top: var(--s2); font-size: 1.02rem; }
 .plus-proof__compare ul { display: grid; gap: var(--s1); margin: var(--s3) 0 0; padding-left: var(--s4); color: var(--text-muted); font-size: .8rem; }
 .plus-proof__compare > .plus-proof__now { border-color: var(--gold-border); background: var(--gold-soft); }
 .plus-proof__shift { display: grid; place-items: center; color: var(--accent-text); font-size: 1.4rem; }

 /* Knowledge stage with the r337 "1.500+" watermark */
 .plus-knowledge { position: relative; display: grid; gap: var(--s6); padding: var(--s7); overflow: hidden; border: 1px solid var(--gold-border); border-radius: var(--radius-card);
  background: radial-gradient(circle at 80% 20%, var(--gold-soft), transparent 32%), linear-gradient(145deg, color-mix(in srgb, var(--navy-line) 7%, var(--surface)), var(--surface-muted) 72%); box-shadow: var(--shadow-elevated); }
 .plus-knowledge::after { content: '1.500+'; position: absolute; right: calc(var(--s3) * -1); top: calc(var(--s7) * -.9); color: color-mix(in srgb, var(--gold) 9%, transparent); font-family: var(--font-beginner); font-size: 10rem; font-weight: 600; line-height: 1; pointer-events: none; }
 .plus-knowledge > * { position: relative; z-index: 1; }
 .plus-knowledge__head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: var(--s7); align-items: end; }
 .plus-knowledge__head > div { display: grid; gap: var(--s4); }
 .plus-knowledge-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: var(--s4); }
 .plus-knowledge-card { display: grid; align-content: start; gap: var(--s3); padding: var(--s6); border: 1px solid var(--border); border-radius: var(--radius-card); background: color-mix(in srgb, var(--surface) 82%, transparent); }
 .plus-knowledge-card h3 { margin: 0; font-size: 1.45rem; line-height: 1.2; }
 .plus-knowledge-card > p { margin: 0; color: var(--text-muted); font-size: .94rem; line-height: 1.68; }
 .plus-kicker { color: var(--accent-text); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
 .plus-term { margin-top: var(--s3); overflow: hidden; border: 1px solid color-mix(in srgb, var(--plus-blue) 25%, var(--border)); border-radius: var(--radius-card); background: var(--surface); }
 .plus-term__bar { display: flex; justify-content: space-between; gap: var(--s3); padding: var(--s2) var(--s3); border-bottom: 1px solid var(--border); color: var(--text-faint); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
 .plus-term__body { display: grid; gap: var(--s2); padding: var(--s4); }
 .plus-term__body strong { color: var(--accent-text); font-size: 1.25rem; }
 .plus-term__body p { margin: 0; font-size: .84rem; line-height: 1.55; }
 .plus-term__tags { display: flex; flex-wrap: wrap; gap: var(--s2); }
 .plus-term__tags span { padding: var(--s1) var(--s2); border-radius: var(--radius-pill); background: color-mix(in srgb, var(--plus-blue) 10%, transparent); color: var(--plus-blue); font-size: .72rem; font-weight: 600; }
 .plus-faq { display: grid; gap: var(--s2); margin-top: var(--s3); }
 .plus-faq > div { padding: var(--s3); border: 1px solid var(--border); border-radius: var(--radius-card); background: color-mix(in srgb, var(--surface) 70%, transparent); font-size: .86rem; line-height: 1.42; }
 .plus-faq > div:first-child { border-color: var(--gold-border); background: var(--gold-soft); }
 .plus-guide-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s4); align-items: center; padding-top: var(--s5); border-top: 1px solid var(--border); }
 .plus-guide-note strong { display: block; font-size: 1.2rem; }
 .plus-guide-note p { margin: var(--s1) 0 0; color: var(--text-muted); font-size: .9rem; line-height: 1.6; }

 /* Growth path (new: the gold line fills) and the Free/Plus comparison in the r337 difference frame */
 .plus-growth { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s4); margin-top: var(--s4); padding-top: var(--s6); }
 .plus-growth__rail { position: absolute; left: var(--s2); right: var(--s2); top: var(--s2); height: 2px; background: var(--border); }
 .plus-growth__rail span { position: absolute; inset: 0; transform-origin: left; background: linear-gradient(90deg, var(--gold-deep), var(--gold-hover)); box-shadow: 0 0 12px color-mix(in srgb, var(--gold) 45%, transparent); }
 .plus-growth__step { position: relative; display: grid; align-content: start; gap: var(--s2); }
 .plus-growth__step::before { content: ''; position: absolute; left: 0; top: calc(var(--s6) * -1 + var(--s2) - 6px); width: 12px; height: 12px; border: 1px solid var(--gold); border-radius: var(--radius-pill); background: var(--page-solid); box-shadow: 0 0 0 5px var(--gold-soft); }
 .plus-growth__step small { color: var(--accent-text); font-size: .72rem; font-weight: 700; letter-spacing: .12em; }
 .plus-growth__step strong { font-size: 1.2rem; }
 .plus-growth__step p { margin: 0; color: var(--text-muted); font-size: .86rem; line-height: 1.55; }
 .plus-difference { margin-top: var(--s6); padding: var(--s7); border: 1px solid var(--gold-border); border-radius: var(--radius-card); background: linear-gradient(140deg, var(--gold-soft), var(--surface) 48%); }
 .plus-comparison { display: grid; gap: var(--s5); }
 .plus-comparison > h2 { margin: 0; text-align: center; font-size: clamp(1.6rem, 3vw, 2.4rem); }
 .plus-comparison-table table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .875rem; }
 .plus-comparison-table caption { padding-block: var(--s4); color: var(--text-muted); text-align: left; }
 .plus-comparison-table :is(th, td) { padding: var(--s4); border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
 .plus-comparison-table th:first-child { width: 24%; }
 .plus-comparison-table thead th { color: var(--text-faint); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
 .plus-comparison-table thead th:last-child { color: var(--accent-text); }
 .plus-comparison-table [data-tier='Plus'] { background: linear-gradient(90deg, var(--gold-soft), transparent); }
 .plus-comparison__line { display: block; }
 .plus-comparison__line + .plus-comparison__line { margin-top: var(--s2); }

 /* Plus areas: r337 images, product index, function inventory */
 .plus-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s4); margin-top: var(--s4); }
 .plus-product-visual { display: flex; flex-direction: column; min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--navy-page); }
 .plus-product-visual__media { aspect-ratio: 16 / 9; overflow: hidden; background: var(--brand-page); }
 .plus-product-visual__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
 .plus-product-visual figcaption { display: grid; flex: 1; gap: var(--s1); padding: var(--s4) var(--s4) var(--s5); color: var(--brand-text); background: linear-gradient(180deg, color-mix(in srgb, var(--brand-text) 4%, transparent), transparent); }
 .plus-product-visual small { color: var(--gold-hover); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
 .plus-product-visual strong { font-size: 1.1rem; line-height: 1.3; }
 .plus-areas-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--s5); border-top: 1px solid var(--border); }
 .plus-area { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s4); padding: var(--s5) var(--s4); border-bottom: 1px solid var(--border); }
 .plus-area:nth-child(odd) { border-right: 1px solid var(--border); }
 .plus-area h3 { margin: 0; font-size: 1rem; }
 .plus-area p { margin: var(--s2) 0 0; color: var(--text-muted); font-size: .88rem; line-height: 1.55; }
 .plus-inventory { margin-top: var(--s4); border: 1px solid var(--gold-border); border-radius: var(--radius-card); background: linear-gradient(145deg, color-mix(in srgb, var(--navy-line) 6%, var(--surface)), var(--surface)); }
 .plus-inventory summary { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); min-height: calc(var(--touch-target) * 1.7); padding: var(--s4) var(--s5); cursor: pointer; list-style: none; }
 .plus-inventory summary::-webkit-details-marker { display: none; }
 .plus-inventory summary strong { display: block; font-size: 1rem; }
 .plus-inventory summary small { display: block; margin-top: var(--s1); color: var(--text-muted); font-size: .78rem; }
 .plus-inventory summary::after { content: '+'; display: grid; place-items: center; width: 36px; height: 36px; flex: none; border: 1px solid var(--gold-border); border-radius: var(--radius-pill); background: var(--gold-soft); color: var(--accent-text); font-size: 1.1rem; }
 .plus-inventory[open] summary::after { content: '−'; }
 .plus-functions-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s5); padding: 0 var(--s5) var(--s5); border-top: 1px solid var(--border); }
 .plus-functions-grid h3 { margin: var(--s4) 0 var(--s3); color: var(--accent-text); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }

 /* Closing, voices, boundaries */
 .plus-closing { justify-items: center; text-align: center; }
 .plus-closing__note { max-width: 54rem; padding: var(--s4) var(--s5); border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--surface); color: var(--text-muted); font-size: .84rem; line-height: 1.6; }
 .plus-voices__head { display: flex; justify-content: space-between; align-items: end; gap: var(--s6); }
 .plus-voices__head > div { display: grid; gap: var(--s4); }
 .plus-voices__note { max-width: 32ch; margin: 0; color: var(--text-faint); font-size: .76rem; line-height: 1.5; text-align: right; }
 .plus-voices-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); }
 .plus-voice { position: relative; display: grid; align-content: start; gap: var(--s4); margin: 0; padding: var(--s5); border: 1px solid var(--border); border-radius: var(--radius-card); background: linear-gradient(160deg, color-mix(in srgb, var(--text) 4%, var(--surface)), var(--surface)); }
 .plus-voice__mark { position: absolute; right: var(--s5); top: var(--s2); color: color-mix(in srgb, var(--gold) 30%, transparent); font-family: var(--font-beginner); font-size: 4rem; line-height: 1; }
 .plus-voice__person { display: flex; align-items: center; gap: var(--s3); padding-right: var(--s7); }
 .plus-avatar { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border: 1px solid var(--gold-border); border-radius: var(--radius-pill); background: linear-gradient(145deg, var(--surface), var(--gold-soft)); color: var(--accent-text); font-weight: 700; }
 .plus-voice__person > span:last-child > :is(strong, span) { display: block; }
 .plus-voice__person > span:last-child > span { color: var(--text-faint); font-size: .76rem; }
 .plus-voice blockquote, .plus-voice blockquote p { margin: 0; font-size: 1.08rem; line-height: 1.5; }
 .plus-voice__tag { justify-self: start; padding: var(--s1) var(--s2); border: 1px solid color-mix(in srgb, var(--tone) 30%, transparent); border-radius: var(--radius-pill); background: color-mix(in srgb, var(--tone) 9%, transparent); color: color-mix(in srgb, var(--tone) 80%, var(--text)); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
 .plus-voice__tag--blue { --tone: var(--plus-blue); } .plus-voice__tag--teal { --tone: var(--plus-teal); } .plus-voice__tag--violet { --tone: var(--plus-violet); }
 .plus-boundaries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); }
 .plus-boundary { display: flex; gap: var(--s3); align-items: flex-start; padding: var(--s4); border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--surface); }
 .plus-boundary > span:last-child > :is(strong, span) { display: block; }
 .plus-boundary strong { font-size: .88rem; }
 .plus-boundary > span:last-child > span { margin-top: var(--s1); color: var(--text-muted); font-size: .8rem; line-height: 1.45; }
 .plus-again { display: flex; justify-content: center; padding-top: var(--s4); border-top: 1px solid var(--border-soft); }

 /* Motion (r337 timings for the orbit; new reveals). Only without "reduce motion"; .plus-motion is set by the runtime. */
 @media (prefers-reduced-motion: no-preference) {
  .plus-hero__thread path { animation: plus-thread 9s linear infinite; }
  .plus-hero__sweep::after { animation: plus-sweep 6s var(--plus-ease) 1.2s infinite; }
  .plus-orbit__dashed { animation: plus-spin 46s linear infinite; }
  .plus-orbit__links path { animation: plus-flow 3.4s linear infinite; }
  .plus-orbit__links path:nth-child(2) { animation-delay: .55s; } .plus-orbit__links path:nth-child(3) { animation-delay: 1.1s; } .plus-orbit__links path:nth-child(4) { animation-delay: 1.65s; }
  .plus-orbit__core { animation: plus-heart 2.8s ease-in-out infinite; }
  .plus-orbit__core::after { animation: plus-halo 3.4s ease-in-out infinite; }
  .plus-orbit__marker { animation: plus-spin var(--turn) linear infinite; animation-delay: var(--delay); }
  .plus-orbit__marker > span { animation: plus-counter var(--turn) linear infinite; animation-delay: var(--delay); }
  .plus-gap__point--impulse i::after { animation: plus-pulse 2.4s ease-out infinite; }
  .plus-motion [data-plus-reveal] { opacity: 0; transform: translateY(var(--s5)); transition: opacity 700ms var(--plus-ease), transform 700ms var(--plus-ease); }
  .plus-motion [data-plus-reveal].is-visible { opacity: 1; transform: none; }
  .plus-motion .plus-gap__fill { transform: translateY(-50%) scaleX(0); transition: transform 1400ms var(--plus-ease) 300ms; }
  .plus-motion .plus-gap.is-visible .plus-gap__fill { transform: translateY(-50%) scaleX(1); }
  .plus-motion .plus-tier__graphic path { stroke-dashoffset: 260; transition: stroke-dashoffset 1200ms var(--plus-ease) 250ms; }
  .plus-motion .plus-tier.is-visible .plus-tier__graphic path { stroke-dashoffset: 0; }
  .plus-motion .plus-growth__rail span { transform: scaleX(0); transition: transform 1600ms var(--plus-ease) 200ms; }
  .plus-motion .plus-growth.is-visible .plus-growth__rail span { transform: scaleX(1); }
  .plus-motion :is(.plus-proof__step, .plus-proof__checks > div, .plus-faq > div) { opacity: 0; transform: translateX(calc(var(--s3) * -1)); transition: opacity 500ms var(--plus-ease), transform 500ms var(--plus-ease); }
  .plus-motion .is-visible :is(.plus-proof__step, .plus-proof__checks > div, .plus-faq > div) { opacity: 1; transform: none; }
  .plus-motion .is-visible .plus-proof__step--focus { transform: translateX(var(--s3)); }
  .plus-motion .is-visible :is(.plus-proof__step, .plus-proof__checks > div, .plus-faq > div):nth-child(2) { transition-delay: 180ms; }
  .plus-motion .is-visible :is(.plus-proof__step, .plus-proof__checks > div, .plus-faq > div):nth-child(3) { transition-delay: 360ms; }
  .plus-motion .is-visible :is(.plus-proof__checks > div, .plus-faq > div):nth-child(4) { transition-delay: 540ms; }
  .plus-motion .is-visible .plus-proof__checks > div:nth-child(5) { transition-delay: 720ms; }
 }
 @keyframes plus-spin { to { transform: rotate(360deg); } }
 @keyframes plus-counter { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(-360deg); } }
 @keyframes plus-flow { to { stroke-dashoffset: -48; } }
 @keyframes plus-heart { 0%, 12%, 36%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(1); } 18% { transform: translate(-50%, -50%) rotate(45deg) scale(1.04); } 26% { transform: translate(-50%, -50%) rotate(45deg) scale(1.018); } }
 @keyframes plus-halo { 0%, 100% { opacity: .22; transform: scale(1); } 50% { opacity: .62; transform: scale(1.07); } }
 @keyframes plus-thread { to { stroke-dashoffset: -120; } }
 @keyframes plus-sweep { 0% { transform: translateX(-120%); } 60%, 100% { transform: translateX(380%); } }
 @keyframes plus-pulse { 0% { opacity: .7; transform: scale(.6); } 100% { opacity: 0; transform: scale(1.6); } }

 @media (max-width: 1023px) {
  .plus-value, .plus-knowledge__head, .plus-knowledge-grid { grid-template-columns: minmax(0, 1fr); }
  .plus-story, .plus-story--flip { grid-template-columns: minmax(0, 1fr); gap: var(--s5); padding: var(--s6); }
  .plus-story--flip .plus-story__copy { order: 0; }
  .plus-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .plus-orbit { min-height: 470px; }
 }
 @media (max-width: 767px) {
  .plus-section { padding-block: var(--s7); }
  .plus-hero__stage { padding: var(--s7) var(--s4) var(--s8); }
  .plus-price { padding: var(--s5) var(--s4); }
  .plus-price::after { font-size: 9rem; }
  .plus-tier-overview, .plus-voices-grid, .plus-boundaries, .plus-areas-grid, .plus-functions-grid, .plus-product-grid { grid-template-columns: minmax(0, 1fr); }
  .plus-area:nth-child(odd) { border-right: 0; }
  .plus-value { gap: var(--s5); }
  .plus-orbit { min-height: 540px; }
  .plus-orbit__core, .plus-orbit__marker { top: 50%; }
  .plus-orbit__core { width: 122px; height: 122px; }
  .plus-orbit__core strong { font-size: 1rem; }
  .plus-orbit__core span { max-width: 104px; font-size: .66rem; }
  .plus-orbit__node { width: 136px; gap: var(--s2); padding: var(--s2); }
  .plus-orbit__node .plus-icon { display: none; }
  .plus-orbit__node strong { font-size: .76rem; }
  .plus-orbit__node--one, .plus-orbit__node--four { left: var(--s2); }
  .plus-orbit__node--two, .plus-orbit__node--three { right: var(--s2); }
  .plus-orbit__node--one, .plus-orbit__node--two { top: 62px; }
  .plus-orbit__node--three, .plus-orbit__node--four { bottom: 96px; }
  .plus-orbit__marker--usual { --size: 124px; } .plus-orbit__marker--free { --size: 200px; } .plus-orbit__marker--plus { --size: 276px; }
  .plus-orbit__caption { font-size: 1.05rem; }
  .plus-context { grid-template-columns: auto minmax(0, 1fr); padding: var(--s4); }
  .plus-context__points { grid-column: 1 / -1; justify-content: flex-start; }
  .plus-gap__fill { left: 6%; right: 6%; }
  .plus-story, .plus-story--flip { padding: var(--s5) var(--s4); }
  .plus-symbol { width: 64px; height: 64px; }
  .plus-symbol svg { width: 32px; height: 32px; }
  .plus-proof { padding: var(--s4); }
  .plus-proof__step--focus, .plus-motion .is-visible .plus-proof__step--focus { transform: none; }
  .plus-proof__compare { grid-template-columns: minmax(0, 1fr); }
  .plus-proof__shift { transform: rotate(90deg); }
  .plus-knowledge { padding: var(--s6) var(--s4); }
  .plus-knowledge::after { font-size: 6rem; }
  .plus-knowledge-card { padding: var(--s5) var(--s4); }
  .plus-growth { grid-template-columns: minmax(0, 1fr); gap: var(--s5); padding: 0 0 0 var(--s6); }
  .plus-growth__rail { left: var(--s2); right: auto; top: var(--s2); bottom: var(--s2); width: 2px; height: auto; }
  .plus-growth__rail span { transform-origin: top; }
  .plus-motion .plus-growth__rail span { transform: scaleY(0); }
  .plus-motion .plus-growth.is-visible .plus-growth__rail span { transform: scaleY(1); }
  .plus-growth__step::before { left: calc(var(--s6) * -1 + var(--s2) - 5px); top: var(--s1); }
  .plus-difference { padding: var(--s5) var(--s4); }
  .plus-comparison-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .plus-comparison-table :is(table, tbody, caption) { display: block; }
  .plus-comparison-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: var(--s5); }
  .plus-comparison-table th:first-child { grid-column: 1 / -1; width: auto; background: var(--surface-strong); }
  .plus-comparison-table :is(th, td) { padding: var(--s3); }
  .plus-comparison-table td::before { content: attr(data-tier); display: block; margin-bottom: var(--s2); font-weight: 700; }
  .plus-voices__head { display: grid; }
  .plus-voices__note { text-align: left; }
 }
 @media (max-width: 420px) {
  .plus-orbit__node { width: 128px; }
 }
}