/* Builder launch. Values and motion contract: DESIGN.md, Builder launch homepage. */
:root {
  --launch-hero-size: clamp(44px, 6.6vw, 92px);
  --launch-evidence-title-size: clamp(34px, 3.5vw, 48px);
  --launch-title-size: clamp(34px, 4.4vw, 60px);
  --launch-section: clamp(56px, 6vw, 88px);
  --launch-cycle: 6800ms;
  --launch-reel-step: 2800ms;
  --launch-reveal: 720ms;
  --launch-reading-size: 17px;
  --launch-terminal-size: clamp(10px, 1vw, 13px);
  --launch-terminal-height: 224px;
  --launch-terminal-tablet-width: 52%;
  --launch-menu-size: 16px;
  --launch-detail-size: 15px;
  --launch-agent-cycle: 8000ms;
  --launch-guide-row: calc(var(--space-page) + var(--space-2xl));
  --launch-drift: 6800ms;
}
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
html:not([data-skin="vintage"]) .launch-home .launch-content::before { display: none; }
html:not([data-skin="vintage"]) body.launch-home { background: var(--bg); animation: none; font-family: var(--font-ui); }
.launch-home { --font-ui: var(--launch-font-body); font-family: var(--launch-font-body); }
.launch-home * { box-sizing: border-box; }
.launch-home .pro-home { max-width: none; margin: 0; padding: 0; }
.launch-home .launch-wrap { width: min(100%, var(--launch-width)); margin-inline: auto; padding-inline: var(--launch-gutter); }
.launch-home .rs-body { padding-right: 0; }
.launch-home .rs-brand::before { animation: none; }
.launch-home .radio-set .rs-stations a { font-family: var(--font-ui); font-size: 13px; }
.launch-home .radio-set .rs-rock-up::after, .launch-home .radio-set .rs-rock-down::after { font-family: var(--font-ui); font-weight: 600; }
.launch-home .launch-section { padding-block: var(--launch-section); border-top: 1px solid var(--border); }
.launch-home .launch-eyebrow { display: flex; align-items: center; gap: var(--space-lg); margin: 0 0 var(--space-3xl); font: 500 11px/1.5 var(--font-mono); letter-spacing: .1em; color: var(--accent); text-transform: uppercase; }
.launch-home .launch-content h1, .launch-home .launch-content h2, .launch-home .launch-content h3 { font-family: var(--font-display); font-weight: 600; letter-spacing: -.04em; text-wrap: balance; }
.launch-home h2 { font-size: var(--launch-title-size); line-height: 1.06; margin: 0 0 var(--space-3xl); }
.launch-home h2 span { color: var(--on-surface-faint); }
.launch-home h3 { font-size: 21px; line-height: 1.25; letter-spacing: -.025em; margin: 0 0 var(--space-xl); }
.launch-home p { margin-top: 0; }
.launch-lead { max-width: 560px; font-size: 18px; line-height: 1.6; color: var(--on-surface-muted); }
.launch-home .launch-note { color: var(--on-surface-muted); font: 400 12px/1.6 var(--font-ui); margin: var(--space-2xl) 0 0; }
.launch-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3xl); }
.launch-home .launch-content .button { min-height: var(--space-touch-target); padding: 0 var(--space-3xl); font: 600 14px/1 var(--font-ui); gap: var(--space-3xl); transition: transform var(--motion-base) var(--ease-out-expo), background var(--motion-base); }
.launch-home .button::after { display: none !important; }
.launch-home .button:hover { transform: translateY(-2px); }
.launch-text-link { display: inline-flex; align-items: center; gap: var(--space-lg); color: var(--on-surface); font-weight: 500; font-size: 14px; text-decoration: none; min-height: var(--space-touch-target); }
.launch-text-link:hover { color: var(--accent); }
.launch-home a:focus-visible, .launch-home button:focus-visible, .launch-home summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.signal-dot { display: inline-block; width: 6px; height: 6px; border-radius: var(--rounded-xs); background: currentColor; flex: 0 0 auto; }
.launch-hero { padding-top: clamp(60px, 8vw, 112px); }
.launch-hero-top { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(260px,1fr); gap: var(--space-page); align-items: end; margin-bottom: var(--space-page-lg); }
.launch-home .launch-content #hero-title { font-size: var(--launch-hero-size); line-height: .98; max-width: 890px; margin: 0; }
.launch-home #hero-title > span { display: block; color: var(--accent); font-size: .47em; line-height: 1.16; margin-top: var(--space-3xl); letter-spacing: -.035em; }
.launch-hero-aside { padding-bottom: var(--space-sm); }
.launch-hero-aside > p:first-child { font-size: 23px; font-weight: 500; letter-spacing: -.015em; line-height: 1.3; margin-bottom: var(--space-2xl); }
.launch-hero-aside .launch-lead { font-size: 16px; line-height: 1.6; margin-bottom: var(--space-3xl); }
.launch-stage { position: relative; isolation: isolate; aspect-ratio: 1.92; min-height: 440px; border-radius: var(--rounded-xl); overflow: hidden; background: var(--set-walnut-deep); color: var(--set-screen); box-shadow: var(--shadow-float); }
.stage-grid { position: absolute; inset: 0; z-index: -1; opacity: .32; background-image: linear-gradient(color-mix(in srgb, var(--set-brass) 25%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--set-brass) 25%, transparent) 1px, transparent 1px); background-size: 48px 48px; transform: perspective(600px) rotateX(30deg) scale(1.5); mask-image: linear-gradient(transparent, var(--set-ink) 25%, var(--set-ink)); }
.stage-topline { position: absolute; top: var(--space-3xl); left: var(--space-section); right: var(--space-section); display: flex; align-items: center; justify-content: space-between; font: 400 10px/1.5 var(--font-mono); letter-spacing: .07em; color: var(--set-ivory-shade); }
.stage-topline > span:first-child { display: flex; align-items: center; gap: var(--space-lg); }
.stage-topline .signal-dot { color: var(--set-glow); box-shadow: var(--shadow-filament); }
.stage-camera { position: absolute; top: 13%; left: 5%; width: 78%; height: 74%; perspective: 1600px; }
.launch-scene { position: absolute; inset: 0; display: flex; flex-direction: column; overflow: hidden; margin: 0; background: var(--surface); border: 1px solid var(--border-hover); border-radius: var(--rounded-md); transform: rotateX(4deg) rotateY(-6deg) rotateZ(-1.2deg); transform-origin: left center; box-shadow: var(--shadow-float); }
.launch-scene[hidden] { display: none; }
.launch-scene.is-current { animation: launch-camera var(--launch-drift) var(--ease-out-expo) both; }
.launch-browser { display: flex; align-items: center; gap: var(--space-xl); min-height: 32px; padding: var(--space-lg) var(--space-2xl); flex: 0 0 auto; background: var(--surface-2); border-bottom: 1px solid var(--border); color: var(--on-surface-muted); font: 400 9px/1 var(--font-mono); }
.launch-browser > span:last-child { margin-left: auto; color: var(--on-surface-faint); }
.window-dots { color: var(--on-surface-faint); font-size: 7px; letter-spacing: .14em; }
.launch-scene > img { display: block; width: 100%; height: calc(100% - 32px); object-fit: cover; object-position: top left; }
.launch-scene figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: var(--space-2xl) var(--space-3xl); background: var(--surface-2); color: var(--on-surface); font-size: 14px; border-top: 1px solid var(--border-hover); }
.stage-terminal { position: absolute; right: 3%; top: auto; bottom: var(--space-page-lg); width: 36%; transform: rotateZ(1deg); border: 1px solid var(--accent-border); border-radius: var(--rounded-md); background: var(--surface); color: var(--on-surface); box-shadow: var(--shadow-float), 0 0 var(--space-page) color-mix(in srgb, var(--set-glow) 12%, transparent); animation: launch-terminal-in var(--launch-reveal) var(--ease-out-expo) both; }
.terminal-top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); padding: var(--space-2xl); border-bottom: 1px solid var(--border); color: var(--on-surface-muted); font: 400 10px/1.5 var(--font-mono); }
.terminal-top > span:first-child { display: flex; gap: var(--space-lg); align-items: center; }
.terminal-top .signal-dot { color: var(--success); }
.terminal-body { padding: var(--space-2xl); font: 400 var(--launch-terminal-size)/1.65 var(--font-mono); min-height: var(--launch-terminal-height); }
.terminal-body p { margin-bottom: var(--space-xl); }
.terminal-body p:last-child { margin-bottom: 0; }
.terminal-body[hidden] { display: none; }
.stage-terminal .terminal-top { background: var(--accent-tint); color: var(--on-surface-muted); }
.stage-terminal .term-muted, .stage-terminal .terminal-foot { color: var(--on-surface-muted); }
.stage-terminal .term-call, .stage-terminal .term-caret { color: var(--accent); }
.stage-terminal .term-output { padding-left: var(--space-xl); }
.term-muted { color: var(--on-surface-faint); }
.term-call, .term-prompt { color: var(--marketing-accent); }
.term-output { padding-left: var(--space-2xl); }
.term-caret { animation: launch-caret 1.2s steps(1) infinite; color: var(--marketing-accent); }
.terminal-foot { padding: var(--space-xl) var(--space-2xl); border-top: 1px solid var(--border); color: var(--on-surface-faint); font: 400 11px/1.5 var(--font-mono); }
.stage-caption { position: absolute; bottom: var(--space-3xl); left: var(--space-section); right: var(--space-section); display: flex; align-items: center; justify-content: space-between; gap: var(--space-2xl); font-size: 12px; color: var(--set-ivory-shade); }
.stage-caption a { color: var(--set-screen); text-decoration: none; }
.tour-controls { display: flex; justify-content: space-between; gap: var(--space-2xl); align-items: stretch; border-bottom: 1px solid var(--border); }
.tour-steps { display: flex; flex: 1; }
.tour-controls button { min-height: 64px; padding: var(--space-xl) var(--space-3xl); font: 500 13px/1.3 var(--font-ui); border: none; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--on-surface-muted); cursor: pointer; }
.tour-steps button { flex: 1; text-align: left; }
.tour-steps button > span { font: 400 10px/1 var(--font-mono); color: var(--on-surface-faint); margin-right: var(--space-lg); }
.tour-steps button[aria-pressed="true"] { color: var(--accent); border-bottom-color: var(--accent); }
.tour-controls button:hover { background: var(--surface-2); color: var(--accent); }
.tour-pause { white-space: nowrap; }
.launch-stage[data-paused="true"] *, html[data-launch-paused="true"] .launch-home .term-caret { animation-play-state: paused !important; }
.launch-compat { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3xl); padding-block: var(--space-page); }
.launch-compat p { font-size: 12px; color: var(--on-surface-muted); line-height: 1.5; margin: 0; }
.launch-compat ul { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-3xl); padding: 0; margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -.02em; }
.launch-compat > a { font-size: 12px; color: var(--on-surface-muted); white-space: nowrap; text-decoration: none; }
.section-heading { margin-bottom: var(--space-section); }
.evidence-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); gap: var(--space-page); align-items: start; }
.evidence-copy article { position: relative; padding: 0 0 var(--space-3xl) var(--space-section); }
.feature-number { position: absolute; left: 0; top: 5px; font: 400 10px/1 var(--font-mono); color: var(--accent); }
.evidence-copy h3 { font-size: 19px; }
.evidence-copy .section-heading .launch-lead { font-size: var(--launch-reading-size); margin-bottom: 0; }
.evidence-copy .section-heading h2 { font-size: var(--launch-evidence-title-size); }
.evidence-copy p, .setup-copy p, .fit-facts p { font-size: 15px; line-height: 1.6; color: var(--on-surface-muted); }
.evidence-shot, .setup-shot { margin: 0; min-width: 0; }
.evidence-shot picture { display: block; padding: var(--space-xl); border: 1px solid var(--border); background: var(--surface-2); border-radius: var(--rounded-lg); box-shadow: var(--shadow-raised); }
.evidence-shot img, .setup-shot img, .agent-product img { display: block; width: 100%; height: auto; border-radius: var(--rounded-xs); }
.launch-home figcaption { color: var(--on-surface-muted); font: 400 11px/1.5 var(--font-ui); margin-top: var(--space-xl); }
.launch-home .launch-scene figcaption { color: var(--on-surface); margin: 0; font-size: 13px; }
.agent-band { background: var(--surface-2); border-block: 1px solid var(--border); }
.launch-home .agent-band .launch-section { border-top: 0; }
.agent-layout { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-page); align-items: start; }
.agent-terminal { overflow: hidden; border-radius: var(--rounded-lg); background: var(--surface); color: var(--on-surface); box-shadow: var(--shadow-float); border: 1px solid var(--border-hover); }
.agent-terminal .terminal-top a { color: var(--on-surface-faint); text-decoration: none; }
.agent-terminal pre { margin: 0; padding: var(--space-section); background: none; border: none; color: var(--on-surface); font: 400 12px/1.9 var(--font-mono); overflow-x: auto; }
.agent-tools { display: flex; gap: var(--space-lg); flex-direction: column; padding: 0 var(--space-section) var(--space-3xl); font: 400 11px/1.3 var(--font-mono); color: var(--marketing-accent); }
.agent-tools span { display: block; padding: var(--space-xl); border: 1px solid var(--border-hover); border-radius: var(--rounded-xs); color: var(--on-surface-muted); }
.agent-tools i { text-align: center; font-style: normal; }
.agent-terminal > p { padding: var(--space-2xl) var(--space-section); border-top: 1px solid var(--border); margin: 0; color: var(--on-surface-faint); font-size: 11px; }
.agent-statement { font-size: clamp(30px,3.2vw,44px); font-weight: 500; line-height: 1.1; letter-spacing: -.035em; margin-bottom: var(--space-3xl); }
.agent-copy > p:not(.agent-statement):not(.launch-note) { font-size: 16px; line-height: 1.7; color: var(--on-surface-muted); }
.agent-links { border-top: 1px solid var(--border-hover); margin-top: var(--space-3xl); }
.agent-links details { position: relative; border-bottom: 1px solid var(--border-hover); }
.agent-links summary { display: flex; align-items: center; gap: var(--space-xl); min-height: var(--space-touch-target); padding-block: var(--space-2xl); font-size: var(--launch-menu-size); font-weight: 500; color: var(--on-surface); cursor: pointer; list-style: none; }
.agent-links summary::-webkit-details-marker { display: none; }
.agent-option-number { color: var(--on-surface-muted); font: 400 11px/1 var(--font-mono); }
.agent-option-mark { margin-left: auto; color: var(--accent); transition: transform var(--motion-base) var(--ease-out-expo); }
.agent-links details[open] .agent-option-mark { transform: rotate(45deg); }
.agent-links details[open] summary, .agent-links summary:hover { color: var(--accent); }
.agent-option-body { min-height: calc(var(--space-page) * 4); padding: 0 0 var(--space-2xl) var(--space-3xl); }
.agent-option-body p { font-size: var(--launch-detail-size); line-height: 1.5; margin: 0 0 var(--space-lg); color: var(--on-surface-muted); }
.agent-option-body a { display: inline-flex; align-items: center; min-height: var(--space-touch-target); color: var(--accent); font-size: var(--launch-detail-size); text-decoration: underline; text-underline-offset: var(--space-sm); }
.agent-guide-controls { display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); min-height: var(--space-touch-target); font-size: 12px; color: var(--on-surface-muted); }
.agent-guide-controls button { font: inherit; min-height: var(--space-touch-target); border: 0; padding-inline: var(--space-lg); background: none; color: var(--accent); cursor: pointer; text-decoration: underline; text-underline-offset: var(--space-sm); }
/* Keep every pointer target fixed while a different detail opens. */
html.js .agent-links { position: relative; }
html.js .agent-links details { position: static; width: 44%; height: var(--launch-guide-row); }
html.js .agent-links summary { height: 100%; padding-block: var(--space-lg); line-height: 1.4; }
html.js .agent-option-body { position: absolute; top: 0; left: 44%; right: 0; min-height: calc(var(--launch-guide-row) * 3); border-left: 1px solid var(--border-hover); padding: var(--space-lg) 0 var(--space-lg) var(--space-xl); }
html.js .agent-guide-controls { margin-top: var(--space-xl); }
@media (max-width: 600px) {
  .agent-links { --launch-guide-row: calc(var(--space-page) + var(--space-section) + var(--space-lg)); --launch-menu-size: 15px; }
}
html:not(.js) .agent-guide-controls { display: none; }
.agent-product { margin: var(--space-page-lg) 0 0; padding: var(--space-xl); border: 1px solid var(--border); border-radius: var(--rounded-lg); background: var(--surface); }
.agent-product img { max-height: 590px; object-fit: cover; object-position: center 30%; }
.setup-layout { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--space-section); align-items: start; }
.setup-shot { padding: var(--space-xl); background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--rounded-lg); box-shadow: var(--shadow-raised); }
.setup-copy ol { list-style: none; padding: 0; margin: 0 0 var(--space-3xl); }
.setup-copy li { display: flex; gap: var(--space-2xl); margin-bottom: var(--space-2xl); }
.setup-copy li p { margin-bottom: 0; }
.setup-copy h3 { margin-bottom: var(--space-lg); }
.setup-copy li > span { display: grid; place-content: center; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid var(--accent-border); color: var(--accent); border-radius: var(--rounded-md); font: 400 11px/1 var(--font-mono); }
.setup-copy h3 { font-size: 20px; margin-top: 2px; }
.install-section { display: grid; grid-template-columns: 1fr 1.6fr; gap: var(--space-page); margin-top: var(--space-page-lg); padding-top: var(--space-page-lg); border-top: 1px solid var(--border); align-items: center; }
.install-section h3 { font-size: 30px; }
.install-section > div > p:not(.launch-eyebrow) { color: var(--on-surface-muted); line-height: 1.7; font-size: 15px; }
.install-window { border: 1px solid var(--border); border-radius: var(--rounded-md); background: var(--surface); min-width: 0; overflow: hidden; }
.install-tabs { display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-lg); border-bottom: 1px solid var(--border); }
.install-tabs button { border: 0; border-radius: var(--rounded-xs); background: none; min-height: var(--space-touch-target); padding: var(--space-xl); color: var(--on-surface-muted); font: 500 12px/1 var(--font-ui); cursor: pointer; }
.install-tabs button[aria-pressed="true"] { background: var(--accent-tint); color: var(--accent); }
.install-tabs .install-copy { margin-left: auto; border: 1px solid var(--border); }
.install-window pre { margin: 0; min-height: 190px; padding: var(--space-3xl); border: 0; background: none; color: var(--on-surface); font: 400 12px/1.8 var(--font-mono); overflow-x: auto; }
.install-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-xl); padding: var(--space-2xl) var(--space-3xl); border-top: 1px solid var(--border); color: var(--on-surface-muted); font-size: 11px; }
.install-foot a { color: var(--accent); text-decoration: none; }
.film-heading, .pricing-heading { display: flex; justify-content: space-between; gap: var(--space-page); align-items: end; margin-bottom: var(--space-page); }
.film-heading > p { color: var(--on-surface-muted); line-height: 1.7; font-size: 16px; margin: 0 0 var(--space-3xl); }
.launch-film { margin: 0; }
.launch-film video { display: block; width: 100%; aspect-ratio: 16/9; border-radius: var(--rounded-lg); background: var(--set-walnut-deep); border: 1px solid var(--border); box-shadow: var(--shadow-float); }
.launch-film figcaption { display: flex; flex-wrap: wrap; gap: var(--space-2xl); align-items: center; padding-block: var(--space-xl); }
.launch-film figcaption > span { margin-right: auto; }
.launch-film figcaption a { color: var(--on-surface-muted); }
.launch-fit { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-page-lg); }
.fit-facts article { padding-block: var(--space-3xl); border-bottom: 1px solid var(--border); }
.fit-facts article:first-child { padding-top: 0; }
.fit-facts a { color: var(--accent); font-size: 12px; text-decoration: none; }
.launch-plans { display: grid; grid-template-columns: repeat(3,1fr); border-block: 1px solid var(--border); }
.launch-plans article { padding: var(--space-section); border-right: 1px solid var(--border); }
.launch-plans article:first-child { padding-left: 0; }
.launch-plans article:last-child { border-right: 0; }
.launch-price { font: 500 48px/1.2 var(--font-display); letter-spacing: -.04em; margin: var(--space-3xl) 0; }
.launch-price small { font-size: 13px; font-weight: 400; letter-spacing: 0; color: var(--on-surface-muted); white-space: nowrap; }
.launch-plans article > p:not(.launch-price) { color: var(--on-surface-muted); font-size: 14px; line-height: 1.9; margin-bottom: var(--space-3xl); }
.launch-home .launch-faq { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--space-page); }
.launch-home .launch-faq h2 { font-size: 34px; }
.launch-faq details { border-bottom: 1px solid var(--border); }
.launch-faq summary { padding: var(--space-3xl) 0; cursor: pointer; font-size: 17px; font-weight: 500; }
.launch-faq details:first-child summary { padding-top: 0; }
.launch-faq details p { color: var(--on-surface-muted); font-size: 15px; line-height: 1.7; padding-bottom: var(--space-2xl); }
.launch-faq details a { color: var(--accent); }
.launch-final { background: var(--surface-2); padding-block: var(--launch-section); border-top: 1px solid var(--border); }
.launch-home .launch-final h2 { font-size: clamp(64px,10vw,136px); line-height: .93; margin: 0 0 var(--space-page); }
.launch-final h2 span { color: var(--accent); }
@keyframes launch-camera { 0% { opacity: .2; transform: translateX(-7%) translateY(5%) rotateY(10deg) rotateZ(-3deg) scale(.94); } 16% { opacity: 1; transform: translateX(0) rotateY(-3deg) rotateZ(-1deg) scale(1); } 100% { transform: translateX(1%) translateY(-1%) rotateY(0) rotateZ(0) scale(1.025); } }
@keyframes launch-terminal-in { from { opacity: 0; translate: 0 var(--space-lg); } to { opacity: 1; translate: 0 0; } }
@keyframes launch-caret { 50% { opacity: 0; } }
@media (prefers-reduced-motion: no-preference) {
  .launch-home [data-launch-reveal].is-seen { animation: launch-reveal var(--launch-reveal) var(--ease-out-expo) both; }
  @keyframes launch-reveal { from { opacity: .35; transform: translateY(28px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 1100px) {
  .launch-home .rs-body { padding-right: 0; }
  .launch-hero-top { grid-template-columns: 1.5fr 1fr; gap: var(--space-3xl); }
  .launch-home .launch-content #hero-title { font-size: clamp(50px,7.4vw,80px); }
  .launch-compat { flex-wrap: wrap; }
  .launch-compat ul { gap: var(--space-2xl); }
  .agent-layout, .setup-layout { gap: var(--space-section); }
  .stage-terminal { width: 38%; right: 2%; }
  .terminal-body { padding: var(--space-2xl); }
}
@media (max-width: 820px) {
  .launch-home .radio-set { height: 64px; padding: 0 var(--space-2xl); }
  .launch-home .rs-body { height: 64px; padding: 0; }
  .launch-home .rs-stations { top: 64px; }
  .launch-home .rs-tune { min-height: var(--space-touch-target); }
  .launch-home .rs-rocker { display: flex; }
  .launch-home .rs-rock-up { min-height: var(--space-touch-target); padding: 0 var(--space-2xl); }
  .launch-home .rs-rock-up::after { font-size: 12px; }
  .launch-home .rs-dial { flex: 0 0 auto; margin-left: auto; }
  .launch-home .rs-brand { gap: var(--space-lg); }
  .launch-home .rs-wordmark { width: 112px; }
  .launch-home .rs-brand::before { width: 24px; height: 24px; flex-basis: 24px; }
  .launch-hero-top { grid-template-columns: 1fr; gap: var(--space-section); margin-bottom: var(--space-section); }
  .launch-home .launch-content #hero-title { font-size: clamp(52px,10vw,80px); }
  .launch-hero-aside > p:first-child { font-size: var(--launch-reading-size); }
  .launch-hero-aside .launch-lead { max-width: 470px; font-size: 16px; margin-bottom: var(--space-2xl); }
  .launch-hero-aside .launch-note { margin-top: var(--space-xl); }
  .launch-stage { min-height: 400px; aspect-ratio: 1.5; }
  .stage-camera { width: 87%; top: 16%; left: 4%; height: 72%; }
  .stage-terminal { top: auto; bottom: var(--space-page-lg); width: var(--launch-terminal-tablet-width); }
  .stage-caption { left: var(--space-2xl); right: var(--space-2xl); bottom: var(--space-2xl); font-size: 10px; }
  .stage-topline { top: var(--space-2xl); left: var(--space-2xl); right: var(--space-2xl); font-size: 8px; }
  .launch-browser { font-size: 8px; }
  .launch-browser > span:last-child { display: none; }
  .terminal-body { font-size: 11px; line-height: 1.6; --launch-terminal-height: 192px; }
  .terminal-top { font-size: 10px; padding: var(--space-xl); }
  .terminal-foot { font-size: 11px; padding: var(--space-xl); }
  .tour-controls { flex-wrap: wrap; gap: 0; }
  .tour-steps { width: 100%; }
  .tour-controls button { padding: var(--space-2xl) var(--space-lg); font-size: 12px; min-height: 52px; text-align: center; }
  .tour-steps button > span { display: none; }
  .tour-controls .tour-pause { min-height: var(--space-touch-target); margin-left: auto; font-size: 11px; }
  .launch-compat { padding-block: var(--space-section); }
  .launch-compat p { width: 100%; }
  .launch-compat p br { display: none; }
  .launch-compat ul { font-size: 14px; }
  .evidence-layout, .agent-layout, .setup-layout, .install-section, .launch-fit, .launch-home .launch-faq { grid-template-columns: 1fr; }
  .evidence-copy { display: block; }
  .evidence-copy article { padding-left: var(--space-section); padding-top: 0; }
  .feature-number { top: var(--space-sm); }
  .evidence-copy > a { grid-column: 1/-1; }
  .evidence-copy h3 { font-size: 17px; }
  .evidence-copy p { font-size: 13px; }
  .agent-copy { order: -1; }
  .agent-statement br { display: none; }
  .agent-product img { max-height: none; }
  .setup-copy { order: 0; }
  .film-heading, .pricing-heading { display: block; }
  .launch-plans article { padding: var(--space-3xl) var(--space-2xl); }
  .launch-price { font-size: 38px; }
  .launch-price small { display: block; font-size: 11px; margin-top: var(--space-lg); }
  .launch-plans article > p:not(.launch-price) { font-size: 12px; }
  .launch-fit { gap: var(--space-page); }
}
@media (max-width: 600px) {
  .launch-home .rs-body { gap: var(--space-lg); }
  .launch-home .rs-wordmark { width: 96px; }
  .launch-home .rs-brand::before { display: none; }
  .launch-home .rs-tune { padding: 0 var(--space-2xl); }
  .launch-home .rs-tune span::before { font-size: 11px; }
  .launch-hero { padding-top: var(--space-page); }
  .launch-home .launch-content #hero-title { font-size: clamp(43px,11.5vw,64px); }
  .launch-home #hero-title > span { font-size: .47em; margin-top: var(--space-2xl); }
  .launch-hero .launch-eyebrow { font-size: 9px; margin-bottom: var(--space-3xl); }
  .launch-stage { min-height: 420px; margin-inline: calc(var(--launch-gutter) * -1); border-radius: 0; }
  .stage-camera { width: 108%; left: -4%; top: 12%; height: 65%; }
  .launch-scene { transform: none; }
  .launch-scene > img { object-position: 35% top; }
  .launch-home .launch-scene figcaption { display: none; }
  .stage-terminal { top: auto; bottom: var(--space-page-lg); right: 4%; width: 72%; transform: rotateZ(1deg); }
  .terminal-body { font-size: 11px; padding: var(--space-xl) var(--space-2xl); --launch-terminal-height: 176px; }
  .terminal-body p { margin-bottom: var(--space-md); }

  .stage-caption > span { max-width: 190px; }
  .stage-caption a { white-space: nowrap; }
  .launch-compat ul { gap: var(--space-2xl); font-size: 13px; }
  .section-heading { margin-bottom: var(--space-section); }
  .launch-lead { font-size: 16px; }
  .evidence-copy { display: block; }
  .evidence-copy article { padding-left: var(--space-section); padding-top: 0; }
  .feature-number { top: 5px; }
  .evidence-copy p { font-size: 15px; }
  .evidence-shot { max-width: 360px; margin-inline: auto; }
  .agent-terminal pre { padding: var(--space-3xl) var(--space-2xl); font-size: 10px; }
  .agent-tools { padding-inline: var(--space-2xl); }
  .agent-statement { font-size: 32px; }
  .agent-product { padding: var(--space-sm); margin-top: var(--space-section); }
  .setup-shot { margin-inline: calc(var(--launch-gutter) * -1); border-radius: 0; }
  .setup-shot figcaption { padding-inline: var(--space-xl); }
  .install-section { margin-top: var(--space-page); padding-top: var(--space-page); gap: var(--space-3xl); }
  .install-tabs { gap: 0; padding: var(--space-sm); }
  .install-tabs button { padding: var(--space-lg); font-size: 11px; }
  .install-window pre { padding: var(--space-2xl); font-size: 10px; min-height: 180px; }
  .install-foot { padding: var(--space-2xl); }
  .launch-film-section .launch-film { margin-inline: calc(var(--launch-gutter) * -1); }
  .launch-film video { border-radius: 0; }
  .launch-film figcaption { padding-inline: var(--launch-gutter); }
  .launch-plans { grid-template-columns: 1fr; }
  .launch-plans article, .launch-plans article:first-child { padding: var(--space-section) 0; border-right: 0; border-bottom: 1px solid var(--border); }
  .launch-plans article:last-child { border-bottom: 0; }
  .launch-price small { display: inline; font-size: 12px; }
  .launch-plans article > p:not(.launch-price) { font-size: 15px; }
  .launch-final .launch-actions { gap: var(--space-2xl); }
  .launch-home .launch-final h2 { font-size: clamp(60px,17vw,90px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .launch-home *, .launch-home *::before, .launch-home *::after { animation: none !important; transition: none !important; }
  .launch-scene.is-current { transform: none; }
}
html:not(.js) .launch-home .tour-controls, html:not(.js) .launch-home .install-tabs { display: none; }
html:not(.js) .launch-home .launch-scene { animation: none; transform: none; }
html:not(.js) .launch-home .stage-terminal, html:not(.js) .launch-home .term-caret { animation: none; }
html:not(.js) .launch-home .radio-set { height: auto; min-height: 64px; }
html:not(.js) .launch-home .rs-body { height: auto; min-height: 64px; flex-wrap: wrap; }
html:not(.js) .launch-home .rs-stations { position: static; border: none; box-shadow: none; }
/* Explicit width prevents an aspect-ratio/min-height transfer on small screens. */
.launch-stage { width: 100%; min-width: 0; }
@media (max-width: 820px) {
  .launch-home .radio-set .rs-body { height: 64px; padding: 0; }
  .launch-home .radio-set .rs-rocker { display: flex; }
  .launch-home .radio-set .rs-dial { flex: 0 0 auto; margin-left: auto; }
}
@media (max-width: 600px) {
  .launch-stage { width: calc(100% + var(--launch-gutter) * 2); aspect-ratio: auto; height: 420px; }
}
.launch-home .radio-set .rs-rock::after { position: static; inset: auto; }
.launch-home .stage-terminal { z-index: 3; }
@media (max-width: 820px) {
  html:not([data-skin="vintage"]) .launch-home .radio-set .rs-rock-up { min-height: var(--space-touch-target); padding: 0 var(--space-2xl); }
  html:not([data-skin="vintage"]) .launch-home .radio-set .rs-rock-up::after { font-size: 12px; }
}
@keyframes launch-terminal-in { from { translate: 0 var(--space-lg); } to { translate: 0 0; } }

html:not(.js) .launch-home .rs-tune { display: none !important; }

.launch-home .launch-live { width: min(calc(100% - var(--launch-gutter) * 2), calc(var(--launch-width) - var(--launch-gutter) * 2)); margin: var(--space-page-lg) auto; padding: 0 0 var(--space-page-lg); border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; }
.launch-home .launch-live .eyebrow { font-family: var(--font-mono); color: var(--accent); font-size: 11px; }
.launch-home .launch-live h2 { font-size: var(--launch-title-size); max-width: 800px; }
.launch-home .launch-live .bt-live-start { display: none; }
.launch-home .launch-live .bt-live-code { background: var(--surface-2); color: var(--on-surface); border: 1px solid var(--border); }
.launch-home .launch-live .bt-live-demo button { min-height: var(--space-touch-target); }
.launch-home .launch-live .bt-live-row { min-height: 48px; }
.launch-home .launch-live .bt-live-hint { min-height: 32px; }
.launch-home .launch-live .bt-live-note { font-size: 12px; }
@media (max-width: 600px) { .launch-home .launch-live .bt-live-head h2 { font-size: 34px; } .launch-home .launch-live .bt-live-code { font-size: 10px; } }

html:not(.js) .launch-home .bt-live-toolbar, html:not(.js) .launch-home .bt-live-theme, html:not(.js) .launch-home .bt-live-hint { display: none; }

/* Four ways to use BugTape (#bugtape-live): Terminal, Console, Mobile, Customer capture.
   Tabs copy the hero tour look; the active tab's underline fills while the tour plays.
   Panels share one grid cell, so switching cross-fades without moving the page. Contract: DESIGN.md, Four ways in. */
.live-ways-controls { display: flex; align-items: stretch; gap: var(--space-2xl); margin-top: var(--space-3xl); border-bottom: 1px solid var(--border); }
.live-ways-tabs { display: flex; flex: 1; min-width: 0; }
.live-ways-tabs button { position: relative; flex: 1; min-width: 0; min-height: calc(var(--space-touch-target) + var(--space-2xl)); padding: var(--space-xl) var(--space-2xl); border: 0; border-radius: 0; background: transparent; color: var(--on-surface-muted); font: 500 15px/1.3 var(--font-ui); text-align: left; cursor: pointer; transition: background-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard); }
.live-ways-tabs button > span { margin-right: var(--space-lg); font: 400 10px/1 var(--font-mono); color: var(--on-surface-muted); }
.live-ways-tabs button small { display: block; margin-top: var(--space-sm); font: 400 12px/1.4 var(--font-ui); color: var(--on-surface-muted); }
.live-ways-tabs button:hover { background: var(--surface-2); color: var(--accent); }
.live-ways-tabs button[aria-selected="true"] { color: var(--accent); }
.live-ways-tabs button[aria-selected="true"] > span { color: var(--accent); }
.live-ways-tabs button:focus-visible, .live-ways-pause:focus-visible, .live-reel-steps button:focus-visible { outline: 2px solid var(--accent); outline-offset: calc(var(--space-xs) * -1); }
.live-ways-progress { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; overflow: hidden; background: color-mix(in srgb, var(--accent) 22%, transparent); opacity: 0; }
.live-ways-progress::after { content: ""; position: absolute; inset: 0; background: var(--accent); transform-origin: left; }
[aria-selected="true"] > .live-ways-progress { opacity: 1; }
.live-ways[data-motion="play"] [aria-selected="true"] > .live-ways-progress::after, .live-ways[data-motion="hold"] [aria-selected="true"] > .live-ways-progress::after { animation: launch-progress var(--live-way-duration) linear both; }
.live-ways[data-motion="hold"] [aria-selected="true"] > .live-ways-progress::after { animation-play-state: paused; }
.live-ways-pause { flex: none; align-self: center; min-height: var(--space-touch-target); padding: 0 var(--space-xl); border: 0; background: none; color: var(--on-surface-muted); font: 500 13px/1 var(--font-ui); cursor: pointer; }
.live-ways-pause:hover { color: var(--accent); }
.live-ways-panels { display: grid; margin-top: var(--space-3xl); }
.live-way { grid-area: 1 / 1; min-width: 0; }
html.js .live-way { opacity: 0; visibility: hidden; transform: translateY(var(--space-lg)); transition: opacity var(--motion-move) var(--ease-standard), transform var(--motion-move) var(--ease-out-expo), visibility 0s linear var(--motion-move); }
html.js .live-way.is-current { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.live-way-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.3fr); gap: var(--space-page); align-items: start; align-content: start; }
.live-way-lead { margin: 0 0 var(--space-2xl); font-size: var(--launch-reading-size); line-height: 1.55; color: var(--on-surface); }
.live-reel-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--border); }
.live-reel-steps button { display: block; width: 100%; min-height: var(--space-touch-target); padding: var(--space-lg) 0; border: 0; border-bottom: 1px solid var(--border); background: none; color: var(--on-surface-muted); font: 500 15px/1.4 var(--font-ui); text-align: left; cursor: pointer; transition: color var(--motion-base) var(--ease-standard); }
.live-reel-steps button > span { margin-right: var(--space-lg); font: 400 10px/1 var(--font-mono); }
.live-reel-steps button small { display: block; font-size: 13px; font-weight: 400; }
.live-reel-steps button:hover, .live-reel-steps button[aria-pressed="true"] { color: var(--accent); }
.live-reel-steps button[aria-pressed="true"] small { color: var(--on-surface); }
.live-way-note { margin: var(--space-2xl) 0 0; font-size: 12px; line-height: 1.5; color: var(--on-surface-muted); }
.live-way-copy .bt-live-code { margin: 0; }
.live-way-copy .bt-live-note { margin-top: var(--space-2xl); }
.live-way-visual { min-width: 0; }
.live-reel { margin: 0; padding: var(--space-xl); border: 1px solid var(--border); border-radius: var(--rounded-xl); background: var(--surface-2); box-shadow: var(--shadow-raised); }
.live-reel[data-shape="phone"] { justify-self: center; width: min(100%, calc(var(--space-page-lg) * 5)); }
.live-reel-frame { position: relative; overflow: hidden; aspect-ratio: 16 / 10; border: 1px solid var(--border); border-radius: var(--rounded-lg); background: var(--surface); }
.live-reel[data-shape="phone"] .live-reel-frame { aspect-ratio: 390 / 620; border-radius: var(--rounded-xl); }
.live-reel-frame img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top left; opacity: 0; transform: scale(1.03); transition: opacity calc(var(--motion-move) * 2) var(--ease-standard), transform var(--launch-reel-step) var(--ease-out-expo); }
.live-reel-frame img.is-current { opacity: 1; transform: none; }
html:not(.js) .live-ways-controls { display: none; }
html:not(.js) .live-way { grid-area: auto; margin-bottom: var(--space-page); }
html:not(.js) .live-reel-frame img:first-child { opacity: 1; }
html:not(.js) .live-reel-steps button { pointer-events: none; }
@media (max-width: 820px) {
  .live-way-split { grid-template-columns: minmax(0, 1fr); gap: var(--space-3xl); }
  .live-way-split > :last-child { order: -1; }
  /* One column: panels differ a lot in height, so only the current one takes space. */
  html.js .live-way:not(.is-current) { display: none; }
  html.js .live-way.is-current { animation: live-way-in var(--motion-move) var(--ease-out-expo) both; }
}
@keyframes live-way-in { from { opacity: 0; transform: translateY(var(--space-lg)); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) {
  .live-ways-controls { flex-wrap: wrap; gap: 0; }
  .live-ways-tabs { flex: 1 1 100%; }
  .live-ways-tabs button { padding: var(--space-xl) var(--space-sm); font-size: 12px; text-align: center; }
  .live-ways-tabs button > span, .live-ways-tabs button small { display: none; }
  .live-ways-pause { margin-left: auto; font-size: 11px; }
  .live-reel { padding: var(--space-lg); }
  .live-way-lead { font-size: var(--launch-detail-size); }
  .live-reel-steps button small { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html.js .live-way, .live-reel-frame img, .live-ways-tabs button, .live-reel-steps button { transition: none; }
  html.js .live-way { transform: none; }
  .live-reel-frame img { transform: none; }
  html.js .live-way.is-current { animation: none; }
  .live-ways [aria-selected="true"] > .live-ways-progress::after { animation: none; }
}

/* Report-button preview: DESIGN.md, Unreported failures and the report button. */
.report-layout { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-page); align-items: center; }
.report-benefits { list-style: none; padding: 0; margin: var(--space-3xl) 0; }
.report-benefits li { padding-block: var(--space-xl); border-top: 1px solid var(--border); font-size: var(--launch-detail-size); line-height: 1.6; color: var(--on-surface-muted); }
.report-benefits strong { color: var(--on-surface); }
.report-preview { --report-glow-rest: 0 0 0 0 color-mix(in srgb, var(--error) 0%, transparent), var(--shadow-filament-nav); --report-glow-peak: 0 0 0 var(--space-md) color-mix(in srgb, var(--error) 22%, transparent), 0 0 var(--space-2xl) color-mix(in srgb, var(--error) 60%, transparent); position: relative; min-width: 0; padding-bottom: var(--space-xl); border: 1px solid var(--border); border-radius: var(--rounded-xl); background: var(--surface); box-shadow: var(--shadow-raised); color: var(--on-surface); }
.report-preview [hidden] { display: none !important; }
.report-preview-bar { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-lg); padding: var(--space-2xl) var(--space-3xl); border-bottom: 1px solid var(--border); color: var(--on-surface-muted); font: 400 10px/1.5 var(--font-mono); }
.report-preview-bar > span:last-child { margin-left: auto; }
.report-preview-bar .signal-dot { color: var(--accent); }
.report-preview-shop { padding: var(--space-3xl); }
.report-steps { display: flex; margin: 0; padding: 0 var(--space-3xl); list-style: none; border-bottom: 1px solid var(--border); }
.report-steps li { flex: 1; margin-bottom: -1px; padding-block: var(--space-xl); border-bottom: 2px solid transparent; font: 500 13px/1.3 var(--font-ui); color: var(--on-surface-muted); }
.report-steps li + li { padding-left: var(--space-xl); }
.report-steps li > span { margin-right: var(--space-sm); font: 400 10px/1 var(--font-mono); }
.report-steps li[data-reached] { color: var(--on-surface); }
.report-steps li[aria-current="step"] { color: var(--accent); border-bottom-color: var(--accent); }
.report-guide { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--space-2xl); align-items: center; margin: 0; padding: var(--space-2xl) var(--space-3xl); border-bottom: 1px solid var(--border); background: var(--surface-2); font-size: var(--launch-detail-size); line-height: 1.5; }
.report-preview[data-step="2"] .report-guide { grid-template-columns: minmax(0, 1fr) auto; }
.report-guide-bug { grid-column: 2; grid-row: 1 / 3; display: grid; place-items: center; width: calc(var(--space-3xl) + var(--space-lg)); height: calc(var(--space-3xl) + var(--space-lg)); padding: var(--space-md); border-radius: 50%; }
.report-guide-bug svg { width: 100%; height: 100%; }
.report-guide [data-report-guide-step], .report-receipt-label { display: block; margin-bottom: var(--space-sm); font: 500 10px/1.5 var(--font-mono); letter-spacing: .1em; color: var(--accent); }
.report-shop-name { display: flex; justify-content: space-between; gap: var(--space-lg); font: 600 11px/1.5 var(--font-mono); }
.report-shop-name span { font-weight: 400; color: var(--on-surface-muted); }
.report-order { display: flex; align-items: center; gap: var(--space-2xl); margin-block: var(--space-3xl); }
.report-parcel { display: grid; place-items: center; width: calc(var(--space-page) * 2); height: calc(var(--space-page) * 2); flex-shrink: 0; border-radius: var(--rounded-md); background: var(--surface-2); color: var(--accent); }
.report-parcel svg { width: var(--space-page); height: var(--space-page); }
.report-order p { margin: var(--space-sm) 0 0; font-size: var(--launch-detail-size); color: var(--on-surface-muted); }
.report-order > span { margin-left: auto; }
.report-total { display: flex; justify-content: space-between; border-top: 1px solid var(--border); padding-block: var(--space-2xl); }
.report-preview .button { width: 100%; justify-content: center; }
.report-checkout-status { margin: var(--space-xl) 0 0; font-size: var(--launch-detail-size); font-weight: 600; color: var(--error); line-height: 1.5; }
.report-receipt { display: flex; align-items: start; gap: var(--space-xl); margin: 0 var(--space-3xl) var(--space-2xl); padding: var(--space-2xl); border: 1px solid var(--accent-border); border-radius: var(--rounded-md); background: var(--accent-tint); font-size: var(--launch-detail-size); }
.report-receipt .signal-dot { margin-top: var(--space-lg); color: var(--error); }
.report-receipt p { margin: var(--space-sm) 0 0; color: var(--on-surface-muted); line-height: 1.5; }
.report-preview-footer { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-lg); min-height: calc(var(--space-touch-target) + var(--space-3xl)); padding: var(--space-lg) calc(var(--space-touch-target) + var(--space-section)) var(--space-lg) var(--space-3xl); font-size: var(--launch-detail-size); color: var(--on-surface-muted); line-height: 1.5; }
.report-reset { display: inline-flex; align-items: center; gap: var(--space-sm); min-height: var(--space-touch-target); border: 0; padding: 0; background: none; color: var(--accent); text-decoration: underline; cursor: pointer; font: inherit; }
.report-trigger { position: absolute; right: var(--space-3xl); bottom: var(--space-3xl); display: grid; place-items: center; width: var(--space-touch-target); height: var(--space-touch-target); padding: var(--space-lg); border: 0; border-radius: 50%; background: var(--primary); color: var(--on-primary); box-shadow: var(--shadow-raised); cursor: pointer; }
.report-trigger svg { width: 100%; height: 100%; }
/* Step 2: the button and its copy in the guide line glow in and out together until the visitor presses the button. */
.report-trigger[data-alert="active"], .report-guide-bug { background: var(--error); color: var(--on-primary); box-shadow: var(--report-glow-rest); animation: report-signal calc(var(--motion-move) * 4) var(--ease-standard) infinite; }
@keyframes report-signal { 50% { box-shadow: var(--report-glow-peak); } }
.report-preview[data-panel="open"] .report-preview-shop, .report-preview[data-panel="open"] .report-receipt, .report-preview[data-panel="open"] .report-preview-footer { display: none; }
.report-form-preview { margin: var(--space-2xl) var(--space-2xl) calc(var(--space-touch-target) + var(--space-section)); padding: var(--space-3xl); border: 1px solid var(--border-hover); border-radius: var(--rounded-lg); background: var(--surface); box-shadow: var(--shadow-raised); }
.report-form-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); margin-bottom: var(--space-2xl); }
.report-form-heading h3 { margin: 0; }
.report-form-heading button { min-width: var(--space-touch-target); min-height: var(--space-touch-target); padding: 0; border: 1px solid var(--border); border-radius: var(--rounded-md); background: var(--surface); color: var(--on-surface); font-size: var(--launch-menu-size); cursor: pointer; }
.report-form-preview p, .report-form-preview blockquote { font-size: var(--launch-detail-size); line-height: 1.5; }
.report-form-preview blockquote { margin: var(--space-2xl) 0; padding: var(--space-2xl); border: 1px solid var(--border); border-radius: var(--rounded-md); background: var(--surface-2); }
.report-form-context { margin-bottom: var(--space-2xl); color: var(--on-surface-muted); }
.report-receipt .report-note { color: var(--on-surface); }
@media (max-width: 820px) { .report-layout { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .report-preview-shop, .report-form-preview { padding: var(--space-2xl); }
  .report-preview-bar, .report-steps, .report-guide { padding-inline: var(--space-2xl); }
  .report-steps li { font-size: 12px; }
  .report-receipt { margin-inline: var(--space-2xl); }
  .report-parcel { width: var(--space-page); height: var(--space-page); }
  .report-parcel svg { width: var(--space-3xl); height: var(--space-3xl); }
  .report-preview-footer { padding-left: var(--space-2xl); padding-right: calc(var(--space-touch-target) + var(--space-3xl)); }
  .report-trigger { right: var(--space-2xl); bottom: var(--space-2xl); }
}
@media (prefers-reduced-motion: reduce) { .report-trigger[data-alert="active"], .report-guide-bug { animation: none; box-shadow: var(--report-glow-peak); } }

/* Public signup is a real, unfilled form capture. */
.launch-scene.signup-scene > img { object-fit: contain; object-position: 18% center; padding: var(--space-xl) var(--space-xl) var(--space-section); background: var(--neutral); }

.launch-scene[data-tour-scene="2"] > img { object-fit: contain; object-position: center; }
/* The first line sits level with the 44px Copy control. */
.launch-live .bt-live-code pre { flex: 1; min-width: 0; margin: 0; border: 0; padding: calc((var(--space-touch-target) - 1.5em) / 2) 0; background: none; color: inherit; font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; }

/* Terminal tab commands: code and an icon-only Copy control share one row (no band above the code).
   The two-squares icon turns into a check with a "Copied" tag for two seconds. Contract: DESIGN.md, Home command copy. */
.launch-live .bt-live-code { display: flex; align-items: flex-start; gap: var(--space-sm); padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-xl); }
.launch-copy-cli { position: relative; flex: none; display: grid; place-items: center; width: var(--space-touch-target); height: var(--space-touch-target); padding: 0; border: 0; border-radius: var(--rounded-md); background: transparent; color: var(--on-surface-muted); cursor: pointer; transition: background-color var(--motion-fast) ease, color var(--motion-fast) ease; }
.launch-copy-cli svg { grid-area: 1 / 1; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.launch-copy-cli:hover { background: var(--surface-3); color: var(--accent); }
.launch-copy-cli:focus-visible { outline: 2px solid var(--accent); outline-offset: calc(var(--space-xs) * -1); }
.launch-copy-done, .launch-copy-label { display: none; }
.launch-copy-cli[data-state="copied"] { color: var(--success); }
.launch-copy-cli[data-state="copied"] .launch-copy-icon { display: none; }
.launch-copy-cli[data-state="copied"] .launch-copy-done { display: block; }
.launch-copy-cli[data-state="copied"] .launch-copy-label { display: block; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); padding: var(--space-xs) var(--space-md); border: 1px solid var(--border); border-radius: var(--rounded-sm); background: var(--surface); color: var(--on-surface); font: 500 11px/1.4 var(--font-ui); white-space: nowrap; pointer-events: none; }
[data-cli-copy-status] { display: block; margin-top: var(--space-lg); font-size: 11px; }
html:not(.js) [data-copy-cli] { display: none; }

/* Accessible names stay plain; selected installs have a visible shape. */
.launch-faq details a { text-decoration: underline; text-underline-offset: 3px; }
.stage-terminal .terminal-top { font-size: 11px; }
.tour-steps button > span { color: var(--on-surface-muted); }
.install-tabs button[aria-pressed="true"] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.launch-home [data-theme="dark"] { color-scheme: dark; }
.launch-home [data-theme="light"] { color-scheme: light; }
html:not(.js) .launch-home .bt-live-demo { display: none; }
.bt-live-demo .bt-live-result:empty { margin: 0; }

/* The product clock drives image focus, evidence and the scene rail together. */
.stage-progress { position: absolute; bottom: 0; left: 0; right: 0; height: var(--space-sm); background: var(--set-brass-deep); }
.stage-progress span[hidden] { display: none; }
.stage-progress span { display: block; width: 100%; height: 100%; background: var(--set-glow); transform-origin: left; }
@keyframes launch-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes launch-type { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes launch-line { from { opacity: 0; transform: translateY(var(--space-lg)); } to { opacity: 1; transform: none; } }
@keyframes launch-focus { from { transform: scale(1); } to { transform: scale(1.07) translateY(-3%); } }
@media (prefers-reduced-motion: no-preference) {
  html.js .agent-links details[open] .agent-option-body { animation: launch-line var(--motion-move) var(--ease-out-expo) both; }
  .launch-stage .stage-progress span { animation: launch-progress var(--launch-cycle) linear infinite; }
  .launch-scene.is-current > img { animation: launch-focus var(--launch-drift) var(--ease-out-expo) both; transform-origin: 20% 20%; }
  .launch-scene[data-tour-scene="2"] > img, .launch-scene[data-tour-scene="3"] > img { animation: none; }
  .terminal-body:not([hidden]) p { animation: launch-line var(--motion-move) var(--ease-out-expo) both; }
  .terminal-body:not([hidden]) p:nth-child(2) { animation-delay: calc(var(--launch-reveal) * .6); }
  .terminal-body:not([hidden]) p:nth-child(3) { animation-delay: calc(var(--launch-reveal) * 2.6); }
  .terminal-body:not([hidden]) p:nth-child(4) { animation-delay: calc(var(--launch-reveal) * 3.6); }
  .terminal-body:not([hidden]) p:nth-child(5) { animation-delay: calc(var(--launch-reveal) * 5.4); }
  .terminal-body:not([hidden]) .term-call span { display: inline-block; animation: launch-type calc(var(--launch-reveal) * 1.6) steps(26) both; animation-delay: calc(var(--launch-reveal) * .6); }
  .terminal-body:not([hidden]) .term-call:nth-child(4) span { animation-delay: calc(var(--launch-reveal) * 3.6); }
}
/* A manual selection must show complete evidence while its motion is paused. */
.launch-stage[data-manual="true"] .terminal-body p, .launch-stage[data-manual="true"] .term-call span { animation: none; }
.launch-stage[data-manual="true"] .stage-terminal { animation: none; }
.launch-stage[data-manual="true"] .launch-scene { animation: none; transform: rotateZ(-1deg); }
@media (min-width: 821px) {
  .evidence-shot { position: sticky; top: calc(var(--space-marketing-nav) + var(--space-section)); }
}

html:not(.js) .launch-home .terminal-body *, html:not(.js) .launch-home .launch-scene > img, html:not(.js) .launch-home .stage-progress span { animation: none; }

html:not(.js) .report-checkout-status, html:not(.js) [data-report-cue], html:not(.js) .report-guide { display: none; }