/* Nuhaverse — a miniature laboratory, not a generic SaaS dashboard. */
html{scroll-behavior:smooth;scroll-padding-block-start:var(--space-8)}
body{overflow-x:clip;overflow-wrap:anywhere}
::selection{background:var(--lime);color:var(--ink)}
a,button,summary{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}
a:active,button:active,summary:active{opacity:.75}
button:disabled{cursor:not-allowed;opacity:.65}
[hidden]{display:none!important}
.symbol-library{position:absolute;inline-size:0;block-size:0;overflow:hidden}
.wrap{max-inline-size:var(--container);margin-inline:auto;padding-inline:var(--space-gutter)}
.skip-link{position:fixed;inset:var(--space-5) auto auto var(--space-5);z-index:100;background:var(--ink);color:var(--paper);padding:var(--space-5);transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.icon{inline-size:1.15em;block-size:1.15em}
.brand{max-inline-size:100%;min-inline-size:0;display:inline-flex;gap:var(--space-4);align-items:center;min-block-size:var(--control);flex-shrink:1}
.brand-mark{inline-size:2.375rem;block-size:2.375rem;stroke:currentColor;stroke-width:1.6;fill:none;flex-shrink:0}
.brand>span{min-inline-size:0;display:flex;align-items:center;font-size:1.7rem;letter-spacing:-.065em;font-weight:600;line-height:1}
.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-8);min-block-size:6.25rem}
.site-header nav{display:flex;align-items:center;gap:var(--space-9);font-size:var(--text-ui)}
.site-header nav a{display:flex;align-items:center;min-block-size:var(--control)}
.nav-cta{display:inline-flex;gap:var(--space-6);align-items:center;border-block-end:var(--hairline) solid var(--ink);font-size:var(--text-ui);min-block-size:var(--control)}
.eyebrow{font-size:var(--text-caption);letter-spacing:.085em;line-height:1.5;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-4);font-weight:500}
.mono{font:400 var(--text-caption)/1.5 var(--font-mono);letter-spacing:.025em}
.signal-dot{inline-size:.4375rem;block-size:.4375rem;background:currentColor;border-radius:50%;flex-shrink:0}
.hero{display:grid;grid-template-columns:1fr 1fr;position:relative;padding-block-start:var(--space-12)}
.hero-copy{min-inline-size:0;position:relative;z-index:1;grid-column:1;grid-row:1;align-self:center;padding-block-end:var(--space-10)}
h1{font-size:var(--text-hero);line-height:1.025;font-weight:500;letter-spacing:-.065em;margin-block:var(--space-8);overflow-wrap:anywhere;inline-size:115%;text-wrap:initial;white-space:nowrap}
em{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.025em}
h1 em{font-size:1.085em}
.hero-description{font-size:var(--text-md);line-height:1.4;letter-spacing:-.035em;margin-block-end:var(--space-5);max-inline-size:28ch}
.hero-explanation{font-size:var(--text-base);color:var(--text-muted);max-inline-size:37ch;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:var(--space-7);flex-wrap:wrap;margin-block-start:var(--space-8)}
.button{max-inline-size:100%;min-block-size:3.25rem;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-7);padding:var(--space-5) var(--space-7);font-size:var(--text-ui);font-weight:500;border-radius:var(--radius-sm);line-height:1.3;transition:transform var(--duration-instant) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}
.button-primary{background:var(--ink);color:var(--paper)}
.button:active{transform:scale(.98);opacity:1}
.text-link{display:inline-flex;align-items:center;gap:var(--space-3);min-block-size:var(--control);font-size:var(--text-ui);line-height:1.4}
.hero-note{font-size:var(--text-caption);color:var(--text-muted);margin-block-start:var(--space-6)}
.hero-world{grid-column:2;grid-row:1;position:relative;align-self:center;margin-inline-start:-5%;margin-inline-end:calc(-1 * var(--space-gutter));min-inline-size:0}
.hero-world picture{display:block;position:relative}
.hero-world img{inline-size:100%;block-size:auto;aspect-ratio:1280/1093;object-fit:contain}
.specimen-label{display:flex;align-items:flex-start;gap:var(--space-4);font:400 var(--text-caption)/1.7 var(--font-mono);color:var(--text-muted);margin-inline-start:20%;margin-block-end:var(--space-3)}
.specimen-label strong{font-weight:400;color:var(--ink)}
.crosshair{font-size:var(--text-md);line-height:1.2;font-weight:400}
.hero-world figcaption{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-caption);line-height:1.5;margin-inline:20% var(--space-gutter);padding-block:var(--space-7);border-block-start:var(--hairline) solid var(--rule)}
.hero-world figcaption strong{font-weight:400;color:var(--text-muted)}
.isolation-mark{inline-size:1.75rem;block-size:1.75rem;border:var(--hairline) solid var(--border-strong);border-radius:50%;position:relative;flex-shrink:0}
.isolation-mark:after{content:'';position:absolute;inset:var(--space-2);border:var(--hairline) solid var(--border-strong);border-radius:50%}
.figure-coordinate{margin-inline-start:auto;font-family:var(--font-mono);color:var(--text-muted)}
.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-block-start:var(--hairline) solid var(--rule);margin-block-start:var(--space-11);padding-block:var(--space-5);color:var(--text-muted)}
.scroll-cue{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-ui);min-block-size:var(--control);color:var(--ink)}
.premise{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:var(--space-8);padding-block:var(--space-section);align-items:start}
.section-index{padding-block-start:var(--space-4)}
h2{font-size:var(--text-section);line-height:1.08;letter-spacing:-.05em;font-weight:500;overflow-wrap:anywhere}
.premise h2{font-size:var(--text-2xl);margin-block-end:var(--space-7)}
.premise-content>p{color:var(--text-muted);max-inline-size:43ch;font-size:var(--text-base);line-height:1.65}
.premise-content .premise-last{color:var(--ink);margin-block-start:var(--space-5)}
.premise-last strong{font-weight:600}
.gap-annotation{padding-block-start:var(--space-9);font-family:var(--font-mono);font-size:var(--text-caption);text-align:center;transform:rotate(-5deg)}
.gap-annotation>span:first-child{display:inline-block;background:var(--bg-subtle);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm)}
.gap-annotation svg{inline-size:80%;margin-inline:auto;stroke:var(--border-strong);stroke-width:1.5}
.annotation-result{display:inline-block;padding:var(--space-3);border-block-end:var(--hairline) solid var(--ink)}
.simulation-section{background:var(--lab);color:var(--lab-ink);padding-block:var(--space-section);--focus:var(--lime);--text-muted:var(--lab-muted)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-block-end:var(--space-10)}
.section-heading .eyebrow{color:var(--lab-muted);margin-block-end:var(--space-7)}
.section-heading>p{font-size:var(--text-base);line-height:1.65;color:var(--lab-muted);max-inline-size:36ch;padding-block-end:var(--space-2)}
.demo-disclosure{font-size:var(--text-caption);display:block;margin-block-start:var(--space-5)}
.lab{container-type:inline-size;border:var(--hairline) solid var(--lab-rule);border-radius:var(--radius-md);overflow:hidden}
.lab-topline{padding:var(--space-5) var(--space-7);display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center;justify-content:space-between;border-block-end:var(--hairline) solid var(--lab-rule)}
.lab-title{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-ui);font-weight:500}
.lab-title .brand-mark{inline-size:1.5rem;block-size:1.5rem}
.lab-version{color:var(--lab-muted);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:400}
.lab-environment{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-caption);color:var(--lime)}
.lab-layout{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.7fr)}
.scenario-panel{padding:var(--space-8);border-inline-end:var(--hairline) solid var(--lab-rule)}
.panel-label{color:var(--lab-muted);margin-block-end:var(--space-7)}
.scenario-buttons{display:grid;gap:var(--space-3)}
.scenario-button{display:flex;align-items:flex-start;gap:var(--space-4);text-align:start;padding:var(--space-5);border:var(--hairline) solid transparent;border-radius:var(--radius-sm);min-inline-size:0;transition:background-color var(--duration-fast) var(--ease-out)}
.scenario-button[aria-pressed=true]{background:var(--lab-surface);border-color:var(--lab-rule)}
.scenario-button:disabled{opacity:1}
.scenario-number{font:400 var(--text-caption)/1.8 var(--font-mono);color:var(--lab-muted)}
.scenario-button strong{font-size:var(--text-ui);font-weight:500;display:block;line-height:1.5}
.scenario-button small{font-size:var(--text-caption);color:var(--lab-muted);line-height:1.6;display:block;margin-block-start:var(--space-2)}
.scenario-select{inline-size:.625rem;block-size:.625rem;border:var(--hairline) solid var(--lab-muted);border-radius:50%;margin-block-start:var(--space-2);margin-inline-start:auto;flex-shrink:0}
[aria-pressed=true] .scenario-select{background:var(--lime);border-color:var(--lime)}
.policy-box{margin:var(--space-8) var(--space-5);color:var(--lab-muted)}
.policy-box>p:nth-child(2){font-size:var(--text-ui);line-height:1.6;margin-block:var(--space-3) var(--space-4)}
.policy-box code{font:400 var(--text-caption)/1.5 var(--font-mono);color:var(--lime)}
.button-lime{background:var(--lime);color:var(--ink)}
.run-button{inline-size:100%;justify-content:flex-start;gap:var(--space-4)}
.run-button .run-key{margin-inline-start:auto}
.lab-footnote,.no-js-note{font-size:var(--text-caption);color:var(--lab-muted);line-height:1.6;margin-block-start:var(--space-4)}
.trace-panel{display:flex;flex-direction:column;padding:var(--space-8) var(--space-9);min-inline-size:0}
.trace-header{display:flex;justify-content:space-between;gap:var(--space-5);align-items:center;color:var(--lab-muted);padding-block-end:var(--space-7);font-size:var(--text-caption)}
.trace-list{list-style:none;margin:0;padding:0;flex:1}
.trace-event{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:var(--space-4);position:relative;padding-block:var(--space-6);border-block-start:var(--hairline) solid var(--lab-rule);min-block-size:5rem}
.trace-order{color:var(--lab-muted);font:400 var(--text-caption)/1.5 var(--font-mono)}
.trace-kind{display:block;font:400 var(--text-caption)/1.5 var(--font-mono);color:var(--lab-muted);margin-block-end:var(--space-2)}
.trace-event p{font-size:var(--text-ui);line-height:1.6;color:var(--lab-ink);overflow-wrap:anywhere}
.trace-event code{font-family:var(--font-mono);font-size:var(--text-caption)}
.event-state{font:400 var(--text-caption)/1.5 var(--font-mono);color:var(--lab-muted)}
.trace-event--failure .event-state,.trace-event--failure .trace-kind{color:var(--lab-warning)}
.trace-event--guard .event-state,.trace-event--guard .trace-kind{color:var(--lime)}
.trace-event.is-pending{opacity:.28}
.trace-event.is-current{opacity:1}
.trace-result{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-7);margin-block-start:var(--space-5);border:var(--hairline) solid var(--lab-rule);border-radius:var(--radius-sm);background:var(--lab-surface);min-block-size:10rem}
.result-symbol{display:grid;place-items:center;inline-size:1.375rem;block-size:1.375rem;border:var(--hairline) solid currentColor;border-radius:50%;flex-shrink:0;color:var(--lab-warning);font:400 var(--text-ui)/1 var(--font-mono);margin-block-start:var(--space-1)}
.trace-result[data-verdict=pass] .result-symbol,.trace-result[data-verdict=pass] #result-label{color:var(--lime)}
#result-label{color:var(--lab-warning)}
.trace-result h3{font-size:var(--text-md);font-weight:500;letter-spacing:-.025em;line-height:1.3;margin-block:var(--space-3)}
.trace-result p{font-size:var(--text-ui);color:var(--lab-muted);line-height:1.6;max-inline-size:48ch}
.trace-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin-block-start:var(--space-5)}
.trace-actions .text-link{color:var(--lime)}
.trace-actions a{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-caption);color:var(--lab-muted);min-block-size:var(--control)}
.lab-bottomline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;padding:var(--space-4) var(--space-7);border-block-start:var(--hairline) solid var(--lab-rule);font:400 var(--text-caption)/1.6 var(--font-mono);color:var(--lab-muted)}
.lab-bottomline>span:first-child{display:flex;gap:var(--space-3);align-items:center}
.tiny-square{inline-size:.375rem;block-size:.375rem;background:var(--lime)}
.simulation-caption{display:flex;align-items:flex-start;gap:var(--space-4);font-size:var(--text-ui);color:var(--lab-muted);margin-block-start:var(--space-7);max-inline-size:60ch}
.simulation-caption>span{color:var(--lime)}
.inside-section{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-11);padding-block:var(--space-section);align-items:center}
.inside-art{min-inline-size:0}
.inside-art picture{margin:var(--space-7) calc(-1 * var(--space-8))}
.inside-art img{inline-size:100%;block-size:auto;aspect-ratio:1;object-fit:cover}
.art-caption{text-align:center;color:var(--text-muted);max-inline-size:none}
.section-intro{color:var(--text-muted);margin-block:var(--space-7) var(--space-9);max-inline-size:37ch;line-height:1.65}
.mechanism-list>div{padding-block:var(--space-7);border-block-start:var(--hairline) solid var(--rule)}
.mechanism-list dt{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-base);font-weight:500;letter-spacing:-.02em}
.mechanism-icon{font:400 1.5rem/1 var(--font-mono);inline-size:1.5rem;text-align:center;flex-shrink:0}
.mechanism-list dd{font-size:var(--text-ui);line-height:1.75;color:var(--text-muted);margin-inline-start:var(--space-9);margin-block-start:var(--space-3);max-inline-size:42ch}
.boundary-section{background:var(--bg-subtle);padding-block:var(--space-12)}
.boundary-layout{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:var(--space-8);align-items:start}
.boundary-layout>.eyebrow{max-inline-size:15ch;padding-block-start:var(--space-3)}
.boundary-layout h2{font-size:var(--text-2xl)}
.boundary-layout>div>p{font-size:var(--text-base);color:var(--text-muted);line-height:1.65;margin-block-start:var(--space-7);max-inline-size:42ch}
.boundary-note{justify-self:end;padding-block-start:var(--space-3)}
.boundary-note p{font-size:var(--text-ui)!important}
.boundary-ring{display:block;inline-size:3rem;block-size:3rem;border:var(--hairline) solid var(--border-strong);border-radius:50%;position:relative}
.boundary-ring:after{content:'';position:absolute;inset:var(--space-3);border:var(--hairline) dashed var(--border-strong);border-radius:50%}
.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-12);padding-block:var(--space-section)}
.faq-section .eyebrow{margin-block-end:var(--space-7)}
.faq-section h2{font-size:var(--text-2xl)}
.faq-aside{font-size:var(--text-ui);line-height:1.7;color:var(--text-muted);margin-block-start:var(--space-9)}
.faq-aside a{display:inline-flex;gap:var(--space-3);align-items:center;min-block-size:var(--control);color:var(--ink)}
.faq-list{border-block-start:var(--hairline) solid var(--rule)}
details{border-block-end:var(--hairline) solid var(--rule)}
summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);padding-block:var(--space-7);list-style:none;cursor:pointer;font-size:var(--text-base);line-height:1.5;letter-spacing:-.015em}
summary::-webkit-details-marker{display:none}
summary>span{font-family:var(--font-mono);font-size:var(--text-md);font-weight:400;line-height:1;transition:transform var(--duration-fast) var(--ease-out)}
details[open] summary>span{transform:rotate(45deg)}
details>p{font-size:var(--text-ui);line-height:1.8;color:var(--text-muted);padding-block-end:var(--space-7);padding-inline-end:var(--space-9);max-inline-size:62ch}
.closing-section{background:var(--lime);position:relative;overflow:hidden;padding-block:var(--space-section)}
.closing-content{position:relative;z-index:1}
.closing-content .eyebrow{margin-block-end:var(--space-8)}
.closing-content h2{font-size:var(--text-closing);line-height:1.025;letter-spacing:-.055em;max-inline-size:15ch}
.closing-content>p:not(.eyebrow):not(.closing-note){font-size:var(--text-base);line-height:1.65;max-inline-size:43ch;margin-block:var(--space-7) var(--space-8)}
.closing-note{font-size:var(--text-caption);margin-block-start:var(--space-5)}
.contact-fallback{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-5);font-size:var(--text-ui)}
.contact-fallback>a{min-block-size:var(--control);display:flex;align-items:center;text-decoration:underline;text-underline-offset:.2em}
#copy-email{display:grid;place-items:center;inline-size:var(--control);block-size:var(--control);border-radius:var(--radius-sm)}
#copy-status{font-size:var(--text-caption)}
.closing-orbit{position:absolute;inline-size:42%;block-size:auto;inset-inline-end:-4%;inset-block-start:12%;stroke:var(--ink);stroke-width:.1;fill:none;opacity:.25;transform:rotate(-15deg)}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-7);padding-block:var(--space-9)}
.footer-top>p{font-size:var(--text-ui);color:var(--text-muted)}
.footer-top>div{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-7);font-size:var(--text-ui)}
.footer-top>div a{min-inline-size:var(--control);min-block-size:var(--control);display:flex;align-items:center;gap:var(--space-3)}
.footer-wordmark{font-size:min(var(--text-wordmark),18vw);line-height:1.1;letter-spacing:-.075em;font-weight:500;white-space:nowrap;padding-block:var(--space-7) var(--space-9);position:relative}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);font-size:var(--text-caption);color:var(--text-muted);padding-block:var(--space-6);border-block-start:var(--hairline) solid var(--rule)}
.footer-bottom>a{min-block-size:var(--control);display:flex;align-items:center}
.legal-page{max-inline-size:54rem;padding-block:var(--space-12)}
.legal-page h1{inline-size:auto;font-size:var(--text-section);margin-block:var(--space-8);white-space:normal}
.legal-page h2{font-size:var(--text-lg);margin-block:var(--space-9) var(--space-5)}
.legal-page p{margin-block:var(--space-5);line-height:1.7}
.legal-page a{text-decoration:underline;text-underline-offset:.2em}
@media(hover:hover){
  .site-header nav a:hover,.nav-cta:hover,.text-link:hover,.scroll-cue:hover,.footer-top a:hover,.footer-bottom a:hover,.faq-aside a:hover,.contact-fallback a:hover{color:var(--success)}
  .button-primary:hover{background:var(--success)}
  .button-lime:hover{background:var(--paper)}
  .scenario-button:hover{background:var(--lab-surface)}
  .trace-actions .text-link:hover,.trace-actions a:hover{color:var(--lab-ink)}
  summary:hover{color:var(--success)}
  #copy-email:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
  .brand:hover,.skip-link:hover{color:var(--success)}
  .skip-link:hover{color:var(--lime)}
  .brand:hover .brand-mark{transform:rotate(8deg)}
}
.brand-mark{transition:transform var(--duration-base) var(--ease-out)}
@media(min-width:1600px){.hero-world{margin-inline-end:-8%}.hero{padding-block-start:var(--space-13)}}
@media(max-width:1100px){
  .site-header nav{gap:var(--space-6)}
  .hero{padding-block-start:var(--space-10)}
  h1{font-size:clamp(3.25rem,1rem + 5.6vw,5rem)}
  .hero-actions{gap:var(--space-4)}
  .hero-world{margin-inline-start:-10%}
  .premise{grid-template-columns:.7fr 2fr}.gap-annotation{display:none}
  .lab-layout{grid-template-columns:minmax(15rem,.9fr) minmax(0,1.4fr)}
  .scenario-panel{padding:var(--space-7)}.trace-panel{padding:var(--space-7)}
  .trace-event{grid-template-columns:1.25rem minmax(0,1fr)}.event-state{grid-column:2;grid-row:2;line-height:1.1}
  .trace-event>div{grid-column:2}.trace-order{grid-row:1/3}
  .trace-event{min-block-size:6rem}
  .boundary-layout{grid-template-columns:.7fr 2fr}.boundary-note{display:none}
  .inside-section{gap:var(--space-8)}
  .faq-section{gap:var(--space-9)}
}
@media(max-width:899px){
  .site-header{min-block-size:5.25rem;gap:var(--space-5)}
  .site-header nav{display:none}
  .hero{grid-template-columns:1fr;padding-block-start:var(--space-9)}
  .hero-copy{grid-column:1;grid-row:1;padding-block-end:var(--space-5)}
  h1{inline-size:auto;font-size:clamp(3rem,1.2rem + 7vw,5.5rem);margin-block:var(--space-7);white-space:normal}
  .hero-description{max-inline-size:40ch}
  .hero-explanation{max-inline-size:45ch}
  .hero-world{grid-column:1;grid-row:2;inline-size:85%;margin-inline:auto;max-inline-size:42rem;margin-block-start:var(--space-5)}
  .specimen-label{position:absolute;inset-inline-start:0;inset-block-start:var(--space-5);z-index:1;margin:0;font-size:.6875rem}
  .hero-world figcaption{margin-inline:var(--space-8);padding-block:var(--space-5)}
  .hero-bottom{margin-block-start:var(--space-8)}
  .premise{grid-template-columns:1fr;gap:var(--space-7);padding-block:var(--space-12)}
  .premise-content>p{max-inline-size:51ch}
  .section-heading{align-items:flex-start}.section-heading>p{max-inline-size:28ch;font-size:var(--text-ui)}
  .inside-section{grid-template-columns:1fr 1fr;gap:var(--space-7)}
  .inside-art picture{margin-inline:calc(-1 * var(--space-7))}.inside-copy h2{font-size:var(--text-2xl)}
  .lab-bottomline{font-size:.6875rem}.lab-bottomline>span:last-child{display:none}
  .boundary-layout{grid-template-columns:1fr;gap:var(--space-7)}.boundary-layout>.eyebrow{max-inline-size:none}
  .boundary-layout>div>p{max-inline-size:55ch}
  .footer-top{flex-wrap:wrap}.footer-top>p{display:none}
  .footer-wordmark{padding-block:var(--space-5) var(--space-8)}
  .footer-bottom>span:nth-child(2){display:none}
}
@media(max-width:650px){
  .brand-mark{inline-size:2rem;block-size:2rem}.brand{gap:var(--space-3)}.brand>span{font-size:1.5rem}
  .nav-cta{font-size:var(--text-caption);gap:var(--space-3)}
  .hero .eyebrow{font-size:.6875rem;letter-spacing:.06em}
  .hero h1 em{display:block}
  .hero-actions{gap:var(--space-3) var(--space-6)}
  .hero-note{font-size:.6875rem}
  .hero-world{inline-size:100%;margin-block-start:var(--space-8)}
  .specimen-label{inset-block-start:calc(-1 * var(--space-4));font-size:.6875rem}
  .hero-world figcaption{margin-inline:var(--space-5);font-size:.6875rem}
  .figure-coordinate{display:none}
  .hero-bottom>.mono{font-size:.6875rem}.hero-bottom>.mono:last-child{display:none}
  .hero-bottom{margin-block-start:var(--space-6)}
  .section-heading{display:block}.section-heading>p{max-inline-size:38ch;margin-block-start:var(--space-7);font-size:var(--text-base)}.desktop-break{display:none}
  .demo-disclosure{margin-block-start:var(--space-4)}
  .lab-topline{padding:var(--space-5)}.lab-environment{font-size:.6875rem}.lab-title{gap:var(--space-3)}.lab-version{display:none}
  .lab-layout{grid-template-columns:1fr}
  .scenario-panel{border-inline-end:0;border-block-end:var(--hairline) solid var(--lab-rule);padding:var(--space-6)}
  .scenario-buttons{gap:var(--space-2)}.scenario-button{align-items:center;padding:var(--space-4)}.scenario-button small{font-size:var(--text-caption)}
  .panel-label{margin-block-end:var(--space-5)}
  .policy-box{margin:var(--space-6) var(--space-4)}
  .trace-panel{padding:var(--space-6)}.trace-header{font-size:.6875rem;flex-wrap:wrap}
  .trace-event{grid-template-columns:1rem minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-5)}
  .trace-result{padding:var(--space-5);gap:var(--space-4);min-block-size:11rem}
  .trace-actions{gap:0}.trace-actions .text-link{font-size:var(--text-ui)}
  .lab-bottomline{padding:var(--space-5);gap:var(--space-3)}
  .simulation-caption{font-size:var(--text-caption)}
  .inside-section{grid-template-columns:1fr;gap:var(--space-10)}
  .inside-art picture{max-inline-size:28rem;margin:0 auto}.inside-art .eyebrow{margin-block-end:var(--space-5)}
  .art-caption{font-size:.6875rem}
  .inside-copy h2{font-size:var(--text-section)}
  .section-intro{margin-block-end:var(--space-7)}
  .mechanism-list dd{font-size:var(--text-base);line-height:1.6}
  .faq-section{grid-template-columns:1fr;gap:var(--space-8)}.faq-aside{margin-block-start:var(--space-6)}
  summary{font-size:var(--text-base);gap:var(--space-5)}
  details>p{font-size:var(--text-base);padding-inline-end:var(--space-4);line-height:1.65}
  .closing-orbit{inline-size:70%;inset-inline-end:-38%;inset-block-start:40%}
  .closing-content h2{font-size:clamp(2.9rem,1.5rem + 6.8vw,4rem);max-inline-size:14ch}
  .closing-content .eyebrow{font-size:.6875rem}
  .footer-top{gap:var(--space-5);padding-block:var(--space-7)}.footer-top>div{font-size:var(--text-caption);gap:var(--space-5)}
  .footer-wordmark{font-size:16vw;padding-block:var(--space-5) var(--space-7)}
  .footer-bottom{font-size:.6875rem;gap:var(--space-4);flex-wrap:wrap}
}
@media(max-width:359px){.hero-actions{display:grid;justify-items:start}h1{font-size:2.9rem}.hero .eyebrow{font-size:.6875rem;gap:var(--space-3)}.lab-environment{max-inline-size:11ch;line-height:1.5}.lab-bottomline{display:block}.lab-bottomline>span{margin-block:var(--space-2)}.closing-content h2{font-size:2.6rem}}
/* Let enlarged text reflow within the lab rather than clipping inside its border. */
.lab-layout>*,.scenario-button>span,.trace-result>div{min-inline-size:0}
@container(max-width:45rem){
  .lab-layout{grid-template-columns:minmax(0,1fr)}
  .scenario-panel{border-inline-end:0;border-block-end:var(--hairline) solid var(--lab-rule)}
  .trace-header{flex-wrap:wrap}
}
@container(max-width:16rem){
  .scenario-panel,.trace-panel{padding-inline:var(--space-4)}
  .scenario-button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .scenario-number{grid-column:1;grid-row:1}
  .scenario-button>span:nth-child(2){grid-column:1/-1;grid-row:2}
  .scenario-select{grid-column:2;grid-row:1}
  .run-button{flex-direction:column;padding-inline:var(--space-3);gap:var(--space-3)}
  .run-button .run-key{display:none}
  .trace-result{display:block;padding-inline:var(--space-3)}
  .result-symbol{margin-block-end:var(--space-4)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.brand-mark,.button:active,details[open] summary>span{transform:none}}