.process{position:relative}.process-track{background:var(--border);border-radius:2px;width:2px;position:absolute;top:1.5rem;bottom:1.5rem;left:1.5rem;overflow:hidden}.process-track:after{content:"";background:linear-gradient(180deg, var(--gold-1), var(--primary), var(--gold-3));box-shadow:0 0 12px var(--glow);transform-origin:top;transition:transform 1.8s var(--ease-in-out) .2s;position:absolute;inset:0;transform:scaleY(0)}[data-inview=true] .process-track:after{transform:scaleY(1)}.process-node{z-index:1;width:3rem;height:3rem;font-family:var(--font-display);color:var(--muted);background:var(--background);border:1px solid var(--border-strong);transition:color .5s,background-color .5s,border-color .5s,box-shadow .5s;transition-delay:calc(var(--i,0) * .4s + .3s);border-radius:50%;place-items:center;font-size:.9rem;font-weight:600;display:grid;position:absolute;top:0;left:0}[data-inview=true] .process-node{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 6px color-mix(in oklab, var(--primary) 15%, transparent), 0 0 24px var(--glow)}@media (min-width:768px){.process-track{width:auto;height:2px;inset:1.5rem 0 auto 1.5rem}.process-track:after{background:linear-gradient(90deg, var(--gold-1), var(--primary), var(--gold-3));transform-origin:0;transform:scaleX(0)}[data-inview=true] .process-track:after{transform:scaleX(1)}.process-node{position:relative}}
.lb-stage{aspect-ratio:5/4;perspective:1400px;position:relative;container-type:inline-size}.lb-scene{transform-style:preserve-3d;transform:rotateX(var(--rx,4deg)) rotateY(var(--ry,-8deg));transition:transform .6s var(--ease-out);position:absolute;inset:0}.lb-browser{border:1px solid var(--glass-border);background:var(--glass-bg-solid);width:74%;height:72%;box-shadow:var(--glass-shadow), 0 40px 80px -40px #0009;border-radius:2.4cqw;position:absolute;top:0;right:0;overflow:hidden}.lb-chrome{border-bottom:1px solid var(--border);align-items:center;gap:1cqw;height:7cqw;padding:0 2cqw;display:flex}.lb-dot{background:color-mix(in oklab, var(--foreground) 20%, transparent);border-radius:50%;width:1.2cqw;height:1.2cqw}.lb-url{height:3.8cqw;color:var(--muted);background:color-mix(in oklab, var(--foreground) 6%, transparent);border-radius:999px;flex:1;align-items:center;gap:.8cqw;margin-left:2cqw;padding:0 1.6cqw;font-size:1.7cqw;display:flex}.lb-url svg{width:1.8cqw;height:1.8cqw;color:var(--auto)}.lb-page{gap:2.2cqw;padding:2.6cqw;display:grid}.lb-block{opacity:0;transition:opacity .5s ease, transform .7s var(--ease-out);transform:translateY(1.5cqw)scale(.98)}.lb-block.is-on{opacity:1;transform:none}.lb-nav{align-items:center;gap:2cqw;display:flex}.lb-logo{background:var(--primary);width:3.4cqw;height:3.4cqw;box-shadow:0 0 2cqw var(--glow);border-radius:50%}.lb-links{gap:1.4cqw;margin-left:auto;display:flex}.lb-links i{background:color-mix(in oklab, var(--foreground) 22%, transparent);border-radius:999px;width:5cqw;height:1.1cqw;display:block}.lb-navbtn{border:1px solid color-mix(in oklab, var(--primary) 60%, transparent);border-radius:999px;width:8cqw;height:3cqw}.lb-hero{gap:1.2cqw;padding-top:1.5cqw;display:grid}.lb-h1{background:linear-gradient(90deg, var(--foreground), color-mix(in oklab, var(--foreground) 55%, transparent));border-radius:.8cqw;width:70%;height:3cqw}.lb-h1.short{background:linear-gradient(90deg, var(--primary), color-mix(in oklab, var(--primary) 50%, transparent));width:45%}.lb-p{background:color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:999px;width:62%;height:1.2cqw}.lb-p.short{width:40%}.lb-cta{color:var(--primary-foreground);background:var(--primary);box-shadow:0 1cqw 3cqw -1cqw var(--glow);border-radius:999px;justify-self:start;padding:1.2cqw 2.6cqw;font-size:1.7cqw;font-weight:700}.lb-cards{grid-template-columns:repeat(3,1fr);gap:1.6cqw;display:grid}.lb-cards span{aspect-ratio:4/3;border:1px solid var(--border);background:linear-gradient(140deg, color-mix(in oklab, var(--primary) 30%, transparent), color-mix(in oklab, var(--foreground) 6%, transparent));border-radius:1.4cqw}.lb-cards.is-on span{animation:lb-pop .6s var(--ease-out) both}.lb-cards.is-on span:nth-child(2){animation-delay:.12s}.lb-cards.is-on span:nth-child(3){animation-delay:.24s}@keyframes lb-pop{0%{opacity:0;transform:translateY(1.2cqw)scale(.94)}}.lb-editor{z-index:2;background:#0d0b08f0;border:1px solid #ffd67829;border-radius:2.4cqw;width:54%;height:54%;position:absolute;bottom:4%;left:0;overflow:hidden;transform:translateZ(40px);box-shadow:0 30px 60px -30px #000000b3,inset 0 1px #ffffff0f}.lb-editor-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:1cqw;height:6cqw;padding:0 2cqw;display:flex}.lb-editor-bar span{border-radius:50%;width:1.2cqw;height:1.2cqw}.lb-editor-bar span:first-child{background:#ff5f57}.lb-editor-bar span:nth-child(2){background:#febc2e}.lb-editor-bar span:nth-child(3){background:#28c840}.lb-file,.lb-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.lb-file{color:#a79f8e;margin-left:1.5cqw;font-size:1.6cqw}.lb-code{white-space:pre;color:#e7e2d6;margin:0;padding:2cqw 2.4cqw;font-size:1.75cqw;line-height:1.75;overflow:hidden}.lb-line{clip-path:inset(0 100% 0 0);transition:clip-path .6s steps(18,end);display:block}.lb-line.is-on{clip-path:inset(0)}.lb-caret{vertical-align:middle;background:var(--primary);width:.9cqw;height:2cqw;animation:1s step-end infinite caret;display:inline-block}.tok-kw{color:#f5b400}.tok-tag{color:#7dd3fc}.tok-attr{color:#c4b5fd}.tok-str{color:#86efac}.tok-plain{color:#e7e2d6}.tok-comment{color:#7c7565;font-style:italic}.lb-phone{z-index:3;aspect-ratio:9/19;opacity:0;width:22%;transition:opacity .6s ease, transform .9s var(--ease-out);background:#0d0b08;border:1px solid #ffd67840;border-radius:3cqw;padding:.9cqw;position:absolute;bottom:0;right:3%;transform:translateZ(80px)translateY(6cqw)rotate(4deg);box-shadow:0 30px 60px -20px #000000b3,0 0 0 .4cqw #ffffff0a}.lb-phone.is-on{opacity:1;transform:translateZ(80px)}.lb-phone-screen{background:var(--background-soft);border-radius:2.2cqw;align-content:start;gap:1.2cqw;height:100%;padding:1.6cqw 1.4cqw;display:grid;overflow:hidden}.lb-phone-notch{background:#0d0b08;border-radius:999px;width:35%;height:1.2cqw;margin:0 auto .6cqw}.lb-phone .lb-logo{width:2.4cqw;height:2.4cqw}.lb-phone .lb-h1{width:92%;height:1.8cqw}.lb-phone .lb-h1.short{width:60%}.lb-phone .lb-p{width:85%;height:.9cqw}.lb-phone .lb-cta{padding:.8cqw 1.6cqw;font-size:1.2cqw}.lb-phone-card{border:1px solid var(--border);background:linear-gradient(140deg, color-mix(in oklab, var(--primary) 28%, transparent), color-mix(in oklab, var(--foreground) 6%, transparent));border-radius:1cqw;height:6cqw}.lb-toast{z-index:4;border:1px solid color-mix(in oklab, var(--auto) 45%, transparent);background:var(--glass-bg-solid);box-shadow:0 10px 30px -10px #00000080, 0 0 24px -6px var(--auto);opacity:0;transition:opacity .5s ease, transform .7s var(--ease-out);border-radius:999px;align-items:center;gap:1cqw;padding:1.2cqw 2cqw;font-size:1.8cqw;font-weight:600;display:inline-flex;position:absolute;top:4%;left:4%;transform:translateZ(100px)translateY(-1.5cqw)scale(.95)}.lb-toast.is-on{opacity:1;transform:translateZ(100px)}.lb-toast svg{width:2.2cqw;height:2.2cqw;color:var(--auto)}