:root{--accent:#FF7A1A;--bg:#F7F4EF;--ink:#16130F;--ink-2:#6A6357;--line:#E5DFD3}

@font-face{font-family:'Unbounded';src:url('../fonts/unbounded-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Unbounded';src:url('../fonts/unbounded-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Golos Text';src:url('../fonts/golos-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jbmono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jbmono-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Golos Text',-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
*{box-sizing:border-box}
img{max-width:100%}
::selection{background:#E8D9C8}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.nav-l:hover{box-shadow:inset 0 -2px 0 var(--accent);text-decoration:none}
.btn-p:hover{background:color-mix(in oklab, var(--accent) 90%, var(--ink))!important;transform:translateY(-1px);text-decoration:none}
.btn-s:hover{background:rgba(22,19,15,.05)!important;text-decoration:none}
.card:hover{border-color:var(--ink)!important;text-decoration:none}
.node:hover{border-color:var(--ink)!important}
.node-h:hover{border-color:var(--accent)!important}
a:hover [data-arrow]{transform:translateX(5px);color:var(--accent)}
a:hover [data-arrow][data-back]{transform:translateX(-5px)}

html:has(main[data-snap]){scroll-snap-type:y proximity;scroll-padding-top:76px}
main[data-snap]>section{scroll-snap-align:start;scroll-snap-stop:normal}
@media (prefers-reduced-motion:reduce){html:has(main[data-snap]){scroll-snap-type:none}}

@keyframes om-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes om-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes om-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes om-fade{from{opacity:0}to{opacity:1}}
@keyframes om-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){[data-chart] [data-anim]{animation:none!important;stroke-dashoffset:0!important;opacity:1!important;transform:none!important}}

.no-js [data-menu-open],.no-js [data-menu]{display:none!important}
.js [data-nav-row]{display:none!important}
[data-menu][hidden]{display:none!important}
.js [data-desc]{max-height:0;opacity:0;overflow:hidden}
.no-js [data-play]{display:none!important}

@media (min-width:1120px){[data-nav-row]{display:none!important}[data-menu-open]{display:none!important}}
@media (max-width:1119px){[data-nav-desktop]{display:none!important}}

@media (max-width:767px){
  [data-map-row]{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  [data-seg]{width:1px!important;height:18px!important}
  [data-mosaic],[data-panels]{grid-template-columns:minmax(0,1fr)!important}
  [data-span2]{grid-column:auto!important}
  [data-flagship]{grid-column:auto!important;grid-row:auto!important}
  [data-trust-grid],[data-data-grid],[data-footer-grid]{grid-template-columns:minmax(0,1fr)!important}
  [data-demo-head]{display:none!important}
  [data-demo-row]{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
  [data-demo-row] [data-h]::before{content:attr(data-h) " · ";color:#A9A196}
  [data-stage-rail],[data-flow-rail]{display:none!important}
  [data-stage-num],[data-step-num]{display:block!important}
}

@media (max-width:1023px){
  [data-stage-rail],[data-flow-rail]{display:none!important}
  [data-stage-num],[data-step-num]{display:block!important}
}

@media print{[data-menu],[data-menu-open]{display:none!important}}