@view-transition{navigation:auto}.build-page{--c: var(--ink)}.b-topbar .topbar-inner{grid-template-columns:minmax(0,1fr) auto}.b-back{gap:8px}.b-back span:first-child{transition:translate .35s var(--spring)}.b-back:hover span:first-child{translate:-3px 0}.b-main{position:relative;z-index:1;padding:calc(var(--topbar-h) + clamp(28px,5vw,64px)) 0 clamp(40px,5vw,80px)}.b-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}.b-art{position:relative;margin:0}.b-art img{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;border-radius:4px;background:#0b0b0f}.b-flat{box-shadow:0 0 0 1px var(--line),0 40px 80px -46px color-mix(in oklab,var(--c) 55%,transparent)}.b-art .b-dev{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--ease)}@media(hover:hover){.b-art:hover .b-dev{opacity:1}}.b-art .bk-corners{inset:-12px;--bk-c: color-mix(in oklab, var(--c) 70%, transparent)}.b-head h1{margin-top:16px;font-size:clamp(46px,4.4vw + 18px,96px);line-height:.92;font-weight:340;letter-spacing:-.04em;font-variation-settings:"opsz" 144,"SOFT" 50;overflow-wrap:anywhere}.b-lede{margin-top:18px;max-width:48ch;font-size:clamp(17px,.5vw + 14px,21px);line-height:1.5;color:color-mix(in oklab,var(--paper) 88%,var(--c));text-wrap:pretty}.b-lede b{font-weight:500;color:var(--c)}.b-links{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.b-sec{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:clamp(14px,4vw,56px);margin-top:clamp(52px,6vw,96px);padding-top:26px;border-top:1px solid var(--line)}.b-sec-head .mono{color:var(--c)}.b-sec-head h2{margin-top:8px;font-size:clamp(26px,1.4vw + 17px,40px);line-height:1.05;font-weight:360;letter-spacing:-.025em;font-variation-settings:"opsz" 144,"SOFT" 40}.b-body{min-width:0}.b-body>*+*{margin-top:16px}.b-body p{max-width:62ch;font-size:clamp(16px,.3vw + 14.5px,18px);line-height:1.65;color:var(--paper-dim);text-wrap:pretty}.b-body p strong{font-weight:500;color:var(--paper)}.b-body code{font-family:var(--mono);font-size:.8em;padding:2px 6px;border-radius:5px;background:#ffffff0d;color:var(--paper)}.b-body h3{margin-top:28px;font-size:20px;font-weight:400;letter-spacing:-.01em;color:var(--paper)}.b-body h3:first-child{margin-top:0}.b-body h3+*{margin-top:10px}.b-inline{color:var(--c);background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s var(--ease),color .25s}.b-inline:hover{color:var(--paper)}.b-list{list-style:none;display:grid;gap:10px}.b-list li{position:relative;max-width:62ch;padding-left:22px;line-height:1.6;color:var(--paper-dim)}.b-list li:before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--c);rotate:45deg}.b-time{list-style:none;border-top:1px solid var(--line)}.b-time li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.b-time time{padding-top:3px;font-family:var(--mono);font-size:11px;color:var(--c)}.b-time span{line-height:1.55;color:var(--paper-dim)}.b-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.b-chips li{padding:6px 11px;border-radius:99px;border:1px solid var(--line-strong);font-family:var(--mono);font-size:11px;color:var(--paper-dim)}.b-body .kpis,.b-body .specs,.b-body .bars,.b-body .funnel,.b-body .pipeline{margin-top:0;max-width:640px}.b-body *+.kpis,.b-body *+.specs,.b-body *+.bars,.b-body *+.funnel,.b-body *+.pipeline{margin-top:16px}.b-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:clamp(64px,7vw,112px)}.b-nav-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--panel);transition:border-color .3s,translate .4s var(--spring)}.b-nav-card.next{grid-template-columns:minmax(0,1fr) 64px;text-align:right}.b-nav-card.next img{order:2}.b-nav-card img{width:64px;height:64px;border-radius:8px;image-rendering:pixelated}.b-nav-card .mono{display:block;color:var(--muted)}.b-nav-card b{display:block;margin-top:2px;font-size:clamp(19px,1vw + 14px,24px);font-weight:400;letter-spacing:-.015em;color:var(--paper);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-nav-card:hover{translate:0 -2px;border-color:color-mix(in oklab,var(--nc) 55%,transparent)}.b-foot{position:relative;z-index:1;border-top:1px solid var(--line)}.b-foot-inner{display:flex;justify-content:space-between;gap:16px;padding:22px 0 34px;color:var(--muted)}.b-foot a{transition:color .25s}.b-foot a:hover{color:var(--paper)}.b-hero>*,.b-sec{animation:rise .9s var(--ease) both}.b-head{animation-delay:.08s}.b-sec:nth-of-type(2){animation-delay:.16s}.b-sec:nth-of-type(3){animation-delay:.22s}@media(max-width:760px){.b-hero,.b-sec{grid-template-columns:minmax(0,1fr)}.b-art{width:min(100%,340px)}.b-time li{grid-template-columns:minmax(0,1fr);gap:2px}}@media(max-width:560px){.b-nav{grid-template-columns:minmax(0,1fr)}.b-back{width:auto;padding:0 12px;gap:8px}}@media(prefers-reduced-motion:reduce){.b-hero>*,.b-sec{animation:none}}
