:root {
  color-scheme:dark;
  --bg:#101713;
  --surface:#17221b;
  --surface-2:#1d2b22;
  --surface-3:#243429;
  --ink:#f0f2e9;
  --muted:#a5b4a6;
  --quiet:#7d9180;
  --line:#35473a;
  --accent:#b9eb82;
  --accent-ink:#142016;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:"Avenir Next","Segoe UI",Arial,sans-serif
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  line-height:1.6
}
img {
  display:block;
  max-width:100%
}
a {
  color:inherit
}
button,a {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:5px
}
::selection {
  background:var(--accent);
  color:var(--accent-ink)
}
.shell {
  width:min(1220px,calc(100% - 64px));
  margin-inline:auto
}
.skip-link {
  position:absolute;
  top:-60px;
  left:16px;
  z-index:100;
  padding:10px 16px;
  background:var(--accent);
  color:var(--accent-ink)
}
.skip-link:focus {
  top:12px
}
.site-header {
  position:sticky;
  top:0;
  z-index:20;
  border-bottom:1px solid rgba(116,142,115,.23);
  background:rgba(16,23,19,.94);
  backdrop-filter:blur(16px)
}
.header-inner {
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px
}
.wordmark {
  display:flex;
  align-items:center;
  gap:5px;
  text-decoration:none;
  font-size:1.65rem;
  font-weight:800;
  letter-spacing:-.1em;
  line-height:1
}
.wordmark img {
  object-fit:contain
}
.wordmark-dot {
  color:var(--accent)
}
.site-header nav {
  display:flex;
  align-items:center;
  gap:2rem
}
.site-header nav a,.header-link {
  color:var(--muted);
  text-decoration:none;
  font-size:.83rem;
  font-weight:650;
  transition:color .2s ease
}
.site-header nav a:hover,.header-link:hover,.text-link:hover,.footer-links a:hover {
  color:var(--accent)
}
.header-link {
  border-bottom:1px solid var(--accent);
  padding-block:3px;
  color:var(--ink)
}
.header-link span {
  margin-left:8px;
  color:var(--accent)
}
.hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  align-items:center;
  gap:clamp(36px,5vw,90px);
  min-height:670px;
  padding-block:96px 104px
}
.hero-copy {
  max-width:590px
}
.overline,.kicker,.capability-label {
  font-family:var(--mono);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.16em
}
.overline {
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--accent);
  margin:0 0 32px
}
.signal {
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 4px rgba(185,235,130,.1)
}
.overline-sep {
  color:var(--quiet)
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2 {
  letter-spacing:-.065em;
  line-height:1.04;
  text-wrap:balance
}
h1 {
  font-size:clamp(3.7rem,6vw,6.5rem);
  margin-bottom:28px;
  font-weight:750
}
h1 em {
  display:block;
  color:var(--accent);
  font-style:normal
}
h2 {
  font-size:clamp(2.7rem,4.6vw,4.8rem);
  margin-bottom:20px;
  font-weight:730
}
h3 {
  letter-spacing:-.04em;
  line-height:1.16
}
.hero-description {
  max-width:54ch;
  color:#b8c5b6;
  font-size:1.1rem;
  line-height:1.75;
  margin-bottom:30px
}
.hero-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:26px
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:35px;
  min-height:54px;
  padding:0 22px;
  text-decoration:none;
  font-size:.9rem;
  font-weight:750;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease
}
.button:hover {
  transform:translateY(-2px)
}
.button:active {
  transform:translateY(1px)
}
.button-primary {
  background:var(--accent);
  color:var(--accent-ink);
  box-shadow:0 10px 28px rgba(113,162,84,.12)
}
.button-primary:hover {
  background:#d1f5a7;
  box-shadow:0 14px 32px rgba(113,162,84,.18)
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--ink);
  font-weight:700;
  text-decoration:none;
  transition:color .2s ease
}
.text-link span {
  color:var(--accent)
}
.release-note {
  max-width:58ch;
  margin:32px 0 0;
  padding-top:20px;
  border-top:1px solid var(--line);
  color:var(--quiet);
  font-size:.79rem;
  line-height:1.6
}
.release-note a {
  color:var(--muted);
  text-decoration-color:var(--quiet);
  text-underline-offset:3px
}
.release-mark {
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:7px;
  border:1px solid var(--accent);
  border-radius:50%
}
.hero-display {
  position:relative;
  border:1px solid #45614b;
  background:#101914;
  box-shadow:18px 18px 0 #1b2a1e,0 28px 80px rgba(0,0,0,.22);
  font-family:var(--mono);
  font-size:.78rem;
  min-width:0
}
.display-top,.display-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 20px;
  color:var(--quiet);
  font-size:.65rem;
  letter-spacing:.02em
}
.display-top {
  border-bottom:1px solid var(--line);
  background:#18261c
}
.display-path {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.display-path b {
  color:var(--accent);
  padding-inline:7px
}
.display-state {
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  color:var(--accent);
  letter-spacing:.11em
}
.display-state i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent)
}
.display-body {
  padding:29px 28px 25px
}
.term-meta {
  margin-bottom:35px;
  color:var(--quiet);
  font-size:.74rem
}
.term-prompt {
  display:flex;
  gap:15px;
  line-height:1.5;
  margin-bottom:27px;
  color:var(--ink)
}
.term-prompt span {
  white-space:nowrap;
  color:var(--accent)
}
.term-event {
  display:grid;
  grid-template-columns:25px 110px minmax(0,1fr) auto;
  align-items:baseline;
  gap:8px;
  padding:11px 0;
  border-top:1px solid rgba(116,142,115,.19);
  color:#d9e5d6
}
.term-event .event-index {
  color:var(--quiet)
}
.term-event small {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--quiet);
  font-size:.67rem
}
.term-event b {
  color:var(--accent);
  font-size:.65rem;
  font-weight:500
}
.term-result {
  display:flex;
  gap:15px;
  margin-top:20px;
  padding:18px;
  background:#203124;
  border-left:2px solid var(--accent)
}
.result-glyph {
  color:var(--accent);
  font-size:1.1rem
}
.term-result strong {
  display:block;
  font-size:.77rem
}
.term-result p {
  margin:4px 0 0;
  color:var(--muted);
  font-size:.67rem;
  line-height:1.5
}
.term-footnote {
  margin:23px 0 0;
  color:var(--quiet);
  font-size:.6rem
}
.display-bottom {
  border-top:1px solid var(--line);
  background:#152119
}
.display-bottom b {
  color:var(--muted);
  font-weight:500
}
.proof-strip {
  background:var(--accent);
  color:var(--accent-ink)
}
.proof-inner {
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-family:var(--mono);
  font-size:.69rem;
  font-weight:700;
  letter-spacing:.1em
}
.proof-separator {
  font-weight:400;
  opacity:.45
}
.section {
  padding-block:125px
}
.section-intro {
  max-width:760px;
  margin-bottom:62px
}
.section-intro>p:last-child,.evidence-inner p,.control-copy>p:not(.kicker):not(.fine-print) {
  max-width:64ch;
  color:var(--muted);
  font-size:1.03rem;
  line-height:1.75
}
.kicker {
  color:var(--accent);
  margin-bottom:26px
}
.workflow-list {
  border-top:1px solid var(--line)
}
.workflow-list article {
  display:grid;
  grid-template-columns:80px minmax(0,1fr) 140px;
  align-items:start;
  gap:28px;
  padding:30px 0;
  border-bottom:1px solid var(--line)
}
.step-number {
  color:var(--accent);
  font-family:var(--mono);
  font-size:.83rem
}
.workflow-list h3 {
  font-size:1.5rem;
  margin:0 0 8px
}
.workflow-list p {
  max-width:65ch;
  margin:0;
  color:var(--muted)
}
.workflow-list code {
  justify-self:end;
  color:var(--quiet);
  font-family:var(--mono);
  font-size:.73rem
}
.build-section {
  overflow:hidden;
  border-block:1px solid #496048;
  background:radial-gradient(circle at 76% 42%,#29412b 0,#19271d 42%,#142018 78%);
}
.build-layout {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:center;
  gap:clamp(28px,5vw,80px);
  min-height:690px;
  padding-block:80px 90px;
}
.build-copy {
  position:relative;
  z-index:2;
}
.build-copy h2 {
  max-width:11ch;
  font-size:clamp(3.3rem,5.6vw,6rem);
}
.build-copy h2 em {
  color:var(--accent);
  font-style:normal;
}
.build-copy>p:not(.kicker):not(.build-package) {
  max-width:48ch;
  color:#b9c9b8;
  font-size:1.05rem;
  line-height:1.78;
}
.build-sequence {
  display:grid;
  width:min(100%,400px);
  margin-top:37px;
  border-top:1px solid #476047;
}
.build-sequence span {
  display:flex;
  gap:24px;
  align-items:baseline;
  padding:11px 0;
  border-bottom:1px solid #476047;
  color:var(--ink);
  font-size:.89rem;
}
.build-sequence b {
  color:var(--accent);
  font-family:var(--mono);
  font-size:.71rem;
  font-weight:500;
}
.build-replay {
  display:none;
  align-items:center;
  gap:9px;
  margin:20px 0 0;
  padding:0;
  border:0;
  background:none;
  color:var(--accent);
  font-family:var(--mono);
  font-size:.78rem;
  cursor:pointer;
}
.build-replay:hover { color:#dcf7b9; }
.build-replay:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.motion-ready .build-replay { display:inline-flex; }
.build-package {
  margin:33px 0 0;
  color:var(--quiet);
  font-size:.81rem;
}
.build-package a {
  margin-left:5px;
  color:var(--ink);
  text-underline-offset:4px;
}
.build-package a:hover { color:var(--accent); }
.build-art {
  position:relative;
  width:100%;
  aspect-ratio:1.1;
  min-height:510px;
  isolation:isolate;
}
.build-grid {
  position:absolute;
  inset:7% 1%;
  z-index:-1;
  opacity:.42;
  background-image:linear-gradient(#436348 1px,transparent 1px),linear-gradient(90deg,#436348 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:radial-gradient(ellipse,black 16%,transparent 70%);
}
.build-cube {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  filter:drop-shadow(0 20px 20px rgba(5,13,8,.3));
  animation:cube-hover 7s ease-in-out infinite;
}
.cube-shadow { fill:#070f0a; opacity:.36; }
.brick polygon {
  stroke:#15271a;
  stroke-width:2.5;
  stroke-linejoin:round;
}
.face-top { fill:#badf91; }
.face-left { fill:#709a68; }
.face-right { fill:#4b7453; }
.tint-1 .face-top { fill:#d1edb0; }
.tint-1 .face-left { fill:#82aa75; }
.tint-1 .face-right { fill:#5c865e; }
.tint-2 .face-top { fill:#a6d28d; }
.tint-2 .face-left { fill:#648d69; }
.tint-2 .face-right { fill:#416b54; }
.tint-3 .face-top { fill:#e2efc9; }
.tint-3 .face-left { fill:#93ad83; }
.tint-3 .face-right { fill:#6d8e69; }
.logo-brick .face-right { fill:#d2e6bd; }
.logo-face-outline { fill:none; stroke:#213829; stroke-width:2.5; stroke-linejoin:round; }
.motion-ready .build-section:not(.is-active) .brick,
.motion-ready .build-section:not(.is-active) .build-ollama { opacity:0; }
.motion-ready .build-section.is-active .brick {
  animation:brick-arrive .72s cubic-bezier(.18,.8,.24,1.15) both;
}
.brick-00 { animation-delay:0s !important; }
.brick-01 { animation-delay:.11s !important; }
.brick-02 { animation-delay:.22s !important; }
.brick-03 { animation-delay:.33s !important; }
.brick-04 { animation-delay:.44s !important; }
.brick-05 { animation-delay:.55s !important; }
.brick-06 { animation-delay:.66s !important; }
.brick-07 { animation-delay:.77s !important; }
.brick-08 { animation-delay:.88s !important; }
.brick-09 { animation-delay:.99s !important; }
.brick-10 { animation-delay:1.10s !important; }
.brick-11 { animation-delay:1.21s !important; }
.brick-12 { animation-delay:1.32s !important; }
.brick-13 { animation-delay:1.43s !important; }
.brick-14 { animation-delay:1.54s !important; }
.brick-15 { animation-delay:1.65s !important; }
.brick-16 { animation-delay:1.76s !important; }
.brick-17 { animation-delay:1.87s !important; }
.brick-18 { animation-delay:1.98s !important; }
.brick-19 { animation-delay:2.09s !important; }
.brick-20 { animation-delay:2.20s !important; }
.brick-21 { animation-delay:2.31s !important; }
.brick-22 { animation-delay:2.42s !important; }
.brick-23 { animation-delay:2.53s !important; }
.brick-24 { animation-delay:2.64s !important; }
.brick-25 { animation-delay:2.75s !important; }
.brick-26 { animation-delay:2.86s !important; }
.motion-ready .build-section.is-active .build-ollama {
  animation:badge-arrive .7s cubic-bezier(.18,.8,.24,1.15) 3.3s both;
}
@keyframes brick-arrive {
  from { opacity:0; transform:translateY(-90px) scale(.76); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes badge-arrive {
  from { opacity:0; transform:translateY(22px) scale(.85); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes cube-hover {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-8px); }
}
.build-ollama {
  position:absolute;
  top:8%;
  right:0;
  display:flex;
  align-items:center;
  gap:15px;
  padding:13px 19px;
  border:1px solid #647861;
  background:#e5edda;
  box-shadow:9px 9px 0 #111f16;
  color:#1a281c;
  font-family:var(--mono);
  font-size:.61rem;
  line-height:1.35;
}
.build-ollama img { width:28px; height:40px; object-fit:contain; }
.build-ollama strong { font-family:var(--sans); font-size:1.13rem; letter-spacing:-.04em; }
.build-art-label {
  position:absolute;
  color:#a2b9a1;
  font-family:var(--mono);
  font-size:.62rem;
  letter-spacing:.1em;
}
.build-art-label-top { top:5%; left:1%; }
.build-art-label-bottom { right:0; bottom:4%; }
.capability-section {
  background:#18241b;
  border-block:1px solid var(--line)
}
.capability-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)
}
.capability-grid article {
  min-height:270px;
  padding:29px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.012)
}
.capability-grid .capability-feature {
  grid-column:span 2;
  display:flex;
  flex-direction:column;
  background:#213123
}
.capability-label {
  display:block;
  margin-bottom:29px;
  color:var(--accent)
}
.capability-grid h3 {
  max-width:23ch;
  font-size:1.7rem;
  margin-bottom:13px
}
.capability-feature h3 {
  max-width:18ch;
  font-size:2.3rem
}
.capability-grid p {
  max-width:46ch;
  color:var(--muted);
  margin-bottom:0
}
.capability-tags {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:auto;
  padding-top:26px
}
.capability-tags span {
  padding:5px 10px;
  border:1px solid #526a52;
  color:#c9dfbe;
  font-family:var(--mono);
  font-size:.67rem
}
.control-section {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);
  align-items:center;
  gap:clamp(50px,8vw,140px)
}
.control-copy h2 {
  max-width:14ch
}
.control-points {
  list-style:none;
  padding:0;
  margin:34px 0;
  border-top:1px solid var(--line)
}
.control-points li {
  display:flex;
  gap:18px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
  color:#d9e5d8;
  font-size:.89rem
}
.control-points span {
  color:var(--accent);
  font-family:var(--mono);
  font-size:.7rem
}
.fine-print {
  max-width:62ch;
  color:var(--quiet);
  font-size:.79rem
}
.control-panel {
  border:1px solid #59745b;
  background:#1e2e22;
  box-shadow:15px 15px 0 #253728;
  font-family:var(--mono)
}
.control-panel-head {
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:17px 22px;
  border-bottom:1px solid #4b624c;
  color:var(--accent);
  font-size:.67rem;
  letter-spacing:.1em
}
.approval-detail {
  display:grid;
  gap:4px;
  padding:24px 24px 19px;
  border-bottom:1px solid #435947
}
.approval-detail small {
  margin-bottom:8px;
  color:var(--quiet);
  font-size:.65rem;
  letter-spacing:.1em
}
.approval-detail strong {
  font-size:1.04rem;
  color:var(--ink);
  font-weight:500
}
.approval-detail code,.approval-detail p {
  margin:3px 0 0;
  color:var(--muted);
  font-family:var(--mono);
  font-size:.75rem
}
.approval-options {
  display:flex;
  gap:10px;
  padding:22px 24px
}
.approval-options span {
  min-width:95px;
  text-align:center;
  padding:8px 14px;
  border:1px solid #587158;
  color:var(--muted);
  font-size:.74rem
}
.approval-options .approve-choice {
  background:var(--accent);
  border-color:var(--accent);
  color:var(--accent-ink)
}
.panel-caption {
  padding:0 24px 22px;
  margin:0;
  color:var(--quiet);
  font-size:.65rem
}
.evidence-section {
  background:#223227;
  border-block:1px solid var(--line)
}
.evidence-inner {
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:100px;
  align-items:end
}
.evidence-inner h2 {
  max-width:13ch
}
.evidence-inner p {
  margin-bottom:24px
}
.evidence-inner strong {
  color:var(--ink)
}
.install-layout {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:start
}
.install-code {
  border:1px solid #4d674e;
  background:#0c140e;
  box-shadow:13px 13px 0 #203025
}
.code-head {
  display:flex;
  justify-content:space-between;
  padding:16px 22px;
  border-bottom:1px solid var(--line);
  color:var(--quiet);
  font-family:var(--mono);
  font-size:.65rem;
  letter-spacing:.1em
}
.install-code pre {
  margin:0;
  padding:35px 30px;
  overflow-x:auto;
  color:var(--accent);
  font-family:var(--mono);
  font-size:clamp(.85rem,1.5vw,1rem);
  line-height:2
}
.install-guide p {
  display:grid;
  grid-template-columns:35px 1fr;
  gap:12px;
  margin-bottom:22px;
  color:var(--muted)
}
.install-guide p b {
  color:var(--accent);
  font-family:var(--mono);
  font-size:.75rem
}
.install-guide code {
  font-family:var(--mono);
  color:var(--ink)
}
.install-guide .button {
  margin-top:12px
}
.package-link {
  display:block;
  width:fit-content;
  margin-top:20px;
  color:var(--muted);
  font-size:.8rem;
  text-underline-offset:4px
}
.site-footer {
  padding-block:32px;
  border-top:1px solid var(--line);
  background:#0c130e
}
.footer-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}
.footer-brand {
  display:flex;
  align-items:center;
  gap:9px
}
.footer-brand span {
  display:grid
}
.footer-brand strong {
  font-size:1.25rem;
  letter-spacing:-.08em;
  line-height:1
}
.footer-brand small {
  margin-top:4px;
  color:var(--quiet);
  font-size:.67rem
}
.footer-links {
  display:flex;
  flex-wrap:wrap;
  gap:20px
}
.footer-links a {
  color:var(--muted);
  font-size:.78rem;
  text-decoration:none;
  transition:color .2s ease
}
@media(max-width:1050px) {
  .site-header nav {
    gap:1rem
  }
  .hero {
    grid-template-columns:1fr;
    min-height:0;
    padding-top:80px
  }
  .hero-copy {
    max-width:800px
  }
  .hero-display {
    max-width:760px
  }
  .build-layout {
    grid-template-columns:1fr;
    gap:0;
  }
  .build-copy h2 { max-width:none; }
  .build-art { width:min(100%,680px); margin-inline:auto; }
  .control-section,.evidence-inner {
    gap:45px
  }
  .proof-inner {
    font-size:.6rem
  }
  .capability-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .capability-grid .capability-feature {
    grid-column:span 2
  }
}
@media(max-width:900px) {
  .site-header nav { display:none; }
}
@media(max-width:700px) {
  .shell {
    width:min(100% - 36px,560px)
  }
  .header-inner {
    min-height:66px
  }
  .site-header nav {
    display:none
  }
  .header-link {
    font-size:.75rem
  }
  .hero {
    gap:52px;
    padding-block:68px 80px
  }
  h1 {
    font-size:clamp(3.2rem,11vw,5rem)
  }
  .overline {
    flex-wrap:wrap;
    line-height:1.5
  }
  .display-body {
    padding:25px 19px
  }
  .term-event {
    grid-template-columns:20px 85px minmax(0,1fr);
    gap:5px
  }
  .term-event b {
    grid-column:2/-1;
    padding-left:0
  }
  .proof-inner {
    justify-content:flex-start;
    flex-wrap:wrap;
    column-gap:12px;
    row-gap:0;
    padding-block:14px;
    line-height:1.8
  }
  .section {
    padding-block:80px
  }
  .section-intro {
    margin-bottom:40px
  }
  .build-layout { padding-block:80px 50px; }
  .build-art { min-height:320px; }
  .build-ollama { top:9%; right:0; gap:9px; padding:7px 11px; }
  .build-ollama img { width:20px; height:30px; }
  .build-ollama strong { font-size:.9rem; }
  .build-art-label { font-size:.48rem; }
  .workflow-list article {
    grid-template-columns:34px 1fr;
    gap:15px;
    padding:25px 0
  }
  .workflow-list code {
    grid-column:2;
    justify-self:start
  }
  .capability-grid {
    grid-template-columns:1fr
  }
  .capability-grid .capability-feature {
    grid-column:span 1
  }
  .capability-grid article {
    min-height:0;
    padding:25px
  }
  .capability-feature h3 {
    font-size:1.8rem
  }
  .control-section,.evidence-inner,.install-layout {
    grid-template-columns:1fr
  }
  .control-panel {
    box-shadow:9px 9px 0 #253728
  }
  .evidence-inner h2 {
    max-width:17ch
  }
  .install-layout {
    gap:42px
  }
  .footer-inner {
    align-items:flex-start;
    flex-direction:column
  }
}
@media(max-width:400px) {
  .display-state {
    font-size:.56rem
  }
  .display-top,.display-bottom {
    padding-inline:12px
  }
  .term-event {
    font-size:.66rem
  }
  .term-event small {
    font-size:.6rem
  }
  .hero-actions {
    gap:17px
  }
  .button {
    min-height:50px
  }
  .overline {
    font-size:.6rem
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition-duration:.01ms!important;
    animation-duration:.01ms!important
  }
  .build-replay { display:none!important; }
  .build-cube,.brick,.build-ollama { animation:none!important; }
  .motion-ready .build-section:not(.is-active) .brick,
  .motion-ready .build-section:not(.is-active) .build-ollama { opacity:1; }
}