.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--color-paper);--scene-h:60svh}@media (max-width:1023px){.hero{height:auto;min-height:100svh}}.hero-viewport{position:absolute;inset:0;overflow:hidden}.hero-stage{left:0;top:0;width:1600px;height:1000px;transform-origin:0 0;--bp:0;--draw:0;--screen-on:0;opacity:0}.hero-layer,.hero-stage{position:absolute;will-change:transform}.hero-layer{inset:0;transform-origin:1060px 420px;--sw:1.4}.hero-layer>svg{position:absolute;left:0;top:0;width:1600px;height:1000px;overflow:visible}.hero-scene-controls{position:absolute;bottom:22px;right:var(--gutter,4vw);z-index:5;display:flex;align-items:center;gap:6px}.hero-scene-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 14px;border:1px solid rgba(17,17,17,.16);border-radius:999px;background:rgba(243,241,234,.88);color:var(--color-ink);font-family:var(--font-mono);font-size:11px;transition:background-color .2s,border-color .2s;cursor:pointer}.hero-scene-controls button:hover{background:var(--color-paper);border-color:var(--color-accent)}.hero-code-line{transform-box:fill-box;transform-origin:left center;animation:hero-code-activity 3.8s ease-in-out infinite paused}.hero-steam{animation:hero-coffee-steam 4.2s ease-in-out infinite paused}.hero-stage[data-developing=true] .hero-code-line,.hero-stage[data-developing=true] .hero-steam{animation-play-state:running}@keyframes hero-code-activity{0%,65%,to{opacity:1}32%{opacity:.35}}@keyframes hero-coffee-steam{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(-7px);opacity:.2}}@media (prefers-reduced-motion:reduce){.hero-code-line,.hero-steam{animation:none!important}}.bp{fill-opacity:var(--bp);stroke:var(--color-accent);stroke-width:calc(var(--sw) * 1px);stroke-opacity:calc((1 - var(--bp)) * var(--draw) * .9);stroke-linejoin:round;stroke-linecap:round}.bp-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw));stroke-opacity:calc((1 - var(--bp)) * .95)}.bp-soft{opacity:calc(var(--bp))}.bp-fill{fill-opacity:var(--bp)}.bp-ghost{stroke:var(--color-accent);stroke-width:calc(var(--sw) * .8px);stroke-opacity:calc((1 - var(--bp)) * var(--draw) * .35);fill:none}.screen-on{opacity:var(--screen-on)}.hero-frame{fill:none;stroke:var(--color-ink);stroke-width:calc(var(--sw) * 1px);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--frame-draw, 0))}.mui{position:absolute;left:748px;top:240px;width:624px;height:360px;border-radius:3px;overflow:hidden;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);opacity:var(--screen-on);--mui-line:rgba(17,17,17,0.16);--mui-dash:rgba(106,13,173,0.55)}.mui *{box-sizing:border-box}.mui-chrome{position:absolute;left:0;right:0;top:0;height:22px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--mui-line);background:#ecebe4}.mui-chrome i{width:6px;height:6px;border-radius:50%;background:rgba(17,17,17,.22)}.mui-chrome .url{margin-left:8px;height:12px;flex:0 0 200px;border-radius:3px;background:rgba(17,17,17,.06);font-family:var(--font-mono);font-size:6.5px;line-height:12px;padding:0 6px;color:var(--color-muted);letter-spacing:.04em}.mui-body{inset:22px 0 0 0;grid-template-columns:96px 1fr}.mui-body,.mui-grid{position:absolute;display:grid}.mui-grid{inset:22px 12px 0 108px;grid-template-columns:repeat(8,1fr);gap:8px;pointer-events:none;opacity:0}.mui-grid span{border-left:1px dashed var(--mui-dash);border-right:1px dashed var(--mui-dash);opacity:.35}.mui-rows{position:absolute;inset:22px 0 0 0;background:repeating-linear-gradient(180deg,transparent 0,transparent 15px,rgba(106,13,173,.12) 0,rgba(106,13,173,.12) 16px);pointer-events:none;opacity:0}.blk{position:relative;border:1px dashed var(--mui-dash);border-radius:3px;background:transparent;transform-origin:top left}.blk.is-solid{border-style:solid;border-color:var(--mui-line);background:#fbfaf6}.mui-side{padding:12px 10px;border-right:1px solid var(--mui-line);display:flex;flex-direction:column;gap:8px;height:100%;border-radius:0}.mui-side .logo{width:14px;height:14px;border-radius:50%;border:1.5px solid;position:relative;margin-bottom:6px}.mui-side .logo:after{content:"";position:absolute;inset:4px;border-radius:50%;background:currentColor}.mui-side .item{display:flex;align-items:center;gap:6px;height:14px;font-size:7px;letter-spacing:.02em;color:currentColor;opacity:.75}.mui-side .item.active{opacity:1;font-weight:500}.mui-side .item i{width:8px;height:8px;border-radius:2px;border:1px solid;opacity:.7}.mui-side .item .lbl{opacity:0}.mui-side .item .sk{height:5px;width:40px;border-radius:2px;background:currentColor;opacity:.18;position:absolute;left:24px}.mui-side.is-ink{background:var(--color-ink);color:var(--color-paper);border-right-color:transparent}.mui-main{padding:12px 12px 10px;display:grid;grid-template-rows:22px 58px 1fr 74px;gap:8px;min-height:0}.mui-top{display:flex;align-items:center;gap:8px;height:22px;border:0}.mui-top .title{font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:-.01em;opacity:0}.mui-top .search{margin-left:auto;width:110px;height:14px;border-radius:3px;border:1px dashed var(--mui-dash);font-size:6px;line-height:12px;padding:0 6px;color:var(--color-muted)}.mui-top .search.is-solid{border:1px solid var(--mui-line);background:#fbfaf6}.mui-top .btn{height:14px;padding:0 7px;border-radius:999px;border:1px dashed var(--mui-dash);font-size:6px;line-height:12px;font-weight:500;white-space:nowrap}.mui-top .btn.is-solid{border:1px solid var(--color-ink)}.mui-top .btn.is-accent{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.mui-top .avatar{width:14px;height:14px;border-radius:50%;border:1px dashed var(--mui-dash)}.mui-top .avatar.is-solid{border:0;background:var(--color-ink)}.mui-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi{padding:7px 8px;display:flex;flex-direction:column;justify-content:space-between}.kpi .lbl{font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-family:var(--font-mono);opacity:0}.kpi .val{font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:-.02em;line-height:1;opacity:0;font-variant-numeric:tabular-nums}.kpi .spark{position:absolute;right:8px;bottom:8px;width:44px;height:16px;opacity:0}.kpi .spark path{fill:none;stroke:var(--color-accent);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}.kpi .sk{position:absolute;height:5px;border-radius:2px;background:rgba(17,17,17,.12);opacity:0}.mui-chart{padding:8px 10px 6px;display:flex;flex-direction:column;min-height:0}.mui-chart .head{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-family:var(--font-mono);opacity:0}.mui-chart .bars{flex:1;display:grid;grid-template-columns:repeat(14,1fr);align-items:end;gap:5px;margin-top:6px;border-bottom:1px solid var(--mui-line);padding-bottom:1px;position:relative}.mui-chart .bars i{display:block;background:rgba(17,17,17,.18);border-radius:1px 1px 0 0;transform-origin:bottom;transform:scaleY(0);height:var(--h,40%)}.mui-chart .bars i.is-accent{background:var(--color-accent)}.mui-chart .bars i.is-ink{background:var(--color-ink)}.mui-chart .line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mui-chart .line path{fill:none;stroke:var(--color-accent);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1}.mui-list{padding:6px 10px;display:flex;flex-direction:column;justify-content:space-around}.mui-list .row{display:flex;align-items:center;gap:8px;height:14px;opacity:0;font-size:6.5px}.mui-list .row i{width:6px;height:6px;border-radius:50%;border:1px solid var(--color-ink)}.mui-list .row .sk{height:5px;border-radius:2px;background:rgba(17,17,17,.12)}.mui-list .row .txt{opacity:0;position:absolute}.mui-list .row .pill{margin-left:auto;font-family:var(--font-mono);font-size:5.5px;letter-spacing:.08em;padding:1px 5px;border-radius:999px;border:1px solid var(--mui-line);opacity:0}.mui-list .row .pill.ok{color:var(--color-success);border-color:rgba(31,122,77,.35)}.mui-list .row .pill.run{color:var(--color-accent);border-color:rgba(106,13,173,.35)}.mui-measure{position:absolute;inset:0;pointer-events:none;font-family:var(--font-mono);font-size:5.5px;color:var(--color-accent);letter-spacing:.06em}.mui-measure .m{position:absolute;opacity:0;display:flex;align-items:center;gap:3px}.mui-measure .m.v:before,.mui-measure .m:before{content:"";display:block;background:var(--color-accent);opacity:.7}.mui-measure .m.h:before{width:18px;height:1px}.mui-measure .m.v{flex-direction:column}.mui-measure .m.v:before{width:1px;height:18px}.mui-code{position:absolute;top:22px;right:0;bottom:0;width:46%;background:#14131a;color:#e8e6df;font-family:var(--font-mono);font-size:6.6px;line-height:11px;box-shadow:-8px 0 24px rgba(0,0,0,.18)}.no-js .mui-code{display:none}.mui-code .tab{height:16px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(232,230,223,.6);font-size:6px}.mui-code .tab i{width:5px;height:5px;border-radius:50%;background:var(--color-accent-2)}.mui-code .lines{padding:8px 10px;display:flex;flex-direction:column;gap:1px}.mui-code .ln{display:flex;gap:8px;white-space:pre;clip-path:inset(0 100% 0 0)}.mui-code .ln .n{color:rgba(232,230,223,.28);width:8px;text-align:right}.mui-code .k{color:#c4a3ff}.mui-code .f{color:#8fd3ff}.mui-code .s{color:#a8e6a1}.mui-code .c{color:rgba(232,230,223,.35)}.mui-code .caret{display:inline-block;width:1px;height:8px;background:#e8e6df;vertical-align:-1px;animation:mui-blink 1s steps(2) infinite}@keyframes mui-blink{50%{opacity:0}}.mui-code .status{position:absolute;left:10px;right:10px;bottom:8px;display:flex;justify-content:space-between;font-size:5.5px;color:rgba(232,230,223,.5);opacity:0}.mui-code .status b{color:#a8e6a1;font-weight:500}.mui-deployed{position:absolute;right:10px;bottom:8px;display:inline-flex;align-items:center;gap:5px;height:14px;padding:0 7px;border-radius:999px;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);font-size:5.5px;letter-spacing:.1em;opacity:0;transform:translateY(6px)}.mui-deployed i{width:5px;height:5px;border-radius:50%;background:#5fd38d}.bp-overlay{position:absolute;inset:0;pointer-events:none;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.12em;color:var(--color-muted);text-transform:uppercase}.bp-overlay .grid{inset:0;background-image:linear-gradient(90deg,rgba(17,17,17,.045) 1px,transparent 0),linear-gradient(180deg,rgba(17,17,17,.045) 1px,transparent 0);background-size:96px 96px;background-position:50%}.bp-overlay .grid,.bp-overlay .mark{position:absolute;opacity:0}.bp-overlay .corner{width:14px;height:14px;border:0 solid rgba(17,17,17,.35)}.bp-overlay .tl{border-top-width:1px;border-left-width:1px}.bp-overlay .tr{border-top-width:1px;border-right-width:1px}.bp-overlay .bl{border-bottom-width:1px;border-left-width:1px}.bp-overlay .br{border-bottom-width:1px;border-right-width:1px}.bp-overlay .cross{width:1px;height:18px;background:rgba(17,17,17,.3)}.bp-overlay .cross:after{content:"";position:absolute;left:-8.5px;top:8.5px;width:18px;height:1px;background:rgba(17,17,17,.3)}.hero-mark{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;color:var(--color-ink);opacity:0}.hero-copy{position:relative;z-index:3}@media (max-width:1023px){.hero-copy .display-xl{font-size:clamp(2.5rem,10.5vw,5rem)}}@media (min-width:1024px) and (max-width:1279px){.hero-copy .display-xl{font-size:clamp(3rem,6.4vw,9rem)}}.hero-copy .line{display:block;overflow:hidden}.hero-copy .line>span{display:block;will-change:transform}.hero-scroll{position:absolute;left:var(--gutter);bottom:1.5rem;display:flex;align-items:center;gap:.75rem;opacity:0}.hero-scroll i{display:block;width:1px;height:36px;background:var(--color-line-strong);position:relative;overflow:hidden}.hero-scroll i:after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:var(--color-ink);animation:hero-scroll-line 2.2s var(--ease-in-out-atomic) infinite}@keyframes hero-scroll-line{0%{top:-100%}60%,to{top:100%}}.site-grid-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:4}@media (prefers-reduced-motion:reduce){.hero-scroll i:after,.mui-code .caret{animation:none}}.hero-copy [data-copy]{opacity:0}@media (prefers-reduced-motion:reduce){.hero-copy [data-copy]{opacity:1}}.no-js .hero-copy [data-copy]{opacity:1}.no-js .hero-stage{opacity:1;--bp:1;--draw:1;--screen-on:1}.mui:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;border-radius:inherit;background:linear-gradient(123deg,rgba(255,255,255,.14),transparent 33%,transparent 71%,rgba(123,106,152,.04));box-shadow:inset 0 0 1px 1px rgba(255,255,255,.28),inset 0 2px 9px rgba(0,0,0,.06)}