/* Hallmark · genre: atmospheric · macrostructure: Feature Stack · nav: N5 · footer: Ft1
 * theme: custom · vibe: "cinematic luminous controlled expressive digital" · paper: oklch(11% 0.035 286) · accent: oklch(68% 0.23 22)
 * display: Tomorrow · body: Geist · axes: dark / geometric-sans / warm
 * enrichment: tier-A CSS audiovisual instrument surfaces · studied: no · context: explicit
 * contrast: pass (40-41) · slop: pass (1-57) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (34, 49-57) · icons: pass (30)
 */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5 */

body { background: var(--color-paper); }
.pulse-pack-bar { width: min(calc(100% - (var(--page-gutter) * 2)), 74rem); min-height: 3.75rem; margin: var(--space-md) auto 0; border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-pill); background: var(--color-overlay); color: var(--color-muted); }
.pulse-pack-bar .pack-brand strong { color: var(--color-ink); font-family: var(--font-display); letter-spacing: 0.08em; }
.pulse-pack-bar .pack-links a:last-child { border-radius: var(--radius-pill); background: var(--color-ink); color: var(--color-paper); }

.pulse-hero { min-height: 62rem; position: relative; display: grid; grid-template-columns: minmax(20rem, 0.7fr) minmax(0, 1.3fr); grid-template-rows: 1fr auto; gap: var(--space-3xl); align-items: center; padding: var(--space-3xl) var(--page-gutter) var(--space-2xl); isolation: isolate; }
.pulse-hero::before { content: ""; position: absolute; z-index: -2; width: 42rem; aspect-ratio: 1; left: -12rem; top: 2rem; background: radial-gradient(circle, var(--color-accent-soft), transparent 68%); }
.pulse-hero::after { content: ""; position: absolute; z-index: -2; width: 38rem; aspect-ratio: 1; right: -10rem; bottom: -8rem; background: radial-gradient(circle, var(--color-signal-soft), transparent 68%); }
.pulse-hero-copy { display: grid; gap: var(--space-lg); }
.pulse-meta { display: flex; flex-wrap: wrap; gap: var(--space-md); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-hero-copy h1 { max-width: 8ch; font-size: var(--text-display); font-weight: 600; letter-spacing: -0.055em; line-height: 1; text-transform: uppercase; }
.pulse-hero-copy > p:last-child { max-width: 32rem; color: var(--color-ink-soft); font-size: var(--text-md); }
.pulse-hero-artifact { min-width: 0; overflow: clip; border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-lg); background: var(--color-paper-2); box-shadow: 0 var(--space-xl) var(--space-3xl) var(--color-shadow); }
.pulse-hero-artifact > figcaption { display: flex; justify-content: space-between; gap: var(--space-md); padding: var(--space-md) var(--space-lg); border-bottom: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-hero-artifact figcaption strong { color: var(--color-ink); }
.arc-stage { min-height: 42rem; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--space-lg); overflow: clip; padding: var(--space-xl); background: var(--color-paper); }
.arc-orbit { position: absolute; width: 33rem; aspect-ratio: 1; right: 7%; top: 10%; border: 6rem solid var(--color-accent); border-radius: 50%; transform: skewX(-10deg) rotate(-8deg); box-shadow: -7rem 5rem 0 var(--color-signal); opacity: 0.82; }
.arc-orbit i { position: absolute; display: block; border-radius: 50%; background: var(--color-paper); }
.arc-orbit i:first-child { width: 2.8rem; height: 2.8rem; left: -3rem; top: 12%; }
.arc-orbit i:nth-child(2) { width: 1.2rem; height: 1.2rem; right: 12%; bottom: -3rem; }
.arc-orbit i:nth-child(3) { width: 4rem; height: 4rem; right: -4rem; top: 35%; background: var(--color-paper-3); }
.arc-title { position: relative; z-index: var(--z-raised); }
.arc-title small { color: var(--color-signal); font-family: var(--font-label); }
.arc-title h2 { margin-top: var(--space-md); font-size: clamp(3.2rem, 7vw, 6.2rem); font-weight: 600; letter-spacing: -0.055em; line-height: 1; }
.arc-readout { position: relative; z-index: var(--z-raised); display: grid; gap: var(--space-sm); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); text-align: right; }
.arc-timeline, .canvas-transport { display: flex; align-items: center; gap: var(--space-md); padding: var(--space-md) var(--space-lg); border-top: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.arc-timeline > div, .transport-wave { min-width: 0; flex: 1; height: 3rem; position: relative; display: flex; align-items: center; gap: var(--space-2xs); }
.arc-timeline i, .transport-wave i { flex: 1; height: 18%; background: var(--color-rule); }
.arc-timeline i:nth-child(2), .arc-timeline i:nth-child(6), .transport-wave i:nth-child(2), .transport-wave i:nth-child(6) { height: 66%; background: var(--color-signal); }
.arc-timeline i:nth-child(3), .arc-timeline i:nth-child(5), .transport-wave i:nth-child(3), .transport-wave i:nth-child(5) { height: 42%; background: var(--color-accent); }
.arc-timeline i:nth-child(4), .transport-wave i:nth-child(4) { height: 100%; background: var(--color-accent); }
.arc-timeline b, .transport-wave b { position: absolute; left: 47%; width: var(--rule-strong); height: 100%; background: var(--color-ink); }
.pulse-hero-foot { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-block: var(--rule-hair) solid var(--color-rule); }
.pulse-hero-foot span { padding: var(--space-md); border-inline-end: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); text-align: center; }
.pulse-hero-foot span:last-child { border-inline-end: 0; }

.pulse-section-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(19rem, 0.5fr); gap: var(--space-lg) var(--space-3xl); align-items: end; margin-bottom: var(--space-2xl); }
.pulse-section-head .pack-label { grid-column: 1 / -1; color: var(--color-signal); }
.pulse-section-head h2, .pulse-landing-intro h2, .pulse-mobile-copy h2 { font-size: var(--text-display-s); font-weight: 600; letter-spacing: -0.045em; line-height: 1; }
.pulse-section-head > p:last-child, .pulse-landing-intro > p, .pulse-mobile-copy > p { max-width: 35rem; color: var(--color-muted); font-size: var(--text-md); }

.pulse-comparison { padding-block: var(--space-4xl); }
.pulse-compare-grid { display: grid; grid-template-columns: minmax(17rem, 0.65fr) minmax(0, 1.35fr); gap: var(--space-lg); }
.pulse-compare-grid > figure { min-width: 0; padding: var(--space-md); border: var(--rule-hair) solid var(--color-rule); }
.pulse-compare-grid figcaption { display: flex; justify-content: space-between; gap: var(--space-md); padding-bottom: var(--space-md); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-generic > div { min-height: 35rem; display: grid; align-content: center; justify-items: center; gap: var(--space-md); padding: var(--space-lg); border-radius: var(--radius-md); background: var(--color-paper-2); text-align: center; }
.generic-badge { padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-pill); background: var(--color-paper-3); color: var(--color-signal); font-size: var(--text-xs); }
.pulse-generic h3 { max-width: 13ch; font-family: var(--font-body); font-size: var(--text-2xl); font-weight: 700; letter-spacing: -0.04em; }
.pulse-generic p { max-width: 34ch; color: var(--color-muted); }
.pulse-generic > div > div { display: flex; gap: var(--space-xs); }
.pulse-generic > div > div span { padding: var(--space-xs) var(--space-md); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-pill); }
.pulse-generic > div > div span:first-child { background: var(--color-ink); color: var(--color-paper); }
.pulse-generic section { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-xs); margin-top: var(--space-md); }
.pulse-generic article { display: grid; gap: var(--space-xs); padding: var(--space-sm); border-radius: var(--radius-sm); background: var(--color-paper-3); text-align: left; }
.pulse-generic article i { width: var(--space-lg); height: var(--space-lg); border-radius: var(--radius-sm); background: var(--color-signal-soft); }
.pulse-generic article small { color: var(--color-muted); line-height: 1.35; }
.pulse-specific > div { min-height: 35rem; display: grid; grid-template-rows: auto 1fr auto; overflow: clip; border-radius: var(--radius-sm); background: var(--color-paper); }
.pulse-specific > div > header, .pulse-specific > div > footer { display: flex; justify-content: space-between; gap: var(--space-md); padding: var(--space-md); border-bottom: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-specific > div > header strong { color: var(--color-ink); font-family: var(--font-display); }
.pulse-specific > div > main { min-height: 28rem; position: relative; display: grid; align-content: end; gap: var(--space-lg); overflow: clip; padding: var(--space-xl); }
.specific-ring { position: absolute; width: 25rem; aspect-ratio: 1; top: -14%; right: 5%; border: 4rem solid var(--color-accent); border-radius: 50%; box-shadow: -5rem 4rem 0 var(--color-signal); transform: skewX(-10deg); opacity: 0.78; }
.pulse-specific main small, .pulse-specific main h3, .specific-wave { position: relative; z-index: var(--z-raised); }
.pulse-specific main small { color: var(--color-signal); font-family: var(--font-label); }
.pulse-specific main h3 { max-width: 10ch; font-size: clamp(3rem, 7vw, 5.8rem); font-weight: 600; letter-spacing: -0.05em; line-height: 1; }
.specific-wave { height: 4rem; display: flex; align-items: center; gap: var(--space-xs); }
.specific-wave i { width: 1.4rem; height: 20%; background: var(--color-signal); }
.specific-wave i:nth-child(2), .specific-wave i:nth-child(6) { height: 70%; }
.specific-wave i:nth-child(3), .specific-wave i:nth-child(5) { height: 44%; background: var(--color-accent); }
.specific-wave i:nth-child(4) { height: 100%; background: var(--color-accent); }
.pulse-specific > div > footer { border-top: var(--rule-hair) solid var(--color-rule); border-bottom: 0; }

.pulse-landing { padding-block: var(--space-4xl); background: var(--color-paper-2); }
.pulse-landing-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.5fr); gap: var(--space-2xl); align-items: end; margin-bottom: var(--space-2xl); }
.pulse-landing-intro .pack-label { color: var(--color-signal); }
.pulse-landing-intro h2 { margin-top: var(--space-sm); }
.arc-site { width: min(calc(100% - (var(--page-gutter) * 2)), var(--page-max)); margin-inline: auto; overflow: clip; border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-lg); background: var(--color-paper); }
.arc-site > header, .arc-site > footer { min-height: 4rem; display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); padding: var(--space-sm) var(--space-lg); border-bottom: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.arc-site > header strong { color: var(--color-ink); font-family: var(--font-display); letter-spacing: 0.08em; }
.arc-site > header nav { display: flex; gap: var(--space-lg); }
.arc-site > header > span { color: var(--color-ink); }
.arc-opening { min-height: 43rem; position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(13rem, 0.25fr); align-items: end; overflow: clip; }
.opening-orbit { position: absolute; width: 40rem; aspect-ratio: 1; top: -8%; left: 8%; border: 7rem solid var(--color-accent); border-radius: 50%; box-shadow: 8rem 7rem 0 var(--color-signal); transform: skewY(8deg) rotate(14deg); opacity: 0.78; }
.opening-orbit i { position: absolute; border-radius: 50%; background: var(--color-paper); }
.opening-orbit i:first-child { width: 5rem; height: 5rem; top: 12%; right: -6rem; }
.opening-orbit i:last-child { width: 2rem; height: 2rem; left: -4rem; bottom: 10%; }
.opening-copy { position: relative; z-index: var(--z-raised); display: grid; gap: var(--space-lg); padding: var(--space-2xl); }
.opening-copy small { color: var(--color-signal); font-family: var(--font-label); }
.opening-copy h3 { max-width: 11ch; font-size: clamp(3.5rem, 8vw, 7rem); font-weight: 600; letter-spacing: -0.055em; line-height: 1; }
.opening-copy p { max-width: 34rem; color: var(--color-ink-soft); font-size: var(--text-md); }
.opening-copy span { font-family: var(--font-label); font-size: var(--text-xs); }
.opening-index { position: relative; z-index: var(--z-raised); display: grid; align-content: end; gap: var(--space-xs); padding: var(--space-xl); border-inline-start: var(--rule-hair) solid var(--color-rule); background: var(--color-overlay); }
.opening-index span { margin-top: var(--space-lg); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.opening-index strong { font-weight: 500; }
.arc-sequence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: var(--rule-hair) solid var(--color-rule); }
.arc-sequence article { min-height: 14rem; display: grid; align-content: space-between; gap: var(--space-md); padding: var(--space-lg); border-inline-end: var(--rule-hair) solid var(--color-rule); }
.arc-sequence article > span { color: var(--color-accent); font-family: var(--font-label); }
.arc-sequence article strong { font-family: var(--font-display); font-size: var(--text-xl); }
.arc-sequence article p { color: var(--color-muted); }
.sequence-signal { grid-column: 1 / -1; height: 6rem; display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-md) var(--space-lg); border-top: var(--rule-hair) solid var(--color-rule); }
.sequence-signal i { flex: 1; height: 18%; background: var(--color-rule); }
.sequence-signal i:nth-child(2), .sequence-signal i:nth-child(7) { height: 68%; background: var(--color-signal); }
.sequence-signal i:nth-child(3), .sequence-signal i:nth-child(6) { height: 42%; background: var(--color-accent); }
.sequence-signal i:nth-child(4), .sequence-signal i:nth-child(5) { height: 90%; background: var(--color-accent); }
.arc-site > footer { border-top: var(--rule-hair) solid var(--color-rule); border-bottom: 0; }

.pulse-product { padding-block: var(--space-4xl); }
.arc-workspace { min-height: 51rem; overflow: clip; border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-lg); background: var(--color-paper-2); box-shadow: 0 var(--space-xl) var(--space-3xl) var(--color-shadow); }
.arc-workspace > header, .arc-workspace > footer { min-height: 4rem; display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); padding: var(--space-sm) var(--space-lg); border-bottom: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.arc-workspace > header strong { color: var(--color-ink); font-family: var(--font-display); letter-spacing: 0.08em; }
.arc-workspace > header nav { display: flex; gap: var(--space-xs); }
.arc-workspace > header nav span { min-height: 2.5rem; display: inline-flex; align-items: center; padding-inline: var(--space-md); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-pill); }
.arc-workspace > header nav .is-live { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-accent-ink); }
.arc-workspace-body { min-height: 43rem; display: grid; grid-template-columns: 11rem minmax(0, 1fr) 19rem; }
.arc-scenes { display: grid; grid-template-rows: auto repeat(3, 1fr) auto; border-inline-end: var(--rule-hair) solid var(--color-rule); }
.arc-scenes > span, .arc-scenes > footer { padding: var(--space-md); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.arc-scenes > div { display: grid; grid-template-columns: auto 1fr; gap: var(--space-xs); padding: var(--space-sm); border-top: var(--rule-hair) solid var(--color-rule); }
.arc-scenes > div b { font-family: var(--font-label); font-size: var(--text-xs); }
.arc-scenes > div i { grid-column: 1 / -1; min-height: 5rem; background: var(--color-paper-3); }
.arc-scenes > div:nth-of-type(1) i { background: var(--color-accent-soft); }
.arc-scenes > div:nth-of-type(3) i { background: var(--color-signal-soft); }
.arc-scenes > div small { grid-column: 1 / -1; color: var(--color-muted); }
.arc-scenes > div.is-current { background: var(--color-paper); }
.arc-scenes > div.is-current i { box-shadow: inset 0 0 0 var(--rule-strong) var(--color-accent); }
.arc-scenes > footer { border-top: var(--rule-hair) solid var(--color-rule); }
.arc-canvas { min-width: 0; display: grid; grid-template-rows: auto 1fr auto; gap: var(--space-md); padding: var(--space-lg); background: var(--color-paper); }
.canvas-meta { display: flex; justify-content: space-between; gap: var(--space-md); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.canvas-meta span:last-child { color: var(--color-accent); }
.canvas-visual { min-height: 31rem; position: relative; overflow: clip; background: var(--color-paper-2); }
.canvas-orbit { position: absolute; width: 28rem; aspect-ratio: 1; top: 4%; right: 9%; border: 5rem solid var(--color-accent); border-radius: 50%; box-shadow: -6rem 4rem 0 var(--color-signal); transform: skewX(-10deg); opacity: 0.8; }
.canvas-orbit i { position: absolute; border-radius: 50%; background: var(--color-paper); }
.canvas-orbit i:first-child { width: 3rem; height: 3rem; left: -4rem; top: 10%; }
.canvas-orbit i:nth-child(2) { width: 1.5rem; height: 1.5rem; right: -3rem; bottom: 18%; }
.canvas-orbit i:nth-child(3) { width: 4rem; height: 4rem; right: 8%; bottom: -5rem; }
.canvas-visual > span { position: absolute; top: var(--space-md); left: var(--space-md); color: var(--color-muted); font-family: var(--font-display); font-size: var(--text-3xl); }
.canvas-visual > b { position: absolute; left: var(--space-lg); bottom: var(--space-lg); font-family: var(--font-display); font-size: clamp(3rem, 6vw, 5.5rem); line-height: 1; }
.canvas-transport { padding: 0; border-top: 0; }
.arc-controls { display: grid; grid-template-rows: auto repeat(3, 1fr) auto; border-inline-start: var(--rule-hair) solid var(--color-rule); }
.arc-controls > header { display: flex; justify-content: space-between; gap: var(--space-md); padding: var(--space-md); border-bottom: var(--rule-hair) solid var(--color-rule); font-family: var(--font-label); }
.arc-controls section { display: grid; align-content: center; gap: var(--space-sm); padding: var(--space-lg); border-bottom: var(--rule-hair) solid var(--color-rule); }
.arc-controls section small, .arc-controls section span { color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.arc-controls section > div { display: flex; justify-content: space-between; gap: var(--space-md); }
.level { height: var(--space-xs); display: block; background: var(--color-rule); }
.level i { width: 62%; height: 100%; display: block; background: var(--color-signal); }
.arc-controls > footer { align-self: end; padding: var(--space-md); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.arc-workspace > footer { border-top: var(--rule-hair) solid var(--color-rule); border-bottom: 0; }

.pulse-mobile { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(20rem, 0.55fr); gap: var(--space-3xl); align-items: center; padding-block: var(--space-4xl); border-top: var(--rule-hair) solid var(--color-rule); }
.pulse-mobile-copy { display: grid; gap: var(--space-lg); }
.pulse-mobile-copy .pack-label { color: var(--color-signal); }
.pulse-mobile-copy h2 { max-width: 14ch; }
.pulse-mobile-copy ul { display: grid; gap: var(--space-sm); padding-top: var(--space-lg); border-top: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); }
.pulse-mobile-copy li::before { content: "+"; margin-inline-end: var(--space-sm); color: var(--color-accent); font-family: var(--font-label); }
.arc-mobile { overflow: clip; border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-lg); background: var(--color-paper-2); box-shadow: 0 var(--space-xl) var(--space-3xl) var(--color-shadow); }
.arc-mobile > figcaption, .arc-mobile > footer { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); padding: var(--space-md); border-bottom: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.arc-mobile > figcaption strong { color: var(--color-ink); font-family: var(--font-display); }
.arc-mobile > figcaption i { width: var(--space-xs); height: var(--space-xs); border-radius: 50%; background: var(--color-accent); }
.mobile-live { min-height: 28rem; position: relative; display: grid; align-content: end; gap: var(--space-md); overflow: clip; padding: var(--space-lg); background: var(--color-paper); }
.mobile-live > span, .mobile-live > small { position: relative; z-index: var(--z-raised); color: var(--color-signal); font-family: var(--font-label); font-size: var(--text-xs); }
.mobile-live > div { position: absolute; width: 20rem; aspect-ratio: 1; top: 6%; right: -8%; border: 3rem solid var(--color-accent); border-radius: 50%; box-shadow: -4rem 3rem 0 var(--color-signal); transform: skewX(-9deg); opacity: 0.8; }
.mobile-live > div i { position: absolute; border-radius: 50%; background: var(--color-paper); }
.mobile-live > div i:first-child { width: 2rem; height: 2rem; left: -3rem; top: 20%; }
.mobile-live > div i:last-child { width: 1rem; height: 1rem; right: -2rem; bottom: 16%; }
.mobile-live h3 { position: relative; z-index: var(--z-raised); font-size: var(--text-3xl); font-weight: 600; line-height: 1; }
.mobile-level { display: grid; grid-template-columns: auto 1fr auto; gap: var(--space-md); align-items: center; padding: var(--space-md); border-top: var(--rule-hair) solid var(--color-rule); font-family: var(--font-label); font-size: var(--text-xs); }
.mobile-level > div { height: var(--space-xs); background: var(--color-rule); }
.mobile-level > div i { width: 68%; height: 100%; display: block; background: var(--color-signal); }
.mobile-scenes { display: grid; grid-template-columns: 1fr 1fr; border-top: var(--rule-hair) solid var(--color-rule); }
.mobile-scenes article { display: grid; gap: var(--space-xs); padding: var(--space-md); border-inline-end: var(--rule-hair) solid var(--color-rule); }
.mobile-scenes article:last-child { border-inline-end: 0; }
.mobile-scenes span { color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.mobile-live-actions { display: grid; grid-template-columns: 1fr 1.2fr; border-top: var(--rule-hair) solid var(--color-rule); }
.mobile-live-actions span, .mobile-live-actions strong { min-height: 4rem; display: grid; place-items: center; padding: var(--space-sm); font-family: var(--font-label); font-size: var(--text-xs); }
.mobile-live-actions strong { background: var(--color-accent); color: var(--color-accent-ink); }
.arc-mobile > footer { border-top: var(--rule-hair) solid var(--color-rule); border-bottom: 0; }
.arc-mobile > footer b { color: var(--color-error); }

.pulse-system { padding-block: var(--space-4xl); border-top: var(--rule-hair) solid var(--color-rule); }
.pulse-system-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.pulse-system-grid > section { min-width: 0; display: grid; align-content: start; gap: var(--space-lg); padding: var(--space-xl); border: var(--rule-hair) solid var(--color-rule); background: var(--color-paper-2); }
.pulse-system-grid > section:last-child { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.pulse-system-grid section > header { display: flex; justify-content: space-between; gap: var(--space-md); padding-bottom: var(--space-md); border-bottom: var(--rule-hair) solid var(--color-rule); }
.pulse-system-grid section > header h3 { font-family: var(--font-label); font-size: var(--text-base); }
.pulse-system-grid section > header span { color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-system-grid > section:last-child > header { grid-column: 1 / -1; }
.pulse-actions nav, .pulse-actions > div, .pulse-actions footer { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.pulse-actions nav { padding-bottom: var(--space-md); border-bottom: var(--rule-hair) solid var(--color-rule); }
.pulse-actions nav span { min-height: 2.75rem; display: inline-flex; align-items: center; padding-inline: var(--space-md); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-actions nav .is-current { border-bottom: var(--rule-strong) solid var(--color-signal); color: var(--color-ink); }
.pulse-button, .pulse-link, .pulse-empty > span { min-height: 2.75rem; display: inline-flex; align-items: center; padding-inline: var(--space-md); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-pill); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-button.is-primary { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-accent-ink); }
.pulse-link { border-color: transparent; color: var(--color-muted); }
.pulse-actions footer { padding-top: var(--space-md); border-top: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-actions footer .is-live { color: var(--color-accent); }
.pulse-actions footer span::before { content: "●"; margin-inline-end: var(--space-xs); }
.pulse-input > label { font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-input > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-md); align-items: center; padding: var(--space-md); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-sm); background: var(--color-paper); }
.pulse-input input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--color-ink); }
.pulse-input > div span, .pulse-input > small { color: var(--color-muted); font-family: var(--font-label); font-size: var(--text-xs); }
.pulse-error { display: grid; gap: var(--space-xs); margin-top: var(--space-md); padding: var(--space-md); border-inline-start: var(--rule-strong) solid var(--color-error); background: var(--color-paper); }
.pulse-error strong { color: var(--color-error); font-family: var(--font-display); }
.pulse-error span { color: var(--color-muted); }
.pulse-loading, .pulse-empty { min-width: 0; display: flex; align-items: center; gap: var(--space-md); padding: var(--space-lg); border-radius: var(--radius-sm); background: var(--color-paper); }
.pulse-loading p, .pulse-empty { display: grid; gap: var(--space-xs); }
.pulse-loading small, .pulse-empty p { color: var(--color-muted); }
.pulse-empty { align-items: start; }
.pulse-empty > span { width: fit-content; margin-top: var(--space-sm); border-color: var(--color-signal); color: var(--color-signal); }

.pulse-footer { border-top: var(--rule-hair) solid var(--color-rule); background: var(--color-paper-2); }
.pulse-footer .pack-footer-meta > div { display: flex; gap: var(--space-lg); }

@media (hover: hover) and (pointer: fine) {
  .pulse-button, .pulse-link, .pulse-empty > span, .mobile-live-actions strong { transition: transform var(--dur-micro) var(--ease-out); }
  .pulse-button:hover, .pulse-link:hover, .pulse-empty > span:hover, .mobile-live-actions strong:hover { transform: translateY(calc(var(--space-3xs) * -1)); }
}

@media (max-width: 75rem) {
  .arc-workspace-body { grid-template-columns: 8rem minmax(0, 1fr) 16rem; }
}

@media (max-width: 60rem) {
  .pulse-hero { min-height: auto; grid-template-columns: minmax(0, 1fr); }
  .pulse-hero-artifact { width: 100%; }
  .pulse-section-head, .pulse-landing-intro, .pulse-mobile { grid-template-columns: minmax(0, 1fr); }
  .pulse-section-head .pack-label { grid-column: auto; }
  .pulse-compare-grid { grid-template-columns: minmax(0, 1fr); }
  .arc-opening { grid-template-columns: minmax(0, 1fr); }
  .opening-index { grid-template-columns: repeat(3, minmax(0, 1fr)); border-inline-start: 0; border-top: var(--rule-hair) solid var(--color-rule); }
  .arc-workspace-body { grid-template-columns: 7rem minmax(0, 1fr); }
  .arc-controls { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto 1fr auto; border-inline-start: 0; border-top: var(--rule-hair) solid var(--color-rule); }
  .arc-controls > header, .arc-controls > footer { grid-column: 1 / -1; }
  .arc-mobile { width: min(100%, 30rem); }
  .pulse-system-grid { grid-template-columns: minmax(0, 1fr); }
  .pulse-system-grid > section:last-child { grid-column: auto; grid-template-columns: minmax(0, 1fr); }
  .pulse-system-grid > section:last-child > header { grid-column: auto; }
}

@media (max-width: 40rem) {
  .pulse-pack-bar { width: calc(100% - (var(--page-gutter) * 2)); margin-top: var(--space-xs); border-radius: var(--radius-md); }
  .pulse-pack-bar .pack-brand span, .pulse-pack-bar .pack-links a:first-child { display: none; }
  .pulse-hero, .pulse-comparison, .pulse-landing, .pulse-product, .pulse-mobile, .pulse-system { padding-block: var(--space-2xl); }
  .pulse-hero { gap: var(--space-xl); padding-inline: var(--page-gutter); }
  .pulse-meta span:nth-child(n+2) { display: none; }
  .pulse-hero-copy h1, .pulse-section-head h2, .pulse-landing-intro h2, .pulse-mobile-copy h2 { font-size: clamp(2.8rem, 15vw, 4.2rem); }
  .pulse-hero-copy > p:last-child, .pulse-section-head > p:last-child, .pulse-landing-intro > p, .pulse-mobile-copy > p { font-size: var(--text-base); }
  .pulse-hero-artifact { border-radius: var(--radius-md); }
  .pulse-hero-artifact > figcaption span:nth-child(2) { display: none; }
  .arc-stage { min-height: 28rem; grid-template-columns: minmax(0, 1fr); padding: var(--space-lg); }
  .arc-orbit { width: 19rem; right: -18%; top: 4%; border-width: 3rem; box-shadow: -4rem 3rem 0 var(--color-signal); }
  .arc-title h2 { font-size: clamp(2.8rem, 14vw, 4rem); }
  .arc-readout { grid-auto-flow: column; justify-content: start; text-align: left; }
  .pulse-hero-foot { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pulse-hero-foot span:nth-child(n+4) { display: none; }
  .pulse-hero-foot span:nth-child(3) { grid-column: 1 / -1; border-top: var(--rule-hair) solid var(--color-rule); }
  .pulse-compare-grid > figure { padding: var(--space-xs); }
  .pulse-generic section { grid-template-columns: minmax(0, 1fr); }
  .pulse-generic article:nth-child(n+2) { display: none; }
  .pulse-specific > div > main { min-height: 24rem; padding: var(--space-lg); }
  .specific-ring { width: 18rem; right: -18%; border-width: 3rem; box-shadow: -3rem 2.5rem 0 var(--color-signal); }
  .pulse-specific main h3 { font-size: 3rem; }
  .arc-site { width: calc(100% - (var(--page-gutter) * 2)); border-radius: var(--radius-md); }
  .arc-site > header nav, .arc-site > header > span, .arc-site > footer span:last-child { display: none; }
  .arc-opening { min-height: 34rem; }
  .opening-orbit { width: 24rem; left: -22%; border-width: 4rem; box-shadow: 5rem 4rem 0 var(--color-signal); }
  .opening-copy { padding: var(--space-lg); }
  .opening-copy h3 { font-size: clamp(2.8rem, 14vw, 4.2rem); }
  .opening-copy p { font-size: var(--text-base); }
  .opening-index { grid-template-columns: minmax(0, 1fr); padding: var(--space-lg); }
  .opening-index span, .opening-index strong:nth-of-type(n+2) { display: none; }
  .arc-sequence { grid-template-columns: minmax(0, 1fr); }
  .arc-sequence article { min-height: 9rem; border-inline-end: 0; border-bottom: var(--rule-hair) solid var(--color-rule); }
  .arc-sequence article:nth-child(2) { display: none; }
  .arc-workspace { min-height: auto; border-radius: var(--radius-md); box-shadow: none; }
  .arc-workspace > header > span, .arc-workspace > header nav span:first-child, .arc-workspace > footer span:nth-child(2) { display: none; }
  .arc-workspace-body { grid-template-columns: minmax(0, 1fr); }
  .arc-scenes { grid-template-columns: auto repeat(3, 1fr); grid-template-rows: auto; border-inline-end: 0; border-bottom: var(--rule-hair) solid var(--color-rule); }
  .arc-scenes > span, .arc-scenes > footer { display: none; }
  .arc-scenes > div { border-top: 0; border-inline-end: var(--rule-hair) solid var(--color-rule); }
  .arc-scenes > div i { min-height: 3rem; }
  .arc-canvas { padding: var(--space-md); }
  .canvas-visual { min-height: 24rem; }
  .canvas-orbit { width: 19rem; right: -18%; border-width: 3rem; box-shadow: -4rem 3rem 0 var(--color-signal); }
  .canvas-visual > b { font-size: var(--text-3xl); }
  .arc-controls { grid-template-columns: minmax(0, 1fr); }
  .arc-controls section:nth-of-type(n+2) { display: none; }
  .mobile-live { min-height: 24rem; }
  .mobile-live-actions { grid-template-columns: minmax(0, 1fr); }
  .mobile-live-actions strong { min-height: 3.5rem; }
  .pulse-system-grid > section { padding: var(--space-lg); }
  .pulse-input > div { grid-template-columns: minmax(0, 1fr); }
  .pulse-footer .pack-footer-meta > div { align-items: flex-start; flex-direction: column; gap: var(--space-xs); }
}