:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#fff;--surface:#fff;--sidebar:#fafafa;--fill:#f5f5f5;--fill-strong:#ececec;--border:#ececec;--border-strong:#e0e0e0;--ink:#0a0a0a;--ink2:#1f1f1f;--muted:#6b6b6b;--faint:#8c8c8c;--sky-50:#f2faff;--sky-100:#e3f4ff;--sky-200:#c2e8ff;--sky-300:#92d6fb;--sky-400:#55bdf3;--sky-500:#1f9de3;--sky-600:#0b7cc4;--sky-700:#0a6099;--brass:#ffd95c;--danger:#b83a27;--danger-soft:#fff4f2;--danger-line:#f5c9c0;--sans:var(--font-sans), "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:var(--sans);--mono:var(--font-mono), "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--card-shadow:0 1px 2px #0000000a, 0 28px 70px -40px #00000040;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--canvas);color:var(--ink);letter-spacing:-.005em;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}::selection{background:var(--sky-200);color:var(--ink)}:focus-visible{outline:2px solid var(--sky-600);outline-offset:4px}a{color:inherit;-webkit-text-decoration-color:var(--sky-400);text-decoration-color:var(--sky-400);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{text-decoration-color:currentColor}.container{max-width:1280px;margin:0 auto;padding:0 40px}code{font-family:var(--mono);letter-spacing:normal;font-size:13px;line-height:22px}.topnav{z-index:50;-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--border);background:#ffffffe6;position:sticky;top:0}.nav-inner{align-items:center;gap:8px;height:76px;display:flex}.logo{color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.mark{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7cc4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='12' r='4.2'/%3E%3Cpath d='M11.7 12H21.5M17.5 12v3.4M20.5 12v2.4'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:27px;height:27px}.word{letter-spacing:-.035em;font-size:22px;font-weight:600}.nav-links{gap:2px;margin-left:14px;display:flex}.nav-links a{height:36px;color:var(--ink);white-space:nowrap;border-radius:9999px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.nav-links a:hover{background:var(--fill)}.nav-cta{align-items:center;gap:8px;margin-left:auto;display:flex}.btn{white-space:nowrap;cursor:pointer;height:40px;transition:background .12s, color .12s, transform .12s var(--ease);border:0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#2b2b2b}.btn.secondary{color:var(--ink);box-shadow:inset 0 0 0 1px var(--border-strong);background:#fff}.btn.secondary:hover{background:var(--fill)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--fill)}.btn.lg{height:50px;padding:0 24px;font-size:15px}.chip{background:var(--fill);height:26px;color:var(--ink2);font-family:var(--mono);letter-spacing:.08em;border-radius:9999px;align-items:center;padding:0 12px;font-size:11px;font-weight:500;display:inline-flex}.hero{padding:clamp(44px,9vh,96px) 0 8px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.hero-grid>*{min-width:0}h1{font-family:var(--display);letter-spacing:-.05em;word-spacing:.05em;text-wrap:balance;margin:18px 0 0;font-size:clamp(44px,5.6vw,76px);font-weight:600;line-height:.98}.lead{max-width:540px;color:var(--ink2);letter-spacing:-.012em;text-wrap:pretty;margin:26px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.5}.cta-row{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.endpoint{flex-direction:column;gap:9px;max-width:560px;margin-top:38px;display:flex}.endpoint-label{color:var(--ink2);letter-spacing:normal;font-size:13px;font-weight:600}.endpoint-url{white-space:nowrap;border:1px solid var(--border-strong);background:#fff;border-radius:9999px;padding:14px 24px;display:block;overflow-x:auto;box-shadow:0 4px 16px #0000000a,0 18px 40px -28px #0003}.endpoint-clients{color:var(--muted);letter-spacing:normal;font-size:13px;line-height:18px}.stage{background:var(--sky-200);border-radius:32px;padding:clamp(22px,3.4vw,40px) clamp(22px,3.4vw,40px) clamp(84px,8vw,112px);position:relative;overflow:hidden}.stage-key{fill:none;width:clamp(150px,15vw,200px);height:auto;stroke:var(--sky-600);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;bottom:clamp(22px,2.8vw,34px);left:clamp(22px,3.4vw,40px)}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:22px;padding:20px 22px 8px;position:relative}.panel-head{border-bottom:1px solid var(--border);align-items:center;padding-bottom:14px;display:flex}.panel-title{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:500}.live{color:var(--ink2);letter-spacing:normal;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:var(--sky-500);border-radius:1px;width:5px;height:11px;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.arow{border-bottom:1px solid var(--border);padding:13px 0}.arow:last-child{border-bottom:0}.arow-top{align-items:center;gap:9px;min-width:0;display:flex}.arow-top code{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.adot{background:var(--sky-600);border-radius:9999px;flex:none;width:8px;height:8px}.adot.bad{background:var(--danger)}.verdict{background:var(--fill);letter-spacing:normal;border-radius:9999px;flex:none;margin-left:auto;padding:2px 9px;font-size:12px;font-weight:600}.verdict.bad{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.arow-sub{color:var(--muted);letter-spacing:normal;gap:12px;margin:4px 0 0 17px;font-size:13px;line-height:18px;display:flex}.arow-sub .when{color:var(--muted);flex:none;margin-left:auto;font-size:12px}section{padding:clamp(72px,10vw,128px) 0 0}.sec-head h2{font-family:var(--display);letter-spacing:-.045em;word-spacing:.04em;text-wrap:balance;margin:18px 0 0;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.02}.sec-head p{color:var(--ink2);letter-spacing:normal;text-wrap:pretty;max-width:40em;margin:16px 0 0;font-size:17px;line-height:1.5}.thesis{padding:clamp(88px,12vw,144px) 0 0}.thesis-wrap{border-top:1px solid var(--border);padding-top:clamp(40px,6vw,72px)}.thesis-line{font-family:var(--display);letter-spacing:-.04em;word-spacing:.05em;text-wrap:balance;max-width:18em;margin:0;font-size:clamp(30px,3.9vw,56px);font-weight:600;line-height:1.06}.thesis-line .dim{color:var(--faint)}.thesis-line .hl{background:linear-gradient(transparent 60%, var(--brass) 60%, var(--brass) 92%, transparent 92%);margin:0 -.08em;padding:0 .08em}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px;margin-top:56px;display:grid}.step{border-top:1px solid var(--border-strong);flex-direction:column;min-width:0;padding-top:22px;display:flex}.step-mark{color:var(--sky-600);justify-content:space-between;align-items:center;display:flex}.step-mark svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.step-n{color:var(--muted);letter-spacing:normal;font-size:13px;font-weight:600}.step h3{font-family:var(--display);letter-spacing:-.02em;margin:26px 0 10px;font-size:19px;font-weight:600;line-height:1.2}.step p{color:var(--muted);letter-spacing:normal;margin:0;font-size:15px;line-height:1.55}.step code{background:var(--fill);white-space:nowrap;border-radius:6px;padding:.1rem .4rem;font-size:12px}.demo h2{font-family:var(--display);letter-spacing:-.045em;word-spacing:.04em;margin:18px 0 0;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.02}.grant-line{flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;display:flex}.grant-line .glabel{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:500}.grant-line code{background:var(--fill);color:var(--ink);border-radius:9999px;padding:5px 16px}.demo-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.xchg{border:1px solid var(--border);background:var(--surface);border-radius:22px;flex-direction:column;padding:22px 22px 20px;display:flex;box-shadow:0 1px 2px #0000000a}.ask{background:var(--ink);color:#fff;letter-spacing:normal;border-radius:20px 20px 6px;align-self:flex-end;max-width:92%;margin:0;padding:11px 16px;font-size:14.5px;font-weight:500;line-height:1.45}.ask .q{display:none}.res{border-top:1px solid var(--border);align-items:center;gap:9px;min-width:0;margin-top:20px;padding-top:18px;display:flex}.res code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.res-note{color:var(--muted);letter-spacing:normal;margin:8px 0 0 17px;font-size:14px;line-height:20px}.demo-tag{color:var(--muted);letter-spacing:normal;margin-top:32px;font-size:16px}.demo-tag strong{color:var(--ink);font-weight:600}.fgrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:56px;display:grid}.fcard{background:var(--fill);border-radius:20px;padding:26px}.fcard .chip{background:#fff}.fcard h3{font-family:var(--display);letter-spacing:-.02em;margin:22px 0 10px;font-size:19px;font-weight:600;line-height:1.2}.fcard p{color:var(--ink2);letter-spacing:normal;margin:0;font-size:14.5px;line-height:1.55}.connectors{padding-top:clamp(72px,10vw,128px)}.cchips{flex-wrap:wrap;gap:8px;margin-top:40px;display:flex}.cchip{background:var(--fill);min-height:36px;color:var(--ink);border-radius:9999px;align-items:center;gap:9px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}a.cchip:hover{background:var(--fill-strong)}.cchip img{filter:grayscale();opacity:.8;width:17px;height:17px}.cchip .tile{width:20px;height:20px;color:var(--muted);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.cchip.more{background:var(--sky-100)}a.cchip.more:hover{background:var(--sky-200)}.fin{padding:clamp(72px,10vw,128px) 0 0}.fin>.container{isolation:isolate;background:var(--sky-200);width:min(1200px,100% - 80px);max-width:none;color:var(--ink);border-radius:26px;padding:clamp(32px,5vw,64px);position:relative;overflow:hidden}.fin>.container:after{content:"";z-index:-1;aspect-ratio:5/2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 96' fill='none' stroke='%231f9de3' stroke-opacity='.75' stroke-width='5' stroke-linecap='round'%3E%3Ccircle cx='48' cy='48' r='34'/%3E%3Ccircle cx='48' cy='48' r='11'/%3E%3Cpath d='M82 48H226M178 48v26M208 48v18'/%3E%3C/svg%3E") 50%/contain no-repeat;width:min(360px,34%);position:absolute;top:50%;right:clamp(24px,5vw,72px);translate:0 -50%;rotate:-10deg}.fin h2{font-family:var(--display);letter-spacing:-.05em;word-spacing:.05em;text-wrap:balance;max-width:11em;margin:0;font-size:clamp(36px,4.6vw,64px);font-weight:600;line-height:.98}.fin .lead{color:var(--ink2);margin-top:18px}.fin .cta-row{margin-top:30px}footer{border-top:1px solid var(--border);margin-top:clamp(72px,10vw,128px);padding:24px 0 32px}.foot-inner{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.foot-inner .note{color:var(--muted);letter-spacing:normal;font-size:13px}.foot-inner .links{flex-wrap:wrap;gap:6px 20px;margin-left:auto;display:flex}.foot-inner .links a{color:var(--muted);letter-spacing:normal;font-size:13px;font-weight:500;text-decoration:none}.foot-inner .links a:hover{color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.js .a1,.js .a2,.js .a3,.js .a4,.js .a5,.js .a-panel{opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards rise}.js .a1{animation-delay:50ms}.js .a2{animation-delay:.12s}.js .a3{animation-delay:.2s}.js .a4{animation-delay:.28s}.js .a5{animation-delay:.38s}.js .a-panel{animation-delay:.3s}.js .arow.boot{opacity:0;animation:.5s cubic-bezier(.2,.7,.2,1) forwards rise}.js .arow.boot:first-child{animation-delay:.55s}.js .arow.boot:nth-child(2){animation-delay:.65s}.js .arow.boot:nth-child(3){animation-delay:.75s}.js .arow.boot:nth-child(4){animation-delay:.85s}.js .arow.boot:nth-child(5){animation-delay:.95s}#feed .arow.enter{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transition:max-height .5s cubic-bezier(.2,.7,.2,1),opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1),padding .5s cubic-bezier(.2,.7,.2,1);overflow:hidden;transform:translateY(-10px)}#feed .arow.enter.in{opacity:1;max-height:120px;padding-top:13px;padding-bottom:13px;transform:none}#feed .arow.exit{max-height:120px;transition:max-height .5s cubic-bezier(.2,.7,.2,1),opacity .5s,padding .5s cubic-bezier(.2,.7,.2,1);overflow:hidden}#feed .arow.exit.out{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.js .reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(16px)}.js .reveal.in{opacity:1;transform:none}.js .steps .reveal:nth-child(2),.js .fgrid .reveal:nth-child(2){transition-delay:70ms}.js .steps .reveal:nth-child(3),.js .fgrid .reveal:nth-child(3){transition-delay:.14s}.js .steps .reveal:nth-child(4),.js .fgrid .reveal:nth-child(4){transition-delay:.21s}.js .fgrid .reveal:nth-child(5){transition-delay:.28s}.js .fgrid .reveal:nth-child(6){transition-delay:.35s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .a1,.js .a2,.js .a3,.js .a4,.js .a5,.js .a-panel,.js .arow.boot{opacity:1;animation:none}.js .reveal{opacity:1;transition:none;transform:none}.live-dot{animation:none}}.notfound{text-align:center;place-items:center;min-height:calc(100vh - 77px);padding:64px 24px;display:grid}.notfound-key{fill:none;width:120px;height:auto;stroke:var(--sky-400);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 28px;display:block}.notfound h1{margin-top:16px}.notfound .lead{margin-left:auto;margin-right:auto}.notfound .cta-row{justify-content:center}@media (max-width:1000px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}.stage{max-width:600px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid{grid-template-columns:1fr 1fr}.demo-grid{grid-template-columns:1fr}}@media (max-width:900px){.nav-links{margin-left:4px}}@media (max-width:760px){.nav-cta .btn.ghost{display:none}}@media (max-width:620px){.container{padding:0 20px}.nav-links{display:none}.steps,.fgrid{grid-template-columns:minmax(0,1fr)}.endpoint-url{padding:12px 18px;font-size:12px}.fin>.container{border-radius:22px;width:calc(100% - 40px)}.fin>.container:after{opacity:.5;width:180px;top:auto;bottom:20px;translate:none}}
