@layer reset,tokens,base,layout,components,sections,prose,legacy,utilities;@view-transition{navigation: auto;}@font-face{font-family: 'Newsreader Display';src: url("/s/fonts/newsreader-display.8e8656e23d.woff2") format('woff2');font-weight: 400 600;font-display: swap;}@font-face{font-family: 'Newsreader Display';src: url("/s/fonts/newsreader-display-italic.869744baa1.woff2") format('woff2');font-weight: 400 600;font-style: italic;font-display: swap;}@font-face{font-family: 'Newsreader';src: url("/s/fonts/newsreader-text.34bd8d66ec.woff2") format('woff2');font-weight: 400 700;font-display: swap;}@font-face{font-family: 'Newsreader';src: url("/s/fonts/newsreader-text-italic.90b38b97a1.woff2") format('woff2');font-weight: 400 700;font-style: italic;font-display: swap;}@font-face{font-family: 'Hanken Grotesk';src: url("/s/fonts/hanken-grotesk.33033c8ad6.woff2") format('woff2');font-weight: 400 700;font-display: swap;}@font-face{font-family: 'JetBrains Mono';src: url("/s/fonts/jetbrains-mono.c7696cc5af.woff2") format('woff2');font-weight: 400 700;font-display: swap;}@layer tokens{:root{color-scheme: light dark;--brand: #005546;--brand-ink: #003d33;--accent: light-dark(#005546,#74d1ac);--tint: light-dark(#e6efeb,#12322b);--wash: light-dark(#f1f6f3,#0f2723);--paper: light-dark(#fbfaf7,#0b1714);--surface: light-dark(#ffffff,#10201c);--ink: light-dark(#13201d,#e4ece8);--muted: light-dark(#4d5a56,#a3b3ad);--line: light-dark(#dde3df,#24392f);--field: light-dark(#8a9a94,#4b6159);--signal: light-dark(#b4472b,#f08a6c);--button: light-dark(#005546,#1c7a63);--code-bg: light-dark(#0e1f1c,#07110f);--code-ink: #dbe7e2;--sans: 'Hanken Grotesk',system-ui,sans-serif;--serif: 'Newsreader',Georgia,serif;--display: 'Newsreader Display','Newsreader',Georgia,serif;--mono: 'JetBrains Mono',ui-monospace,monospace;--wrap: 72rem;--measure: 40rem;--radius: 6px;--step--1: .875rem;--step-0: 1.0625rem;--step-1: 1.25rem;--step-2: 1.6rem;--step-3: clamp(1.9rem,1.4rem + 2vw,2.6rem);--header: 4.5rem;}}@layer reset{*,*::before,*::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;interpolate-size: allow-keywords;}body,h1,h2,h3,h4,p,figure,dl,dd{margin: 0;}img,svg,picture{display: block;max-width: 100%;}img{height: auto;}input,button,textarea,select{font: inherit;color: inherit;}}@layer base{@media (prefers-reduced-motion: no-preference){html:focus-within{scroll-behavior: smooth;}}html{scroll-padding-top: calc(var(--header) + 1rem);scrollbar-gutter: stable;background: var(--paper);}body{color: var(--ink);font: 400 var(--step-0)/1.6 var(--sans);text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}a{color: var(--accent);text-underline-offset: .18em;text-decoration-thickness: 1px;&:hover{text-decoration-thickness: 2px;}}:focus-visible{outline: 3px solid var(--accent);outline-offset: 3px;border-radius: 2px;}h1,h2,h3,h4{line-height: 1.12;letter-spacing: -.02em;margin-block-end: .6em;font-weight: 600;text-wrap: balance;}h1,h2{font-family: var(--display);font-weight: 500;letter-spacing: -.02em;}h1{font-size: clamp(2.2rem,1.4rem + 3.4vw,3.8rem);}h2{font-size: var(--step-3);}h3{font-size: var(--step-1);}p{margin-block-end: 1em;text-wrap: pretty;}pre,code,kbd{font-family: var(--mono);}:not(pre)>code{font-size: .88em;background: var(--tint);padding: .1em .35em;border-radius: 3px;}address{font-style: normal;}::selection{background: color-mix(in oklab,var(--accent) 30%,transparent);}}@layer layout{.wrap{max-width: var(--wrap);margin-inline: auto;padding-inline: clamp(1.25rem,4vw,2rem);container-type: inline-size;}.narrow{max-width: 48rem;}.section{padding-block: clamp(3.5rem,8vw,6.5rem);}.section + .section{border-top: 1px solid var(--line);}.section-tint{background: var(--wash);}.section-head{max-width: 44rem;margin-bottom: 2.5rem;}.more-link{margin-top: 1.5rem;font-weight: 600;}.grid{display: grid;gap: 1rem;}@container (min-width: 38rem){.grid-2,.grid-3,.grid-4{grid-template-columns: repeat(2,1fr);}}@container (min-width: 54rem){.grid-3{grid-template-columns: repeat(3,1fr);}.grid-4{grid-template-columns: repeat(4,1fr);}}}@layer sections{.site-header{position: sticky;top: 0;z-index: 50;background: color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter: blur(8px);border-bottom: 1px solid var(--line);.wrap{display: flex;align-items: center;gap: 1.5rem;min-height: var(--header);container-type: normal;}}.brand{display: flex;flex-shrink: 0;img{height: 2.4rem;width: auto;}@media (prefers-color-scheme: dark){img{filter: brightness(0) invert(1);}}}.header-tools{display: flex;align-items: center;gap: .5rem;margin-left: auto;}.lang{font: 500 .85rem/1 var(--mono);color: var(--muted);text-decoration: none;padding: .75rem .45rem;&[aria-current]{color: var(--ink);}}.header-cta{display: none;}.menu-btn{display: inline-grid;place-items: center;min-width: 2.9rem;min-height: 2.9rem;background: none;border: 1px solid var(--line);border-radius: var(--radius);cursor: pointer;}.nav{ul{display: flex;gap: .25rem;list-style: none;margin: 0;padding: 0;}a{display: block;padding: .6rem .7rem;color: var(--ink);text-decoration: none;font-size: .95rem;border-radius: var(--radius);&:hover,&[aria-current]{background: var(--tint);}}}@media (width < 64rem){.nav:popover-open{inset: var(--header) 0 auto auto;margin: 0 .75rem;width: min(20rem,calc(100vw - 1.5rem));padding: .5rem;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);color: var(--ink);box-shadow: 0 18px 40px -18px rgb(0 40 30 / 40%);opacity: 1;translate: 0 0;ul{flex-direction: column;}a{padding: .85rem 1rem;font-size: 1.05rem;}@starting-style{opacity: 0;translate: 0 -.5rem;}}.nav{opacity: 0;translate: 0 -.5rem;transition: opacity .18s,translate .18s,overlay .18s allow-discrete,display .18s allow-discrete;}.nav::backdrop{background: rgb(0 0 0 / 0%);}}@media (width>= 64rem){.nav{display: block;position: static;inset: auto;margin: 0 0 0 auto;padding: 0;border: 0;background: none;overflow: visible;color: inherit;}.brand img{height: 2.8rem;}.header-tools{margin-left: 0;}.header-cta{display: inline-flex;min-height: 2.5rem;padding: .55rem 1rem;}.menu-btn{display: none;}}.site-footer{border-top: 1px solid var(--line);padding-block: 3rem;font-size: .92rem;color: var(--muted);.wrap{display: grid;gap: 2rem;}}@media (min-width: 48rem){.site-footer .wrap{grid-template-columns: auto 1fr auto;align-items: end;}}.footer-logo{height: 4rem;width: auto;@media (prefers-color-scheme: dark){filter: brightness(0) invert(1);}}.footer-links{display: flex;flex-wrap: wrap;gap: .25rem 1.25rem;list-style: none;margin: 0;padding: 0;a{color: var(--muted);display: inline-block;padding-block: .5rem;}}.swiss{font: 500 .8rem/1.4 var(--mono);}}@layer components{.eyebrow{display: flex;align-items: center;gap: .75rem;font: 600 .78rem/1.2 var(--sans);letter-spacing: .14em;text-transform: uppercase;color: var(--accent);margin-bottom: 1.25rem;&::before{content: '';inline-size: 2rem;block-size: 1px;background: currentColor;flex: none;}}.lead{font-size: var(--step-1);color: var(--muted);max-width: 38rem;}.meta{font: 400 .8rem/1.4 var(--mono);color: var(--muted);display: flex;flex-wrap: wrap;gap: .25rem .9rem;}.source{font: 400 .8rem/1.5 var(--mono);color: var(--muted);margin-top: 1.25rem;}.btn{display: inline-flex;align-items: center;justify-content: center;gap: .5rem;min-height: 2.9rem;padding: .7rem 1.2rem;border-radius: var(--radius);border: 1px solid var(--button);font: 600 1rem/1 var(--sans);text-decoration: none;cursor: pointer;transition: background-color .15s,color .15s,border-color .15s;&:disabled{opacity: .6;cursor: progress;}}.btn-primary{background: var(--button);color: #fff;&:hover{background: var(--brand-ink);}}.btn-ghost{background: transparent;color: var(--ink);border-color: var(--line);&:hover{border-color: var(--accent);}}.btn-row{display: flex;flex-wrap: wrap;gap: .75rem;}.card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 1.4rem;position: relative;display: flex;flex-direction: column;h3{margin-bottom: .5rem;}p{color: var(--muted);font-size: .95rem;}}.card-link{transition: border-color .15s,translate .15s;&:hover{border-color: var(--accent);}h3 a::after{content: '';position: absolute;inset: 0;}}.num-label{font: 500 .8rem/1 var(--mono);color: var(--accent);margin-bottom: .9rem;display: block;}.box{border: 1px solid var(--line);border-radius: 4px;padding: .55rem .4rem;font: 500 .78rem/1.25 var(--mono);color: var(--muted);background: var(--paper);}.ticks{list-style: none;padding: 0;margin: 0;font-size: .95rem;li{padding-left: 1.5rem;position: relative;margin-bottom: .35rem;}li::before{content: '';position: absolute;left: .2rem;top: .45em;width: .45rem;height: .75rem;border: solid var(--accent);border-width: 0 2px 2px 0;rotate: 45deg;}}.faq{max-width: 52rem;details{border-bottom: 1px solid var(--line);}summary{cursor: pointer;padding: 1.1rem 2.5rem 1.1rem 0;font-weight: 600;font-size: var(--step-1);list-style: none;position: relative;&::-webkit-details-marker{display: none;}&::after{content: '+';position: absolute;right: .25rem;top: .95rem;font: 400 1.5rem/1 var(--mono);color: var(--accent);}}details[open] summary::after{content: '−';}details::details-content{block-size: 0;overflow: clip;transition: block-size .25s,content-visibility .25s allow-discrete;}details[open]::details-content{block-size: auto;}p{color: var(--muted);max-width: 44rem;}}.field{display: grid;gap: .35rem;margin-bottom: 1rem;label{font-weight: 600;font-size: .95rem;}input,textarea{color: var(--ink);background: var(--surface);border: 1px solid var(--field);border-radius: var(--radius);padding: .75rem .85rem;min-height: 2.9rem;}textarea{min-height: 8rem;field-sizing: content;max-height: 24rem;resize: vertical;}&.invalid :is(input,textarea){border-color: var(--signal);}}.error{color: var(--signal);font-size: .9rem;margin: .25rem 0 0;}.fine{font-size: .85rem;color: var(--muted);margin-top: .75rem;}.hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden;}.sent{border: 1px solid var(--accent);border-radius: var(--radius);background: var(--wash);padding: 1.5rem;opacity: 1;transition: opacity .3s;@starting-style{opacity: 0;}}.post-teaser{display: grid;gap: 1rem;align-content: start;position: relative;img{border-radius: var(--radius);aspect-ratio: 16 / 9;object-fit: cover;width: 100%;}h3{margin: .4rem 0;}h3 a{color: var(--ink);text-decoration: none;&:hover{text-decoration: underline;}}p{color: var(--muted);}}}@layer sections{.hero{position: relative;isolation: isolate;overflow: hidden;background: #04110e;color: #f2f6f4;h1{font-size: clamp(2.8rem,1.6rem + 5vw,6.2rem);line-height: 1.02;margin-bottom: 1.5rem;color: #fff;em{display: block;font-style: italic;color: #8fe0be;}}.eyebrow{color: #8fe0be;}.lead{max-width: 38rem;margin-bottom: 2rem;color: #c9d8d2;}.btn-primary{background: #fff;color: #04110e;border-color: #fff;&:hover{background: #8fe0be;border-color: #8fe0be;}}.btn-ghost{color: #fff;border-color: rgb(255 255 255 / 45%);&:hover{border-color: #fff;}}}.hero-inner{display: grid;grid-template-rows: 1fr auto;gap: 2.5rem;align-items: center;min-height: min(52rem,calc(100svh - var(--header)));padding-block: clamp(2.5rem,7vw,6rem) 2rem;}.hero-copy{max-width: 62rem;}.hero-media{position: absolute;inset: 0;z-index: -1;picture,img{width: 100%;height: 100%;}img{object-fit: cover;object-position: 70% 40%;}&::after{content: '';position: absolute;inset: 0;background: linear-gradient(100deg,rgb(4 17 14 / 96%) 0%,rgb(4 17 14 / 90%) 45%,rgb(4 17 14 / 50%) 72%,rgb(4 17 14 / 25%) 100%);@media (width < 48rem){background: linear-gradient(180deg,rgb(4 17 14 / 55%) 0%,rgb(4 17 14 / 72%) 45%,rgb(4 17 14 / 88%) 100%);}}}.hero-proof{display: flex;flex-wrap: wrap;gap: .75rem 2rem;align-items: baseline;border-top: 1px solid rgb(255 255 255 / 18%);padding-top: 1.25rem;color: #c9d8d2;text-decoration: none;font-size: .95rem;b{font: 500 1.6rem/1 var(--display);color: #fff;margin-right: .3rem;}&:hover .hero-proof-link{text-decoration: underline;}}.hero-proof-link{margin-left: auto;color: #8fe0be;font-weight: 600;}.entry-wrap{position: relative;z-index: 2;margin-bottom: 1rem;}.entry{display: grid;gap: 1.25rem;margin-top: 2rem;@container (min-width: 46rem){grid-template-columns: 1fr 1fr;margin-top: 2.5rem;}a{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: .6rem 1.5rem;min-block-size: 10rem;padding: clamp(1.5rem,1rem + 2vw,2.5rem);border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);color: var(--ink);text-decoration: none;box-shadow: 0 1px 2px rgb(0 0 0 / 4%),0 12px 32px -18px rgb(0 40 30 / 30%);transition: border-color .15s,translate .15s,box-shadow .15s;&:hover{border-color: var(--accent);translate: 0 -3px;}@media (prefers-color-scheme: dark){box-shadow: none;}}strong{grid-column: 1;font: 500 clamp(1.5rem,1.1rem + 1.1vw,2rem)/1.15 var(--display);letter-spacing: -.02em;}span{grid-column: 1;color: var(--muted);font-size: 1.05rem;line-height: 1.5;max-inline-size: 30rem;}.arrow{grid-column: 2;grid-row: 1 / span 2;display: grid;place-items: center;inline-size: 3.25rem;block-size: 3.25rem;border: 1px solid var(--accent);border-radius: 50%;color: var(--accent);transition: background-color .15s,color .15s,translate .15s;svg{inline-size: 1.25rem;block-size: 1.25rem;}}a:hover .arrow{background: var(--accent);color: var(--paper);translate: 3px 0;}}.compare{display: grid;gap: 1.5rem;@container (min-width: 54rem){grid-template-columns: 1fr 1fr;}}.stack{border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);padding: 1.5rem;h3{display: flex;justify-content: space-between;gap: 1rem;align-items: baseline;}h3 small{font: 500 .8rem/1 var(--mono);color: var(--muted);letter-spacing: 0;}}.stack-ours{border-color: var(--accent);box-shadow: 0 0 0 1px var(--accent) inset;}.bill{font: 500 .85rem/1.5 var(--mono);color: var(--signal);}.proof-line{margin: 1rem 0 0;font-size: var(--step--1);}.stack-svg{--wire: var(--muted);width: 100%;max-width: 26rem;height: auto;margin: 1.25rem auto;font-family: var(--mono);.stack-ours &{--wire: var(--accent);}text{font-size: 10px;font-weight: 500;fill: var(--muted);text-anchor: middle;dominant-baseline: central;}.n rect{fill: var(--paper);stroke: var(--line);}.n rect.main{stroke: var(--wire);}.n text.strong{font-size: 11px;font-weight: 600;fill: var(--ink);}.e{fill: none;stroke: var(--wire);stroke-width: 1;}.stack-cloud & .e{opacity: .75;}.e .o{stroke-dasharray: 2 3;}.zone{fill: none;stroke: var(--wire);stroke-dasharray: 4 3;opacity: .7;}:is(.zone-label,.wire-label){font-size: 9px;text-anchor: start;}.wire-label{fill: var(--wire);}.meter circle{fill: var(--signal);}.meter.fixed circle{fill: var(--wire);}.meter text{font-size: 8px;font-weight: 700;fill: var(--paper);}}.live{margin-top: 1.5rem;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);padding: 1.5rem;display: grid;gap: 1.25rem;@container (min-width: 54rem){grid-template-columns: 18rem 1fr;gap: 2rem;}h3{display: flex;align-items: center;gap: .6rem;}.live-head p{color: var(--muted);font-size: .95rem;margin: 0;}}.pulse{position: relative;inline-size: .6rem;block-size: .6rem;border-radius: 50%;background: var(--accent);flex: none;&::after{content: '';position: absolute;inset: 0;border-radius: 50%;background: var(--accent);animation: pulse 2s ease-out infinite;}}@keyframes pulse{from{transform: scale(1);opacity: .6;}to{transform: scale(3);opacity: 0;}}.live-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,8.25rem),1fr));gap: 1px;background: var(--line);border: 1px solid var(--line);border-radius: 4px;overflow: hidden;>div{background: var(--paper);padding: .75rem .9rem;}dt{font-size: .8rem;color: var(--muted);}dd{font: 500 1.05rem/1.3 var(--mono);font-variant-numeric: tabular-nums;}}.live-line{--sb-brand-light: var(--accent);--sb-sparkline-width: 100%;--sb-sparkline-height: 1.75rem;display: flex;margin-top: .4rem;}.live-foot{font: 400 .78rem/1.5 var(--mono);color: var(--muted);margin: .75rem 0 0;}.mcp{display: grid;gap: 2rem;align-items: start;@container (min-width: 54rem){grid-template-columns: .9fr 1.1fr;gap: 3rem;}}.mcp-flow{display: grid;gap: .5rem;.box{text-align: left;padding: .9rem 1rem;font-size: .85rem;color: var(--ink);em{font-style: normal;color: var(--muted);}}.gate{border: 2px solid var(--accent);background: var(--tint);}.wire{font: 400 .75rem/1 var(--mono);color: var(--muted);display: flex;align-items: center;justify-content: center;gap: .6rem;min-height: 1.6rem;&::before{content: '';width: 1px;align-self: stretch;background: currentColor;}}}.mcp-servers{display: grid;gap: 1.5rem;margin-top: 2.5rem;align-items: start;@container (min-width: 54rem){grid-template-columns: .9fr 1.1fr;gap: 3rem;}}.mcp-list-title{font-size: 1rem;margin: 0 0 .75rem;}.mcp-list{list-style: none;padding: 0;margin: 0;display: grid;gap: .5rem;li{border: 1px solid var(--line);border-left: 3px solid var(--line);border-radius: var(--radius);background: color-mix(in oklab,var(--surface) 60%,transparent);padding: .8rem 1rem;transition: border-color .2s,background-color .2s;.is-tabbed &{cursor: pointer;}&:has([aria-pressed=true]){border-color: var(--line);border-left-color: var(--accent);background: var(--surface);}&:hover{border-left-color: var(--accent);}}button{display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;inline-size: 100%;padding: 0;border: 0;background: none;text-align: left;cursor: inherit;strong{font-size: 1.02rem;color: var(--ink);}span{font: 500 .72rem/1 var(--mono);text-transform: uppercase;letter-spacing: .06em;color: var(--muted);}&[aria-pressed=true] span{color: var(--accent);}}p{margin: .35rem 0 0;font-size: .92rem;color: var(--muted);}a{display: inline-block;margin-top: .4rem;font-size: .88rem;font-weight: 600;padding-block: .2rem;}}.chat-demo{margin: 0;display: grid;grid-template-columns: minmax(0,1fr);gap: .75rem;min-width: 0;}.chat{position: relative;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);padding: 1rem;display: grid;gap: .75rem;font-size: .95rem;min-width: 0;grid-template-columns: minmax(0,1fr);.is-tabbed &{grid-template-rows: auto 1fr auto auto;block-size: 34rem;}}.chat[hidden],.chat-log>[hidden]{display: none;}.chat-label{font: 500 .75rem/1 var(--mono);color: var(--muted);text-transform: uppercase;letter-spacing: .06em;display: flex;justify-content: space-between;}.chat-log{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: .6rem;min-height: 0;overflow-y: auto;scrollbar-width: none;>*{transition: opacity .3s,translate .3s;@starting-style{opacity: 0;translate: 0 .6rem;}}}.msg{padding: .7rem .95rem;border-radius: 10px;max-width: 90%;}.msg-user{background: var(--brand);color: #fff;align-self: flex-end;border-bottom-right-radius: 3px;}.msg-agent{background: var(--wash);align-self: flex-start;border-bottom-left-radius: 3px;}.tool{font: 400 .76rem/1.5 var(--mono);border-left: 3px solid var(--line);background: var(--paper);padding: .55rem .8rem;border-radius: 0 4px 4px 0;color: var(--muted);overflow-wrap: anywhere;b{color: var(--ink);font-weight: 600;}&.is-done{border-left-color: var(--accent);}}.tool-server{color: var(--muted);}.tool-result{display: none;}.tool.is-done .tool-result{display: block;}.tool-state{display: inline-block;inline-size: .55rem;block-size: .55rem;border-radius: 50%;margin-right: .45rem;border: 1.5px solid var(--muted);border-right-color: transparent;animation: spin .8s linear infinite;.is-done &{border-color: var(--accent);background: var(--accent);animation: none;}}@keyframes spin{to{rotate: 1turn;}}.confirm-sheet{border: 1px solid var(--signal);border-radius: 8px;padding: .75rem .9rem;background: var(--paper);display: grid;gap: .5rem;.is-done &{display: none;}}.confirm-label{font: 600 .72rem/1 var(--mono);text-transform: uppercase;letter-spacing: .05em;color: var(--signal);margin: 0;}.confirm-msg{font: 400 .78rem/1.5 var(--mono);color: var(--ink);margin: 0;overflow-wrap: anywhere;}.confirm-actions{display: flex;justify-content: flex-end;gap: .5rem;}.confirm-btn{font: 500 .8rem/1 var(--sans);padding: .45rem .8rem;border: 1px solid var(--line);border-radius: 6px;transition: transform .15s;&.confirm-go{background: var(--brand);border-color: var(--brand);color: #fff;}&.is-press{transform: scale(.92);}}.confirm-done{display: none;margin: 0;font: 500 .8rem/1 var(--mono);color: var(--accent);}.confirm.is-done .confirm-done{display: block;}.chat-composer{display: none;align-items: center;gap: .5rem;border: 1px solid var(--line);border-radius: 999px;padding: .45rem .5rem .45rem .9rem;.is-tabbed &{display: flex;}.is-typing &{border-color: var(--accent);}}.chat-typed{flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: .9rem;&:empty::before{content: attr(data-placeholder);color: var(--muted);}}.chat-send{inline-size: 1.7rem;block-size: 1.7rem;border-radius: 50%;background: var(--line);transition: transform .15s,background-color .15s;.is-typing &{background: var(--brand);}&.is-press{transform: scale(.85);}}.chat-cursor{position: absolute;inset: 0 auto auto 0;inline-size: 1rem;block-size: 1rem;border-radius: 50%;background: color-mix(in oklab,var(--ink) 35%,transparent);border: 2px solid var(--surface);opacity: 0;pointer-events: none;transition: translate .8s cubic-bezier(.3,.7,.3,1),opacity .2s;&.is-on{opacity: 1;}}.chat-caption{margin: 0;font: 400 .75rem/1.4 var(--mono);color: var(--muted);}.case-card{gap: .5rem;h3{font: 500 var(--step-2)/1.15 var(--display);letter-spacing: -.02em;margin: .25rem 0;}h3 a{color: var(--ink);text-decoration: none;}.more{margin-top: auto;font-weight: 600;font-size: .95rem;color: var(--accent);}}.case-numbers{display: grid;grid-template-columns: repeat(3,1fr);gap: 1rem;margin: 1rem 0 1.25rem;padding-block: 1rem;border-block: 1px solid var(--line);dt{font: 500 var(--step-2)/1 var(--display);color: var(--accent);margin-bottom: .35rem;}dd{font-size: .875rem;color: var(--muted);line-height: 1.35;}}.repo{h3{font-family: var(--mono);font-size: 1.05rem;letter-spacing: 0;}.meta{margin-top: auto;padding-top: 1rem;}}.repo-featured{border-color: var(--accent);}.packages{margin-top: 2.5rem;}.packages-title{font-size: 1rem;margin: 0 0 .5rem;}.pkg-list{list-style: none;padding: 0;margin: 0;li{display: grid;gap: .15rem 1.5rem;padding-block: .7rem;border-top: 1px solid var(--line);&:last-child{border-bottom: 1px solid var(--line);}@container (min-width: 54rem){grid-template-columns: 17rem 1fr auto;align-items: baseline;}}a{font: 500 .95rem/1.4 var(--mono);overflow-wrap: anywhere;}p{margin: 0;color: var(--muted);font-size: .95rem;}}.pkg-count{font: 400 .8rem/1.4 var(--mono);color: var(--muted);white-space: nowrap;}.about{display: grid;gap: 2rem;align-items: center;@container (min-width: 54rem){grid-template-columns: 18rem 1fr;gap: 3.5rem;}img{border-radius: var(--radius);filter: grayscale(1);width: 18rem;}}.contact{display: grid;gap: 2.5rem;@container (min-width: 54rem){grid-template-columns: 1.2fr .8fr;gap: 4rem;}}.direct{list-style: none;padding: 0;margin: 0;display: grid;gap: .75rem;a{font-weight: 600;}}}@layer prose{:root{--chart-ours: var(--accent);--chart-them: light-dark(#9aa1a7,#66727a);--chart-wait: light-dark(#e0a43a,#d9a04a);--chart-wait-2: light-dark(#f2cf8f,#8a6a32);--chart-pending: light-dark(#acc5b5,#3d6a59);--chart-pending-2: light-dark(#cfdcd4,#24453b);--chart-track: light-dark(#f3f5f4,#15281f);}.blog-head{padding-block: clamp(2.5rem,6vw,4.5rem) 2rem;}.blog-head h1{max-width: 44rem;}.post-list{display: grid;gap: 1.5rem;padding-bottom: 5rem;}.post-card{display: grid;gap: 1.25rem;position: relative;padding: 1rem;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);img{border-radius: calc(var(--radius) - 2px);aspect-ratio: 16 / 9;object-fit: cover;width: 100%;}h2{font-size: var(--step-2);margin: .5rem 0 .6rem;}h2 a{color: var(--ink);text-decoration: none;}h2 a::after{content: '';position: absolute;inset: 0;}h2 a:hover{text-decoration: underline;}p{color: var(--muted);}.fine{margin: .5rem 0 0;}&:hover{border-color: var(--accent);}@container (min-width: 46rem){grid-template-columns: 20rem 1fr;gap: 1.75rem;img{aspect-ratio: 4 / 3;height: 100%;}}}.post-stats{display: grid;grid-template-columns: repeat(auto-fit,minmax(7rem,1fr));gap: 1rem;margin: 1rem 0 0;padding-top: 1rem;border-top: 1px solid var(--line);dt{font: 500 var(--step-2)/1 var(--display);color: var(--accent);margin-bottom: .35rem;}dd{margin: 0;font-size: .875rem;color: var(--muted);line-height: 1.35;}}.article-head{padding-block: clamp(2.5rem,6vw,4.5rem) 2rem;}.article-head h1{font-size: clamp(2rem,1.3rem + 3vw,3.4rem);max-width: 52rem;}.article-head .lead{max-width: 44rem;}.byline{display: flex;align-items: center;gap: .9rem;margin-top: 1.75rem;font-size: .92rem;line-height: 1.4;img{width: 2.75rem;height: 2.75rem;border-radius: 50%;object-fit: cover;filter: grayscale(1);}.meta{margin-top: .15rem;}}.article-cover{margin: 0 0 2rem;img{border-radius: var(--radius);aspect-ratio: 21 / 9;object-fit: cover;width: 100%;}}.article-layout{display: grid;gap: 1.5rem;padding-bottom: 5rem;}.toc{font-size: .92rem;}sb-toc{--sb-frame-step: 0px;--sb-notch: 0;--sb-text-1: var(--ink);--sb-text-2: var(--muted);--sb-text-muted: var(--muted);--sb-brand: var(--accent);--sb-brand-light: var(--accent);--sb-border: var(--line);--sb-surface-card: var(--surface);--sb-surface-hover: var(--tint);--sb-focus-ring: 0 0 0 2px var(--paper),0 0 0 4px var(--accent);--sb-shadow-overlay: 0 18px 40px -18px rgb(0 40 30 / 40%);--sb-font-display: var(--mono);&::part(label),&::part(counter){font-weight: 500;letter-spacing: .06em;}&::part(bar){border: 1px solid var(--line);border-radius: var(--radius);}&::part(panel):popover-open{border: 1px solid var(--line);border-radius: var(--radius);}&:not(:defined) ol{list-style: none;margin: 0;padding: 0 0 0 1rem;border-left: 1px solid var(--line);display: grid;gap: .35rem;}&:not(:defined) a{color: var(--muted);text-decoration: none;}}@media (width < 64rem){.toc{position: sticky;top: var(--header);z-index: 40;}sb-toc:not(:defined){display: block;block-size: 3.025rem;overflow: hidden;visibility: hidden;}}@media (width>= 64rem){.article-layout{grid-template-columns: minmax(0,1fr) 15rem;gap: 4rem;}.toc{order: 2;}sb-toc{position: sticky;top: calc(var(--header) + 1.5rem);max-block-size: calc(100dvh - var(--header) - 3rem);}}.prose{min-width: 0;container-type: inline-size;font-family: var(--serif);font-size: 1.2rem;line-height: 1.7;overflow-wrap: break-word;hyphens: auto;>*{max-width: var(--measure);}>.wide{max-width: 100%;}h2{font-size: var(--step-2);margin: 2.4em 0 .6em;scroll-margin-top: calc(var(--header) + 4rem);}h3{font-family: var(--sans);font-size: var(--step-1);margin: 1.9em 0 .5em;}p,li{color: var(--ink);}ul,ol{padding-left: 1.3em;margin: 0 0 1.2em;}li{margin-bottom: .45em;}li::marker{color: var(--accent);}strong,b{font-weight: 650;}hr{border: 0;border-top: 1px solid var(--line);margin: 3rem 0;}figure{margin: 2rem 0;}figcaption{font: 400 .82rem/1.5 var(--mono);color: var(--muted);margin-top: .7rem;}:not(pre)>code{overflow-wrap: anywhere;hyphens: none;}:is(pre,code,.n,.article-meta,figcaption){font-variant-ligatures: none;}.wide,figure,.table-wrap,.callout,.note,.tldr,.stat-row{font-family: var(--sans);}}.prose .fine,.prose .compare-hint{font: 400 .9rem/1.55 var(--sans);color: var(--muted);}.prose .compare-hint{margin-bottom: -1rem;}.prose .center{text-align: center;}.article-meta{display: flex;flex-wrap: wrap;align-items: center;gap: .25rem .5rem;font: 400 .8rem/1.5 var(--mono);color: var(--muted);margin-bottom: 1.75rem;a{display: inline-flex;align-items: center;gap: .35rem;}svg{width: 1.1rem;height: 1.1rem;}}.tldr{font-size: 1.05rem;background: var(--wash);border-left: 3px solid var(--accent);padding: 1.25rem 1.5rem;border-radius: 0 var(--radius) var(--radius) 0;margin: 0 0 2rem;>b:first-child{display: block;font: 600 .8rem/1 var(--mono);text-transform: uppercase;letter-spacing: .06em;color: var(--accent);margin-bottom: .75rem;}p:last-child{margin-bottom: 0;}}.note,.callout{font-size: 1rem;line-height: 1.6;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);padding: 1.1rem 1.25rem;margin: 1.75rem 0;>:last-child{margin-bottom: 0;}ul{margin-bottom: 0;}}.note{background: none;color: var(--muted);margin-top: 0;p{color: var(--muted);}}.prose .callout-title{font: 600 .8rem/1.4 var(--mono);letter-spacing: .04em;text-transform: uppercase;color: var(--accent);margin-bottom: .6rem;}.callout-warn{border-left: 3px solid var(--signal);}.prose .callout-warn .callout-title{color: var(--signal);}.table-wrap{overflow-x: auto;margin: 1.5rem 0 2rem;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);table{width: 100%;border-collapse: collapse;font-size: .92rem;line-height: 1.45;font-variant-numeric: tabular-nums;}th,td{text-align: left;vertical-align: top;padding: .65rem .9rem;border-bottom: 1px solid var(--line);}th{font: 600 .72rem/1.3 var(--mono);text-transform: uppercase;letter-spacing: .05em;color: var(--muted);vertical-align: bottom;}tbody tr:last-child td{border-bottom: 0;}tbody tr:hover td{background: color-mix(in oklab,var(--tint) 45%,transparent);}td:first-child{min-width: 9rem;}.n{font-family: var(--mono);font-size: .85rem;white-space: nowrap;}.win{color: var(--accent);background: color-mix(in oklab,var(--accent) 8%,transparent);}.win strong{font-weight: 700;}.d{font-weight: 600;}}.stat-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(9rem,1fr));gap: 1rem 1.5rem;margin: 1.5rem 0;text-align: center;line-height: 1.3;p{margin: 0;}}.prose .stat-num{font: 500 var(--step-3)/1.05 var(--display);color: var(--accent);margin-bottom: .35rem;}.prose .stat-label{font-size: .85rem;color: var(--muted);text-wrap: balance;}.prose .big-stat{font: 400 1rem/1.4 var(--sans);text-align: center;color: var(--muted);margin: 2rem auto;span{display: block;font: 500 clamp(2.6rem,2rem + 3vw,3.6rem)/1 var(--display);color: var(--accent);margin-bottom: .4rem;}}.prose .legend{list-style: none;display: flex;flex-wrap: wrap;gap: .6rem 1.4rem;padding: 1rem 1.1rem;border: 1px solid var(--line);border-radius: var(--radius);font-size: .85rem;li{display: flex;align-items: center;gap: .5rem;margin: 0;}}.swatch{inline-size: 1rem;block-size: 1rem;border-radius: 2px;flex: none;}.swatch-scripting{background: #f5c542;}.swatch-rendering{background: #9c7bea;}.swatch-painting{background: #6bc76b;}.swatch-system{background: #999;}.swatch-loading{background: #4285f4;}.swatch-idle{background: #f5f5f5;border: 1px solid #dbdbdb;}.swatch-memory{background: linear-gradient(to right,#4a90d9,#7eb8f5);}.choices{display: grid;gap: 1rem;margin: 1.5rem 0;@container (min-width: 40rem){grid-template-columns: 1fr 1fr;}}.choice{border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);padding: 1.1rem 1.25rem;font-size: .98rem;line-height: 1.5;h3{margin-top: 0;font-size: 1.05rem;}ul{margin: 0;}}.code{background: var(--code-bg);color: var(--code-ink);border-radius: var(--radius);padding: 1rem 1.1rem;margin: 1.25rem 0 1.75rem;overflow-x: auto;font: 400 .8rem/1.6 var(--mono);tab-size: 4;max-width: 100%;hyphens: none;}.hl-keyword{color: #f0a77f;}.hl-value{color: #a8dcb9;}.hl-comment{color: #7d948d;font-style: italic;}.hl-type,.hl-attribute{color: #8cc8f0;}.hl-property{color: #e6d58e;}.hl-variable{color: #d7b8f3;}.hl-operator{color: #f0a77f;}sb-image-compare{--sb-frame-step: 0px;--sb-frame-color: var(--accent);--sb-notch: 0;--sb-bg: #04110e;--sb-text-1: #fff;--sb-brand-light: var(--accent);--sb-image-compare-stars: none;--sb-image-compare-handle-ink: var(--brand);img{display: block;width: 100%;height: auto;}&::part(stage){border-radius: var(--radius);}&::part(tag){font-family: var(--mono);font-size: .75rem;font-weight: 500;letter-spacing: 0;text-transform: none;}&:not(:defined) [slot='before']{display: none;}}.compare{border: 1px solid var(--line);border-radius: var(--radius);padding: .5rem;background: var(--surface);}.compare figcaption{margin: .6rem .25rem .25rem;}.prose .kb-flow-steps{display: grid;gap: 1.4rem;list-style: none;margin: 0;padding: 0;counter-reset: kb-step;@container (min-width: 44rem){grid-template-columns: repeat(4,1fr);gap: .9rem;}li{position: relative;margin: 0;padding: .9rem 1rem;background: var(--surface);border: 1px solid var(--line);border-top: 4px solid var(--accent);border-radius: 4px;font-size: .85rem;line-height: 1.5;counter-increment: kb-step;}strong{display: block;margin-bottom: .3rem;color: var(--accent);}strong::before{content: counter(kb-step) ' ';font-family: var(--mono);}li:not(:last-child)::after{content: '↓';position: absolute;left: 1rem;bottom: -1.3rem;color: var(--accent);font-weight: 700;}@container (min-width: 44rem){li:not(:last-child)::after{content: '→';left: auto;right: -.8rem;bottom: auto;top: 1rem;}}}.kb-film-scroll{overflow-x: auto;}.kb-film-grid{table-layout: fixed;border-collapse: separate;border-spacing: .4rem;margin: 0 -.4rem;width: calc(100% + .8rem);min-width: 720px;th{font: 600 .75rem/1.2 var(--mono);text-align: left;padding: 0 0 .2rem;white-space: nowrap;color: var(--ink);}tbody th{vertical-align: middle;padding-right: .4rem;}thead th:first-child{width: 5.5rem;}td{padding: 0;}img{display: block;width: 100%;height: auto;aspect-ratio: 500 / 336;border: 1px solid var(--line);border-radius: 3px;background: #fff;}}.kb-timeline{padding-top: 1rem;}.kb-tl-row{display: grid;grid-template-columns: 5.5rem 1fr;align-items: center;margin-bottom: 1.6rem;}.kb-tl-label{font-weight: 600;font-size: .9rem;}.kb-tl-track{position: relative;height: 1.6rem;margin-right: 3.5rem;background: var(--chart-track);}.kb-tl-seg{position: absolute;top: 0;left: 0;height: 100%;}.kb-tl-pending{background: repeating-linear-gradient(135deg,var(--chart-pending) 0 6px,var(--chart-pending-2) 6px 12px);}.kb-tl-anim{background: var(--chart-them);}.kb-tl-unconfirmed{background: repeating-linear-gradient(135deg,var(--chart-wait) 0 6px,var(--chart-wait-2) 6px 12px);}.kb-tl-dot{position: absolute;top: 50%;width: 1rem;height: 1rem;margin: -.5rem 0 0 -.5rem;border-radius: 50%;background: var(--accent);border: 2px solid var(--paper);box-shadow: 0 0 0 1px var(--accent);}.kb-tl-value{position: absolute;top: 100%;translate: -50% 0;font: 600 .75rem/1.4 var(--mono);white-space: nowrap;padding-top: .15rem;}.kb-tl-axis{position: relative;height: 1.2rem;margin: 0 3.5rem .8rem 5.5rem;border-top: 1px solid var(--field);}.kb-tl-axis span{position: absolute;translate: -50% 0;font: 400 .7rem/1.6 var(--mono);color: var(--muted);white-space: nowrap;}.prose .kb-legend{display: flex;flex-wrap: wrap;gap: .4rem 1.25rem;list-style: none;margin: 0;padding: 0;font-size: .8rem;line-height: 1.4;li{display: flex;align-items: center;gap: .4rem;margin: 0;}}.kb-swatch{display: inline-block;flex: none;width: 1.1rem;height: .8rem;border-radius: 2px;}.kb-swatch.kb-dot{width: .8rem;border-radius: 50%;background: var(--accent);}.kb-bars-row{display: grid;grid-template-columns: 11rem 1fr;gap: .25rem 1rem;padding: .6rem 0;border-bottom: 1px solid var(--line);}.kb-bars-label{font-weight: 600;font-size: .9rem;}.kb-bars-pair{display: grid;grid-template-columns: 1fr auto;gap: .3rem .6rem;align-items: center;}.kb-bar{height: .9rem;border-radius: 2px;}.kb-bar-ours{background: var(--chart-ours);}.kb-bar-planka{background: var(--chart-them);width: 100%;}.kb-bar-text{font: 400 .75rem/1.4 var(--mono);white-space: nowrap;}@media (width>= 48rem){.kb-bars-pair{grid-template-columns: 1fr 15rem;}}@media (width < 48rem){.kb-bars-row{grid-template-columns: 1fr;}.kb-bar-text{white-space: normal;}.kb-tl-row{grid-template-columns: 4.5rem 1fr;}.kb-tl-axis{margin-left: 4.5rem;}}.gol-embed{iframe{display: block;width: 100%;max-width: 40rem;height: 600px;margin: 0 auto;border: 0;}}.prose .btn{font-family: var(--sans);font-size: 1rem;}.prose .btn-primary{color: #fff;text-decoration: none;}.via-banner{position: relative;display: grid;justify-items: center;gap: 1rem;overflow: hidden;margin: 2.5rem 0;padding: 2.5rem 1.5rem;border-radius: var(--radius);background: #050c1e radial-gradient(rgb(255 255 255 / 25%) 1px,transparent 1px) 0 0 / 24px 24px;text-align: center;text-decoration: none;img{position: relative;height: clamp(8rem,30vw,14rem);width: auto;mix-blend-mode: lighten;transition: scale .4s;}&:hover img{scale: 1.04;}&:hover .via-glow{animation-play-state: paused;}}.via-glow{position: absolute;inset: 0;background: radial-gradient(ellipse at 50% 40%,rgb(80 140 255 / 60%) 0%,transparent 70%);animation: via-breathe 3s ease-in-out infinite;pointer-events: none;}.via-tagline{position: relative;color: rgb(255 255 255 / 85%);font: 400 1.05rem/1.5 var(--sans);max-width: 34rem;}@keyframes via-breathe{0%,100%{opacity: .7;scale: 1;filter: hue-rotate(0deg);}50%{opacity: 1;scale: 1.22;filter: hue-rotate(55deg);}}.cta-box{background: var(--brand);color: #fff;border-radius: var(--radius);padding: 2rem;margin: 3.5rem 0 2.5rem;font-family: var(--sans);font-size: 1rem;h2{color: #fff;margin: 0 0 .75rem;font-size: var(--step-2);}p{color: #d9ebe4;}.btn{background: #fff;color: var(--brand);border-color: #fff;text-decoration: none;margin-top: .5rem;}.btn:hover{background: #e6efeb;}}.author-box{display: grid;grid-template-columns: 4.5rem 1fr;gap: 1.25rem;border-top: 1px solid var(--line);padding-top: 2rem;margin-top: 2rem;font: 400 1rem/1.55 var(--sans);img{width: 4.5rem;height: 4.5rem;border-radius: 50%;object-fit: cover;filter: grayscale(1);}p{color: var(--muted);margin: .25rem 0 .5rem;}.meta{margin: 0;}}}@layer sections{.page-head{padding-block: clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,4vw,2.5rem);h1{font-size: clamp(2rem,1.3rem + 3vw,3.6rem);max-width: 52rem;margin-bottom: .5em;}.lead{max-width: 44rem;}}.page-layout{display: grid;gap: 2rem;padding-bottom: clamp(3.5rem,8vw,6rem);}.page-legal{padding-bottom: clamp(3.5rem,8vw,6rem);}.page-toc{font-size: .92rem;scroll-target-group: auto;details{border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface);padding: 0 1rem;}summary{display: flex;align-items: center;min-height: 2.9rem;font-weight: 600;cursor: pointer;list-style: none;&::-webkit-details-marker{display: none;}&::after{content: '+';margin-left: auto;font: 400 1.4rem/1 var(--mono);color: var(--accent);}}details[open] summary::after{content: '−';}details[open]{padding-bottom: 1rem;}ol{list-style: none;margin: 0;padding: 0 0 0 .9rem;border-left: 1px solid var(--line);}a{display: block;padding: .3rem 0;line-height: 1.35;color: var(--muted);text-decoration: none;&:hover{color: var(--ink);text-decoration: underline;}&:target-current{color: var(--ink);font-weight: 600;}}code{font-size: .85em;}}.page-toc-label{font: 500 .75rem/1.2 var(--mono);letter-spacing: .06em;text-transform: uppercase;color: var(--muted);margin: .75rem 0 .5rem;}@media (width>= 64rem){.page-layout{grid-template-columns: minmax(0,1fr) 16rem;gap: 4rem;}.page-toc{order: 2;details{position: sticky;top: calc(var(--header) + 1.5rem);max-height: calc(100dvh - var(--header) - 3rem);overflow-y: auto;overscroll-behavior: contain;}}@supports selector(::details-content){.page-toc details{border: 0;background: none;padding: 0;}.page-toc details::details-content{content-visibility: visible;}.page-toc summary{display: none;}.page-toc-label:first-of-type{margin-top: 0;}}}.page-text{min-width: 0;max-width: var(--measure);font: 400 1.15rem/1.7 var(--serif);font-optical-sizing: auto;h2{margin-top: 0;}h3{font: 500 var(--step-2)/1.15 var(--display);letter-spacing: -.015em;margin-bottom: .6em;}ul{padding-left: 1.25rem;margin: 0 0 1em;}li{margin-bottom: .3em;padding-left: .2rem;}li::marker{color: var(--accent);}strong{font-weight: 650;}.lead{font-family: var(--sans);line-height: 1.55;}:is(h2,h3) code{font-size: .8em;background: none;padding: 0;}}.page-group + .page-group{margin-top: clamp(2.5rem,6vw,4rem);padding-top: clamp(2.5rem,6vw,4rem);border-top: 1px solid var(--line);}.page-group>.lead{margin-bottom: 1rem;}.page-entry{padding-block: 2rem .5rem;border-top: 1px solid var(--line);&:first-of-type{margin-top: 2rem;}}.page-note{font-family: var(--sans);font-size: 1rem;font-weight: 600;border-top: 1px solid var(--line);padding-top: 1.5rem;margin-top: 1rem;}.page-plain{max-width: 46rem;font: 400 var(--step-0)/1.65 var(--sans);h2{font-size: var(--step-2);margin-top: 2.25em;}h3{font: 600 var(--step-0)/1.3 var(--sans);letter-spacing: 0;margin: 1.75em 0 .4em;}address{margin-bottom: 1em;}>:first-child{margin-top: 0;}}}@layer components{.todo{outline: 2px dashed var(--signal);outline-offset: 3px;border-radius: 2px;padding: .6rem .8rem;margin-block: 1.25rem;font: 500 .95rem/1.5 var(--sans);color: var(--signal);}}@layer legacy{}@layer utilities{.skip{position: absolute;left: -999px;top: 0;background: var(--ink);color: var(--paper);padding: .75rem 1rem;z-index: 100;&:focus{left: 1rem;}}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*,*::before,*::after{transition: none !important;animation: none !important;}}}