.build__steps,.build__stage,.build__done{display:none}.build-3d{--hh:var(--header-mobile)}@media (width>=900px){.build-3d{--hh:var(--header-desktop)}}.build-3d .build{background:0 0;height:290vh;padding-block:0;overflow:clip}@media (width>=900px){.build-3d .build{height:330vh}}.build-3d .build__frame{top:var(--hh);height:calc(100svh - var(--hh));background:var(--glow-hero), linear-gradient(180deg, var(--white) 0%, var(--paper) 60%);position:sticky;overflow:hidden}.build-3d .build .hero__inner{gap:var(--space-2);height:100%;padding-top:var(--space-5);grid-template-rows:auto minmax(0,1fr);align-items:stretch}.build-3d .build .hero__copy{gap:var(--space-3);z-index:2;align-content:start;position:relative}.build-3d .build .display-1{font-size:clamp(30px,7.4vw,64px)}.build-3d .build .hero__devices{align-self:stretch;min-height:0;position:relative}.build-3d .build .showcase{display:none}.build-3d .build__stage{display:block;position:absolute;inset:0}.build-3d .build__steps{display:flex}.build-3d .build__done{display:grid}.build__canvas{opacity:0;touch-action:pan-y;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.build--ready .build__canvas{opacity:1}.build__steps{gap:var(--space-2);margin:var(--space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none}.build__steps li{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);color:var(--muted);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background-color .3s,color .3s,border-color .3s,transform .3s;display:inline-flex}.build__steps li span{font-family:var(--font-display);color:var(--line-strong);font-size:12px}.build__steps li.is-active{background:var(--ink);border-color:var(--ink);color:var(--on-ink);transform:translateY(-2px)}.build__steps li.is-active span{color:var(--ember-tint)}.build__steps li.is-done{color:var(--ink);border-color:var(--line-strong)}.build__steps li.is-done span{color:var(--ember-deep)}.build__hint,.build__caption{left:50%;bottom:var(--space-4);white-space:nowrap;color:var(--muted);margin:0;font-size:14px;font-weight:600;transition:opacity .4s;position:absolute;transform:translate(-50%)}.build__hint{border:1px solid var(--line);border-radius:var(--radius-pill);background:#ffffffe0;padding:6px 14px}.build__hint span{animation:1.4s ease-in-out infinite build-nudge;display:inline-block}@keyframes build-nudge{50%{transform:translateY(3px)}}.build__caption{opacity:0;font-size:13px;font-weight:500}.build--started .build__hint{opacity:0}.build--started .build__caption{opacity:1}.build--done .build__caption{opacity:0}.build__done{z-index:3;right:0;bottom:var(--space-5);gap:var(--space-3);max-width:340px;padding:var(--space-5);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);opacity:0;visibility:hidden;justify-items:start;transition:opacity .5s,transform .5s,visibility 0s .5s;position:absolute;transform:translateY(16px)}.build__done-text{color:var(--text);font-size:15px}.build--done .build__done{opacity:1;visibility:visible;transition:opacity .5s,transform .5s,visibility;transform:none}@media (width<=899px){.build-3d .build .hero__copy .eyebrow,.build-3d .build .hero__copy .lead,.build-3d .build .hero__actions,.build-3d .build .hero__note{display:none}.build__steps li{padding:4px 9px;font-size:12px}.build__done{left:50%;right:auto;bottom:var(--space-3);width:calc(100% - 2 * var(--space-2));max-width:420px;padding:var(--space-4);text-align:center;justify-items:center;transform:translate(-50%,16px)}.build--done .build__done{transform:translate(-50%)}.build__caption{bottom:var(--space-2)}}@media (width>=900px){.build-3d .build .hero__inner{align-items:center;gap:var(--space-6);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding-top:0}.build-3d .build .hero__copy{align-content:center}.build__caption{left:var(--space-4);transform:none}}@media (width>=900px) and (height<=760px){.build-3d .build .hero__note{display:none}.build-3d .build .display-1{font-size:clamp(30px,4.2vw,54px)}}