:root{--c-paper:oklch(99% 0 0);--c-white:oklch(100% 0 0);--c-grey-lighter:oklch(97.5% 0 0);--c-grey-light:oklch(95% 0 0);--c-grey-mid:oklch(72% 0 0);--c-grey-text:oklch(52% 0 0);--c-band:oklch(44% 0 0);--c-ink:oklch(20% 0 0);--c-off-black:oklch(16% 0 0);--font-base:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ease:cubic-bezier(.165, .84, .44, 1);--ease-in:cubic-bezier(.895, .03, .685, .22);--gutter:2.39808vw;--outer:4.79616vw;--head-ca:48px;--head-row:64px;--head-h:calc(var(--head-ca) + var(--head-row));--tap:48px}@media (width<=833px){:root{--outer:5.12821vw;--gutter:2.5641vw;--head-row:56px}}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--head-h) + 8px);-webkit-text-size-adjust:100%}body{background:var(--c-paper);color:var(--c-ink);font-family:var(--font-base);letter-spacing:-.012em;margin:0;font-size:16px;font-weight:400;line-height:1.5;overflow-x:hidden}h1,h2,h3,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid}svg{flex-shrink:0}.sr-live{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.progress{z-index:120;pointer-events:none;mix-blend-mode:difference;height:3px;position:fixed;inset:0 0 auto}.progress i{background:var(--c-white);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}.site-head{z-index:100;background:color-mix(in oklch, var(--c-paper) 84%, transparent);backdrop-filter:blur(16px);color:var(--c-ink);position:fixed;inset:0 0 auto}.ca-bar{min-height:var(--head-ca);padding:0 var(--outer);border-bottom:1px solid color-mix(in oklch, var(--c-ink) 9%, transparent);align-items:center;gap:16px;display:flex}.ca-label{letter-spacing:.12em;text-transform:uppercase;color:var(--c-grey-text);flex-shrink:0;font-size:11px}.ca-mount{flex:1;min-width:0;display:flex}.ca-slot{min-height:var(--tap);min-width:0;max-width:100%;font-family:var(--font-mono);letter-spacing:0;text-align:left;align-items:center;gap:12px;font-size:clamp(10px,2.9vw,13px);line-height:1.35;display:flex}.ca-text{overflow-wrap:anywhere;min-width:0}.ca-slot.is-absent{font-family:var(--font-base);letter-spacing:-.01em;color:var(--c-grey-text);font-size:13px}.ca-slot.is-stated{cursor:pointer;transition:opacity .25s var(--ease)}.ca-copy{font-family:var(--font-base);letter-spacing:0;border:1px solid color-mix(in oklch, var(--c-ink) 22%, transparent);transition:background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);border-radius:99px;flex-shrink:0;padding:6px 12px;font-size:12px}.ca-slot.is-copied .ca-copy{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}.ca-tag{font-family:var(--font-base);border:1px solid color-mix(in oklch, var(--c-ink) 22%, transparent);border-radius:99px;flex-shrink:0;padding:3px 8px;font-size:11px}.head-row{min-height:var(--head-row);padding:0 var(--outer);align-items:center;gap:8px;display:flex}.brand{min-height:var(--tap);letter-spacing:-.04em;align-items:center;gap:10px;font-size:20px;display:inline-flex}.brand-mark{transition:transform .5s var(--ease)}.nav{flex:1;justify-content:center;gap:4px;display:none}.nav-link{min-height:var(--tap);color:var(--c-grey-text);transition:color .25s var(--ease);align-items:center;padding:0 16px;font-size:14px;display:inline-flex;position:relative}.nav-link:after{content:"";transform-origin:0;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:10px;left:16px;right:16px;transform:scaleX(0)}.socials{align-items:center;margin-left:auto;display:flex}.icon-btn{width:var(--tap);height:var(--tap);color:inherit;transition:background-color .3s var(--ease), transform .3s var(--ease);border-radius:50%;place-items:center;display:inline-grid}.icon-btn svg{width:18px;height:18px}.icon-btn.is-inert{opacity:.32;cursor:default}.burger{width:var(--tap);height:var(--tap);transition:background-color .3s var(--ease);border-radius:50%;position:relative}.burger span{width:18px;height:1.5px;transition:transform .4s var(--ease), top .4s var(--ease);background:currentColor;position:absolute;left:15px}.burger span:first-child{top:20px}.burger span:nth-child(2){top:27px}.burger[aria-expanded=true] span:first-child{top:23.5px;transform:rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){top:23.5px;transform:rotate(-45deg)}@media (width>=834px){.nav{display:flex}.burger{display:none}}@media (width<=599px){.ca-label{display:none}}.menu{z-index:90;padding:calc(var(--head-h) + 32px) var(--outer) 48px;background:var(--c-paper);opacity:0;visibility:hidden;transition:opacity .4s var(--ease), visibility .4s;position:fixed;inset:0;overflow-y:auto}.menu.is-open{opacity:1;visibility:visible}.menu[hidden]{display:none}.menu-title{letter-spacing:.12em;text-transform:uppercase;color:var(--c-grey-text);margin-bottom:24px;font-size:11px}.menu-list li{border-top:1px solid color-mix(in oklch, var(--c-ink) 10%, transparent);opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);align-items:baseline;gap:16px;display:flex;transform:translateY(24px)}.menu.is-open .menu-list li{opacity:1;transform:none}.menu.is-open .menu-list li:nth-child(2){transition-delay:60ms}.menu.is-open .menu-list li:nth-child(3){transition-delay:.12s}.menu.is-open .menu-list li:nth-child(4){transition-delay:.18s}.menu-idx{color:var(--c-grey-text);min-width:24px;font-size:12px}.menu-link{letter-spacing:-.04em;flex:1;align-items:center;min-height:72px;font-size:34px;font-weight:300;display:flex}.wrap{padding-inline:var(--outer);max-width:2000px;margin-inline:auto}.grid{column-gap:var(--gutter);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.section{padding-block:clamp(80px,11vw,176px);position:relative}.band-light{background:var(--c-grey-light);color:var(--c-ink)}.band-paper{background:var(--c-grey-lighter);color:var(--c-ink)}.band-dark{background:var(--c-off-black);color:var(--c-paper)}.band-mid{background:var(--c-band);color:var(--c-white)}.h2{letter-spacing:-.045em;font-size:clamp(38px,6.4vw,104px);font-weight:300;line-height:1}.w{will-change:opacity, transform, filter;display:inline-block}.js [data-reveal]:not(.is-in),.js [data-hero]:not(.is-in){opacity:0}.arrow-link{min-height:var(--tap);letter-spacing:-.02em;align-items:center;gap:20px;font-size:16px;display:inline-flex}.arrow-wrap{gap:12px;width:12px;display:inline-flex;overflow:hidden}.arrow-wrap svg{transition:transform .5s var(--ease)}.pill{min-height:var(--tap);border:1px solid color-mix(in oklch, currentColor 24%, transparent);transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);border-radius:99px;align-items:center;padding:0 24px;font-size:15px;display:inline-flex;overflow:hidden}.pill-roll{height:1.25em;line-height:1.25;display:block;position:relative;overflow:hidden}.pill-roll span{transition:transform .55s var(--ease);display:block}.pill-roll span+span{position:absolute;top:100%;left:0}.pill.big{letter-spacing:-.04em;min-height:72px;padding:0 clamp(24px,3vw,40px);font-size:clamp(26px,3.2vw,44px);font-weight:300}.pill.big.is-filled{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}@media (hover:hover) and (pointer:fine){.nav-link:hover{color:var(--c-ink)}.nav-link:hover:after{transform:scaleX(1)}.brand:hover .brand-mark{transform:rotate(90deg)}.icon-btn:not(.is-inert):hover,.burger:hover{background:color-mix(in oklch, currentColor 8%, transparent)}.icon-btn:not(.is-inert):hover{transform:translateY(-2px)}.ca-slot.is-stated:hover .ca-copy{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}.arrow-link:hover .arrow-wrap svg{transform:translate(-24px)}.pill:hover{background:var(--c-ink);color:var(--c-paper);border-color:var(--c-ink)}.pill:hover .pill-roll span{transform:translateY(-100%)}.pill.big.is-filled:hover{background:var(--c-ink)}}.pill:focus-visible .pill-roll span{transform:translateY(-100%)}.hero{background:var(--c-paper);min-height:100svh;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(0deg, var(--c-paper), transparent);opacity:.8;z-index:1;pointer-events:none;height:40%;position:absolute;inset:auto 0 0}.hero-art{aspect-ratio:1;width:min(88vw,980px);margin-top:calc(min(88vw, 980px) / -2 + var(--head-h) / 2);transform:translate3d(0, var(--py,0px), 0);color:var(--c-ink);position:absolute;top:50%;right:-14vw}.art{width:100%;height:100%;display:block}.art-spin{transform-origin:400px 400px;animation:120s linear infinite spin}.a-line{fill:none;stroke:color-mix(in oklch, var(--c-ink) 30%, transparent);stroke-width:1.2px}.a-fill{fill:color-mix(in oklch, var(--c-ink) 7%, transparent);stroke:color-mix(in oklch, var(--c-ink) 55%, transparent);stroke-width:1.2px}.a-dot{fill:var(--c-ink)}.hero-inner{z-index:2;min-height:100svh;padding:calc(var(--head-h) + 40px) var(--outer) 56px;flex-direction:column;justify-content:space-between;display:flex;position:relative}.hero-content{flex-direction:column;align-items:flex-start;gap:28px;margin-top:64px;display:flex}.title{letter-spacing:-.055em;max-width:11em;font-size:clamp(50px,10.2vw,156px);font-weight:300;line-height:.96}.cats{flex-direction:column;gap:14px;display:flex}.cats-label{letter-spacing:.12em;text-transform:uppercase;color:var(--c-grey-text);font-size:11px}.cats-list{flex-wrap:wrap;gap:10px;display:flex}.scroll-ind{width:var(--tap);height:var(--tap);border:1px solid color-mix(in oklch, var(--c-ink) 24%, transparent);transition:background-color .3s var(--ease), color .3s var(--ease);border-radius:50%;place-items:center;margin-top:56px;display:inline-grid}.scroll-ind svg{animation:bob 2.4s var(--ease) infinite}@media (hover:hover) and (pointer:fine){.scroll-ind:hover{background:var(--c-ink);color:var(--c-paper)}}@media (width>=834px){.hero-art{right:-6vw}}.status-pill{border:1px solid color-mix(in oklch, var(--c-ink) 16%, transparent);letter-spacing:0;background:color-mix(in oklch, var(--c-paper) 70%, transparent);border-radius:99px;align-items:center;gap:12px;padding:11px 18px 11px 16px;font-size:12.5px;display:inline-flex}.status-pill .dot{background:var(--c-grey-mid);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.status-pill .dot:after{content:"";background:inherit;opacity:0;border-radius:50%;position:absolute;inset:0}.status-pill[data-state=live] .dot{background:var(--c-ink)}.status-pill[data-state=live] .dot:after{animation:pulse 2s var(--ease) infinite}.status-pill[data-state=connecting] .dot{animation:1.2s ease-in-out infinite blink}.status-pill[data-state=degraded] .dot{box-shadow:inset 0 0 0 1.5px var(--c-grey-text);background:0 0}.intro-title{grid-column:1/-1}.intro-body{grid-column:3/6;margin-top:clamp(40px,7vw,112px)}.lede{letter-spacing:-.025em;font-size:clamp(22px,2.5vw,38px);line-height:1.24}.rot{letter-spacing:-.025em;color:var(--c-grey-text);margin:28px 0 44px;font-size:clamp(22px,2.5vw,38px);line-height:1.24;display:grid}.rot-line{opacity:0;pointer-events:none;grid-area:1/1}.rot-line.is-on{opacity:1}.live-top .h2{grid-column:1/4}.sub{color:var(--c-grey-mid);grid-column:3/6;max-width:560px;margin-top:32px;font-size:18px;line-height:1.45}.stats{gap:32px var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(48px,7vw,96px);display:grid}.stat{border-top:1px solid color-mix(in oklch, var(--c-paper) 22%, transparent);flex-direction:column;gap:12px;min-width:0;padding-top:20px;display:flex}.stat-k{letter-spacing:.12em;text-transform:uppercase;color:var(--c-grey-mid);font-size:11px}.stat-v{letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-radius:10px;font-size:clamp(34px,4.4vw,68px);font-weight:300;line-height:1.1;display:block}.stat-n{color:var(--c-grey-mid);font-size:13px;line-height:1.45}.flash{animation:flash 1.1s var(--ease)}.sk{background:linear-gradient(90deg, color-mix(in oklch, currentColor 9%, transparent) 0%, color-mix(in oklch, currentColor 22%, transparent) 50%, color-mix(in oklch, currentColor 9%, transparent) 100%);background-size:220% 100%;border-radius:8px;width:62%;height:.86em;animation:1.5s linear infinite shimmer;display:block}.sk-wide{width:100%;height:120px}.sk-row{width:100%;height:28px}.spark-card{border-top:1px solid color-mix(in oklch, var(--c-paper) 22%, transparent);margin-top:clamp(48px,6vw,88px);padding-top:20px}.spark-head{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.spark-body{min-height:120px;margin-top:24px}.spark-body svg{width:100%;height:120px;display:block;overflow:visible}.spark-line{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke}.spark-area{fill:color-mix(in oklch, currentColor 9%, transparent);stroke:none}.pairs{margin-top:clamp(56px,7vw,104px)}.pairs-head{gap:12px;max-width:640px;margin-bottom:20px;display:grid}.pairs-title{letter-spacing:-.035em;font-size:clamp(24px,2.6vw,36px);font-weight:300}.pair-row{border-top:1px solid color-mix(in oklch, var(--c-paper) 16%, transparent)}.pair-link,.pair-static{font-variant-numeric:tabular-nums;min-height:60px;transition:background-color .3s var(--ease), padding .45s var(--ease);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:12px;display:grid}.pair-name{overflow-wrap:anywhere;font-size:17px}.pair-cell{color:var(--c-grey-mid);font-size:14px}.pair-empty{color:var(--c-grey-mid);padding:20px 0;font-size:14px}@media (hover:hover) and (pointer:fine){.pair-link:hover{background:color-mix(in oklch, var(--c-paper) 6%, transparent);padding-inline:12px}}.approach-copy{grid-column:1/4}.steps{gap:16px;margin-top:clamp(40px,5vw,72px);display:grid}.step{justify-items:start;display:grid}.step-copy-wrap{transition:grid-template-rows .6s var(--ease);grid-template-rows:0fr;display:grid}.step.is-active .step-copy-wrap{grid-template-rows:1fr}.step-copy{max-width:460px;min-height:0;color:var(--c-grey-text);opacity:0;transition:opacity .5s var(--ease);font-size:17px;line-height:1.5;overflow:hidden}.step.is-active .step-copy{opacity:1;padding-top:16px;padding-bottom:8px}.approach-art{aspect-ratio:1;background:var(--c-grey-light);border-radius:28px;grid-column:4/6;align-self:start;position:relative;overflow:hidden}.art-stage{transform:translate3d(0, var(--py,0px), 0);position:absolute;inset:-60px}.shape{opacity:0;width:calc(100% - 120px);height:calc(100% - 120px);transition:opacity .4s var(--ease-in), transform .4s var(--ease-in);position:absolute;inset:60px;transform:scale(.88)}.shape.is-on{opacity:1;transition:opacity .5s var(--ease) .25s, transform .5s var(--ease) .25s;transform:scale(1)}.s-line{fill:none;stroke:color-mix(in oklch, var(--c-ink) 45%, transparent);stroke-width:1.4px}.s-fill{fill:color-mix(in oklch, var(--c-ink) 10%, transparent);stroke:var(--c-ink);stroke-width:1.4px;stroke-linejoin:round}.about-item{padding-block:clamp(40px,5vw,72px);position:relative}.about-title{letter-spacing:-.04em;opacity:.9;grid-column:1/3;font-size:clamp(26px,3vw,44px);font-weight:300;line-height:1.05}.about-copy{letter-spacing:-.02em;max-width:640px;color:var(--c-grey-mid);grid-column:3/6;font-size:clamp(18px,1.7vw,24px);line-height:1.4}.about-line{background:color-mix(in oklch, var(--c-paper) 24%, transparent);transform-origin:0;height:1px;position:absolute;inset:auto 0 0}.about-item:first-child{padding-top:0}.principles-list{gap:40px var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(48px,6vw,96px);display:grid}.principle{border-top:1px solid color-mix(in oklch, var(--c-white) 34%, transparent);align-content:start;gap:16px;padding-top:20px;display:grid}.p-idx{letter-spacing:.1em;opacity:.7;font-size:12px}.p-title{letter-spacing:-.04em;font-size:clamp(24px,2.4vw,34px);font-weight:300;line-height:1.1}.p-copy{opacity:.8;max-width:340px;font-size:16px;line-height:1.5}.closing-line{letter-spacing:-.055em;max-width:10em;font-size:clamp(40px,8vw,128px);font-weight:300;line-height:.98}.closing-links{flex-wrap:wrap;gap:8px 32px;margin-top:clamp(32px,5vw,64px);display:flex}.text-link{min-height:var(--tap);align-items:center;gap:12px;font-size:16px;display:inline-flex}.text-link.is-inert{color:var(--c-grey-text);opacity:.6}.text-link svg{width:16px;height:16px}.footer{border-top:1px solid color-mix(in oklch, var(--c-ink) 10%, transparent);padding:48px 0 64px}.footer-grid{gap:32px var(--gutter);grid-template-columns:1fr 2fr auto;align-items:start;display:grid}.footer-meta{color:var(--c-grey-text);gap:6px;font-size:14px;display:grid}.footer-flag{font-size:12px}.to-top{right:var(--outer);z-index:70;width:var(--tap);height:var(--tap);background:var(--c-ink);color:var(--c-paper);opacity:0;visibility:hidden;transition:opacity .5s var(--ease), transform .5s var(--ease), visibility .5s;border-radius:50%;place-items:center;display:inline-grid;position:fixed;bottom:24px;transform:translateY(12px)}.to-top.is-on{opacity:1;visibility:visible;transform:none}@media (width<=1099px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=833px){.grid{display:block}.intro-body,.sub,.approach-copy,.about-copy{margin-top:32px}.approach-art{margin-top:48px}.about-title{margin-bottom:16px}.principles-list,.footer-grid{grid-template-columns:1fr}.pair-link,.pair-static{grid-template-columns:1fr auto}.pair-cell.is-extra{display:none}.hero-art{top:38%}}@media (width<=599px){.stats{grid-template-columns:1fr}}@media (width>=1440px){.hero-content{gap:36px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes blink{50%{opacity:.35}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes flash{0%{background:color-mix(in oklch, currentColor 30%, transparent)}to{background:0 0}}@keyframes bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.js [data-reveal],.js [data-hero]{opacity:1!important}.rot-line:not(.is-on){display:none}}.js .about-item:not(.is-in) .about-title,.js .about-item:not(.is-in) .about-copy{opacity:0}.js .about-item:not(.is-in) .about-line{transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}