.wf-intro{position:relative;text-align:center;padding:92px 28px 72px;background-image:radial-gradient(rgba(135,160,148,.07) 1px,transparent 1px);background-size:24px 24px}.wf-intro__inner{max-width:760px;margin:0 auto}.wf-intro h1{font-family:var(--mp-font-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(38px,5.2vw,62px);line-height:1.05;margin:10px auto 18px;max-width:16ch}.wf-intro h1 .g{color:var(--mp-primary)}.wf-intro p{font-size:clamp(16px,1.8vw,20px);color:var(--mp-text-secondary);max-width:58ch;margin:0 auto;line-height:1.55}.wf-scrollcue{margin-top:44px;color:var(--mp-text-muted);font-family:var(--mp-font-mono);font-size:var(--mp-text-xs);letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}.wf-scrollcue:after{content:"↓";font-size:14px;color:var(--mp-primary)}.wf-scene{max-width:1120px;margin:0 auto;padding:60px 28px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.wf-scene__copy,.wf-scene__visual{min-width:0}.wf-scene--flip .wf-scene__copy{order:2}.wf-scene--flip .wf-scene__visual{order:1}.wf-scene__kicker{display:flex;align-items:center;gap:12px;margin-bottom:16px}.wf-step{font-family:var(--mp-font-mono);font-size:var(--mp-text-xs);color:var(--mp-on-primary);background:var(--mp-primary);border-radius:var(--mp-radius-sm);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;flex:none}.wf-scene__eyebrow{font-family:var(--mp-font-mono);font-size:var(--mp-text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--mp-text-muted)}.wf-scene__title{font-family:var(--mp-font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(25px,3vw,33px);line-height:1.12;margin:0 0 16px}.wf-scene__body{color:var(--mp-text-secondary)}.wf-scene__body p{font-size:var(--mp-text-base);line-height:1.6;margin:0 0 16px}.wf-scene__body p:last-child{margin-bottom:0}.wf-scene__body code{font-family:var(--mp-font-mono);color:var(--mp-amber-300);font-size:.92em}.wf-scene__body strong{color:var(--mp-text);font-weight:600}.wf-points{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:11px}.wf-points li{display:flex;gap:11px;align-items:flex-start;font-size:var(--mp-text-sm);color:var(--mp-text-secondary);line-height:1.5}.wf-points li:before{content:"◆";color:var(--mp-primary);font-family:var(--mp-font-mono);font-size:.85em;margin-top:2px;flex:none}.wf-points code{font-family:var(--mp-font-mono);color:var(--mp-amber-300)}.wf-dash-scene{max-width:1000px;margin:0 auto;padding:60px 28px;text-align:center}.wf-dash-scene .section__lede{margin:-22px auto 0}.wf-dash{text-align:left;margin-top:36px;border:1px solid var(--mp-border-strong);border-radius:var(--mp-radius-lg);overflow:hidden;background:var(--mp-ink-900);box-shadow:var(--mp-shadow-lg)}.wf-dash__bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--mp-ink-850);border-bottom:1px solid var(--mp-border)}.wf-dash__dots{display:flex;gap:6px}.wf-dash__dots i{width:11px;height:11px;border-radius:50%;display:block}.wf-dash__url{font-family:var(--mp-font-mono);font-size:var(--mp-text-xs);color:var(--mp-text-muted);background:var(--mp-ink-950);border:1px solid var(--mp-border);border-radius:var(--mp-radius-pill);padding:4px 14px;margin-left:8px}.wf-dash__grid{display:grid;grid-template-columns:210px 1fr;min-height:326px}.wf-dash__side{border-right:1px solid var(--mp-border);padding:16px 12px;display:flex;flex-direction:column;gap:3px}.wf-dash__side-h{font-family:var(--mp-font-mono);font-size:var(--mp-text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--mp-text-muted);padding:6px 10px 10px}.wf-dash__repo{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mp-font-mono);font-size:var(--mp-text-sm);color:var(--mp-text-secondary);padding:8px 10px;border-radius:var(--mp-radius-sm)}.wf-dash__repo span{font-size:var(--mp-text-xs);color:var(--mp-text-muted);background:var(--mp-tint-neutral);border-radius:var(--mp-radius-pill);padding:1px 8px}.wf-dash__repo.is-active{background:var(--mp-tint-green);color:var(--mp-green-100)}.wf-dash__repo.is-active span{color:var(--mp-green-300);background:#46c4742e}.wf-dash__main{padding:20px 22px;min-width:0}.wf-dash__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wf-dash__title{font-family:var(--mp-font-display);font-weight:600;font-size:var(--mp-text-md)}.wf-dash__synced{font-family:var(--mp-font-mono);font-size:var(--mp-text-xs);color:var(--mp-success);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.wf-end{padding:30px 28px 96px}.js .wf-scene .wf-scene__copy,.js .wf-scene .wf-scene__visual{opacity:0;transform:translateY(22px);transition:opacity .65s var(--mp-ease-out),transform .65s var(--mp-ease-out)}.js .wf-scene.in-view .wf-scene__copy{opacity:1;transform:none}.js .wf-scene.in-view .wf-scene__visual{opacity:1;transform:none;transition-delay:.12s}.js .wf-fade{opacity:0;transform:translateY(20px);transition:opacity .65s var(--mp-ease-out),transform .65s var(--mp-ease-out)}.js .wf-fade.in-view{opacity:1;transform:none}.js .wf-dash-scene .wf-dash{opacity:0;transform:translateY(22px);transition:opacity .7s var(--mp-ease-out),transform .7s var(--mp-ease-out)}.js .wf-dash-scene.in-view .wf-dash{opacity:1;transform:none;transition-delay:.1s}.js .wf-line{opacity:0}.js .wf-line.show{opacity:1;transition:opacity .2s var(--mp-ease-out)}.js .wf-rest{opacity:0}.js .wf-term--done .wf-rest{opacity:1;transition:opacity .25s var(--mp-ease-out)}.wf-line--active .mp-term__cmd:after{content:"";display:inline-block;width:7px;height:1.02em;margin-left:2px;background:var(--mp-primary);vertical-align:text-bottom;animation:mp-term-blink 1.05s steps(1) infinite}.js .wf-stack-anim .mp-piece{opacity:0;transform:translateY(14px);transition:opacity .5s var(--mp-ease-settle),transform .5s var(--mp-ease-settle)}.js [data-reveal].in-view .wf-stack-anim .mp-piece{opacity:1;transform:none}.wf-stack-anim .mp-piece:nth-last-child(1){transition-delay:.06s}.wf-stack-anim .mp-piece:nth-last-child(2){transition-delay:.17s}.wf-stack-anim .mp-piece:nth-last-child(3){transition-delay:.28s}.wf-stack-anim .mp-piece:nth-last-child(4){transition-delay:.39s}.wf-stack-anim .mp-piece:nth-last-child(5){transition-delay:.5s}.wf-stack-anim .mp-piece:nth-last-child(6){transition-delay:.61s}@media(max-width:860px){.wf-scene{grid-template-columns:1fr;gap:30px;padding:48px 24px}.wf-scene--flip .wf-scene__copy,.wf-scene--flip .wf-scene__visual{order:0}.wf-dash__grid{grid-template-columns:1fr}.wf-dash__side{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--mp-border)}.wf-dash__side-h{width:100%;padding-bottom:4px}}@media(max-width:560px){.wf-intro{padding:56px 18px 48px}.wf-scene,.wf-dash-scene{padding:40px 18px}.wf-dash__main .mp-piece__meta{display:none}}@media(prefers-reduced-motion:reduce){.js .wf-line,.js .wf-rest,.js .wf-scene .wf-scene__copy,.js .wf-scene .wf-scene__visual,.js .wf-fade,.js .wf-dash-scene .wf-dash,.js .wf-stack-anim .mp-piece{opacity:1!important;transform:none!important;transition:none!important}.wf-line--active .mp-term__cmd:after{animation:none}}