:root {
 --palette-jade-500: #0F7B68;
 --palette-jade-700: #075A4D;
 --palette-orchid-500: #6B4CF6;
 --palette-orchid-700: #5637E8;
 --palette-orchid-050: #F1EDFF;
 --palette-plum-500: #6E2D50; 
 --palette-plum-700: #571F3D; 
 --palette-plum-050: #F4E7EC; 
 --palette-porcelain: #F6F3EF; 
 --palette-porcelain-alt: #EFEAE3; 
 --palette-ink-plum: #241B21; 
 --palette-ink-plum-soft: #6C5F66; 
 --palette-hairline-brass: #DCCFBB; 
 --palette-brass: #A88544; 
 --palette-warm-wash-blush: #F9EDE8;
 --palette-paper: #F7F9F7; 
 --palette-lavender-white: #FBFAFF; 
 --palette-surface: #FFFFFF;
 --palette-surface-alt: #EEF4F1;
 --palette-surface-alt-cool: #F2F0FB;
 --palette-ink-marine: #12302B; 
 --palette-ink-neutral: #1B1B2A; 
 --palette-ink-soft: #5E6E68;
 --palette-ink-soft-cool: #656175;
 --palette-coral: #C95E4A; 
 --palette-amber: #B56B18; 
 --palette-tide: #2F6F91; 
 --palette-warm-wash: #FFF1F5; 
 --palette-skyline: #DCE9FF; 
 --palette-destructive: #B42318; 
 --palette-border: #D6E0DC;
 --palette-border-strong: #A9BBB4;
 --palette-border-cool: #DED9F0;
 --palette-disabled: #C6D2CD;
 --palette-white: #FFFFFF;
 --color-bg: var(--palette-paper);
 --color-surface: var(--palette-surface);
 --color-surface-alt: var(--palette-surface-alt);
 --color-fg: var(--palette-ink-marine);
 --color-muted: var(--palette-ink-soft);
 --color-primary: var(--palette-jade-500); 
 --color-primary-strong: var(--palette-jade-700);
 --color-on-primary: var(--palette-white);
 --color-brand: var(--palette-orchid-500); 
 --color-brand-strong: var(--palette-orchid-700);
 --color-brand-soft: var(--palette-orchid-050);
 --color-secondary: var(--palette-tide);
 --color-accent: var(--palette-coral); 
 --color-notice: var(--palette-amber);
 --color-warm-wash: var(--palette-warm-wash);
 --color-skyline: var(--palette-skyline);
 --color-border: var(--palette-border);
 --color-border-strong: var(--palette-border-strong);
 --color-disabled: var(--palette-disabled);
 --color-ring: var(--palette-jade-500);
 --color-destructive: var(--palette-destructive);
 --color-field-bg: color-mix(in srgb, var(--color-surface) 76%, var(--color-warm-wash));
 --color-field-line: color-mix(in srgb, var(--color-primary) 28%, transparent);
 --color-field-ink: color-mix(in srgb, var(--color-fg) 72%, transparent);
 --color-primary-soft: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
 --color-surface-glass: color-mix(in srgb, var(--color-surface) 90%, transparent);
 --font-ui: "Aptos", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 --font-display: "New York", "Iowan Old Style", "Georgia", serif;
 --font-mono: "SF Mono", "Cascadia Mono", "Roboto Mono", monospace;
 --text-display: 46px;
 --text-hero: clamp(48px, 6.4vw, 92px);
 --text-title: 32px;
 --text-section: 22px;
 --text-body: 18px;
 --text-deck: 20px;
 --text-quote: 36px;
 --text-small: 16px;
 --text-label: 14px;
 --text-mono: 15px;
 --leading-hero: .94;
 --leading-title: 1.08;
 --leading-body: 1.55;
 --tracking-tight: -.04em;
 --tracking-wide: .12em;
 --space-1: 4px;
 --space-2: 8px;
 --space-3: 12px;
 --space-4: 16px;
 --space-5: 20px;
 --space-6: 24px;
 --space-8: 32px;
 --space-10: 40px;
 --space-12: 48px;
 --space-16: 64px;
 --space-20: 80px;
 --space-24: 96px;
 --space-28: 112px;
 --space-32: 128px;
 --radius-xs: 4px;
 --radius-sm: 6px;
 --radius-md: 8px;
 --radius-lg: 12px;
 --radius-xl: 20px;
 --radius-2xl: 32px;
 --radius-full: 999px;
 --size-shell: 1280px;
 --size-reading: 640px;
 --size-nav: 72px;
 --size-control: 48px;
 --size-control-lg: 56px;
 --size-field: 680px;
 --border-hairline: 1px;
 --border-focus: 2px;
 --motion-fast: 120ms;
 --motion-base: 180ms;
 --motion-slow: 240ms;
 --ease-standard: cubic-bezier(.2, .8, .2, 1);
 --shadow-0: none;
 --shadow-1: 0 1px 2px rgba(18, 48, 43, .05), 0 8px 22px rgba(18, 48, 43, .06);
 --shadow-2: 0 2px 4px rgba(18, 48, 43, .07), 0 14px 36px rgba(18, 48, 43, .10);
}
[data-theme="porcelain-plum"] {
 --color-bg: var(--palette-porcelain); 
 --color-surface-alt: var(--palette-porcelain-alt);
 --color-fg: var(--palette-ink-plum);
 --color-muted: var(--palette-ink-plum-soft);
 --color-primary: var(--palette-plum-500); 
 --color-primary-strong: var(--palette-plum-700);
 --color-brand: var(--palette-jade-500); 
 --color-brand-strong: var(--palette-jade-700);
 --color-brand-soft: var(--palette-plum-050);
 --color-border: var(--palette-hairline-brass); 
 --color-ring: var(--palette-plum-500);
 --shadow-1: 0 1px 2px rgba(46, 28, 36, .05), 0 8px 22px rgba(46, 28, 36, .07);
 --shadow-2: 0 2px 4px rgba(46, 28, 36, .07), 0 14px 36px rgba(46, 28, 36, .13);
}
@media (prefers-reduced-motion: reduce) {
 :root {
 --motion-fast: 1ms;
 --motion-base: 1ms;
 --motion-slow: 1ms;
 }
}
*,
*::before,
*::after {
 box-sizing: border-box;
}
html {
 scroll-behavior: smooth;
}
html.relay-snapping {
 scroll-behavior: auto;
}
body {
 margin: 0;
 overflow-x: hidden;
 background: var(--color-bg);
 color: var(--color-fg);
 font-family: var(--font-ui);
 font-size: var(--text-body);
 line-height: var(--leading-body);
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
}
a {
 color: inherit;
 text-decoration: none;
}
button,
summary {
 font: inherit;
}
img,
canvas,
svg {
 display: block;
 max-width: 100%;
}
.icon-sprite {
 width: 0;
 height: 0;
 position: absolute;
 overflow: hidden;
}
.clinic-signals svg,
.relay-scene svg,
.fact-icon,
.final-route svg,
.context-node-icon {
 fill: none;
 stroke: currentColor;
 stroke-linecap: round;
 stroke-linejoin: round;
 stroke-width: 1.65;
 vector-effect: non-scaling-stroke;
}
.sr-only {
 position: absolute;
 width: var(--border-hairline);
 height: var(--border-hairline);
 padding: 0;
 margin: calc(var(--border-hairline) * -1);
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
}
.skip-link {
 position: fixed;
 top: var(--space-3);
 left: var(--space-3);
 z-index: 100;
 padding: var(--space-3) var(--space-4);
 border-radius: var(--radius-sm);
 background: var(--color-fg);
 color: var(--color-on-primary);
 transform: translateY(calc(-100% - var(--space-6)));
 transition: transform var(--motion-fast) var(--ease-standard);
}
.skip-link:focus {
 transform: translateY(0);
}
:focus-visible {
 outline: var(--border-focus) solid var(--color-ring);
 outline-offset: var(--space-1);
}
.shell {
 width: min(calc(100% - var(--space-12)), var(--size-shell));
 margin-inline: auto;
}
.site-header {
 position: relative;
 z-index: 20;
 border-bottom: var(--border-hairline) solid var(--color-border);
 background: var(--color-surface-glass);
}
.nav {
 min-height: var(--size-nav);
 display: grid;
 grid-template-columns: auto 1fr auto;
 align-items: center;
 gap: var(--space-8);
}
.brand {
 display: inline-flex;
 align-items: center;
 line-height: var(--leading-title);
}
.brand-wordmark {
 display: block;
 width: calc(var(--space-16) + var(--space-16) + var(--space-10));
 height: auto;
}
html[data-theme="porcelain-plum"] {
 --color-border-strong: color-mix(in srgb, var(--color-primary) 34%, var(--color-bg));
}
[data-theme="porcelain-plum"] .brand-wordmark {
 filter: brightness(0) saturate(100%) invert(17%) sepia(29%) saturate(2872%) hue-rotate(288deg) brightness(91%) contrast(88%);
}
.nav-links {
 justify-self: center;
 display: flex;
 align-items: center;
 gap: var(--space-8);
 color: var(--color-muted);
 font-size: var(--text-small);
 font-weight: 620;
}
.nav-links a,
.footer-links a {
 transition: color var(--motion-fast) var(--ease-standard);
}
.nav-links a:hover,
.footer-links a:hover {
 color: var(--color-primary-strong);
}
.button {
 min-height: var(--size-control);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: var(--space-2);
 padding: var(--space-3) var(--space-5);
 border: var(--border-hairline) solid var(--color-border-strong);
 border-radius: var(--radius-sm);
 background: var(--color-surface);
 color: var(--color-fg);
 font-size: var(--text-small);
 font-weight: 620;
 line-height: 1;
 transition:
 background var(--motion-fast) var(--ease-standard),
 border-color var(--motion-fast) var(--ease-standard),
 color var(--motion-fast) var(--ease-standard),
 transform var(--motion-fast) var(--ease-standard);
}
.button:hover {
 border-color: var(--color-primary);
 color: var(--color-primary-strong);
}
.button:active {
 transform: scale(.98);
}
.button.primary {
 border-color: var(--color-primary);
 background: var(--color-primary);
 color: var(--color-on-primary);
}
.button.primary:hover {
 border-color: var(--color-primary-strong);
 background: var(--color-primary-strong);
 color: var(--color-on-primary);
}
.hero-stage {
 position: relative;
 isolation: isolate;
 overflow: hidden;
 border-bottom: var(--border-hairline) solid var(--color-border);
 background: var(--color-bg);
}
.hero-picture,
.hero-scrim {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
}
.hero-picture {
 z-index: -2;
}
.hero-background {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
 filter: saturate(.88) contrast(.98);
}
.hero-scrim {
 z-index: -1;
 background:
 linear-gradient(90deg, var(--color-bg) 0%, var(--color-bg) 34%, color-mix(in srgb, var(--color-bg) 80%, transparent) 56%, color-mix(in srgb, var(--color-bg) 24%, transparent) 100%),
 linear-gradient(0deg, color-mix(in srgb, var(--color-bg) 78%, transparent) 0%, transparent 54%, color-mix(in srgb, var(--color-surface) 26%, transparent) 100%);
}
.hero {
 min-height: calc(100svh - var(--size-nav));
 display: grid;
 grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
 align-items: center;
 gap: var(--space-10);
 padding-block: var(--space-12);
}
.hero-copy {
 max-width: var(--size-reading);
 position: relative;
 z-index: 2;
}
.eyebrow {
 margin: 0 0 var(--space-5);
 color: var(--color-primary-strong);
 font-size: var(--text-label);
 font-weight: 620;
 letter-spacing: var(--tracking-wide);
 text-transform: uppercase;
}
.hero h1,
.section-heading h2,
.certainty-copy h2,
.control-copy h2,
.extras-copy h2,
.faq-heading h2,
.final-cta h2 {
 margin: 0;
 font-family: var(--font-display);
 font-weight: 520;
 letter-spacing: var(--tracking-tight);
 line-height: var(--leading-title);
 text-wrap: balance;
}
.hero h1 {
 max-width: var(--size-reading);
 font-size: clamp(var(--text-display), 5.5vw, var(--space-20));
 line-height: var(--leading-hero);
}
.hero h1 em {
 color: var(--color-primary-strong);
 font-weight: inherit;
}
.hero-deck {
 max-width: var(--size-reading);
 margin: var(--space-6) 0 0;
 color: var(--color-fg);
 font-size: var(--text-deck);
}
.hero-deck strong {
 color: var(--color-primary-strong);
 font-weight: 700;
}
.hero-actions {
 display: flex;
 flex-wrap: wrap;
 gap: var(--space-3);
 margin-top: var(--space-8);
}
.hero-actions .button {
 min-height: var(--size-control-lg);
 padding-inline: var(--space-6);
}
.hero-boundary {
 max-width: var(--size-reading);
 margin: var(--space-5) 0 0;
 color: var(--color-muted);
 font-size: var(--text-small);
}
:where(.relay-story, .context-story, .final-cta, .site-footer) {
 --field-panel: color-mix(in srgb, var(--color-fg) 88%, var(--color-primary-strong));
 --field-panel-deep: color-mix(in srgb, var(--color-fg) 94%, var(--color-primary-strong));
 --field-paper: color-mix(in srgb, var(--color-on-primary) 92%, transparent);
 --field-muted: color-mix(in srgb, var(--color-on-primary) 58%, transparent);
 --field-rule: color-mix(in srgb, var(--color-on-primary) 16%, transparent);
 --field-jade: color-mix(in srgb, var(--color-primary) 74%, var(--color-on-primary));
}
.relay-story {
 position: relative;
 overflow: visible;
 border-bottom: 0;
 background: var(--field-panel-deep);
}
.relay-story-layout {
 position: relative;
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 align-items: start;
 gap: 0;
}
.relay-field,
.relay-chapters {
 grid-area: 1 / 1;
}
.relay-chapters {
 width: 100%;
 position: relative;
 z-index: 4;
 pointer-events: none;
}
.relay-chapters::after {
 height: 100svh;
 display: block;
 content: "";
}
.relay-chapter {
 min-height: 100svh;
 position: relative;
 display: grid;
 align-content: center;
 gap: var(--space-3);
 padding: var(--space-24) clamp(var(--space-6), 4vw, var(--space-16));
 color: var(--field-muted);
 opacity: 0;
}
.relay-chapter > span {
 color: var(--color-primary-strong);
 font-family: var(--font-mono);
 font-size: var(--text-label);
 letter-spacing: var(--tracking-wide);
 text-transform: uppercase;
}
.relay-chapter h3 {
 margin: 0;
 color: var(--color-fg);
 font-family: var(--font-display);
 font-size: var(--text-title);
 font-weight: 520;
 letter-spacing: var(--tracking-tight);
 line-height: var(--leading-title);
}
.relay-chapter p {
 margin: 0;
 line-height: var(--leading-body);
}
.relay-field {
 --relay-progress: 0;
 width: 100%;
 height: 100svh;
 position: sticky;
 top: 0;
 z-index: 1;
 align-self: start;
 min-width: 0;
 min-height: 0;
 margin: 0;
 overflow: hidden;
 isolation: isolate;
 backface-visibility: hidden;
 transform: translateZ(0);
 border: 0;
 border-radius: 0;
 background:
 radial-gradient(circle at 74% 42%, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 36%),
 var(--field-panel-deep);
 box-shadow: inset 0 var(--border-hairline) 0 color-mix(in srgb, var(--color-on-primary) 10%, transparent);
}
.relay-field::before {
 position: absolute;
 inset: 0;
 z-index: 0;
 background:
 radial-gradient(circle at 74% 42%, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 36%),
 var(--field-panel-deep);
 content: "";
}
.field-poster,
.field-scrim {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
}
.field-poster {
 z-index: 0;
 object-fit: cover;
 object-position: 72% center;
 opacity: .18;
 filter: saturate(.34) contrast(1.08) brightness(.58);
 transform: scale(1.035);
}
.field-scrim {
 z-index: 1;
 background:
 linear-gradient(90deg, var(--field-panel-deep) 0%, color-mix(in srgb, var(--field-panel) 91%, transparent) 48%, color-mix(in srgb, var(--field-panel-deep) 80%, transparent) 100%),
 linear-gradient(0deg, var(--field-panel-deep) 0%, transparent 48%, color-mix(in srgb, var(--field-panel-deep) 76%, transparent) 100%);
}
.field-frame {
 position: absolute;
 inset: clamp(var(--space-6), 4vw, var(--space-16));
 z-index: 3;
 display: grid;
 grid-template-columns: minmax(0, 1fr) clamp(300px, 31vw, 460px);
 grid-template-rows: auto minmax(0, 1fr) auto auto;
 column-gap: clamp(var(--space-8), 5vw, var(--space-20));
 row-gap: var(--space-5);
 pointer-events: none;
}
.field-header,
.field-stages,
.field-footer {
 grid-column: 1 / -1;
}
.bridge-map {
 grid-column: 1;
 grid-row: 2;
}
.relay-stage-copy {
 min-width: 0;
 position: relative;
 z-index: 5;
 display: grid;
 grid-column: 2;
 grid-row: 2;
 align-content: center;
 padding-left: clamp(var(--space-6), 3vw, var(--space-10));
 border-left: var(--border-hairline) solid var(--field-rule);
 color: var(--field-muted);
}
.relay-stage-panel {
 --copy-presence: 0;
 min-width: 0;
 grid-area: 1 / 1;
 align-self: center;
 display: grid;
 gap: var(--space-3);
 opacity: var(--copy-presence);
 transform: translateY(calc((1 - var(--copy-presence)) * var(--space-5)));
 transition:
 opacity var(--motion-slow) var(--ease-standard),
 transform var(--motion-slow) var(--ease-standard);
 will-change: opacity, transform;
}
.relay-stage-panel:first-child {
 --copy-presence: 1;
}
.relay-stage-visual {
 width: min(100%, 380px);
 min-height: 156px;
 display: grid;
 align-content: space-between;
 gap: var(--space-4);
 margin-bottom: var(--space-2);
 padding: var(--space-4) var(--space-5);
 border: var(--border-hairline) solid var(--field-rule);
 border-radius: var(--radius-md);
 background:
 linear-gradient(135deg, color-mix(in srgb, var(--field-jade) 8%, transparent), transparent 54%),
 color-mix(in srgb, var(--field-panel) 88%, transparent);
}
.relay-scene-head {
 display: grid;
 grid-template-columns: var(--space-6) minmax(0, 1fr) auto;
 align-items: center;
 gap: var(--space-2);
 padding-bottom: var(--space-3);
 border-bottom: var(--border-hairline) solid var(--field-rule);
}
.relay-scene-icon {
 width: var(--space-5);
 height: var(--space-5);
 color: var(--field-jade);
}
.relay-scene-head span,
.relay-scene-head strong,
.relay-scene-recipient,
.relay-scene-compose [data-write-value],
.relay-write-submit,
.relay-scene-message,
.relay-scene-ready strong {
 font-size: var(--text-label);
}
.relay-scene-head span,
.relay-scene-recipient {
 color: var(--field-muted);
 font-family: var(--font-mono);
 letter-spacing: .04em;
 text-transform: uppercase;
}
.relay-scene-head strong,
.relay-scene-compose [data-write-value],
.relay-scene-ready strong {
 color: var(--field-paper);
 font-weight: 620;
}
.relay-scene-clinics {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: var(--space-2);
}
.relay-scene-clinics > span {
 min-width: 0;
 position: relative;
 display: grid;
 place-items: center;
 gap: var(--space-1);
 padding: var(--space-2);
 border: var(--border-hairline) solid var(--field-rule);
 background: color-mix(in srgb, var(--field-panel-deep) 82%, transparent);
}
.relay-scene-clinics svg {
 width: var(--space-6);
 height: var(--space-6);
 color: var(--field-paper);
}
.relay-scene-clinics i {
 color: var(--field-muted);
 font-family: var(--font-mono);
 font-size: calc(var(--text-label) - var(--border-hairline));
 font-style: normal;
}
.relay-scene-clinics b {
 width: var(--space-4);
 height: var(--space-4);
 position: absolute;
 top: calc(var(--space-1) * -1);
 right: calc(var(--space-1) * -1);
 display: grid;
 place-items: center;
 border-radius: var(--radius-full);
 background: var(--field-jade);
 color: var(--field-panel-deep);
 font-size: calc(var(--text-label) - 2px);
}
.relay-scene-write {
 --write-submit-x: 0px;
 --write-submit-scale: 1;
 --write-submit-opacity: 1;
 width: min(100%, 400px);
 min-height: 286px;
 gap: var(--space-2);
}
.relay-scene-compose {
 display: grid;
 gap: var(--space-2);
 padding: var(--space-3);
 border-left: var(--border-focus) solid var(--field-jade);
 background: color-mix(in srgb, var(--field-panel-deep) 78%, transparent);
}
.relay-scene-compose p {
 display: grid;
 gap: var(--space-2);
 margin: 0;
}
.relay-scene-compose [data-write-value] {
 min-width: 0;
 min-height: 2.7em;
 display: block;
 overflow: hidden;
 line-height: 1.35;
}
.relay-scene-compose [data-write-value][data-state="empty"] {
 color: var(--field-muted);
 opacity: .34;
}
.relay-scene-compose [data-write-value][data-state="typing"]::after {
 width: var(--border-hairline);
 height: 1em;
 display: inline-block;
 margin-left: var(--border-focus);
 background: var(--field-jade);
 content: "";
}
.relay-write-submit {
 min-height: var(--space-6);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: var(--space-2);
 padding: var(--space-1) var(--space-2);
 border: var(--border-hairline) solid var(--field-rule);
 color: var(--field-muted);
 font-family: var(--font-mono);
 opacity: var(--write-submit-opacity);
 transform: translateX(var(--write-submit-x)) scale(var(--write-submit-scale));
 transform-origin: right center;
}
.relay-write-submit svg {
 width: var(--space-4);
 height: var(--space-4);
 flex: 0 0 auto;
 color: var(--field-jade);
}
.relay-write-submit[data-state="ready"] {
 border-color: var(--field-jade);
 color: var(--field-paper);
}
.relay-write-submit[data-state="approved"],
.relay-write-submit[data-state="sent"] {
 border-color: var(--field-jade);
 background: var(--field-jade);
 color: var(--field-panel-deep);
}
.relay-write-submit[data-state="approved"] svg,
.relay-write-submit[data-state="sent"] svg {
 color: currentColor;
}
.relay-scene-send {
 --send-line-scale: 1;
 --send-message-x: 0px;
 --send-message-opacity: 1;
 --send-endpoint-1-opacity: 1;
 --send-endpoint-2-opacity: 1;
 --send-endpoint-3-opacity: 1;
 --send-endpoint-4-opacity: 1;
 --send-endpoint-1-scale: 1;
 --send-endpoint-2-scale: 1;
 --send-endpoint-3-scale: 1;
 --send-endpoint-4-scale: 1;
}
.relay-scene-branch {
 min-height: var(--space-12);
 display: grid;
 grid-template-columns: auto minmax(var(--space-6), 1fr) auto;
 align-items: center;
 gap: var(--space-2);
}
.relay-scene-message {
 display: grid;
 gap: var(--border-focus);
 padding: var(--space-2);
 border: var(--border-hairline) solid var(--field-jade);
 color: var(--field-paper);
 opacity: var(--send-message-opacity);
 transform: translateX(var(--send-message-x));
}
.relay-scene-message strong,
.relay-scene-message small {
 white-space: nowrap;
}
.relay-scene-message strong {
 font-size: inherit;
 font-weight: 620;
}
.relay-scene-message small {
 color: var(--field-muted);
 font-family: var(--font-mono);
 font-size: calc(var(--text-label) - var(--border-hairline));
}
.relay-scene-branch > i,
.final-route-line {
 height: var(--border-hairline);
 display: block;
 background: var(--field-jade);
}
.relay-scene-branch > i {
 transform: scaleX(var(--send-line-scale));
 transform-origin: left center;
}
.relay-scene-endpoints {
 display: grid;
 grid-template-columns: repeat(2, var(--space-6));
 gap: var(--space-1);
}
.relay-scene-endpoints svg {
 width: var(--space-6);
 height: var(--space-6);
 padding: var(--space-1);
 border: var(--border-hairline) solid var(--field-rule);
 color: var(--field-paper);
}
.relay-scene-endpoints svg:nth-child(1) {
 opacity: var(--send-endpoint-1-opacity);
 transform: scale(var(--send-endpoint-1-scale));
}
.relay-scene-endpoints svg:nth-child(2) {
 opacity: var(--send-endpoint-2-opacity);
 transform: scale(var(--send-endpoint-2-scale));
}
.relay-scene-endpoints svg:nth-child(3) {
 opacity: var(--send-endpoint-3-opacity);
 transform: scale(var(--send-endpoint-3-scale));
}
.relay-scene-endpoints svg:nth-child(4) {
 opacity: var(--send-endpoint-4-opacity);
 transform: scale(var(--send-endpoint-4-scale));
}
.relay-scene-replies {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: var(--space-2);
}
.relay-scene-replies > span {
 display: grid;
 gap: var(--space-1);
 padding: var(--space-2);
 border-left: calc(var(--border-hairline) * 2) solid var(--field-jade);
 background: color-mix(in srgb, var(--field-panel-deep) 82%, transparent);
}
.relay-scene-replies i {
 height: var(--border-hairline);
 display: block;
 background: var(--field-muted);
}
.relay-scene-replies i:last-child {
 width: 62%;
}
.relay-scene-ready {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: var(--space-2);
 color: var(--field-jade);
}
.relay-scene-ready svg {
 width: var(--space-5);
 height: var(--space-5);
}
.relay-stage-panel > span {
 color: var(--field-jade);
 font-family: var(--font-mono);
 font-size: var(--text-label);
 letter-spacing: var(--tracking-wide);
 text-transform: uppercase;
}
.relay-stage-panel h3 {
 max-width: 12ch;
 margin: 0;
 color: var(--field-paper);
 font-family: var(--font-display);
 font-size: clamp(var(--text-title), 3.2vw, var(--text-display));
 font-weight: 520;
 letter-spacing: var(--tracking-tight);
 line-height: var(--leading-title);
 text-wrap: balance;
}
.relay-stage-panel p {
 max-width: 36ch;
 margin: 0;
 line-height: var(--leading-body);
}
.field-header,
.field-footer,
.reply-toolbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: var(--space-4);
}
.field-header > div {
 display: grid;
 gap: var(--space-2);
}
.field-kicker,
.field-header > div > strong,
.field-footer strong,
.field-footer span {
 color: var(--field-paper);
}
.field-kicker,
.field-footer span {
 font-family: var(--font-mono);
 font-size: var(--text-label);
}
.field-kicker {
 color: var(--field-jade);
 letter-spacing: var(--tracking-wide);
 text-transform: uppercase;
}
.field-header > div > strong {
 font-family: var(--font-display);
 font-size: var(--text-title);
 font-weight: 500;
 letter-spacing: var(--tracking-tight);
 line-height: var(--leading-title);
}
.field-status {
 max-width: calc(var(--size-reading) / 2.4);
 display: inline-grid;
 grid-template-columns: auto minmax(0, 1fr);
 align-items: center;
 gap: var(--space-2);
 color: var(--field-paper);
 font-size: var(--text-label);
 font-weight: 600;
 line-height: 1.35;
 text-align: right;
}
.field-status::before {
 width: calc(var(--space-2) - var(--border-hairline));
 height: calc(var(--space-2) - var(--border-hairline));
 border-radius: var(--radius-full);
 background: var(--field-jade);
 content: "";
}
.field-stages {
 position: relative;
 isolation: isolate;
 list-style: none;
 margin: 0;
 padding: 0;
 display: grid;
 grid-template-columns: .5fr 1fr 1fr .5fr;
 gap: 0;
}
.field-stages::before,
.field-stages::after {
 height: var(--border-hairline);
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 z-index: 0;
 content: "";
}
.field-stages::before {
 background: var(--field-rule);
}
.field-stages::after {
 background: var(--field-jade);
 transform: scaleX(var(--relay-progress));
 transform-origin: left;
 will-change: transform;
}
.field-stages li {
 min-width: 0;
 position: relative;
 z-index: 1;
 padding: var(--space-3) 0 0;
 color: var(--field-muted);
 font-size: var(--text-label);
 text-align: center;
 transition:
 color var(--motion-base) var(--ease-standard);
}
.field-stages li::after {
 position: absolute;
 top: 0;
 content: "";
 transition:
 background var(--motion-base) var(--ease-standard),
 border-color var(--motion-base) var(--ease-standard);
}
.field-stages li::after {
 left: 50%;
 width: calc(var(--space-2) - var(--border-hairline));
 height: calc(var(--space-2) - var(--border-hairline));
 border: var(--border-hairline) solid var(--field-rule);
 border-radius: var(--radius-full);
 background: var(--field-panel-deep);
 transform: translateY(calc(-50% + (var(--border-hairline) / 2)));
}
.field-stages li:first-child {
 text-align: left;
}
.field-stages li:first-child::after {
 left: 0;
}
.field-stages li:last-child {
 text-align: right;
}
.field-stages li:last-child::after {
 right: 0;
 left: auto;
}
.field-stages li[data-state="active"],
.field-stages li[data-state="complete"] {
 background: transparent;
 color: var(--field-paper);
}
.field-stages li[data-state="complete"]::after {
 border-color: var(--field-jade);
 background: var(--field-jade);
}
.field-stages li[data-state="active"] {
 font-weight: 620;
}
.field-stages li[data-state="active"]::after {
 border-color: var(--field-paper);
 background: var(--field-paper);
}
.bridge-map {
 min-height: 0;
 position: relative;
 display: grid;
 grid-template-columns: minmax(128px, .78fr) minmax(116px, .64fr) minmax(172px, 1fr);
 align-items: center;
 gap: clamp(var(--space-3), 2vw, calc(var(--space-6) + var(--space-1)));
 isolation: isolate;
}
.bridge-map canvas {
 position: absolute;
 inset: 0;
 z-index: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
}
.bridge-anchor {
 min-width: 0;
 position: relative;
 z-index: 2;
 color: var(--field-paper);
}
.bridge-word {
 display: block;
 font-family: var(--font-display);
 font-size: clamp(var(--text-display), 5vw, var(--space-16));
 font-weight: 500;
 letter-spacing: var(--tracking-tight);
 line-height: .88;
}
.bridge-anchor > span,
.bridge-anchor small {
 display: block;
 color: var(--field-muted);
 font-family: var(--font-mono);
 font-size: var(--text-label);
}
.bridge-anchor > span {
 margin-top: var(--space-4);
 color: var(--field-jade);
 letter-spacing: .08em;
 text-transform: uppercase;
}
.bridge-anchor p {
 margin: var(--space-2) 0 0;
 color: var(--field-paper);
 font-size: var(--text-body);
 font-weight: 620;
}
.bridge-anchor small {
 margin-top: var(--space-2);
 line-height: 1.45;
}
.bridge-anchor-origin {
 padding-left: var(--space-4);
 border-left: var(--border-hairline) solid var(--field-jade);
}
.bridge-anchor-destination {
 padding-right: var(--space-4);
 border-right: var(--border-hairline) solid var(--field-jade);
 text-align: right;
}
.bridge-gap {
 min-width: 0;
 position: relative;
 display: grid;
 align-self: stretch;
 place-items: center;
 margin-inline: calc(var(--space-4) * -1);
 z-index: 1;
}
.bridge-static-hyphen {
 width: calc(100% + var(--space-10));
 height: calc(var(--border-hairline) * 2);
 position: relative;
 display: block;
 border-radius: var(--radius-full);
 background: var(--field-jade);
 opacity: .78;
 transition:
 opacity var(--motion-slow) var(--ease-standard);
}
.bridge-static-hyphen::before,
.bridge-static-hyphen::after {
 display: none;
}
.relay-field:not(.no-webgl) .bridge-static-hyphen {
 opacity: 0;
}
.bridge-return {
 width: max-content;
 max-width: calc(100% + var(--space-12));
 position: absolute;
 top: calc(50% + var(--space-10));
 left: 50%;
 display: grid;
 gap: var(--space-1);
 color: var(--field-muted);
 opacity: .34;
 text-align: center;
 transform: translate(-50%, var(--space-2));
 transition:
 color var(--motion-slow) var(--ease-standard),
 opacity var(--motion-slow) var(--ease-standard),
 transform var(--motion-slow) var(--ease-standard);
}
.bridge-return span {
 font-family: var(--font-mono);
 font-size: calc(var(--text-label) - var(--border-hairline));
 letter-spacing: .08em;
 text-transform: uppercase;
}
.bridge-return strong {
 color: var(--field-paper);
 font-size: var(--text-small);
 font-weight: 620;
}
.relay-field[data-phase="inbound"] .bridge-return,
.relay-field[data-phase="merge"] .bridge-return,
.relay-field[data-phase="complete"] .bridge-return {
 opacity: 1;
 transform: translate(-50%, 0);
}
.relay-field[data-phase="complete"] .bridge-return strong {
 color: var(--field-jade);
}
.clinic-signals {
 list-style: none;
 margin: var(--space-5) 0 0;
 padding: 0;
 display: grid;
 border-top: var(--border-hairline) solid var(--field-rule);
 text-align: left;
}
.clinic-signals li {
 min-width: 0;
 display: grid;
 grid-template-columns: calc(var(--space-6) + var(--space-1)) minmax(0, 1fr) auto;
 align-items: center;
 gap: var(--space-2);
 padding-block: var(--space-2);
 border-bottom: var(--border-hairline) solid var(--field-rule);
 color: var(--field-muted);
 opacity: .46;
 transform: translateX(var(--space-2));
 transition:
 color var(--motion-slow) var(--ease-standard),
 opacity var(--motion-slow) var(--ease-standard),
 transform var(--motion-slow) var(--ease-standard);
}
.clinic-signals i {
 width: calc(var(--space-6) + var(--space-1));
 height: calc(var(--space-6) + var(--space-1));
 display: grid;
 place-items: center;
 border: var(--border-hairline) solid var(--field-muted);
 border-radius: var(--radius-sm);
 background: transparent;
 color: var(--field-muted);
 transition:
 background var(--motion-slow) var(--ease-standard),
 border-color var(--motion-slow) var(--ease-standard),
 color var(--motion-slow) var(--ease-standard);
}
.clinic-signals i svg {
 width: var(--space-4);
 height: var(--space-4);
}
.clinic-signals span {
 min-width: 0;
 font-size: var(--text-label);
 font-weight: 600;
}
.clinic-signals strong {
 color: inherit;
 font-family: var(--font-mono);
 font-size: calc(var(--text-label) - var(--border-hairline));
 font-weight: 500;
 white-space: nowrap;
}
.clinic-signals li[data-state="selected"],
.clinic-signals li[data-state="approved"],
.clinic-signals li[data-state="sent"],
.clinic-signals li[data-state="replied"],
.clinic-signals li[data-state="translated"] {
 color: var(--field-paper);
 opacity: 1;
 transform: translateX(0);
}
.clinic-signals li[data-state="selected"] i,
.clinic-signals li[data-state="approved"] i,
.clinic-signals li[data-state="sent"] i {
 border-color: var(--field-jade);
 background: var(--color-primary);
 color: var(--color-on-primary);
}
.clinic-signals li[data-state="replied"] i,
.clinic-signals li[data-state="translated"] i {
 border-color: var(--field-paper);
 background: var(--field-paper);
 color: var(--field-panel-deep);
}
.clinic-signals li[data-state="replied"] strong,
.clinic-signals li[data-state="translated"] strong {
 color: var(--field-jade);
}
.clinic-signals li[data-state="unselected"] {
 opacity: .24;
}
.field-footer {
 padding-top: var(--space-1);
 color: var(--field-muted);
 font-size: var(--text-label);
}
.field-footer strong {
 font-weight: 600;
}
.field-footer span {
 color: var(--field-muted);
}
.relay-field.no-webgl canvas {
 display: none;
}
.relay-facts {
 border-bottom: var(--border-hairline) solid var(--color-border);
 background: var(--color-surface-glass);
}
.context-story {
 --context-progress: 0;
 position: relative;
 overflow: visible;
 border-block: 0;
 background: var(--field-panel-deep);
}
.context-story-layout {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 width: 100%;
}
.context-field,
.context-chapters {
 grid-area: 1 / 1;
}
.context-field {
 --context-panel-deep: var(--field-panel-deep);
 --context-map-opacity: .44;
 --context-map-scale: 1.03;
 --context-map-x: 0%;
 --context-map-y: 0%;
 width: 100%;
 height: 100svh;
 min-height: 620px;
 position: sticky;
 top: 0;
 z-index: 2;
 margin: 0;
 overflow: hidden;
 background:
 radial-gradient(circle at 28% 48%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 38%),
 var(--context-panel-deep);
 color: var(--field-paper);
}
.context-field::before {
 position: absolute;
 inset: 0;
 background:
 linear-gradient(90deg, var(--field-rule) var(--border-hairline), transparent var(--border-hairline)),
 linear-gradient(var(--field-rule) var(--border-hairline), transparent var(--border-hairline));
 background-size: var(--space-16) var(--space-16);
 content: "";
 mask-image: linear-gradient(90deg, black, transparent 72%);
 opacity: .28;
 pointer-events: none;
}
.context-field-frame {
 position: absolute;
 inset: clamp(var(--space-6), 4vw, var(--space-16));
 z-index: 1;
 display: grid;
 grid-template-rows: auto minmax(0, 1fr) auto auto;
 row-gap: var(--space-5);
}
.context-field-header {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: var(--space-8);
 padding-bottom: var(--space-4);
 border-bottom: var(--border-hairline) solid var(--field-rule);
}
.context-field-header > div {
 display: grid;
 gap: var(--space-2);
}
.context-field-header span,
.context-field-status {
 color: var(--field-jade);
 font-family: var(--font-mono);
 font-size: var(--text-label);
 letter-spacing: var(--tracking-wide);
 text-transform: uppercase;
}
.context-field-header strong {
 font-family: var(--font-display);
 font-size: var(--text-title);
 font-weight: 520;
 letter-spacing: var(--tracking-tight);
 line-height: var(--leading-title);
}
.context-field-status {
 display: inline-flex;
 align-items: center;
 gap: var(--space-2);
 max-width: 28ch;
 text-align: right;
 letter-spacing: 0;
 text-transform: none;
}
.context-field-status::before {
 width: var(--space-2);
 height: var(--space-2);
 flex: 0 0 auto;
 border-radius: var(--radius-full);
 background: var(--color-primary);
 content: "";
}
.context-field-main {
 min-height: 0;
 display: grid;
 grid-template-columns: minmax(0, 1fr) clamp(300px, 31vw, 460px);
 align-items: stretch;
 gap: clamp(var(--space-8), 5vw, var(--space-20));
}
.context-plot {
 position: relative;
 min-width: 0;
 min-height: 0;
 overflow: hidden;
 border: var(--border-hairline) solid var(--field-rule);
 border-radius: var(--radius-md);
 background: color-mix(in srgb, var(--field-panel) 74%, transparent);
}
.context-map-base,
.context-map-shade,
.context-map-ui {
 position: absolute;
 inset: 0;
}
.context-map-base {
 z-index: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: 52% 52%;
 opacity: var(--context-map-opacity);
 filter: grayscale(1) contrast(1.22) brightness(.52) sepia(.1);
 transform: translate(var(--context-map-x), var(--context-map-y)) scale(var(--context-map-scale));
 transform-origin: 52% 52%;
 transition: opacity var(--motion-slow) var(--ease-standard);
 will-change: opacity, transform;
}
.context-map-shade {
 z-index: 1;
 background:
 radial-gradient(circle at 52% 52%, transparent 0 19%, color-mix(in srgb, var(--context-panel-deep) 24%, transparent) 52%, color-mix(in srgb, var(--context-panel-deep) 78%, transparent) 100%),
 linear-gradient(180deg, color-mix(in srgb, var(--context-panel-deep) 32%, transparent), color-mix(in srgb, var(--context-panel-deep) 58%, transparent));
 box-shadow: inset 0 0 0 var(--border-hairline) color-mix(in srgb, var(--field-paper) 7%, transparent);
 pointer-events: none;
}
.context-map-ui {
 z-index: 3;
 color: var(--field-muted);
 font-family: var(--font-mono);
 font-size: calc(var(--text-label) - var(--border-hairline));
 letter-spacing: .08em;
 text-transform: uppercase;
 pointer-events: none;
}
.context-map-ui > span {
 position: absolute;
}
.context-map-place {
 top: var(--space-3);
 left: var(--space-3);
 padding: var(--space-1) var(--space-2);
 border: var(--border-hairline) solid var(--field-rule);
 background: color-mix(in srgb, var(--context-panel-deep) 84%, transparent);
 color: var(--field-paper);
}
.context-map-river {
 top: 14%;
 left: 11%;
 color: var(--field-jade);
 opacity: .82;
 transform: rotate(-9deg);
}
.context-map-coordinates {
 bottom: var(--space-3);
 left: var(--space-3);
}
.context-map-north {
 top: var(--space-3);
 right: var(--space-3);
 color: var(--field-paper);
}
.context-map-scale {
 right: var(--space-3);
 bottom: calc(var(--space-5) + var(--space-3));
 display: inline-flex;
 align-items: center;
 gap: var(--space-2);
}
.context-map-scale i {
 width: var(--space-10);
 height: var(--border-focus);
 display: block;
 border-inline: var(--border-hairline) solid currentColor;
 background: currentColor;
}
.context-map-credit {
 position: absolute;
 right: var(--space-3);
 bottom: var(--space-2);
 z-index: 5;
 padding: var(--space-1) var(--space-2);
 background: color-mix(in srgb, var(--context-panel-deep) 86%, transparent);
 color: var(--field-muted);
 font-family: var(--font-mono);
 font-size: calc(var(--text-label) - var(--border-hairline));
 line-height: 1.2;
 text-decoration: none;
}
.context-map-credit:hover,
.context-map-credit:focus-visible {
 color: var(--field-paper);
 text-decoration: underline;
}
.context-field canvas {
 position: absolute;
 inset: 0;
 z-index: 2;
 width: 100%;
 height: 100%;
 opacity: 0;
 transition: opacity var(--motion-slow) var(--ease-standard);
}
.context-field.webgl-ready canvas {
 opacity: 1;
}
.context-field.no-webgl canvas {
 display: none;
}
.context-fallback {
 position: absolute;
 inset: 0;
 z-index: 2;
 opacity: 1;
 transition: opacity var(--motion-slow) var(--ease-standard);
}
.context-fallback::before,
.context-fallback::after {
 position: absolute;
 top: 50%;
 left: 10%;
 width: 80%;
 height: var(--border-focus);
 background: var(--color-primary);
 content: "";
 transform-origin: left;
}
.context-fallback::after {
 left: 50%;
 width: 34%;
 opacity: .38;
 transform: rotate(-28deg);
}
.context-fallback span {
 position: absolute;
 width: var(--space-3);
 height: var(--space-3);
 border: var(--border-focus) solid var(--color-primary);
 border-radius: var(--radius-full);
 background: var(--field-panel-deep);
 transform: translate(-50%, -50%);
}
.context-fallback span:nth-child(1) { left: 10%; top: 50%; }
.context-fallback span:nth-child(2) { left: 30%; top: 50%; }
.context-fallback span:nth-child(3) { left: 50%; top: 50%; }
.context-fallback span:nth-child(4) { left: 70%; top: 50%; }
.context-fallback span:nth-child(5) { left: 90%; top: 50%; }
.context-field.webgl-ready .context-fallback {
 opacity: 0;
}
.context-field.no-webgl .context-fallback {
 opacity: 1;
}
.context-label-layer {
 --context-presence: 0;
 position: absolute;
 inset: 0;
 z-index: 4;
 opacity: var(--context-presence);
 transform: translateY(calc((1 - var(--context-presence)) * var(--space-4)));
 transition:
 opacity var(--motion-slow) var(--ease-standard),
 transform var(--motion-slow) var(--ease-standard);
 pointer-events: none;
}
.context-label-layer[data-state="active"] {
 --context-presence: 1;
}
.context-node {
 position: absolute;
 display: grid;
 grid-template-columns: var(--space-6) minmax(0, 1fr);
 column-gap: var(--space-2);
 row-gap: var(--space-1);
 min-width: 132px;
 padding: var(--space-2) var(--space-3);
 border: var(--border-hairline) solid var(--field-rule);
 border-radius: var(--radius-md);
 background: color-mix(in srgb, var(--field-panel) 90%, transparent);
 color: var(--field-paper);
 box-shadow: none;
 transform: translate(-50%, -50%);
}
.context-node-icon {
 width: var(--space-5);
 height: var(--space-5);
 grid-column: 1;
 grid-row: 1 / 3;
 align-self: center;
 color: var(--field-jade);
}
.context-node strong {
 grid-column: 2;
 font-size: var(--text-small);
 font-weight: 620;
 line-height: 1.2;
}
.context-node small {
 grid-column: 2;
 color: var(--field-muted);
 font-family: var(--font-mono);
 font-size: calc(var(--text-label) - var(--border-hairline));
 line-height: 1.25;
}
.timing-arrival { left: 10%; top: 58%; }
.timing-consult { left: 29%; top: 40%; }
.timing-procedure { left: 50%; top: 58%; }
.timing-followup { left: 71%; top: 40%; }
.timing-home { left: 90%; top: 58%; }
.area-stay { left: 20%; top: 24%; }
.area-clinic { left: 52%; top: 52%; }
.area-access { left: 80%; top: 76%; }
.support-clinic { left: 48%; top: 50%; }
.support-stay { left: 20%; top: 24%; }
.support-food { left: 80%; top: 28%; }
.support-essentials { left: 78%; top: 78%; }
.area-clinic,
.support-clinic {
 border-color: var(--field-jade);
 background: var(--color-primary);
 color: var(--color-on-primary);
}
.area-clinic .context-node-icon,
.support-clinic .context-node-icon {
 color: var(--color-on-primary);
}
.area-clinic small,
.support-clinic small {
 color: color-mix(in srgb, var(--color-on-primary) 78%, transparent);
}
.context-panel-stack {
 position: relative;
 min-height: 0;
 overflow: hidden;
 border-left: var(--border-hairline) solid var(--field-rule);
}
.context-panel {
 --context-presence: 0;
 position: absolute;
 inset: 0;
 display: grid;
 align-content: center;
 gap: var(--space-5);
 padding-left: clamp(var(--space-6), 3vw, var(--space-12));
 opacity: var(--context-presence);
 transform: translateY(calc((1 - var(--context-presence)) * var(--space-5))) scale(calc(.98 + var(--context-presence) * .02));
 transform-origin: left center;
 transition:
 opacity var(--motion-slow) var(--ease-standard),
 transform var(--motion-slow) var(--ease-standard);
 pointer-events: none;
}
.context-panel[data-state="active"] {
 --context-presence: 1;
 pointer-events: auto;
}
.context-panel > span {
 color: var(--field-jade);
 font-family: var(--font-mono);
 font-size: var(--text-label);
 letter-spacing: var(--tracking-wide);
 text-transform: uppercase;
}
.context-panel em {
 display: inline-flex;
 margin-left: var(--space-2);
 padding: var(--space-1) var(--space-2);
 border: var(--border-hairline) solid var(--field-rule);
 border-radius: var(--radius-full);
 font-style: normal;
 letter-spacing: 0;
}
.context-panel h3 {
 max-width: 13ch;
 margin: 0;
 color: var(--field-paper);
 font-family: var(--font-display);
 font-size: clamp(var(--text-title), 3.4vw, var(--space-12));
 font-weight: 520;
 letter-spacing: var(--tracking-tight);
 line-height: var(--leading-title);
 text-wrap: balance;
}
.context-panel p {
 max-width: 42ch;
 margin: 0;
 color: var(--field-muted);
}
.context-panel > small {
 max-width: 44ch;
 padding-top: var(--space-4);
 border-top: var(--border-hairline) solid var(--field-rule);
 color: var(--field-muted);
 font-family: var(--font-mono);
 font-size: var(--text-label);
}
.context-field-stages {
 position: relative;
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: var(--space-5);
 margin: 0;
 padding: var(--space-5) 0 0;
 list-style: none;
}
.context-field-stages::before,
.context-field-stages::after {
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 height: var(--border-hairline);
 background: var(--field-rule);
 content: "";
}
.context-field-stages::after {
 background: var(--field-jade);
 transform: scaleX(var(--context-progress));
 transform-origin: left;
}
.context-field-stages li {
 display: flex;
 align-items: baseline;
 gap: var(--space-2);
 color: var(--field-muted);
 font-size: var(--text-small);
}
.context-field-stages li[data-state="active"],
.context-field-stages li[data-state="complete"] {
 color: var(--field-paper);
}
.context-field-stages li span {
 color: var(--field-jade);
 font-family: var(--font-mono);
 font-size: var(--text-label);
}
.context-field figcaption {
 color: var(--field-muted);
 font-family: var(--font-mono);
 font-size: var(--text-label);
}
.context-noscript {
 position: absolute;
 right: var(--space-5);
 bottom: var(--space-5);
 left: var(--space-5);
 z-index: 4;
 margin: 0;
 padding: var(--space-5);
 border: var(--border-hairline) solid var(--field-rule);
 background: var(--field-panel);
 color: var(--field-paper);
}
.context-chapters {
 position: relative;
 z-index: 1;
 width: 100%;
 pointer-events: none;
}
.context-chapter {
 min-height: 100svh;
 padding: var(--space-8);
 opacity: 0;
}
.context-release {
 min-height: 100svh;
}
.context-chapter h3,
.context-chapter p {
 margin: 0;
}
.facts-grid {
 position: relative;
 margin: 0;
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
}
.relay-facts {
 border-block: var(--border-hairline) solid var(--color-border);
 background: var(--color-surface-alt);
}
.facts-grid::before {
 position: absolute;
 top: calc(var(--space-6) + var(--space-4));
 right: var(--space-6);
 left: var(--space-6);
 height: var(--border-hairline);
 background: var(--color-primary);
 content: "";
 opacity: .48;
}
.fact {
 min-width: 0;
 position: relative;
 padding: var(--space-6);
}
.fact + .fact {
 border-left: var(--border-hairline) solid var(--color-border);
}
.fact dt {
 display: grid;
 grid-template-columns: auto var(--space-8) minmax(0, 1fr);
 align-items: center;
 gap: var(--space-3);
 color: var(--color-primary-strong);
 font-size: var(--text-small);
 font-weight: 680;
}
.fact-index {
 position: relative;
 z-index: 1;
 padding-right: var(--space-2);
 background: var(--color-surface-alt);
 color: var(--color-muted);
 font-family: var(--font-mono);
 font-size: var(--text-label);
 font-weight: 500;
}
.fact dt > span:last-child {
 position: relative;
 z-index: 1;
 background: var(--color-surface-alt);
}
.fact-icon {
 width: var(--space-8);
 height: var(--space-8);
 position: relative;
 z-index: 1;
 padding: var(--space-1);
 border: var(--border-hairline) solid var(--color-primary);
 background: var(--color-surface-alt);
 color: var(--color-primary-strong);
}
.fact dd {
 margin: var(--space-3) 0 0 calc(var(--space-8) + var(--space-8) + var(--space-2));
 color: var(--color-muted);
 font-size: var(--text-small);
}
.section {
 padding-block: var(--space-28);
}
#relay,
#context,
#translation,
#safety,
#faq,
#early-access {
 scroll-margin-top: calc(var(--size-nav) + var(--space-4));
}
.certainty-section {
 display: grid;
 grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
 align-items: center;
 gap: var(--space-20);
}
.planning-visual,
.clinic-visual,
.extras-visual {
 position: relative;
 margin: 0;
 overflow: hidden;
 border-radius: var(--radius-2xl);
 background: var(--color-surface-alt);
}
.planning-visual {
 min-height: var(--size-field);
}
.planning-visual img,
.clinic-visual img,
.extras-visual img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.planning-visual img {
 position: absolute;
 inset: 0;
}
.planning-visual figcaption,
.clinic-visual figcaption,
.extras-visual figcaption {
 position: absolute;
 right: var(--space-4);
 bottom: var(--space-4);
 left: var(--space-4);
 padding: var(--space-3) var(--space-4);
 border-radius: var(--radius-md);
 background: var(--color-surface-glass);
 color: var(--color-fg);
 font-size: var(--text-small);
}
.certainty-copy h2,
.section-heading h2,
.control-copy h2,
.extras-copy h2,
.faq-heading h2,
.final-cta h2 {
 font-size: clamp(var(--text-title), 4.4vw, var(--space-16));
}
.section-deck,
.section-heading p,
.control-copy p,
.extras-copy > p:not(.eyebrow),
.faq-heading p,
.final-cta p {
 max-width: var(--size-reading);
 margin: var(--space-5) 0 0;
 color: var(--color-muted);
}
.date-questions,
.extras-list {
 margin: var(--space-10) 0 0;
 border-top: var(--border-hairline) solid var(--color-border-strong);
}
.date-questions > div,
.extras-list > div {
 display: grid;
 grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
 gap: var(--space-8);
 padding-block: var(--space-5);
 border-bottom: var(--border-hairline) solid var(--color-border);
}
.date-questions dt,
.extras-list dt {
 font-weight: 620;
}
.date-questions dd,
.extras-list dd {
 margin: 0;
 color: var(--color-muted);
}
.boundary-note {
 margin: var(--space-8) 0 0;
 padding-left: var(--space-5);
 border-left: var(--border-focus) solid var(--color-primary);
 color: var(--color-muted);
 font-size: var(--text-small);
}
.workflow-section {
 border-block: var(--border-hairline) solid var(--color-border);
 background: var(--color-primary-soft);
}
.section-heading.wide {
 display: grid;
 grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr);
 align-items: end;
 gap: var(--space-16);
}
.section-heading.wide p {
 margin-top: 0;
}
.workflow-grid {
 list-style: none;
 margin: var(--space-20) 0 0;
 padding: 0;
 display: grid;
 grid-template-columns: repeat(12, minmax(0, 1fr));
 border-top: var(--border-hairline) solid var(--color-border-strong);
}
.workflow-item {
 padding: var(--space-8);
 border-right: var(--border-hairline) solid var(--color-border);
 border-bottom: var(--border-hairline) solid var(--color-border);
}
.workflow-item:nth-child(1) {
 grid-column: 1 / 8;
}
.workflow-item:nth-child(2) {
 grid-column: 8 / 13;
 border-right: 0;
}
.workflow-item:nth-child(3) {
 grid-column: 1 / 6;
}
.workflow-item:nth-child(4) {
 grid-column: 6 / 13;
 border-right: 0;
}
.workflow-item > span {
 color: var(--color-primary-strong);
 font-family: var(--font-mono);
 font-size: var(--text-label);
}
.workflow-item h3 {
 max-width: var(--size-reading);
 margin: var(--space-8) 0 0;
 font-family: var(--font-display);
 font-size: var(--text-quote);
 font-weight: 520;
 line-height: var(--leading-title);
}
.workflow-item p {
 max-width: var(--size-reading);
 margin: var(--space-4) 0 0;
 color: var(--color-muted);
}
.workflow-item.featured {
 background: var(--color-surface-glass);
}
.reply-section {
 background: var(--color-surface-alt);
}
.reply-grid {
 display: grid;
 grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
 align-items: stretch;
 gap: var(--space-16);
}
.clinic-visual {
 min-height: calc(var(--size-field) + var(--space-20));
}
.reply-copy {
 align-self: center;
}
.section-heading.compact p {
 margin-top: var(--space-4);
}
.reply-anatomy {
 margin-top: var(--space-10);
 border: var(--border-hairline) solid var(--color-border-strong);
 border-radius: var(--radius-xl);
 background: var(--color-surface);
}
.reply-toolbar {
 padding: var(--space-4) var(--space-5);
 border-bottom: var(--border-hairline) solid var(--color-border);
 font-size: var(--text-small);
}
.reply-toolbar span {
 color: var(--color-primary-strong);
 font-family: var(--font-mono);
 font-size: var(--text-label);
}
blockquote {
 margin: 0;
 padding: var(--space-8) var(--space-6);
 border-bottom: var(--border-hairline) solid var(--color-border-strong);
 font-family: var(--font-display);
 font-size: var(--text-quote);
 line-height: var(--leading-title);
}
.source-facts {
 margin: 0;
}
.source-fact {
 display: grid;
 grid-template-columns: minmax(0, .48fr) minmax(0, 1fr);
 gap: var(--space-6);
 padding: var(--space-5);
 border-bottom: var(--border-hairline) solid var(--color-border);
}
.source-fact dt {
 color: var(--color-primary-strong);
 font-size: var(--text-small);
 font-weight: 620;
}
.source-fact dd {
 margin: 0;
}
.source-fact cite {
 display: block;
 margin-top: var(--space-2);
 color: var(--color-muted);
 font-family: var(--font-mono);
 font-size: var(--text-label);
 font-style: normal;
}
.translation-note {
 margin: 0;
 padding: var(--space-4) var(--space-5);
 color: var(--color-muted);
 font-size: var(--text-label);
}
.control-grid {
 display: grid;
 grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
 align-items: start;
 gap: var(--space-20);
}
.control-list {
 list-style: none;
 margin: 0;
 padding: 0;
 border-top: var(--border-hairline) solid var(--color-border-strong);
}
.control-list li {
 display: grid;
 grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr);
 gap: var(--space-6);
 padding-block: var(--space-5);
 border-bottom: var(--border-hairline) solid var(--color-border);
}
.control-list span {
 color: var(--color-muted);
}
.extras-section {
 padding-block: var(--space-28);
 border-block: var(--border-hairline) solid var(--color-border);
 background: var(--color-surface-alt);
}
.extras-grid {
 display: grid;
 grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
 align-items: center;
 gap: var(--space-20);
}
.extras-list {
 padding: 0;
}
.extras-visual {
 min-height: calc(var(--size-field) - var(--space-20));
}
.faq-section {
 padding-bottom: var(--space-20);
}
.faq-grid {
 display: grid;
 grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
 gap: var(--space-20);
}
.faq-list {
 border-top: var(--border-hairline) solid var(--color-border-strong);
}
details {
 border-bottom: var(--border-hairline) solid var(--color-border);
}
summary {
 min-height: var(--size-control-lg);
 display: grid;
 grid-template-columns: 1fr auto;
 align-items: center;
 gap: var(--space-4);
 padding-block: var(--space-4);
 cursor: pointer;
 font-weight: 620;
 list-style: none;
}
summary::-webkit-details-marker {
 display: none;
}
summary::after {
 content: "+";
 color: var(--color-primary-strong);
 font-family: var(--font-mono);
 font-size: var(--text-section);
 transition: transform var(--motion-fast) var(--ease-standard);
}
details[open] summary::after {
 transform: rotate(45deg);
}
details p {
 max-width: var(--size-reading);
 margin: 0;
 padding: 0 var(--space-8) var(--space-5) 0;
 color: var(--color-muted);
}
.final-cta {
 min-height: var(--size-field);
 padding-block: var(--space-24);
 background:
 linear-gradient(120deg, color-mix(in srgb, var(--field-jade) 9%, transparent), transparent 42%),
 var(--field-panel-deep);
 color: var(--field-paper);
}
.final-cta-inner {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 align-items: end;
 gap: var(--space-16);
}
.final-route {
 grid-column: 1 / -1;
 display: grid;
 grid-template-columns: auto minmax(var(--space-8), 1fr) auto auto minmax(var(--space-8), 1fr) auto auto;
 align-items: center;
 gap: var(--space-4);
 padding-block: var(--space-6);
 border-block: var(--border-hairline) solid var(--field-rule);
}
.final-route > strong {
 color: var(--field-paper);
 font-family: var(--font-display);
 font-size: var(--text-display);
 font-weight: 520;
 letter-spacing: var(--tracking-tight);
 line-height: 1;
}
.final-route-packet,
.final-route-clinics {
 display: flex;
 align-items: center;
}
.final-route-packet {
 gap: var(--space-2);
 padding: var(--space-2) var(--space-3);
 border: var(--border-hairline) solid var(--field-rule);
 color: var(--field-paper);
 font-family: var(--font-mono);
 font-size: var(--text-label);
 white-space: nowrap;
}
.final-route-packet svg {
 width: var(--space-5);
 height: var(--space-5);
 color: var(--field-jade);
}
.final-route-clinics {
 gap: var(--space-1);
}
.final-route-clinics svg {
 width: var(--space-6);
 height: var(--space-6);
 padding: var(--space-1);
 border: var(--border-hairline) solid var(--field-rule);
 color: var(--field-paper);
}
.final-cta-kicker {
 display: block;
 margin-bottom: var(--space-4);
 color: var(--field-jade);
 font-family: var(--font-mono);
 font-size: var(--text-label);
 letter-spacing: var(--tracking-wide);
 text-transform: uppercase;
}
.final-cta h2 {
 max-width: 15ch;
 color: var(--field-paper);
}
.final-cta p {
 color: var(--field-muted);
}
.final-cta .button {
 min-height: var(--size-control-lg);
 padding-inline: var(--space-6);
}
.final-cta .button.primary {
 border-color: var(--field-jade);
 background: var(--field-jade);
 color: var(--field-panel-deep);
}
.final-cta .button.primary:hover {
 border-color: var(--field-paper);
 background: var(--field-paper);
 color: var(--field-panel-deep);
}
.site-footer {
 margin-top: 0;
 border-top: var(--border-hairline) solid var(--field-rule);
 background: var(--field-panel-deep);
}
.footer-inner {
 min-height: var(--space-24);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: var(--space-6);
 color: var(--field-muted);
 font-size: var(--text-small);
}
.footer-links {
 display: flex;
 flex-wrap: wrap;
 gap: var(--space-5);
}
@media (max-width: 980px) {
 .nav {
 grid-template-columns: auto 1fr;
 }
 .nav-links {
 display: none;
 }
 .nav > .button {
 justify-self: end;
 }
 .hero-scrim {
 background: linear-gradient(90deg, var(--color-bg), color-mix(in srgb, var(--color-bg) 82%, transparent));
 }
 .hero {
 min-height: auto;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--space-12);
 padding-block: var(--space-16);
 }
 .hero-copy {
 max-width: calc(var(--size-reading) + var(--space-16));
 }
 .relay-field {
 width: 100%;
 height: 100svh;
 }
 .field-frame {
 inset: var(--space-6);
 grid-template-columns: minmax(0, 1fr);
 grid-template-rows: auto minmax(0, 1fr) auto auto;
 column-gap: 0;
 row-gap: var(--space-4);
 }
 .bridge-map {
 grid-column: 1;
 grid-row: 2;
 padding-bottom: 0;
 }
 .relay-stage-copy {
 min-height: calc(var(--space-32) + var(--space-20));
 position: relative;
 z-index: 5;
 grid-column: 1;
 grid-row: 3;
 align-content: center;
 padding: var(--space-5) 0 0;
 border-top: var(--border-hairline) solid var(--field-rule);
 border-left: 0;
 }
 .relay-stage-panel {
 grid-template-columns: minmax(164px, .72fr) minmax(0, 1.28fr);
 column-gap: var(--space-4);
 row-gap: var(--space-2);
 }
 .relay-stage-visual {
 width: 100%;
 min-height: 100%;
 grid-column: 1;
 grid-row: 1 / 5;
 margin: 0;
 padding: var(--space-3);
 }
 .relay-stage-panel > span,
 .relay-stage-panel > h3,
 .relay-stage-panel > p {
 grid-column: 2;
 }
 .relay-stage-panel h3 {
 max-width: 18ch;
 font-size: var(--text-title);
 }
 .relay-stage-panel p {
 max-width: 52ch;
 }
 .field-stages {
 grid-row: 4;
 display: grid;
 }
 .field-footer {
 display: none;
 }
 .relay-chapters {
 width: 100%;
 pointer-events: none;
 }
 .relay-chapter {
 opacity: 0;
 }
 .context-field-frame {
 inset: var(--space-6);
 }
 .context-field-main {
 grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
 gap: var(--space-8);
 }
 .context-panel {
 padding-left: var(--space-8);
 }
 .context-panel h3 {
 font-size: var(--text-quote);
 }
 .certainty-section,
 .section-heading.wide,
 .reply-grid,
 .control-grid,
 .extras-grid,
 .faq-grid {
 grid-template-columns: minmax(0, 1fr);
 gap: var(--space-12);
 }
 .planning-visual,
 .clinic-visual,
 .extras-visual {
 min-height: calc(var(--size-field) - var(--space-16));
 }
 .planning-visual img {
 object-position: center 36%;
 }
 .section-heading.wide p {
 margin-top: var(--space-3);
 }
 .workflow-grid {
 margin-top: var(--space-12);
 }
 .final-cta-inner {
 grid-template-columns: minmax(0, 1fr);
 align-items: start;
 gap: var(--space-10);
 }
}
@media (max-width: 740px) {
 .shell {
 width: min(calc(100% - var(--space-8)), var(--size-shell));
 }
 .brand-wordmark {
 width: calc(var(--space-16) + var(--space-16));
 }
 .site-header .button {
 min-height: var(--size-control);
 padding: var(--space-2) var(--space-3);
 }
 .hero-background {
 object-position: 62% center;
 }
 .hero-scrim {
 background: color-mix(in srgb, var(--color-bg) 84%, transparent);
 }
 .hero {
 padding-block: var(--space-10) var(--space-12);
 }
 .hero h1 {
 font-size: var(--text-display);
 }
 .hero-actions {
 align-items: stretch;
 flex-direction: column;
 }
 .relay-story-layout {
 width: 100%;
 }
 .context-field {
 height: 100svh;
 min-height: 640px;
 }
 .context-field-frame {
 inset: var(--space-4);
 row-gap: var(--space-3);
 }
 .context-field-header {
 gap: var(--space-4);
 padding-bottom: var(--space-3);
 }
 .context-field-header > div {
 gap: var(--space-1);
 }
 .context-field-header strong {
 font-size: var(--text-section);
 }
 .context-field-status {
 max-width: 46%;
 font-size: calc(var(--text-label) - var(--border-hairline));
 }
 .context-field-main {
 grid-template-columns: minmax(0, 1fr);
 grid-template-rows: minmax(0, 1.08fr) minmax(190px, .72fr);
 gap: var(--space-3);
 }
 .context-plot {
 min-height: 40svh;
 border-radius: var(--radius-xl);
 }
 .context-map-base {
 object-position: 54% 52%;
 }
 .context-map-coordinates {
 display: none;
 }
 .context-map-credit {
 max-width: calc(100% - var(--space-6));
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .context-panel-stack {
 border-top: var(--border-hairline) solid var(--field-rule);
 border-left: 0;
 }
 .context-panel {
 gap: var(--space-3);
 padding: var(--space-4) 0 0;
 transform: translateY(calc((1 - var(--context-presence)) * var(--space-3))) scale(calc(.98 + var(--context-presence) * .02));
 transform-origin: center top;
 }
 .context-panel h3 {
 max-width: 20ch;
 font-size: var(--text-title);
 }
 .context-panel p {
 max-width: 58ch;
 font-size: var(--text-small);
 }
 .context-panel > small {
 padding-top: var(--space-2);
 }
 .context-node {
 grid-template-columns: var(--space-5) minmax(0, 1fr);
 min-width: 92px;
 padding: var(--space-2);
 }
 .context-node-icon {
 width: var(--space-4);
 height: var(--space-4);
 }
 .context-node strong {
 font-size: calc(var(--text-small) - var(--border-hairline));
 }
 .context-node small {
 display: none;
 }
 .timing-arrival { left: 12%; top: 60%; }
 .timing-consult { left: 31%; top: 34%; }
 .timing-procedure { left: 50%; top: 60%; }
 .timing-followup { left: 69%; top: 34%; }
 .timing-home { left: 88%; top: 60%; }
 .area-stay { left: 22%; top: 24%; }
 .area-clinic { left: 50%; top: 52%; }
 .area-access { left: 76%; top: 76%; }
 .support-clinic { left: 48%; top: 50%; }
 .support-stay { left: 22%; top: 22%; }
 .support-food { left: 76%; top: 24%; }
 .support-essentials { left: 74%; top: 78%; }
 .context-field-stages {
 gap: var(--space-2);
 padding-top: var(--space-3);
 }
 .context-field-stages li {
 gap: var(--space-1);
 font-size: calc(var(--text-label) - var(--border-hairline));
 }
 .context-field figcaption {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .relay-field {
 height: 100svh;
 min-height: 540px;
 max-height: none;
 top: 0;
 border-radius: 0;
 }
 .field-frame {
 inset: var(--space-4);
 grid-template-rows: auto minmax(0, 1fr) auto auto;
 row-gap: var(--space-3);
 }
 .field-header {
 align-items: flex-start;
 }
 .field-header > div > strong {
 font-size: var(--text-section);
 }
 .field-status {
 max-width: 52%;
 font-size: calc(var(--text-label) - var(--border-hairline));
 }
 .bridge-map {
 grid-template-columns: minmax(86px, .72fr) minmax(54px, .42fr) minmax(128px, 1fr);
 grid-template-rows: minmax(0, 1fr);
 align-items: center;
 gap: var(--space-2);
 padding: var(--space-4) 0;
 }
 .bridge-anchor {
 width: auto;
 }
 .bridge-anchor-origin {
 grid-row: auto;
 align-self: center;
 justify-self: start;
 }
 .bridge-anchor-destination {
 grid-row: auto;
 align-self: center;
 justify-self: end;
 }
 .bridge-word {
 font-size: calc(var(--text-title) + var(--space-1));
 }
 .bridge-anchor > span {
 margin-top: var(--space-2);
 }
 .bridge-gap {
 position: relative;
 inset: auto;
 align-self: stretch;
 margin-inline: calc(var(--space-2) * -1);
 }
 .bridge-static-hyphen {
 width: calc(100% + var(--space-4));
 height: calc(var(--border-hairline) * 2);
 transform: none;
 }
 .bridge-return {
 top: calc(50% + var(--space-5));
 }
 .clinic-signals {
 margin-top: var(--space-3);
 }
 .clinic-signals li {
 padding-block: calc(var(--space-2) - var(--border-hairline));
 }
 .field-stages {
 display: grid;
 }
 .field-footer {
 display: none;
 }
 .relay-stage-copy {
 min-height: calc(var(--space-32) + var(--space-20));
 }
 .relay-stage-panel h3 {
 font-size: var(--text-section);
 }
 .facts-grid {
 grid-template-columns: minmax(0, 1fr);
 padding-block: var(--space-3);
 }
 .facts-grid::before {
 top: var(--space-6);
 right: auto;
 bottom: var(--space-6);
 left: calc(var(--space-16) + var(--space-4));
 width: var(--border-hairline);
 height: auto;
 }
 .fact {
 padding: var(--space-5) var(--space-4) var(--space-5) var(--space-16);
 }
 .fact + .fact {
 border-top: var(--border-hairline) solid var(--color-border);
 border-left: 0;
 }
 .fact dt {
 grid-template-columns: var(--space-8) minmax(0, 1fr);
 }
 .fact-index {
 position: absolute;
 top: calc(var(--space-5) + var(--space-2));
 left: var(--space-3);
 padding-right: var(--space-1);
 }
 .fact dd {
 margin-left: calc(var(--space-8) + var(--space-3));
 }
 .section,
 .extras-section {
 padding-block: var(--space-20);
 }
 .planning-visual,
 .clinic-visual,
 .extras-visual {
 min-height: calc(var(--size-field) - var(--space-24));
 border-radius: var(--radius-xl);
 }
 .certainty-copy h2,
 .section-heading h2,
 .control-copy h2,
 .extras-copy h2,
 .faq-heading h2,
 .final-cta h2 {
 font-size: var(--text-display);
 }
 .date-questions > div,
 .extras-list > div,
 .control-list li,
 .source-fact {
 grid-template-columns: minmax(0, 1fr);
 gap: var(--space-2);
 }
 .workflow-grid {
 grid-template-columns: minmax(0, 1fr);
 }
 .workflow-item:nth-child(1),
 .workflow-item:nth-child(2),
 .workflow-item:nth-child(3),
 .workflow-item:nth-child(4) {
 grid-column: auto;
 border-right: 0;
 }
 .workflow-item {
 padding: var(--space-6) 0;
 }
 .workflow-item h3,
 blockquote {
 font-size: var(--text-title);
 }
 .reply-toolbar {
 align-items: flex-start;
 flex-direction: column;
 }
 .final-cta {
 min-height: auto;
 padding-block: var(--space-20);
 }
 .final-route {
 gap: var(--space-2);
 }
 .final-route > strong {
 font-size: var(--text-title);
 }
 .footer-inner {
 align-items: flex-start;
 flex-direction: column;
 justify-content: center;
 padding-block: var(--space-6);
 }
}
@media (max-width: 480px) {
 .nav {
 gap: var(--space-3);
 }
 .site-header .button {
 font-size: var(--text-label);
 }
 .relay-field {
 min-height: 520px;
 }
 .context-field {
 min-height: 620px;
 }
 .context-field-header > div > span,
 .context-field figcaption {
 display: none;
 }
 .context-field-status {
 max-width: 52%;
 }
 .context-field-main {
 grid-template-rows: minmax(0, 1fr) minmax(210px, .8fr);
 }
 .context-panel h3 {
 font-size: var(--text-section);
 }
 .context-panel em {
 display: none;
 }
 .context-node {
 min-width: 78px;
 grid-template-columns: var(--space-4) minmax(0, 1fr);
 font-size: var(--text-label);
 }
 .context-node-icon {
 width: var(--space-3);
 height: var(--space-3);
 }
 .timing-consult,
 .timing-followup {
 min-width: 76px;
 }
 .context-field-stages li {
 display: grid;
 gap: 0;
 }
 .field-frame {
 inset: var(--space-3);
 }
 .field-kicker,
 .bridge-anchor-origin small {
 display: none;
 }
 .field-status {
 max-width: 54%;
 }
 .bridge-anchor {
 width: auto;
 }
 .bridge-word {
 font-size: var(--text-title);
 }
 .bridge-anchor p {
 font-size: var(--text-small);
 }
 .clinic-signals span {
 font-size: calc(var(--text-label) - var(--border-hairline));
 }
 .clinic-signals strong {
 display: none;
 }
 .clinic-signals li {
 grid-template-columns: calc(var(--space-5) + var(--border-focus)) minmax(0, 1fr);
 }
 .clinic-signals i {
 width: calc(var(--space-5) + var(--border-focus));
 height: calc(var(--space-5) + var(--border-focus));
 }
 .clinic-signals i svg {
 width: var(--space-3);
 height: var(--space-3);
 }
 .relay-stage-panel {
 grid-template-columns: 136px minmax(0, 1fr);
 column-gap: var(--space-3);
 }
 .relay-stage-visual {
 width: 136px;
 min-height: 148px;
 padding: var(--space-2);
 }
 .relay-stage-panel[data-relay-stage-panel="1"] {
 grid-template-columns: minmax(0, 1fr);
 }
 .relay-stage-panel[data-relay-stage-panel="2"] {
 grid-template-columns: minmax(0, 1fr);
 }
 .relay-stage-panel[data-relay-stage-panel="1"] .relay-stage-visual {
 width: 100%;
 min-height: 258px;
 grid-column: 1;
 grid-row: 1;
 padding: var(--space-3);
 }
 .relay-stage-panel[data-relay-stage-panel="2"] .relay-stage-visual {
 width: 100%;
 min-height: 168px;
 grid-column: 1;
 grid-row: 1;
 padding: var(--space-3);
 }
 .relay-stage-panel[data-relay-stage-panel="1"] > span,
 .relay-stage-panel[data-relay-stage-panel="1"] > h3,
 .relay-stage-panel[data-relay-stage-panel="1"] > p,
 .relay-stage-panel[data-relay-stage-panel="2"] > span,
 .relay-stage-panel[data-relay-stage-panel="2"] > h3,
 .relay-stage-panel[data-relay-stage-panel="2"] > p {
 display: none;
 }
 .relay-scene-head {
 grid-template-columns: var(--space-5) minmax(0, 1fr);
 gap: var(--space-1);
 padding-bottom: var(--space-2);
 }
 .relay-scene-head strong,
 .bridge-return span {
 display: none;
 }
 .relay-scene-head span,
 .relay-scene-recipient,
 .relay-scene-compose [data-write-value],
 .relay-write-submit,
 .relay-scene-message,
 .relay-scene-ready strong {
 font-size: calc(var(--text-label) - var(--border-hairline));
 }
 .relay-scene-clinics {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: var(--space-1);
 }
 .relay-scene-clinics > span {
 grid-template-columns: var(--space-5) auto;
 gap: var(--space-1);
 padding: var(--space-1);
 }
 .relay-scene-clinics svg {
 width: var(--space-5);
 height: var(--space-5);
 }
 .relay-scene-compose {
 gap: var(--space-1);
 padding: var(--space-2);
 }
 .relay-scene-compose p {
 gap: var(--space-1);
 }
 .relay-scene-compose [data-write-value] {
 min-height: 2.6em;
 }
 .relay-write-submit {
 min-height: var(--space-5);
 gap: var(--space-1);
 padding: var(--space-1);
 }
 .relay-write-submit svg {
 width: var(--space-3);
 height: var(--space-3);
 }
 .relay-scene-branch {
 grid-template-columns: auto minmax(var(--space-3), 1fr) auto;
 gap: var(--space-1);
 }
 .relay-scene-message {
 padding: var(--space-1);
 }
 .relay-scene-endpoints {
 grid-template-columns: repeat(2, var(--space-5));
 }
 .relay-scene-endpoints svg {
 width: var(--space-5);
 height: var(--space-5);
 padding: var(--border-focus);
 }
 .relay-scene-replies {
 gap: var(--space-1);
 }
 .relay-scene-replies > span {
 padding: var(--space-1);
 }
 .relay-scene-ready {
 gap: var(--space-1);
 }
 .relay-stage-panel p {
 font-size: var(--text-small);
 }
 .relay-chapter {
 padding-inline: var(--space-4);
 }
 .fact {
 padding-block: var(--space-4);
 }
 .fact-index {
 top: calc(var(--space-4) + var(--space-2));
 }
 .final-route {
 grid-template-columns: auto minmax(var(--space-3), 1fr) auto auto minmax(var(--space-3), 1fr) auto auto;
 gap: var(--space-1);
 padding-block: var(--space-5);
 }
 .final-route-packet {
 width: var(--space-8);
 height: var(--space-8);
 justify-content: center;
 overflow: hidden;
 padding: var(--space-1);
 font-size: 0;
 }
 .final-route-clinics {
 gap: var(--border-focus);
 }
 .final-route-clinics svg {
 width: var(--space-5);
 height: var(--space-5);
 padding: var(--border-focus);
 }
 .certainty-copy h2,
 .section-heading h2,
 .control-copy h2,
 .extras-copy h2,
 .faq-heading h2,
 .final-cta h2 {
 font-size: var(--text-title);
 }
}
@media (max-height: 540px) {
 .relay-story-layout {
 display: block;
 }
 .relay-field,
 .relay-chapters {
 grid-area: auto;
 }
 .relay-field {
 height: 560px;
 position: relative;
 top: auto;
 }
 .relay-stage-copy {
 display: none;
 }
 .field-frame {
 grid-template-columns: minmax(0, 1fr);
 }
 .bridge-map {
 grid-column: 1;
 }
 .relay-chapters {
 width: 100%;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: var(--space-4);
 padding-block: var(--space-8);
 pointer-events: auto;
 }
 .relay-chapters::after {
 display: none;
 }
 .relay-chapter {
 min-height: 0;
 padding: var(--space-5);
 border: var(--border-hairline) solid var(--color-border);
 border-radius: var(--radius-xl);
 background: var(--color-surface);
 color: var(--color-muted);
 opacity: 1;
 transform: none;
 }
 .relay-chapter[data-state="active"],
 .relay-chapter[data-state="complete"],
 .relay-chapter[data-state="waiting"] {
 opacity: 1;
 }
 .relay-chapter::before {
 display: none;
 }
 .relay-chapter h3,
 .relay-chapter[data-state="active"] {
 color: var(--color-fg);
 }
 .context-story-layout {
 display: block;
 }
 .context-field,
 .context-chapters {
 grid-area: auto;
 }
 .context-field {
 height: auto;
 min-height: 0;
 position: relative;
 top: auto;
 overflow: visible;
 }
 .context-field-frame {
 position: relative;
 inset: auto;
 padding: var(--space-6);
 }
 .context-field-main {
 display: block;
 }
 .context-plot {
 min-height: 420px;
 }
 .context-panel-stack {
 display: grid;
 gap: var(--space-5);
 overflow: visible;
 border: 0;
 }
 .context-panel {
 position: relative;
 inset: auto;
 opacity: 1;
 transform: none;
 padding: var(--space-6) 0 0;
 border-top: var(--border-hairline) solid var(--field-rule);
 pointer-events: auto;
 }
 .context-field-stages,
 .context-chapters,
 .context-release {
 display: none;
 }
}
@media (prefers-reduced-motion: reduce) {
 html {
 scroll-behavior: auto;
 }
 .relay-story-layout {
 display: block;
 }
 .relay-field,
 .relay-chapters {
 grid-area: auto;
 }
 .relay-field {
 height: clamp(520px, 72svh, 680px);
 position: relative;
 top: auto;
 }
 .relay-stage-copy {
 display: none;
 }
 .field-frame {
 grid-template-columns: minmax(0, 1fr);
 }
 .bridge-map {
 grid-column: 1;
 }
 .relay-chapters {
 width: 100%;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: var(--space-4);
 padding-block: var(--space-8);
 pointer-events: auto;
 }
 .relay-chapters::after {
 display: none;
 }
 .relay-chapter {
 min-height: 0;
 padding: var(--space-5);
 border: var(--border-hairline) solid var(--color-border);
 border-radius: var(--radius-xl);
 background: var(--color-surface);
 color: var(--color-muted);
 opacity: 1;
 transform: none;
 }
 .relay-chapter[data-state="active"],
 .relay-chapter[data-state="complete"],
 .relay-chapter[data-state="waiting"] {
 opacity: 1;
 }
 .relay-chapter::before {
 display: none;
 }
 .relay-chapter h3,
 .relay-chapter[data-state="active"] {
 color: var(--color-fg);
 }
 .context-story-layout {
 display: block;
 }
 .context-field,
 .context-chapters {
 grid-area: auto;
 }
 .context-field {
 height: auto;
 min-height: 0;
 position: relative;
 top: auto;
 overflow: visible;
 }
 .context-field-frame {
 position: relative;
 inset: auto;
 padding: var(--space-8);
 }
 .context-field-main {
 display: block;
 }
 .context-plot {
 min-height: clamp(420px, 62svh, 620px);
 }
 .context-panel-stack {
 display: grid;
 gap: var(--space-6);
 overflow: visible;
 border: 0;
 }
 .context-panel {
 position: relative;
 inset: auto;
 opacity: 1;
 transform: none;
 padding: var(--space-6) 0 0;
 border-top: var(--border-hairline) solid var(--color-border);
 pointer-events: auto;
 }
 .context-field-stages,
 .context-chapters,
 .context-release {
 display: none;
 }
 *,
 *::before,
 *::after {
 scroll-behavior: auto !important;
 transition-duration: 1ms !important;
 animation-duration: 1ms !important;
 animation-iteration-count: 1 !important;
 }
}
@media (prefers-reduced-motion: reduce) and (max-width: 740px) {
 .relay-chapters {
 grid-template-columns: minmax(0, 1fr);
 }
}