.tcut-section{box-sizing:content-box;max-width:var(--ds-wrap-max);margin:0 auto;padding:clamp(56px,6vw,96px) clamp(20px,4vw,32px)}.tcut-head{border-bottom:1px solid var(--ds-color-border);flex-direction:column;gap:14px;margin-bottom:28px;padding:0 0 28px;display:flex}.tcut-head .eyebrow{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:inline-flex}.tcut-head .eyebrow:before{content:"▸"}.tcut-head .eyebrow .sep{color:var(--ds-color-ink-muted)}.tcut-head h2{font-family:var(--ds-font-display-editorial,var(--ds-font-heading));letter-spacing:-.022em;max-width:32ch;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.04}.tcut-head .lede{color:var(--ds-color-ink-secondary);max-width:72ch;margin:0;font-size:16px;line-height:1.6}.tcut-stack{flex-direction:column;gap:18px;display:flex;position:relative}.tcut-stack:before{content:"";background:linear-gradient(180deg,var(--ds-color-brand-blue-light) 0,var(--ds-color-brand-blue-light) 50%,color-mix(in oklch,var(--ds-color-ink-muted) 30%,transparent) 50%,color-mix(in oklch,var(--ds-color-ink-muted) 30%,transparent) 100%);z-index:0;width:2px;position:absolute;top:60px;bottom:60px;left:38px}.tcut-phase{z-index:1;background:var(--ds-surface-50);border:1px solid var(--ds-color-border);border-radius:18px;grid-template-columns:76px 1fr 320px;align-items:stretch;gap:28px;padding:28px 32px 28px 12px;transition:border-color .24s,transform .24s;display:grid;position:relative}.tcut-phase:hover{border-color:var(--ds-color-brand-blue-light);transform:translate(2px)}.tcut-num{flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.tcut-num .badge{background:var(--ds-surface-base);border:2px solid var(--ds-color-brand-blue-light);width:52px;height:52px;color:var(--ds-color-brand-blue-light);font-family:var(--ds-font-display-editorial,var(--ds-font-heading));box-shadow:0 0 0 4px color-mix(in oklch,var(--ds-color-brand-blue-light) 15%,transparent);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.tcut-num .step-lbl{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ds-color-ink-muted);text-align:center;font-size:8px}.tcut-body{flex-direction:column;gap:14px;display:flex}.tcut-body .header{flex-direction:column;gap:4px;display:flex}.tcut-body .meta{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:inline-flex}.tcut-body .meta .dur{color:var(--ds-color-ink-muted)}.tcut-body h3{font-family:var(--ds-font-display-editorial,var(--ds-font-heading));letter-spacing:-.018em;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.15}.tcut-body .desc{color:var(--ds-color-ink-secondary);max-width:60ch;margin:0;font-size:14px;line-height:1.6}.tcut-body .deliverable{color:var(--ds-color-ink-primary);margin:0;font-size:13.5px;line-height:1.55}.tcut-body .deliverable strong{color:var(--ds-color-brand-blue-light);font-weight:600}.tcut-body .lists{grid-template-columns:1fr 1fr;gap:18px;margin-top:4px;display:grid}.tcut-body .lists .col-title{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed var(--ds-color-border);color:var(--ds-color-ink-muted);margin-bottom:8px;padding-bottom:6px;font-size:9.5px}.tcut-body .lists .col.we .col-title{color:var(--ds-color-brand-blue-light)}.tcut-body .lists ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.tcut-body .lists li{color:var(--ds-color-ink-primary);grid-template-columns:12px 1fr;align-items:start;gap:8px;font-size:12.5px;line-height:1.4;display:grid}.tcut-body .lists .col.we li:before{content:"✓";color:var(--ds-color-brand-blue-light);padding-top:1px;font-size:10px;font-weight:700}.tcut-body .lists .col.you li:before{content:"→";color:var(--ds-color-ink-muted);padding-top:1px;font-size:10px}.tcut-body .exit{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.08em;margin-top:8px;font-size:10.5px}.tcut-body .exit:before{content:"↳ ";color:var(--ds-color-ink-muted)}.tcut-glyph{background:linear-gradient(180deg,color-mix(in oklch,var(--ds-color-brand-blue) 8%,var(--ds-surface-base)),var(--ds-surface-base));border:1px solid var(--ds-color-border);border-radius:14px;flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.tcut-glyph .head{font-family:var(--ds-font-mono);letter-spacing:.14em;color:var(--ds-color-ink-muted);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:9.5px;display:flex}.tcut-glyph .head .v{color:var(--ds-color-brand-blue-light)}.tcut-glyph .stage{flex:1;justify-content:stretch;align-items:stretch;min-height:170px;display:flex;position:relative}.g1{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.g1 .anschluss{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.g1 .at{border:1px solid color-mix(in oklch,var(--ds-color-ink-muted) 22%,transparent);background:var(--ds-surface-base);text-align:center;font-family:var(--ds-font-mono);letter-spacing:.1em;color:var(--ds-color-ink-muted);text-transform:uppercase;opacity:.4;border-radius:3px;padding:6px 4px;font-size:8px;animation:8s ease-out infinite g1-at}.g1 .at.active{animation-name:g1-at-on}.g1 .at.a1{animation-delay:.3s}.g1 .at.a2{animation-delay:.7s}.g1 .at.a3{animation-delay:1.1s}.g1 .at.a4{animation-delay:1.5s}@keyframes g1-at{0%,5%{opacity:.4}14%,92%{opacity:.6}to{opacity:.4}}@keyframes g1-at-on{0%,5%{opacity:.4;background:var(--ds-surface-base);color:var(--ds-color-ink-muted);border-color:color-mix(in oklch,var(--ds-color-ink-muted) 22%,transparent)}14%,92%{opacity:1;border-color:var(--ds-color-brand-blue-light);background:color-mix(in oklch,var(--ds-color-brand-blue-light) 10%,var(--ds-surface-base));color:var(--ds-color-ink-primary)}to{opacity:.4}}.g1 .blocks{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);border-radius:3px;flex-direction:column;gap:3px;padding:6px 8px;font-size:8.5px;display:flex}.g1 .blocks .h{letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);margin-bottom:2px;font-size:7.5px}.g1 .blocks .r{justify-content:space-between;display:flex}.g1 .blocks .r .v{color:var(--ds-color-brand-blue-light);font-weight:500}.g1 .providers{grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;display:grid}.g1 .pv{border:1.4px solid color-mix(in oklch,var(--ds-color-ink-muted) 25%,transparent);background:var(--ds-surface-base);font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);text-align:center;letter-spacing:.04em;opacity:.7;border-radius:4px;padding:8px 10px;font-size:8.5px;transition:all .2s}.g1 .pv.choice{animation:8s ease-out infinite g1-pv}.g1 .pv.choice.p1{animation-delay:4s}@keyframes g1-pv{0%,46%{border-color:color-mix(in oklch,var(--ds-color-ink-muted) 25%,transparent);opacity:.7}54%,92%{border-color:var(--ds-color-brand-blue-light);background:color-mix(in oklch,var(--ds-color-brand-blue-light) 10%,var(--ds-surface-base));opacity:1;box-shadow:0 0 0 3px color-mix(in oklch,var(--ds-color-brand-blue-light) 18%,transparent)}to{border-color:color-mix(in oklch,var(--ds-color-ink-muted) 25%,transparent);opacity:.7}}.g2{width:100%;height:100%;padding:2px}.g2 svg{width:100%;height:100%;overflow:visible}.g2 .node{fill:var(--ds-surface-base);stroke:var(--ds-color-brand-blue-light);stroke-width:1.4px;opacity:0;transform-origin:50%;transform-box:fill-box;animation:8s ease-out infinite g2-n}.g2 .node.n1{animation-delay:.4s}.g2 .node.n2{animation-delay:1s}.g2 .node.n3{animation-delay:1.6s}.g2 .node.n4{animation-delay:2.2s}.g2 .node.n5{animation-delay:2.8s}@keyframes g2-n{0%,5%{opacity:0;transform:scale(.85)}14%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.g2 .lbl{font-family:var(--ds-font-mono);letter-spacing:.06em;fill:var(--ds-color-ink-primary);text-anchor:middle;opacity:0;font-size:7.5px;animation:8s ease-out infinite g2-l}.g2 .lbl.l1{animation-delay:.5s}.g2 .lbl.l2{animation-delay:1.1s}.g2 .lbl.l3{animation-delay:1.7s}.g2 .lbl.l4{animation-delay:2.3s}.g2 .lbl.l5{animation-delay:2.9s}@keyframes g2-l{0%,7%{opacity:0}16%,92%{opacity:1}to{opacity:0}}.g2 .edge{stroke:color-mix(in oklch,var(--ds-color-brand-blue-light) 50%,transparent);stroke-width:1.2px;fill:none;stroke-dasharray:60;stroke-dashoffset:60px;animation:8s ease-out infinite g2-e}.g2 .edge.e1{animation-delay:.7s}.g2 .edge.e2{animation-delay:1.3s}.g2 .edge.e3{animation-delay:1.9s}.g2 .edge.e4{animation-delay:2.5s}@keyframes g2-e{0%,9%{stroke-dashoffset:60px}18%,92%{stroke-dashoffset:0}to{stroke-dashoffset:60px}}.g3{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.g3 .devices{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.g3 .dv{background:var(--ds-surface-base);border:1px solid color-mix(in oklch,var(--ds-color-ink-muted) 20%,transparent);font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.06em;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:8px;animation:8s ease-out infinite g3-dv;display:flex;position:relative;overflow:hidden}.g3 .dv .ic{font-size:14px;line-height:1}.g3 .dv .nm{letter-spacing:.08em;font-size:7px}.g3 .dv:after{content:"✓";color:var(--ds-color-success);opacity:0;font-size:9px;font-weight:700;animation:8s ease-out infinite g3-ck;position:absolute;top:3px;right:3px}.g3 .dv:first-child:after{animation-delay:.6s}.g3 .dv:nth-child(2):after{animation-delay:.9s}.g3 .dv:nth-child(3):after{animation-delay:1.2s}.g3 .dv:nth-child(4):after{animation-delay:1.5s}.g3 .dv:nth-child(5):after{animation-delay:1.8s}.g3 .dv:nth-child(6):after{animation-delay:2.1s}.g3 .dv:nth-child(7):after{animation-delay:2.4s}.g3 .dv:nth-child(8):after{animation-delay:2.7s}@keyframes g3-dv{0%,5%{border-color:color-mix(in oklch,var(--ds-color-ink-muted) 20%,transparent)}16%,92%{border-color:color-mix(in oklch,var(--ds-color-success) 30%,transparent)}to{border-color:color-mix(in oklch,var(--ds-color-ink-muted) 20%,transparent)}}@keyframes g3-ck{0%,7%{opacity:0;transform:scale(.5)}16%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.g3 .emerg{border:1.4px solid var(--ds-color-brand-red);background:color-mix(in oklch,var(--ds-color-brand-red) 8%,transparent);font-family:var(--ds-font-mono);color:var(--ds-color-brand-red);letter-spacing:.08em;opacity:0;border-radius:3px;justify-content:space-between;align-items:center;padding:7px 12px;font-size:9px;animation:8s ease-out 3.2s infinite g3-em;display:flex}.g3 .emerg:before{content:"⚠ ";font-size:11px}.g3 .emerg .ok{color:var(--ds-color-success);font-weight:600}@keyframes g3-em{0%,38%{opacity:0;transform:translateY(4px)}46%,92%{opacity:1;transform:translateY(0)}to{opacity:0}}.g4{grid-template-columns:1fr 1fr;gap:8px;width:100%;height:100%;padding:2px;display:grid}.g4 .pad{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-radius:4px;grid-template-rows:auto repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:3px;padding:6px;display:grid}.g4 .pad .display{background:color-mix(in oklch,var(--ds-color-brand-blue-light) 8%,transparent);font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);text-align:center;letter-spacing:.06em;white-space:nowrap;border-radius:2px;grid-column:1/-1;padding:5px 8px;font-size:10px;overflow:hidden}.g4 .pad .display .typ{vertical-align:bottom;white-space:nowrap;max-width:0;animation:6s steps(14,end) infinite g4-typ;display:inline-block;overflow:hidden}@keyframes g4-typ{0%,8%{max-width:0}38%{max-width:100%}82%{max-width:100%}88%,to{max-width:0}}.g4 .pad .k{background:color-mix(in oklch,var(--ds-color-ink-muted) 8%,transparent);border:1px solid color-mix(in oklch,var(--ds-color-ink-muted) 18%,transparent);text-align:center;font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);border-radius:2px;padding:5px 0;font-size:9px;font-weight:500}.g4 .res{flex-direction:column;gap:5px;padding:6px;display:flex}.g4 .res .h{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);margin-bottom:2px;font-size:7.5px}.g4 .res .row{background:var(--ds-surface-base);border:1px solid color-mix(in oklch,var(--ds-color-ink-muted) 18%,transparent);font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);opacity:0;border-radius:2px;grid-template-columns:1fr 20px;align-items:center;gap:6px;padding:4px 6px;font-size:8px;animation:6s ease-out infinite g4-row;display:grid}.g4 .res .row .ic{color:var(--ds-color-success);text-align:right;font-weight:700}.g4 .res .row.r1{animation-delay:2.4s}.g4 .res .row.r2{animation-delay:3s}.g4 .res .row.r3{animation-delay:3.6s}@keyframes g4-row{0%,30%{opacity:0;transform:translate(-4px)}40%,92%{opacity:1;transform:translate(0)}to{opacity:0}}.g5{flex-direction:column;gap:5px;width:100%;height:100%;padding:2px;display:flex}.g5 .port{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);font-family:var(--ds-font-mono);border-radius:3px;grid-template-columns:90px 1fr 60px;align-items:center;gap:8px;padding:5px 8px;font-size:8.5px;display:grid}.g5 .port .num{color:var(--ds-color-ink-primary);letter-spacing:.04em}.g5 .port .track{background:color-mix(in oklch,var(--ds-color-ink-muted) 14%,transparent);border-radius:2px;height:4px;position:relative;overflow:hidden}.g5 .port .track:before{content:"";background:linear-gradient(90deg,color-mix(in oklch,var(--ds-color-ink-muted) 40%,transparent),var(--ds-color-success));transform-origin:0;animation:8s ease-out infinite g5-p;position:absolute;inset:0;transform:scaleX(0)}.g5 .port.p1 .track:before{animation-delay:.4s}.g5 .port.p2 .track:before{animation-delay:1.1s}.g5 .port.p3 .track:before{animation-delay:1.8s}.g5 .port.p4 .track:before{animation-delay:2.5s}.g5 .port.p5 .track:before{animation-delay:3.2s}@keyframes g5-p{0%,6%{transform:scaleX(0)}20%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}.g5 .port .st{text-align:right;color:var(--ds-color-ink-muted);letter-spacing:.06em}.g5 .port .st:after{content:"alt";color:var(--ds-color-brand-red);animation:8s step-end infinite g5-st}.g5 .port.p1 .st:after{animation-delay:.4s}.g5 .port.p2 .st:after{animation-delay:1.1s}.g5 .port.p3 .st:after{animation-delay:1.8s}.g5 .port.p4 .st:after{animation-delay:2.5s}.g5 .port.p5 .st:after{animation-delay:3.2s}@keyframes g5-st{0%,19%{content:"alt";color:var(--ds-color-brand-red)}20%,to{content:"✓ neu";color:var(--ds-color-success)}}.g6{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.g6 .kpis{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.g6 .kpi{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);font-family:var(--ds-font-mono);border-radius:3px;padding:6px 8px}.g6 .kpi .k{letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);margin-bottom:2px;font-size:7px}.g6 .kpi .v{color:var(--ds-color-success);font-feature-settings:"tnum";font-size:12px;font-weight:500}.g6 .log{border:1px solid color-mix(in oklch,var(--ds-color-brand-blue-light) 25%,transparent);font-family:var(--ds-font-mono);color:color-mix(in oklch,var(--ds-color-brand-blue-light) 70%,transparent);background:#0b0e16;border-radius:3px;flex:1;padding:6px 8px;font-size:7.5px;line-height:1.6;overflow:hidden}.g6 .log .ln{white-space:nowrap;text-overflow:ellipsis;opacity:0;animation:8s ease-out infinite g6-ln;overflow:hidden}.g6 .log .ln.l1{animation-delay:.4s}.g6 .log .ln.l2{animation-delay:.9s}.g6 .log .ln.l3{animation-delay:1.4s}.g6 .log .ln.l4{color:var(--ds-color-success);animation-delay:2s}.g6 .log .ln.l5{color:var(--ds-color-success);animation-delay:2.6s}@keyframes g6-ln{0%,5%{opacity:0;transform:translate(-4px)}11%,92%{opacity:1;transform:translate(0)}to{opacity:0}}@media (max-width:1100px){.tcut-phase{grid-template-columns:56px 1fr}.tcut-phase .tcut-glyph{grid-column:1/-1;min-height:200px}}@media (max-width:640px){.tcut-body .lists{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tcut-phase{transition:none}.tcut-phase:hover{transform:none}.g1 .at,.g1 .pv.choice,.g2 .node,.g2 .lbl,.g2 .edge,.g3 .dv,.g3 .dv:after,.g3 .emerg,.g4 .pad .display .typ,.g4 .res .row,.g5 .port .track:before,.g5 .port .st:after,.g6 .log .ln{animation:none!important}.g1 .at{opacity:.6}.g1 .at.active{opacity:1;border-color:var(--ds-color-brand-blue-light);background:color-mix(in oklch,var(--ds-color-brand-blue-light) 10%,var(--ds-surface-base));color:var(--ds-color-ink-primary)}.g1 .pv.choice{opacity:1;border-color:var(--ds-color-brand-blue-light);background:color-mix(in oklch,var(--ds-color-brand-blue-light) 10%,var(--ds-surface-base))}.g2 .node,.g2 .lbl{opacity:1;transform:scale(1)}.g2 .edge{stroke-dashoffset:0}.g3 .dv{border-color:color-mix(in oklch,var(--ds-color-success) 30%,transparent)}.g3 .dv:after{opacity:1;transform:scale(1)}.g3 .emerg{opacity:1}.g4 .pad .display .typ{max-width:100%}.g4 .res .row{opacity:1;transform:translate(0)}.g5 .port .track:before{transform:scaleX(1)}.g5 .port .st:after{content:"✓ neu";color:var(--ds-color-success)}.g6 .log .ln{opacity:1;transform:translate(0)}}
.wph-section{box-sizing:content-box;max-width:var(--ds-wrap-max);margin:0 auto;padding:clamp(56px,6vw,96px) clamp(20px,4vw,32px)}.wph-head{border-bottom:1px solid var(--ds-color-border);flex-direction:column;gap:14px;margin-bottom:28px;padding:0 0 28px;display:flex}.wph-head .eyebrow{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:inline-flex}.wph-head .eyebrow:before{content:"▸"}.wph-head .eyebrow .sep{color:var(--ds-color-ink-muted)}.wph-head h2{font-family:var(--ds-font-display-editorial);letter-spacing:-.022em;max-width:32ch;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.04}.wph-head .lede{color:var(--ds-color-ink-secondary);max-width:72ch;margin:0;font-size:16px;line-height:1.6}.wph-stack{flex-direction:column;gap:18px;display:flex;position:relative}.wph-stack:before{content:"";background:linear-gradient(180deg, var(--ds-color-brand-blue-light) 0%, var(--ds-color-brand-blue-light) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 100%);z-index:0;width:2px;position:absolute;top:60px;bottom:60px;left:38px}.wph-phase{z-index:1;background:var(--ds-surface-50);border:1px solid var(--ds-color-border);border-radius:18px;grid-template-columns:76px 1fr 320px;align-items:stretch;gap:28px;padding:28px 32px 28px 12px;transition:border-color .24s,transform .24s;display:grid;position:relative}.wph-phase:hover{border-color:var(--ds-color-brand-blue-light);transform:translate(2px)}.wph-num{flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.wph-num .badge{background:var(--ds-surface-base);border:2px solid var(--ds-color-brand-blue-light);width:52px;height:52px;color:var(--ds-color-brand-blue-light);font-family:var(--ds-font-display-editorial);box-shadow:0 0 0 4px color-mix(in oklch, var(--ds-color-brand-blue-light) 15%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.wph-num .lbl{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ds-color-ink-muted);text-align:center;font-size:8px}.wph-body{flex-direction:column;gap:14px;display:flex}.wph-body .header{flex-direction:column;gap:4px;display:flex}.wph-body .meta{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:inline-flex}.wph-body .meta .dur{color:var(--ds-color-ink-muted)}.wph-body h3{font-family:var(--ds-font-display-editorial);letter-spacing:-.018em;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.15}.wph-body .desc{color:var(--ds-color-ink-secondary);max-width:60ch;margin:0;font-size:14px;line-height:1.6}.wph-body .deliverable{color:var(--ds-color-ink-primary);margin:0;font-size:13.5px;line-height:1.55}.wph-body .deliverable strong{color:var(--ds-color-brand-blue-light);font-weight:600}.wph-body .lists{grid-template-columns:1fr 1fr;gap:18px;margin-top:4px;display:grid}.wph-body .lists .col-title{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed var(--ds-color-border);color:var(--ds-color-ink-muted);margin-bottom:8px;padding-bottom:6px;font-size:9.5px}.wph-body .lists .col.we .col-title{color:var(--ds-color-brand-blue-light)}.wph-body .lists ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.wph-body .lists li{color:var(--ds-color-ink-primary);grid-template-columns:12px 1fr;align-items:start;gap:8px;font-size:12.5px;line-height:1.4;display:grid}.wph-body .lists .col.we li:before{content:"✓";color:var(--ds-color-brand-blue-light);padding-top:1px;font-size:10px;font-weight:700}.wph-body .lists .col.you li:before{content:"→";color:var(--ds-color-ink-muted);padding-top:1px;font-size:10px}.wph-body .exit{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.08em;margin-top:8px;font-size:10.5px}.wph-body .exit:before{content:"↳ ";color:var(--ds-color-ink-muted)}.wph-glyph{background:linear-gradient(180deg, color-mix(in oklch, var(--ds-color-brand-blue) 8%, var(--ds-surface-base)), var(--ds-surface-base));border:1px solid var(--ds-color-border);border-radius:14px;flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.wph-glyph .head{font-family:var(--ds-font-mono);letter-spacing:.14em;color:var(--ds-color-ink-muted);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:9.5px;display:flex}.wph-glyph .head .v{color:var(--ds-color-brand-blue-light)}.wph-glyph .stage{flex:1;justify-content:stretch;align-items:stretch;min-height:170px;display:flex;position:relative}.gly1{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly1 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly1 .row{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--ds-color-ink-muted) 20%, transparent);font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.04em;opacity:0;border-radius:3px;grid-template-columns:14px 1fr 30px;align-items:center;gap:8px;padding:4px 8px;font-size:9.5px;animation:8s ease-out infinite gly1-row;display:grid;transform:translate(-4px)}.gly1 .row .ic{background:color-mix(in oklch, var(--ds-color-success) 22%, transparent);border:1px solid var(--ds-color-success);width:12px;height:12px;color:var(--ds-color-success);border-radius:2px;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.gly1 .row .ic:before{content:"✓"}.gly1 .row .v{color:var(--ds-color-success);text-align:right;letter-spacing:.08em;font-size:8px}.gly1 .row.r1{animation-delay:.4s}.gly1 .row.r2{animation-delay:1s}.gly1 .row.r3{animation-delay:1.6s}.gly1 .row.r4{animation-delay:2.2s}.gly1 .row.r5{animation-delay:2.8s}.gly1 .row.r6{animation-delay:3.4s}@keyframes gly1-row{0%,5%{opacity:0;transform:translate(-4px)}14%,88%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-2px)}}.gly1 .ft{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;justify-content:space-between;margin-top:auto;padding-top:6px;font-size:8px;display:flex}.gly1 .ft .ok{color:var(--ds-color-success)}.gly2{width:100%;height:100%;padding:2px}.gly2 svg{width:100%;height:100%;overflow:visible}.gly2 .node{fill:var(--ds-surface-base);stroke:var(--ds-color-brand-blue-light);stroke-width:1.4px;opacity:0;transform-origin:50%;transform-box:fill-box;animation:8s ease-out infinite gly2-node}.gly2 .node.n1{animation-delay:.4s}.gly2 .node.n2{animation-delay:1.1s}.gly2 .node.n3{animation-delay:1.7s}.gly2 .node.n4{animation-delay:2.3s}.gly2 .node.n5{animation-delay:2.8s}.gly2 .node.n6{animation-delay:3.3s}.gly2 .node.n7{animation-delay:3.8s}@keyframes gly2-node{0%,5%{opacity:0;transform:scale(.7)}14%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.gly2 .lbl{font-family:var(--ds-font-mono);letter-spacing:.04em;fill:var(--ds-color-ink-primary);text-anchor:middle;opacity:0;font-size:7.5px;animation:8s ease-out infinite gly2-lbl}.gly2 .lbl.l1{animation-delay:.5s}.gly2 .lbl.l2{animation-delay:1.2s}.gly2 .lbl.l3{animation-delay:1.8s}.gly2 .lbl.l4{animation-delay:2.4s}.gly2 .lbl.l5{animation-delay:2.9s}.gly2 .lbl.l6{animation-delay:3.4s}.gly2 .lbl.l7{animation-delay:3.9s}@keyframes gly2-lbl{0%,7%{opacity:0}16%,92%{opacity:1}to{opacity:0}}.gly2 .edge{fill:none;stroke:color-mix(in oklch, var(--ds-color-brand-blue-light) 50%, transparent);stroke-width:1.2px;stroke-dasharray:60;stroke-dashoffset:60px;animation:8s ease-out infinite gly2-edge}.gly2 .edge.e1{animation-delay:.7s}.gly2 .edge.e2{animation-delay:1.4s}.gly2 .edge.e3{animation-delay:2s}.gly2 .edge.e4{animation-delay:2.6s}.gly2 .edge.e5{animation-delay:3.2s}.gly2 .edge.e6{animation-delay:3.7s}@keyframes gly2-edge{0%,9%{stroke-dashoffset:60px}20%,92%{stroke-dashoffset:0}to{stroke-dashoffset:60px}}.gly3{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly3 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly3 .options{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gly3 .opt{border:1px solid color-mix(in oklch, var(--ds-color-ink-muted) 22%, transparent);background:var(--ds-surface-base);opacity:.65;border-radius:4px;flex-direction:column;gap:4px;padding:8px 6px 6px;transition:all .3s;animation:8s ease-out infinite gly3-opt;display:flex;position:relative}.gly3 .opt.choice{animation-name:gly3-opt-on}.gly3 .opt .name{font-family:var(--ds-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-color-ink-secondary);text-align:center;font-size:8px;font-weight:700}.gly3 .opt .lines{flex-direction:column;gap:3px;padding:0 4px;display:flex}.gly3 .opt .lines span{background:color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent);border-radius:1px;height:2px}.gly3 .opt .lines span:first-child{width:100%}.gly3 .opt .lines span:nth-child(2){width:70%}.gly3 .opt .lines span:nth-child(3){width:85%}.gly3 .opt.o1{animation-delay:.4s}.gly3 .opt.o2{animation-delay:.9s}.gly3 .opt.o3{animation-delay:1.4s}@keyframes gly3-opt{0%,5%{opacity:0;transform:translateY(4px)}16%{opacity:.65;transform:translateY(0)}42%{opacity:.4}60%,88%{opacity:.4}to{opacity:0}}@keyframes gly3-opt-on{0%,5%{opacity:0;border-color:color-mix(in oklch, var(--ds-color-ink-muted) 22%, transparent);background:var(--ds-surface-base);transform:translateY(4px)}16%{opacity:.65;transform:translateY(0)}42%{opacity:1;border-color:var(--ds-color-brand-blue-light);background:color-mix(in oklch, var(--ds-color-brand-blue-light) 14%, var(--ds-surface-base));box-shadow:0 0 0 3px color-mix(in oklch, var(--ds-color-brand-blue-light) 18%, transparent);transform:scale(1.04)}60%,88%{opacity:1;border-color:var(--ds-color-brand-blue-light);background:color-mix(in oklch, var(--ds-color-brand-blue-light) 14%, var(--ds-surface-base));box-shadow:0 0 0 3px color-mix(in oklch, var(--ds-color-brand-blue-light) 18%, transparent);transform:scale(1)}to{opacity:0;box-shadow:none}}.gly3 .opt.choice .name{color:var(--ds-color-brand-blue-light)}.gly3 .opt.choice .lines span{background:var(--ds-color-brand-blue-light)}.gly3 .opt .pick{background:var(--ds-color-success);width:16px;height:16px;color:var(--ds-surface-base);font-family:var(--ds-font-mono);opacity:0;box-shadow:0 2px 8px color-mix(in oklch, var(--ds-color-success) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;animation:8s ease-out 3s infinite gly3-pick;display:flex;position:absolute;top:-6px;right:-6px;transform:scale(0)}.gly3 .opt.choice .pick:before{content:"✓"}@keyframes gly3-pick{0%,36%{opacity:0;transform:scale(0)}44%{opacity:1;transform:scale(1.2)}52%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.gly4{grid-template-columns:1fr 24px 1fr;align-items:center;gap:6px;width:100%;height:100%;padding:2px;display:grid}.gly4 .label{font-family:var(--ds-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px;position:absolute;top:4px}.gly4 .browser{aspect-ratio:4/3;background:var(--ds-surface-base);border:1.4px solid color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent);border-radius:4px;flex-direction:column;width:100%;max-height:130px;display:flex;position:relative;overflow:hidden}.gly4 .browser.new{border-color:var(--ds-color-success);box-shadow:0 0 16px color-mix(in oklch, var(--ds-color-success) 28%, transparent);opacity:0;animation:6s ease-out .8s infinite gly4-new}@keyframes gly4-new{0%,12%{opacity:0;transform:scale(.94)}22%,88%{opacity:1;transform:scale(1)}to{opacity:1}}.gly4 .browser.old{animation:6s ease-out 2.4s infinite gly4-old}@keyframes gly4-old{0%,36%{opacity:1;filter:none}56%,88%{opacity:.35;filter:saturate(.4)}to{opacity:.35}}.gly4 .browser .chrome{background:color-mix(in oklch, var(--ds-color-ink-muted) 12%, transparent);border-bottom:1px solid var(--ds-color-border);gap:3px;padding:4px 6px;display:flex}.gly4 .browser.new .chrome{background:color-mix(in oklch, var(--ds-color-success) 12%, transparent)}.gly4 .browser .chrome .dot{background:var(--ds-color-ink-muted);border-radius:50%;width:4px;height:4px}.gly4 .browser .content{flex-direction:column;flex:1;justify-content:center;gap:3px;padding:6px 8px;display:flex}.gly4 .browser .content .l{background:color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent);border-radius:2px;height:2.5px}.gly4 .browser.new .content .l{background:color-mix(in oklch, var(--ds-color-success) 35%, transparent)}.gly4 .browser .content .l:first-child{width:90%}.gly4 .browser .content .l:nth-child(2){width:70%}.gly4 .browser .content .l:nth-child(3){width:85%}.gly4 .browser .content .l:nth-child(4){width:55%}.gly4 .arrow{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);opacity:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;animation:6s ease-in-out 1.2s infinite gly4-arrow;display:flex}@keyframes gly4-arrow{0%,18%{opacity:0;transform:translate(-4px)}30%,72%{opacity:1;transform:translate(0)}84%,to{opacity:0;transform:translate(4px)}}.gly5{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly5 .dns-row{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.04em;border-radius:3px;grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;padding:6px 8px;font-size:8px;display:grid}.gly5 .dns-row .from{color:var(--ds-color-brand-red);text-align:center}.gly5 .dns-row .to{color:var(--ds-color-success);text-align:center}.gly5 .dns-row .arr{color:var(--ds-color-brand-blue-light);text-align:center;font-size:11px;font-weight:700}.gly5 .ssl{background:color-mix(in oklch, var(--ds-color-success) 14%, transparent);border:1px solid var(--ds-color-success);font-family:var(--ds-font-mono);color:var(--ds-color-success);letter-spacing:.08em;opacity:0;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-size:9px;font-weight:600;animation:7s ease-out 1.6s infinite gly5-ssl;display:inline-flex;transform:scale(.7)}.gly5 .ssl:before{content:"🔒";filter:grayscale(0);font-size:10px}@keyframes gly5-ssl{0%,18%{opacity:0;transform:scale(.7)}28%{opacity:1;transform:scale(1.15)}36%,88%{opacity:1;transform:scale(1)}to{opacity:0}}.gly5 .monitor{border:1px solid color-mix(in oklch, var(--ds-color-brand-blue-light) 25%, transparent);font-family:var(--ds-font-mono);color:color-mix(in oklch, var(--ds-color-brand-blue-light) 70%, transparent);background:#0b0e16;border-radius:3px;flex:1;padding:6px 10px;font-size:7.5px;line-height:1.6;overflow:hidden}.gly5 .monitor .ln{opacity:0;animation:7s ease-out infinite gly5-ln}.gly5 .monitor .ln.l1{animation-delay:2.4s}.gly5 .monitor .ln.l2{animation-delay:2.9s}.gly5 .monitor .ln.l3{color:var(--ds-color-success);animation-delay:3.4s}.gly5 .monitor .ln.l4{color:var(--ds-color-success);animation-delay:3.9s}@keyframes gly5-ln{0%,28%{opacity:0;transform:translate(-3px)}38%,88%{opacity:1;transform:translate(0)}to{opacity:0}}@media (max-width:1100px){.wph-phase{grid-template-columns:56px 1fr}.wph-phase .wph-glyph{grid-column:1/-1;min-height:200px}}@media (max-width:640px){.wph-body .lists{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wph-phase{transition:none}.wph-phase:hover{transform:none}.gly1 .row,.gly2 .node,.gly2 .lbl,.gly2 .edge,.gly3 .opt,.gly3 .opt .pick,.gly4 .browser.new,.gly4 .browser.old,.gly4 .arrow,.gly5 .ssl,.gly5 .monitor .ln{animation:none!important}.gly1 .row{opacity:1;transform:none}.gly2 .node,.gly2 .lbl{opacity:1;transform:scale(1)}.gly2 .edge{stroke-dashoffset:0}.gly3 .opt{opacity:.4}.gly3 .opt.choice{opacity:1;border-color:var(--ds-color-brand-blue-light);background:color-mix(in oklch, var(--ds-color-brand-blue-light) 14%, var(--ds-surface-base))}.gly3 .opt.choice .pick,.gly4 .browser.new{opacity:1;transform:scale(1)}.gly4 .browser.old{opacity:.35;filter:saturate(.4)}.gly4 .arrow{opacity:1;transform:translate(0)}.gly5 .ssl{opacity:1;transform:scale(1)}.gly5 .monitor .ln{opacity:1;transform:translate(0)}}
.nwp-section{box-sizing:content-box;max-width:var(--ds-wrap-max);margin:0 auto;padding:clamp(56px,6vw,96px) clamp(20px,4vw,32px)}.nwp-head{border-bottom:1px solid var(--ds-color-border);flex-direction:column;gap:14px;margin-bottom:28px;padding:0 0 28px;display:flex}.nwp-head .eyebrow{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:inline-flex}.nwp-head .eyebrow:before{content:"▸"}.nwp-head .eyebrow .sep{color:var(--ds-color-ink-muted)}.nwp-head h2{font-family:var(--ds-font-display-editorial);letter-spacing:-.022em;max-width:32ch;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.04}.nwp-head .lede{color:var(--ds-color-ink-secondary);max-width:72ch;margin:0;font-size:16px;line-height:1.6}.nwp-stack{flex-direction:column;gap:18px;display:flex;position:relative}.nwp-stack:before{content:"";background:linear-gradient(180deg, var(--ds-color-brand-blue-light) 0%, var(--ds-color-brand-blue-light) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 100%);z-index:0;width:2px;position:absolute;top:60px;bottom:60px;left:38px}.nwp-phase{z-index:1;background:var(--ds-surface-50);border:1px solid var(--ds-color-border);border-radius:18px;grid-template-columns:76px 1fr 320px;align-items:stretch;gap:28px;padding:28px 32px 28px 12px;transition:border-color .24s,transform .24s;display:grid;position:relative}.nwp-phase:hover{border-color:var(--ds-color-brand-blue-light);transform:translate(2px)}.nwp-num{flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.nwp-num .badge{background:var(--ds-surface-base);border:2px solid var(--ds-color-brand-blue-light);width:52px;height:52px;color:var(--ds-color-brand-blue-light);font-family:var(--ds-font-display-editorial);box-shadow:0 0 0 4px color-mix(in oklch, var(--ds-color-brand-blue-light) 15%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.nwp-num .lbl{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ds-color-ink-muted);text-align:center;font-size:8px}.nwp-body{flex-direction:column;gap:14px;display:flex}.nwp-body .header{flex-direction:column;gap:4px;display:flex}.nwp-body .meta{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:inline-flex}.nwp-body h3{font-family:var(--ds-font-display-editorial);letter-spacing:-.018em;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.15}.nwp-body .desc{color:var(--ds-color-ink-secondary);max-width:60ch;margin:0;font-size:14px;line-height:1.6}.nwp-body .deliverable{color:var(--ds-color-ink-primary);margin:0;font-size:13.5px;line-height:1.55}.nwp-body .deliverable strong{color:var(--ds-color-brand-blue-light);font-weight:600}.nwp-body .lists{grid-template-columns:1fr 1fr;gap:18px;margin-top:4px;display:grid}.nwp-body .lists .col-title{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed var(--ds-color-border);color:var(--ds-color-ink-muted);margin-bottom:8px;padding-bottom:6px;font-size:9.5px}.nwp-body .lists .col.we .col-title{color:var(--ds-color-brand-blue-light)}.nwp-body .lists ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.nwp-body .lists li{color:var(--ds-color-ink-primary);grid-template-columns:12px 1fr;align-items:start;gap:8px;font-size:12.5px;line-height:1.4;display:grid}.nwp-body .lists .col.we li:before{content:"✓";color:var(--ds-color-brand-blue-light);padding-top:1px;font-size:10px;font-weight:700}.nwp-body .lists .col.you li:before{content:"→";color:var(--ds-color-ink-muted);padding-top:1px;font-size:10px}.nwp-body .exit{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.08em;margin-top:8px;font-size:10.5px}.nwp-body .exit:before{content:"↳ ";color:var(--ds-color-ink-muted)}.nwp-glyph{background:linear-gradient(180deg, color-mix(in oklch, var(--ds-color-brand-blue) 8%, var(--ds-surface-base)), var(--ds-surface-base));border:1px solid var(--ds-color-border);border-radius:14px;flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.nwp-glyph .head{font-family:var(--ds-font-mono);letter-spacing:.14em;color:var(--ds-color-ink-muted);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:9.5px;display:flex}.nwp-glyph .head .v{color:var(--ds-color-brand-blue-light)}.nwp-glyph .stage{flex:1;justify-content:stretch;align-items:stretch;min-height:170px;display:flex;position:relative}.gly1{width:100%;height:100%;padding:4px;position:relative}.gly1 svg{width:100%;height:100%;overflow:visible}.gly1 .floor{fill:none;stroke:color-mix(in oklch, var(--ds-color-ink-muted) 40%, transparent);stroke-width:1.2px}.gly1 .wall{stroke:color-mix(in oklch, var(--ds-color-ink-muted) 50%, transparent);stroke-width:1px;stroke-dasharray:3 3}.gly1 .device{fill:color-mix(in oklch, var(--ds-color-brand-blue-light) 22%, var(--ds-surface-base));stroke:var(--ds-color-brand-blue-light);stroke-width:1.4px;opacity:0;transform-origin:50%;transform-box:fill-box;animation:8s ease-out infinite gly1-dev}.gly1 .device.fw{animation-delay:.4s}.gly1 .device.sw1{animation-delay:1s}.gly1 .device.sw2{animation-delay:1.5s}.gly1 .device.ap1{fill:color-mix(in oklch, var(--ds-color-success) 22%, var(--ds-surface-base));stroke:var(--ds-color-success);animation-delay:2s}.gly1 .device.ap2{fill:color-mix(in oklch, var(--ds-color-success) 22%, var(--ds-surface-base));stroke:var(--ds-color-success);animation-delay:2.5s}.gly1 .device.ap3{fill:color-mix(in oklch, var(--ds-color-success) 22%, var(--ds-surface-base));stroke:var(--ds-color-success);animation-delay:3s}@keyframes gly1-dev{0%,5%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.2)}22%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.gly1 .dev-label{font-family:var(--ds-font-mono);letter-spacing:.08em;text-anchor:middle;fill:var(--ds-color-ink-primary);opacity:0;font-size:7px;font-weight:700;animation:8s ease-out infinite gly1-lbl}.gly1 .dev-label.fw{fill:var(--ds-color-brand-blue-light);animation-delay:.5s}.gly1 .dev-label.sw1{fill:var(--ds-color-brand-blue-light);animation-delay:1.1s}.gly1 .dev-label.sw2{fill:var(--ds-color-brand-blue-light);animation-delay:1.6s}.gly1 .dev-label.ap1{fill:var(--ds-color-success);animation-delay:2.1s}.gly1 .dev-label.ap2{fill:var(--ds-color-success);animation-delay:2.6s}.gly1 .dev-label.ap3{fill:var(--ds-color-success);animation-delay:3.1s}@keyframes gly1-lbl{0%,7%{opacity:0}16%,92%{opacity:1}to{opacity:0}}.gly1 .signal{fill:none;stroke:var(--ds-color-success);stroke-width:1px;stroke-dasharray:2 2;opacity:0;animation:8s ease-out infinite gly1-sig}.gly1 .signal.s1{animation-delay:2.2s}.gly1 .signal.s2{animation-delay:2.7s}.gly1 .signal.s3{animation-delay:3.2s}@keyframes gly1-sig{0%,22%{opacity:0}32%,88%{opacity:.5}to{opacity:0}}.gly2{flex-direction:column;gap:5px;width:100%;height:100%;padding:2px;display:flex}.gly2 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly2 .vlan{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--acc,var(--ds-color-brand-blue-light)) 35%, transparent);border-left:3px solid var(--acc,var(--ds-color-brand-blue-light));font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.04em;opacity:0;border-radius:3px;grid-template-columns:60px 1fr 40px;align-items:center;gap:8px;padding:3px 8px;font-size:8.5px;animation:8s ease-out infinite gly2-vlan;display:grid;transform:translate(-6px)}.gly2 .vlan .tag{color:var(--acc);letter-spacing:.1em;text-transform:uppercase;font-size:7.5px;font-weight:700}.gly2 .vlan .net{background:color-mix(in oklch, var(--acc) 50%, transparent);border-radius:2px;height:3px}.gly2 .vlan .id{text-align:right;color:var(--ds-color-ink-muted);font-size:7.5px}.gly2 .vlan.v1{--acc:var(--ds-color-brand-blue-light);animation-delay:.4s}.gly2 .vlan.v2{--acc:var(--ds-color-warning);animation-delay:.8s}.gly2 .vlan.v3{--acc:var(--ds-color-success);animation-delay:1.2s}.gly2 .vlan.v4{--acc:#c084fc;animation-delay:1.6s}.gly2 .vlan.v5{--acc:#2dd4bf;animation-delay:2s}.gly2 .vlan.v6{--acc:#fb923c;animation-delay:2.4s}@keyframes gly2-vlan{0%,5%{opacity:0;transform:translate(-6px)}14%,92%{opacity:1;transform:translate(0)}to{opacity:0}}.gly3{flex-direction:column;gap:8px;width:100%;height:100%;padding:4px;display:flex}.gly3 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly3 .stack{flex:1;grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;display:grid}.gly3 .device{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);opacity:0;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;animation:7s ease-out infinite gly3-dev;display:flex;position:relative}.gly3 .device .icon{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);font-size:16px}.gly3 .device .name{font-family:var(--ds-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-color-ink-secondary);font-size:7.5px;font-weight:700}.gly3 .device.d1{animation-delay:.4s}.gly3 .device.d2{animation-delay:.9s}.gly3 .device.d3{animation-delay:1.4s}@keyframes gly3-dev{0%,5%{opacity:0;transform:translateY(4px)scale(.9)}18%,88%{opacity:1;border-color:var(--ds-color-brand-blue-light);transform:translateY(0)scale(1)}to{opacity:0}}.gly3 .device .label{background:var(--ds-color-warning);color:var(--ds-surface-base);font-family:var(--ds-font-mono);letter-spacing:.1em;opacity:0;border-radius:2px;padding:2px 6px;font-size:6.5px;font-weight:700;animation:7s ease-out infinite gly3-lbl;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.gly3 .device.d1 .label{animation-delay:1.8s}.gly3 .device.d2 .label{animation-delay:2.2s}.gly3 .device.d3 .label{animation-delay:2.6s}@keyframes gly3-lbl{0%,22%{opacity:0;transform:translate(-50%,-3px)}32%,88%{opacity:1;transform:translate(-50%)}to{opacity:0}}.gly3 .device .ready{background:var(--ds-color-success);width:16px;height:16px;color:var(--ds-surface-base);opacity:0;box-shadow:0 2px 6px color-mix(in oklch, var(--ds-color-success) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;animation:7s ease-out infinite gly3-ready;display:flex;position:absolute;top:-8px;right:-6px;transform:scale(0)}.gly3 .device.d1 .ready:before,.gly3 .device.d2 .ready:before,.gly3 .device.d3 .ready:before{content:"✓"}.gly3 .device.d1 .ready{animation-delay:3s}.gly3 .device.d2 .ready{animation-delay:3.4s}.gly3 .device.d3 .ready{animation-delay:3.8s}@keyframes gly3-ready{0%,38%{opacity:0;transform:scale(0)}46%{opacity:1;transform:scale(1.2)}54%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.gly3 .ft{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;justify-content:space-between;margin-top:auto;padding-top:4px;font-size:8px;display:flex}.gly3 .ft .ok{color:var(--ds-color-success)}.gly4{width:100%;height:100%;padding:4px;position:relative}.gly4 svg{width:100%;height:100%;overflow:visible}.gly4 .ap{fill:color-mix(in oklch, var(--ds-color-brand-blue-light) 22%, var(--ds-surface-base));stroke:var(--ds-color-brand-blue-light);stroke-width:1.4px}.gly4 .wave{fill:none;stroke:var(--ds-color-brand-blue-light);stroke-width:1.2px;opacity:0;animation:3s ease-out infinite gly4-wave}.gly4 .wave.w1{animation-delay:0s}.gly4 .wave.w2{animation-delay:1s}.gly4 .wave.w3{animation-delay:2s}@keyframes gly4-wave{0%{opacity:0;r:12}15%{opacity:.7}to{opacity:0;r:90}}.gly4 .test-device{fill:var(--ds-surface-base);stroke:var(--ds-color-ink-muted);stroke-width:1.2px;opacity:0;animation:8s ease-out infinite gly4-td}.gly4 .test-device.t1{animation-delay:.6s}.gly4 .test-device.t2{animation-delay:1.2s}.gly4 .test-device.t3{animation-delay:1.8s}.gly4 .test-device.t4{animation-delay:2.4s}@keyframes gly4-td{0%,5%{opacity:0}14%{opacity:1;stroke:var(--ds-color-ink-muted)}28%,88%{opacity:1;stroke:var(--ds-color-success);fill:color-mix(in oklch, var(--ds-color-success) 18%, var(--ds-surface-base))}to{opacity:0}}.gly4 .td-check{font-family:var(--ds-font-mono);fill:var(--ds-color-success);text-anchor:middle;opacity:0;font-size:9px;font-weight:700;animation:8s ease-out infinite gly4-check}.gly4 .td-check.c1{animation-delay:1.1s}.gly4 .td-check.c2{animation-delay:1.7s}.gly4 .td-check.c3{animation-delay:2.3s}.gly4 .td-check.c4{animation-delay:2.9s}@keyframes gly4-check{0%,12%{opacity:0}22%,88%{opacity:1}to{opacity:0}}.gly5{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly5 .plan{background:var(--ds-surface-base);border:1px solid var(--ds-color-brand-blue-light);border-radius:4px;grid-template-columns:1fr 1fr;gap:4px;padding:6px;display:grid}.gly5 .plan .row{font-family:var(--ds-font-mono);color:var(--ds-color-ink-secondary);letter-spacing:.04em;opacity:0;grid-template-columns:12px 1fr;align-items:center;gap:6px;font-size:7.5px;animation:8s ease-out infinite gly5-plan;display:grid}.gly5 .plan .row .ic{background:var(--ds-color-brand-blue-light);border-radius:2px;width:8px;height:8px}.gly5 .plan .row.r1{animation-delay:.4s}.gly5 .plan .row.r2{animation-delay:.7s}.gly5 .plan .row.r3{animation-delay:1s}.gly5 .plan .row.r4{animation-delay:1.3s}@keyframes gly5-plan{0%,5%{opacity:0;transform:translate(-3px)}14%,88%{opacity:1;transform:translate(0)}to{opacity:0}}.gly5 .monitor{border:1px solid color-mix(in oklch, var(--ds-color-success) 28%, transparent);font-family:var(--ds-font-mono);color:color-mix(in oklch, var(--ds-color-success) 70%, white);background:#0b0e16;border-radius:3px;flex:1;padding:6px 10px;font-size:7.5px;line-height:1.6}.gly5 .monitor .ln{opacity:0;animation:8s ease-out infinite gly5-ln}.gly5 .monitor .ln.l1{animation-delay:2.2s}.gly5 .monitor .ln.l2{animation-delay:2.7s}.gly5 .monitor .ln.l3{color:var(--ds-color-success);animation-delay:3.2s}.gly5 .monitor .ln.l4{color:var(--ds-color-success);animation-delay:3.7s}@keyframes gly5-ln{0%,24%{opacity:0;transform:translate(-3px)}34%,88%{opacity:1;transform:translate(0)}to{opacity:0}}@media (max-width:1100px){.nwp-phase{grid-template-columns:56px 1fr}.nwp-phase .nwp-glyph{grid-column:1/-1;min-height:200px}}@media (max-width:640px){.nwp-body .lists{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.nwp-phase{transition:none}.nwp-phase:hover{transform:none}.gly1 .device,.gly1 .dev-label,.gly1 .signal,.gly2 .vlan,.gly3 .device,.gly3 .device .label,.gly3 .device .ready,.gly4 .wave,.gly4 .test-device,.gly4 .td-check,.gly5 .plan .row,.gly5 .monitor .ln{animation:none!important}.gly1 .device,.gly1 .dev-label{opacity:1;transform:scale(1)}.gly1 .signal{opacity:.5}.gly2 .vlan{opacity:1;transform:none}.gly3 .device{opacity:1;border-color:var(--ds-color-brand-blue-light);transform:none}.gly3 .device .label,.gly3 .device .ready{opacity:1;transform:translate(-50%)scale(1)}.gly3 .device .ready{transform:scale(1)}.gly4 .test-device{opacity:1;stroke:var(--ds-color-success);fill:color-mix(in oklch, var(--ds-color-success) 18%, var(--ds-surface-base))}.gly4 .td-check{opacity:1}.gly5 .plan .row,.gly5 .monitor .ln{opacity:1;transform:none}}
.swp-section{box-sizing:content-box;max-width:var(--ds-wrap-max);margin:0 auto;padding:clamp(56px,6vw,96px) clamp(20px,4vw,32px)}.swp-head{border-bottom:1px solid var(--ds-color-border);flex-direction:column;gap:14px;margin-bottom:28px;padding:0 0 28px;display:flex}.swp-head .eyebrow{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:inline-flex}.swp-head .eyebrow:before{content:"▸"}.swp-head .eyebrow .sep{color:var(--ds-color-ink-muted)}.swp-head h2{font-family:var(--ds-font-display-editorial);letter-spacing:-.022em;max-width:32ch;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.04}.swp-head .lede{color:var(--ds-color-ink-secondary);max-width:72ch;margin:0;font-size:16px;line-height:1.6}.swp-stack{flex-direction:column;gap:18px;display:flex;position:relative}.swp-stack:before{content:"";background:linear-gradient(180deg, var(--ds-color-brand-blue-light) 0%, var(--ds-color-brand-blue-light) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 100%);z-index:0;width:2px;position:absolute;top:60px;bottom:60px;left:38px}.swp-phase{z-index:1;background:var(--ds-surface-50);border:1px solid var(--ds-color-border);border-radius:18px;grid-template-columns:76px 1fr 320px;align-items:stretch;gap:28px;padding:28px 32px 28px 12px;transition:border-color .24s,transform .24s;display:grid;position:relative}.swp-phase:hover{border-color:var(--ds-color-brand-blue-light);transform:translate(2px)}.swp-num{flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.swp-num .badge{background:var(--ds-surface-base);border:2px solid var(--ds-color-brand-blue-light);width:52px;height:52px;color:var(--ds-color-brand-blue-light);font-family:var(--ds-font-display-editorial);box-shadow:0 0 0 4px color-mix(in oklch, var(--ds-color-brand-blue-light) 15%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.swp-num .lbl{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ds-color-ink-muted);text-align:center;font-size:8px}.swp-body{flex-direction:column;gap:14px;display:flex}.swp-body .header{flex-direction:column;gap:4px;display:flex}.swp-body .meta{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:inline-flex}.swp-body h3{font-family:var(--ds-font-display-editorial);letter-spacing:-.018em;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.15}.swp-body .desc{color:var(--ds-color-ink-secondary);max-width:60ch;margin:0;font-size:14px;line-height:1.6}.swp-body .deliverable{color:var(--ds-color-ink-primary);margin:0;font-size:13.5px;line-height:1.55}.swp-body .deliverable strong{color:var(--ds-color-brand-blue-light);font-weight:600}.swp-body .lists{grid-template-columns:1fr 1fr;gap:18px;margin-top:4px;display:grid}.swp-body .lists .col-title{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed var(--ds-color-border);color:var(--ds-color-ink-muted);margin-bottom:8px;padding-bottom:6px;font-size:9.5px}.swp-body .lists .col.we .col-title{color:var(--ds-color-brand-blue-light)}.swp-body .lists ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.swp-body .lists li{color:var(--ds-color-ink-primary);grid-template-columns:12px 1fr;align-items:start;gap:8px;font-size:12.5px;line-height:1.4;display:grid}.swp-body .lists .col.we li:before{content:"✓";color:var(--ds-color-brand-blue-light);padding-top:1px;font-size:10px;font-weight:700}.swp-body .lists .col.you li:before{content:"→";color:var(--ds-color-ink-muted);padding-top:1px;font-size:10px}.swp-body .exit{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.08em;margin-top:8px;font-size:10.5px}.swp-body .exit:before{content:"↳ ";color:var(--ds-color-ink-muted)}.swp-glyph{background:linear-gradient(180deg, color-mix(in oklch, var(--ds-color-brand-blue) 8%, var(--ds-surface-base)), var(--ds-surface-base));border:1px solid var(--ds-color-border);border-radius:14px;flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.swp-glyph .head{font-family:var(--ds-font-mono);letter-spacing:.14em;color:var(--ds-color-ink-muted);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:9.5px;display:flex}.swp-glyph .head .v{color:var(--ds-color-brand-blue-light)}.swp-glyph .stage{flex:1;justify-content:stretch;align-items:stretch;min-height:170px;display:flex;position:relative}.gly1{flex-direction:column;gap:5px;width:100%;height:100%;padding:2px;display:flex}.gly1 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly1 .matrix{flex:1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.gly1 .cell{font-family:var(--ds-font-mono);text-align:center;letter-spacing:.06em;opacity:0;border:1px solid;border-radius:3px;padding:6px 4px;font-size:8px;animation:8s ease-out infinite gly1-cell;transform:scale(.85)}.gly1 .cell.in{background:color-mix(in oklch, var(--ds-color-brand-blue) 16%, transparent);border-color:var(--ds-color-brand-blue-light);color:var(--ds-color-brand-blue-light)}.gly1 .cell.out{background:color-mix(in oklch, var(--ds-color-ink-muted) 14%, transparent);border-color:color-mix(in oklch, var(--ds-color-ink-muted) 40%, transparent);color:var(--ds-color-ink-muted)}.gly1 .cell:before{content:"";border-radius:50%;width:4px;height:4px;margin-right:4px;display:inline-block}.gly1 .cell.in:before{background:var(--ds-color-brand-blue-light)}.gly1 .cell.out:before{background:var(--ds-color-ink-muted)}.gly1 .cell.c1{animation-delay:.3s}.gly1 .cell.c2{animation-delay:.6s}.gly1 .cell.c3{animation-delay:.9s}.gly1 .cell.c4{animation-delay:1.2s}.gly1 .cell.c5{animation-delay:1.5s}.gly1 .cell.c6{animation-delay:1.8s}.gly1 .cell.c7{animation-delay:2.1s}.gly1 .cell.c8{animation-delay:2.4s}@keyframes gly1-cell{0%,5%{opacity:0;transform:scale(.85)}14%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.gly1 .legend{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.1em;text-transform:uppercase;border-top:1px dashed var(--ds-color-border);gap:12px;padding-top:4px;font-size:8px;display:flex}.gly1 .legend .l-in{color:var(--ds-color-brand-blue-light)}.gly1 .legend .l-out{color:var(--ds-color-ink-muted)}.gly2{flex-direction:column;gap:4px;width:100%;height:100%;padding:2px;display:flex}.gly2 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly2 .item{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.04em;opacity:0;border-left:3px solid;border-radius:3px;grid-template-columns:60px 1fr 36px;align-items:center;gap:8px;padding:4px 8px;font-size:8.5px;animation:8s ease-out infinite gly2-item;display:grid;transform:translate(-4px)}.gly2 .item.crit{border-left-color:var(--ds-color-brand-red)}.gly2 .item.high{border-left-color:var(--ds-color-warning)}.gly2 .item.med{border-left-color:var(--ds-color-brand-blue-light)}.gly2 .item.low{border-left-color:var(--ds-color-success)}.gly2 .item .lvl{font-family:var(--ds-font-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;border-radius:2px;padding:1px 5px;font-size:7.5px;font-weight:700}.gly2 .item.crit .lvl{background:var(--ds-color-brand-red);color:var(--ds-surface-base)}.gly2 .item.high .lvl{background:var(--ds-color-warning);color:var(--ds-surface-base)}.gly2 .item.med .lvl{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 35%, transparent);color:var(--ds-color-brand-blue-light)}.gly2 .item.low .lvl{background:color-mix(in oklch, var(--ds-color-success) 35%, transparent);color:var(--ds-color-success)}.gly2 .item .bar{background:color-mix(in oklch, var(--ds-color-ink-muted) 18%, transparent);border-radius:2px;height:4px;position:relative;overflow:hidden}.gly2 .item .bar:after{content:"";background:linear-gradient(90deg, var(--lvl-color,var(--ds-color-ink-muted)), transparent);transform-origin:0;animation:8s ease-out infinite gly2-bar;position:absolute;inset:0}.gly2 .item.crit .bar:after{--lvl-color:var(--ds-color-brand-red)}.gly2 .item.high .bar:after{--lvl-color:var(--ds-color-warning)}.gly2 .item.med .bar:after{--lvl-color:var(--ds-color-brand-blue-light)}.gly2 .item.low .bar:after{--lvl-color:var(--ds-color-success)}.gly2 .item .v{text-align:right;color:var(--ds-color-ink-muted);font-size:7.5px}.gly2 .item.i1{animation-delay:.4s}.gly2 .item.i2{animation-delay:.8s}.gly2 .item.i3{animation-delay:1.2s}.gly2 .item.i4{animation-delay:1.6s}.gly2 .item.i5{animation-delay:2s}.gly2 .item.i6{animation-delay:2.4s}.gly2 .item.i1 .bar:after{animation-delay:.5s}.gly2 .item.i2 .bar:after{animation-delay:.9s}.gly2 .item.i3 .bar:after{animation-delay:1.3s}.gly2 .item.i4 .bar:after{animation-delay:1.7s}.gly2 .item.i5 .bar:after{animation-delay:2.1s}.gly2 .item.i6 .bar:after{animation-delay:2.5s}@keyframes gly2-item{0%,5%{opacity:0;transform:translate(-4px)}14%,88%{opacity:1;transform:translate(0)}to{opacity:0}}@keyframes gly2-bar{0%,8%{transform:scaleX(0)}20%{transform:scaleX(var(--w,1))}88%{transform:scaleX(var(--w,1))}to{transform:scaleX(0)}}.gly2 .item.crit .bar:after{--w:.92}.gly2 .item.high .bar:after{--w:.75}.gly2 .item.med .bar:after{--w:.55}.gly2 .item.low .bar:after{--w:.3}.gly3{width:100%;height:100%;padding:4px}.gly3 svg{width:100%;height:100%;overflow:visible}.gly3 .node{fill:var(--ds-surface-base);stroke-width:1.4px;opacity:0;transform-origin:50%;transform-box:fill-box;animation:8s ease-out infinite gly3-node}.gly3 .node.in{stroke:var(--ds-color-brand-blue-light);animation-delay:.4s}.gly3 .node.tri{stroke:var(--ds-color-warning);animation-delay:1.1s}.gly3 .node.eng{stroke:var(--ds-color-success);animation-delay:1.9s}.gly3 .node.esc{stroke:var(--ds-color-brand-red);animation-delay:2.5s}@keyframes gly3-node{0%,5%{opacity:0;transform:scale(.5)}14%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.gly3 .node-lbl{font-family:var(--ds-font-mono);letter-spacing:.06em;text-anchor:middle;opacity:0;font-size:8px;font-weight:700;animation:8s ease-out infinite gly3-lbl}.gly3 .node-lbl.in{fill:var(--ds-color-brand-blue-light);animation-delay:.5s}.gly3 .node-lbl.tri{fill:var(--ds-color-warning);animation-delay:1.2s}.gly3 .node-lbl.eng{fill:var(--ds-color-success);animation-delay:2s}.gly3 .node-lbl.esc{fill:var(--ds-color-brand-red);animation-delay:2.6s}@keyframes gly3-lbl{0%,7%{opacity:0}16%,92%{opacity:1}to{opacity:0}}.gly3 .edge{fill:none;stroke-width:1.4px;stroke-dasharray:70;stroke-dashoffset:70px;animation:8s ease-out infinite gly3-edge}.gly3 .edge.e1{stroke:color-mix(in oklch, var(--ds-color-warning) 60%, transparent);animation-delay:.7s}.gly3 .edge.e2{stroke:color-mix(in oklch, var(--ds-color-success) 60%, transparent);animation-delay:1.5s}.gly3 .edge.e3{stroke:color-mix(in oklch, var(--ds-color-brand-red) 60%, transparent);stroke-dasharray:4 3;animation-delay:2.2s}@keyframes gly3-edge{0%,9%{stroke-dashoffset:70px}20%,88%{stroke-dashoffset:0}to{stroke-dashoffset:70px}}.gly3 .ticket{fill:var(--ds-color-brand-blue-light);opacity:0;animation:8s ease-out .8s infinite gly3-pkt}@keyframes gly3-pkt{0%,9%{opacity:0;cx:30;cy:85}12%{opacity:1}18%{cx:110;cy:85;fill:var(--ds-color-warning)}26%{cx:190;cy:85;fill:var(--ds-color-success)}30%{opacity:0}to{opacity:0}}.gly4{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly4 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly4 .cal{flex:1;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.gly4 .cal .d{aspect-ratio:1;background:var(--ds-surface-base);border:1px solid var(--ds-color-border-soft);font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);border-radius:2px;justify-content:center;align-items:center;font-size:7px;font-weight:600;display:flex;position:relative}.gly4 .cal .d.task{border-color:var(--task-c,var(--ds-color-brand-blue-light));background:color-mix(in oklch, var(--task-c,var(--ds-color-brand-blue-light)) 18%, var(--ds-surface-base));color:var(--task-c,var(--ds-color-brand-blue-light));opacity:0;animation:6s ease-out infinite gly4-task;transform:scale(.7)}.gly4 .cal .d.task.t1{--task-c:var(--ds-color-brand-blue-light);animation-delay:.4s}.gly4 .cal .d.task.t2{--task-c:var(--ds-color-warning);animation-delay:.8s}.gly4 .cal .d.task.t3{--task-c:var(--ds-color-success);animation-delay:1.2s}.gly4 .cal .d.task.t4{--task-c:var(--ds-color-brand-blue-light);animation-delay:1.6s}.gly4 .cal .d.task.t5{--task-c:var(--ds-color-warning);animation-delay:2s}.gly4 .cal .d.task.t6{--task-c:var(--ds-color-success);animation-delay:2.4s}@keyframes gly4-task{0%,5%{opacity:0;transform:scale(.7)}16%{opacity:1;transform:scale(1.15)}24%,88%{opacity:1;transform:scale(1)}to{opacity:0}}.gly4 .legend{font-family:var(--ds-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-color-ink-muted);border-top:1px dashed var(--ds-color-border);gap:10px;padding-top:4px;font-size:7px;display:flex}.gly4 .legend span:before{content:"";vertical-align:middle;border-radius:2px;width:6px;height:6px;margin-right:4px;display:inline-block}.gly4 .legend .patch:before{background:var(--ds-color-brand-blue-light)}.gly4 .legend .backup:before{background:var(--ds-color-warning)}.gly4 .legend .review:before{background:var(--ds-color-success)}.gly5{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly5 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly5 .board{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gly5 .col{background:color-mix(in oklch, var(--col-c,var(--ds-color-ink-muted)) 6%, var(--ds-surface-base));border:1px solid color-mix(in oklch, var(--col-c,var(--ds-color-ink-muted)) 25%, transparent);border-radius:4px;flex-direction:column;gap:4px;padding:5px 4px;display:flex}.gly5 .col.backlog{--col-c:var(--ds-color-ink-muted)}.gly5 .col.progress{--col-c:var(--ds-color-warning)}.gly5 .col.done{--col-c:var(--ds-color-success)}.gly5 .col .col-lbl{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--col-c,var(--ds-color-ink-muted));text-align:center;border-bottom:1px dashed color-mix(in oklch, var(--col-c,var(--ds-color-ink-muted)) 30%, transparent);padding-bottom:3px;font-size:6.5px;font-weight:700}.gly5 .col .card{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--col-c,var(--ds-color-ink-muted)) 40%, transparent);opacity:0;border-radius:2px;height:14px;animation:7s ease-out infinite gly5-card;transform:translateY(4px)}.gly5 .col.backlog .card{animation-delay:.6s}.gly5 .col.backlog .card:nth-child(2){animation-delay:.8s}.gly5 .col.backlog .card:nth-child(3){animation-delay:1s}.gly5 .col.progress .card{animation-delay:1.8s}.gly5 .col.progress .card:nth-child(2){animation-delay:2s}.gly5 .col.done .card{animation-delay:3s}.gly5 .col.done .card:nth-child(2){animation-delay:3.2s}@keyframes gly5-card{0%,7%{opacity:0;transform:translateY(4px)}18%,88%{opacity:1;transform:translateY(0)}to{opacity:0}}.gly5 .ft{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;border-top:1px dashed var(--ds-color-border);justify-content:space-between;padding-top:4px;font-size:8px;display:flex}.gly5 .ft .ok{color:var(--ds-color-success)}@media (max-width:1100px){.swp-phase{grid-template-columns:56px 1fr}.swp-phase .swp-glyph{grid-column:1/-1;min-height:200px}}@media (max-width:640px){.swp-body .lists{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.swp-phase{transition:none}.swp-phase:hover{transform:none}.gly1 .cell,.gly2 .item,.gly2 .item .bar:after,.gly3 .node,.gly3 .node-lbl,.gly3 .edge,.gly3 .ticket,.gly4 .cal .d.task,.gly5 .col .card{animation:none!important}.gly1 .cell{opacity:1;transform:scale(1)}.gly2 .item{opacity:1;transform:none}.gly2 .item .bar:after{transform:scaleX(var(--w,1))}.gly3 .node,.gly3 .node-lbl{opacity:1;transform:scale(1)}.gly3 .edge{stroke-dashoffset:0}.gly4 .cal .d.task{opacity:1;transform:scale(1)}.gly5 .col .card{opacity:1;transform:none}}
.nfp-section{box-sizing:content-box;max-width:var(--ds-wrap-max);margin:0 auto;padding:clamp(56px,6vw,96px) clamp(20px,4vw,32px)}.nfp-head{border-bottom:1px solid var(--ds-color-border);flex-direction:column;gap:14px;margin-bottom:28px;padding:0 0 28px;display:flex}.nfp-head .eyebrow{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:inline-flex}.nfp-head .eyebrow:before{content:"▸"}.nfp-head .eyebrow .sep{color:var(--ds-color-ink-muted)}.nfp-head h2{font-family:var(--ds-font-display-editorial);letter-spacing:-.022em;max-width:32ch;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.04}.nfp-head .lede{color:var(--ds-color-ink-secondary);max-width:72ch;margin:0;font-size:16px;line-height:1.6}.nfp-stack{flex-direction:column;gap:18px;display:flex;position:relative}.nfp-stack:before{content:"";background:linear-gradient(180deg, var(--ds-color-brand-blue-light) 0%, var(--ds-color-brand-blue-light) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 100%);z-index:0;width:2px;position:absolute;top:60px;bottom:60px;left:38px}.nfp-phase{z-index:1;background:var(--ds-surface-50);border:1px solid var(--ds-color-border);border-radius:18px;grid-template-columns:76px 1fr 320px;align-items:stretch;gap:28px;padding:28px 32px 28px 12px;transition:border-color .24s,transform .24s;display:grid;position:relative}.nfp-phase:hover{border-color:var(--ds-color-brand-blue-light);transform:translate(2px)}.nfp-num{flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.nfp-num .badge{background:var(--ds-surface-base);border:2px solid var(--ds-color-brand-blue-light);width:52px;height:52px;color:var(--ds-color-brand-blue-light);font-family:var(--ds-font-display-editorial);box-shadow:0 0 0 4px color-mix(in oklch, var(--ds-color-brand-blue-light) 15%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.nfp-num .lbl{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ds-color-ink-muted);text-align:center;font-size:8px}.nfp-body{flex-direction:column;gap:14px;display:flex}.nfp-body .header{flex-direction:column;gap:4px;display:flex}.nfp-body .meta{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:inline-flex}.nfp-body h3{font-family:var(--ds-font-display-editorial);letter-spacing:-.018em;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.15}.nfp-body .desc{color:var(--ds-color-ink-secondary);max-width:60ch;margin:0;font-size:14px;line-height:1.6}.nfp-body .deliverable{color:var(--ds-color-ink-primary);margin:0;font-size:13.5px;line-height:1.55}.nfp-body .deliverable strong{color:var(--ds-color-brand-blue-light);font-weight:600}.nfp-body .lists{grid-template-columns:1fr 1fr;gap:18px;margin-top:4px;display:grid}.nfp-body .lists .col-title{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed var(--ds-color-border);color:var(--ds-color-ink-muted);margin-bottom:8px;padding-bottom:6px;font-size:9.5px}.nfp-body .lists .col.we .col-title{color:var(--ds-color-brand-blue-light)}.nfp-body .lists ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.nfp-body .lists li{color:var(--ds-color-ink-primary);grid-template-columns:12px 1fr;align-items:start;gap:8px;font-size:12.5px;line-height:1.4;display:grid}.nfp-body .lists .col.we li:before{content:"✓";color:var(--ds-color-brand-blue-light);padding-top:1px;font-size:10px;font-weight:700}.nfp-body .lists .col.you li:before{content:"→";color:var(--ds-color-ink-muted);padding-top:1px;font-size:10px}.nfp-body .exit{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.08em;margin-top:8px;font-size:10.5px}.nfp-body .exit:before{content:"↳ ";color:var(--ds-color-ink-muted)}.nfp-glyph{background:linear-gradient(180deg, color-mix(in oklch, var(--ds-color-brand-blue) 8%, var(--ds-surface-base)), var(--ds-surface-base));border:1px solid var(--ds-color-border);border-radius:14px;flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.nfp-glyph .head{font-family:var(--ds-font-mono);letter-spacing:.14em;color:var(--ds-color-ink-muted);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:9.5px;display:flex}.nfp-glyph .head .v{color:var(--ds-color-brand-blue-light)}.nfp-glyph .stage{flex:1;justify-content:stretch;align-items:stretch;min-height:170px;display:flex;position:relative}.gly1{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly1 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly1 .scope{flex:1;grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.gly1 .field{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-left:2px solid var(--acc,var(--ds-color-brand-blue-light));opacity:0;border-radius:3px;flex-direction:column;gap:2px;padding:5px 8px;animation:8s ease-out infinite gly1-field;display:flex;transform:translateY(4px)}.gly1 .field .k{font-family:var(--ds-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc,var(--ds-color-brand-blue-light));font-size:7px;font-weight:700}.gly1 .field .v{font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.02em;opacity:0;font-size:9.5px;animation:8s ease-out infinite gly1-val}.gly1 .field.f1{--acc:var(--ds-color-brand-blue-light);animation-delay:.3s}.gly1 .field.f2{--acc:var(--ds-color-success);animation-delay:.6s}.gly1 .field.f3{--acc:var(--ds-color-warning);animation-delay:.9s}.gly1 .field.f4{--acc:#c084fc;animation-delay:1.2s}.gly1 .field.f5{--acc:#2dd4bf;animation-delay:1.5s}.gly1 .field.f6{--acc:var(--ds-color-brand-blue-light);animation-delay:1.8s}.gly1 .field.f1 .v{animation-delay:.8s}.gly1 .field.f2 .v{animation-delay:1.1s}.gly1 .field.f3 .v{animation-delay:1.4s}.gly1 .field.f4 .v{animation-delay:1.7s}.gly1 .field.f5 .v{animation-delay:2s}.gly1 .field.f6 .v{animation-delay:2.3s}@keyframes gly1-field{0%,4%{opacity:0;transform:translateY(4px)}14%,88%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes gly1-val{0%,10%{opacity:0}20%,88%{opacity:1}to{opacity:0}}.gly1 .ft{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.08em;border-top:1px dashed var(--ds-color-border);justify-content:space-between;padding-top:4px;font-size:8px;display:flex}.gly1 .ft .ok{color:var(--ds-color-success)}.gly2{flex-direction:column;width:100%;height:100%;padding:2px;display:flex}.gly2 .tenant{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--ds-color-brand-blue-light) 30%, transparent);box-shadow:0 4px 16px color-mix(in oklch, var(--ds-color-brand-blue) 22%, transparent);border-radius:4px;flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex}.gly2 .top{border-bottom:1px dashed color-mix(in oklch, var(--ds-color-brand-blue-light) 24%, transparent);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.gly2 .top .domain{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.04em;opacity:0;align-items:center;gap:5px;font-size:11px;font-weight:700;animation:8s ease-out .3s infinite gly2-domain;display:inline-flex;transform:translate(-4px)}.gly2 .top .domain:before{content:"";background:var(--ds-color-success);width:6px;height:6px;box-shadow:0 0 6px var(--ds-color-success);border-radius:50%}@keyframes gly2-domain{0%,3%{opacity:0;transform:translate(-4px)}10%,92%{opacity:1;transform:translate(0)}to{opacity:0}}.gly2 .top .badge{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;background:color-mix(in oklch, var(--ds-color-brand-blue-light) 18%, transparent);border:1px solid var(--ds-color-brand-blue-light);color:var(--ds-color-brand-blue-light);border-radius:2px;padding:2px 6px;font-size:7px;font-weight:700}.gly2 .records{flex-direction:column;gap:4px;display:flex}.gly2 .records .row{font-family:var(--ds-font-mono);letter-spacing:.04em;opacity:0;grid-template-columns:38px 1fr 14px;align-items:center;gap:8px;font-size:8.5px;animation:8s ease-out infinite gly2-row;display:grid}.gly2 .records .row .type{color:var(--ds-color-brand-blue-light);letter-spacing:.1em;font-size:8px;font-weight:700}.gly2 .records .row .val{color:var(--ds-color-ink-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gly2 .records .row .ic{color:var(--ds-color-success);text-align:center;font-size:9.5px;font-weight:700}.gly2 .records .row .ic:before{content:"✓"}.gly2 .records .row.r1{animation-delay:.9s}.gly2 .records .row.r2{animation-delay:1.3s}.gly2 .records .row.r3{animation-delay:1.7s}.gly2 .records .row.r4{animation-delay:2.1s}@keyframes gly2-row{0%,9%{opacity:0;transform:translate(-3px)}18%,88%{opacity:1;transform:translate(0)}to{opacity:0}}.gly2 .users-row{border-top:1px dashed color-mix(in oklch, var(--ds-color-brand-blue-light) 24%, transparent);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.gly2 .users-row .lbl{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7px;font-weight:700}.gly2 .users-row .users{gap:3px;display:flex}.gly2 .users-row .user{background:linear-gradient(135deg, var(--ds-color-brand-blue), var(--ds-color-brand-blue-light));border:1px solid var(--ds-color-brand-blue-light);opacity:0;border-radius:50%;width:12px;height:12px;animation:8s ease-out infinite gly2-user;transform:scale(0)}.gly2 .users-row .user:first-child{animation-delay:2.5s}.gly2 .users-row .user:nth-child(2){animation-delay:2.6s}.gly2 .users-row .user:nth-child(3){animation-delay:2.7s}.gly2 .users-row .user:nth-child(4){animation-delay:2.8s}.gly2 .users-row .user:nth-child(5){animation-delay:2.9s}.gly2 .users-row .user:nth-child(6){animation-delay:3s}.gly2 .users-row .user:nth-child(7){animation-delay:3.1s}.gly2 .users-row .user:nth-child(8){animation-delay:3.2s}@keyframes gly2-user{0%,28%{opacity:0;transform:scale(0)}38%{opacity:1;transform:scale(1.3)}46%,88%{opacity:1;transform:scale(1)}to{opacity:0}}.gly3{width:100%;height:100%;padding:4px;position:relative}.gly3 svg{width:100%;height:100%;overflow:visible}.gly3 .dev{fill:var(--ds-surface-base);stroke:var(--ds-color-brand-blue-light);stroke-width:1.4px;opacity:0;transform-origin:50%;transform-box:fill-box;animation:8s ease-out infinite gly3-dev}.gly3 .dev.d1{animation-delay:.4s}.gly3 .dev.d2{animation-delay:.8s}.gly3 .dev.d3{animation-delay:1.2s}@keyframes gly3-dev{0%,5%{opacity:0;transform:scale(.6)}14%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.gly3 .dev-lbl{font-family:var(--ds-font-mono);letter-spacing:.08em;text-anchor:middle;fill:var(--ds-color-brand-blue-light);opacity:0;font-size:7px;font-weight:700;animation:8s ease-out infinite gly3-lbl}.gly3 .dev-lbl.d1{animation-delay:.5s}.gly3 .dev-lbl.d2{animation-delay:.9s}.gly3 .dev-lbl.d3{animation-delay:1.3s}@keyframes gly3-lbl{0%,7%{opacity:0}16%,92%{opacity:1}to{opacity:0}}.gly3 .folder{fill:color-mix(in oklch, var(--ds-color-warning) 22%, var(--ds-surface-base));stroke:var(--ds-color-warning);stroke-width:1.2px;opacity:0;animation:8s ease-out 1.8s infinite gly3-dev}.gly3 .folder-tab{fill:var(--ds-color-warning);opacity:0;animation:8s ease-out 1.8s infinite gly3-dev}.gly3 .folder-lbl{fill:var(--ds-color-warning);font-family:var(--ds-font-mono);letter-spacing:.1em;text-anchor:middle;opacity:0;font-size:6.5px;font-weight:700;animation:8s ease-out 1.9s infinite gly3-lbl}.gly3 .shield{fill:color-mix(in oklch, var(--ds-color-success) 22%, var(--ds-surface-base));stroke:var(--ds-color-success);stroke-width:1.6px;opacity:0;transform-origin:50%;transform-box:fill-box;filter:drop-shadow(0 0 6px color-mix(in oklch, var(--ds-color-success) 50%, transparent));animation:8s ease-out 2.8s infinite gly3-shield}@keyframes gly3-shield{0%,32%{opacity:0;transform:scale(.4)}44%{opacity:1;transform:scale(1.2)}52%,88%{opacity:1;transform:scale(1)}to{opacity:0}}.gly3 .shield-check{fill:none;stroke:var(--ds-color-success);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;animation:8s ease-out 3.2s infinite gly3-check}@keyframes gly3-check{0%,38%{stroke-dashoffset:14px}52%,88%{stroke-dashoffset:0}to{stroke-dashoffset:14px}}.gly4{justify-content:center;align-items:center;width:100%;height:100%;padding:4px;display:flex;position:relative}.gly4 .browser{background:var(--ds-surface-base);border:1.4px solid var(--ds-color-brand-blue-light);width:95%;max-width:240px;box-shadow:0 6px 18px color-mix(in oklch, var(--ds-color-brand-blue) 26%, transparent);border-radius:4px;overflow:hidden}.gly4 .browser .chrome{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 12%, transparent);border-bottom:1px solid var(--ds-color-border);align-items:center;gap:4px;padding:5px 8px;display:flex}.gly4 .browser .chrome .dot{background:var(--ds-color-ink-muted);border-radius:50%;width:5px;height:5px}.gly4 .browser .chrome .dot.g{background:var(--ds-color-success)}.gly4 .browser .chrome .url{background:color-mix(in oklch, var(--ds-color-ink-muted) 18%, transparent);border-radius:2px;flex:1;height:7px;margin-left:6px}.gly4 .browser .lock{font-family:var(--ds-font-mono);color:var(--ds-color-success);opacity:0;font-size:9px;animation:7s ease-out 2s infinite gly4-lock}.gly4 .browser .lock:before{content:"🔒"}@keyframes gly4-lock{0%,24%{opacity:0;transform:scale(.6)}34%{opacity:1;transform:scale(1.2)}42%,88%{opacity:1;transform:scale(1)}to{opacity:0}}.gly4 .browser .content{flex-direction:column;gap:6px;padding:12px 14px;display:flex}.gly4 .browser .content .logo{background:linear-gradient(135deg, var(--ds-color-brand-blue), var(--ds-color-brand-blue-light));opacity:0;border-radius:2px;width:32px;height:16px;animation:7s ease-out .3s infinite gly4-block}.gly4 .browser .content .ln{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 30%, transparent);opacity:0;transform-origin:0;border-radius:2px;height:4px;animation:7s ease-out infinite gly4-line;transform:scaleX(0)}.gly4 .browser .content .ln.l1{width:90%;animation-delay:.7s}.gly4 .browser .content .ln.l2{width:70%;animation-delay:1s}.gly4 .browser .content .ln.l3{width:80%;animation-delay:1.3s}@keyframes gly4-line{0%,8%{opacity:0;transform:scaleX(0)}20%,88%{opacity:1;transform:scaleX(1)}to{opacity:0}}@keyframes gly4-block{0%,4%{opacity:0;transform:scale(.7)}16%,88%{opacity:1;transform:scale(1)}to{opacity:0}}.gly4 .browser .content .form{background:color-mix(in oklch, var(--ds-color-success) 8%, transparent);border:1px dashed color-mix(in oklch, var(--ds-color-success) 35%, transparent);opacity:0;border-radius:3px;flex-direction:column;gap:3px;margin-top:4px;padding:6px;animation:7s ease-out 1.6s infinite gly4-form;display:flex}@keyframes gly4-form{0%,20%{opacity:0;transform:translateY(4px)}32%,88%{opacity:1;transform:translateY(0)}to{opacity:0}}.gly4 .browser .content .form .field{background:color-mix(in oklch, var(--ds-color-success) 25%, transparent);border-radius:1px;height:5px}.gly4 .browser .content .form .submit{background:var(--ds-color-success);border-radius:1px;align-self:flex-end;width:30%;height:8px}.gly5{flex-direction:column;width:100%;height:100%;padding:2px;display:flex}.gly5 .package{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--ds-color-brand-blue-light) 30%, transparent);box-shadow:0 4px 16px color-mix(in oklch, var(--ds-color-brand-blue) 22%, transparent);border-radius:4px;flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex;position:relative}.gly5 .package .top{border-bottom:1px dashed color-mix(in oklch, var(--ds-color-brand-blue-light) 24%, transparent);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.gly5 .package .top .name{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.04em;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.gly5 .package .top .name:before{content:"▸";color:var(--ds-color-ink-muted)}.gly5 .package .top .meta{font-family:var(--ds-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly5 .package .files{flex-direction:column;gap:4px;display:flex}.gly5 .package .file{background:color-mix(in oklch, var(--ds-color-ink-muted) 8%, var(--ds-surface-base));border:1px solid var(--ds-color-border-soft);font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.04em;opacity:0;border-radius:2px;grid-template-columns:28px 1fr 36px;align-items:center;gap:8px;padding:4px 8px;font-size:8.5px;animation:8s ease-out infinite gly5-file;display:grid;transform:translate(-3px)}.gly5 .package .file .ext{font-family:var(--ds-font-mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;border-radius:2px;padding:2px 4px;font-size:7px;font-weight:700}.gly5 .package .file .v{color:var(--ds-color-success);text-align:right;letter-spacing:.06em;font-size:7.5px}.gly5 .package .file .v:before{content:"✓ ";font-weight:700}.gly5 .package .file.f1 .ext{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 18%, transparent);color:var(--ds-color-brand-blue-light);border:1px solid color-mix(in oklch, var(--ds-color-brand-blue-light) 35%, transparent)}.gly5 .package .file.f2 .ext{background:color-mix(in oklch, var(--ds-color-warning) 18%, transparent);color:var(--ds-color-warning);border:1px solid color-mix(in oklch, var(--ds-color-warning) 35%, transparent)}.gly5 .package .file.f3 .ext{background:color-mix(in oklch, var(--ds-color-success) 18%, transparent);color:var(--ds-color-success);border:1px solid color-mix(in oklch, var(--ds-color-success) 35%, transparent)}.gly5 .package .file.f4 .ext{color:#c084fc;background:#c084fc2e;background:lab(65.0976% 40.5541 -51.7263/.18);border:1px solid #c084fc59;border:1px solid lab(65.0976% 40.5542 -51.7263/.35)}.gly5 .package .file.f5 .ext{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 18%, transparent);color:var(--ds-color-brand-blue-light);border:1px solid color-mix(in oklch, var(--ds-color-brand-blue-light) 35%, transparent)}.gly5 .package .file.f1{animation-delay:.5s}.gly5 .package .file.f2{animation-delay:.9s}.gly5 .package .file.f3{animation-delay:1.3s}.gly5 .package .file.f4{animation-delay:1.7s}.gly5 .package .file.f5{animation-delay:2.1s}@keyframes gly5-file{0%,5%{opacity:0;transform:translate(-3px)}14%,88%{opacity:1;transform:translate(0)}to{opacity:0}}.gly5 .package .stamp{background:var(--ds-color-success);color:var(--ds-surface-base);font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;box-shadow:0 6px 16px color-mix(in oklch, var(--ds-color-success) 40%, transparent);border-radius:3px;padding:6px 12px;font-size:9px;font-weight:700;animation:8s ease-out 3s infinite gly5-stamp;position:absolute;bottom:-10px;right:-8px;transform:scale(0)rotate(-30deg)}.gly5 .package .stamp:before{content:"✓ "}@keyframes gly5-stamp{0%,50%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.2)rotate(-4deg)}68%,88%{transform:scale(1)rotate(-8deg)}to{transform:scale(0)rotate(-30deg)}}@media (max-width:1100px){.nfp-phase{grid-template-columns:56px 1fr}.nfp-phase .nfp-glyph{grid-column:1/-1;min-height:200px}}@media (max-width:640px){.nfp-body .lists{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.nfp-phase{transition:none}.nfp-phase:hover{transform:none}.gly1 .field,.gly1 .field .v,.gly2 .top .domain,.gly2 .records .row,.gly2 .users-row .user,.gly3 .dev,.gly3 .dev-lbl,.gly3 .folder,.gly3 .folder-tab,.gly3 .folder-lbl,.gly3 .shield,.gly3 .shield-check,.gly4 .browser .content .logo,.gly4 .browser .content .ln,.gly4 .browser .content .form,.gly4 .browser .lock,.gly5 .package .file,.gly5 .package .stamp{animation:none!important}.gly1 .field,.gly1 .field .v,.gly2 .top .domain,.gly2 .records .row,.gly2 .users-row .user,.gly3 .dev,.gly3 .dev-lbl,.gly3 .folder,.gly3 .folder-tab,.gly3 .folder-lbl,.gly3 .shield,.gly4 .browser .content .logo,.gly4 .browser .content .ln,.gly4 .browser .content .form,.gly4 .browser .lock,.gly5 .package .file{opacity:1;transform:none}.gly3 .shield-check{stroke-dashoffset:0}.gly4 .browser .content .ln{transform:scaleX(1)}.gly5 .package .stamp{transform:scale(1)rotate(-8deg)}}
.wcp-section{box-sizing:content-box;max-width:var(--ds-wrap-max);margin:0 auto;padding:clamp(56px,6vw,96px) clamp(20px,4vw,32px)}.wcp-head{border-bottom:1px solid var(--ds-color-border);flex-direction:column;gap:14px;margin-bottom:28px;padding:0 0 28px;display:flex}.wcp-head .eyebrow{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:inline-flex}.wcp-head .eyebrow:before{content:"▸"}.wcp-head .eyebrow .sep{color:var(--ds-color-ink-muted)}.wcp-head h2{font-family:var(--ds-font-display-editorial);letter-spacing:-.022em;max-width:32ch;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.04}.wcp-head .lede{color:var(--ds-color-ink-secondary);max-width:72ch;margin:0;font-size:16px;line-height:1.6}.wcp-stack{flex-direction:column;gap:18px;display:flex;position:relative}.wcp-stack:before{content:"";background:linear-gradient(180deg, var(--ds-color-brand-blue-light) 0%, var(--ds-color-brand-blue-light) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 50%, color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent) 100%);z-index:0;width:2px;position:absolute;top:60px;bottom:60px;left:38px}.wcp-phase{z-index:1;background:var(--ds-surface-50);border:1px solid var(--ds-color-border);border-radius:18px;grid-template-columns:76px 1fr 320px;align-items:stretch;gap:28px;padding:28px 32px 28px 12px;transition:border-color .24s,transform .24s;display:grid;position:relative}.wcp-phase:hover{border-color:var(--ds-color-brand-blue-light);transform:translate(2px)}.wcp-num{flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.wcp-num .badge{background:var(--ds-surface-base);border:2px solid var(--ds-color-brand-blue-light);width:52px;height:52px;color:var(--ds-color-brand-blue-light);font-family:var(--ds-font-display-editorial);box-shadow:0 0 0 4px color-mix(in oklch, var(--ds-color-brand-blue-light) 15%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.wcp-num .lbl{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ds-color-ink-muted);text-align:center;font-size:8px}.wcp-body{flex-direction:column;gap:14px;display:flex}.wcp-body .header{flex-direction:column;gap:4px;display:flex}.wcp-body .meta{font-family:var(--ds-font-mono);letter-spacing:.16em;color:var(--ds-color-brand-blue-light);text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:inline-flex}.wcp-body h3{font-family:var(--ds-font-display-editorial);letter-spacing:-.018em;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.15}.wcp-body .desc{color:var(--ds-color-ink-secondary);max-width:60ch;margin:0;font-size:14px;line-height:1.6}.wcp-body .deliverable{color:var(--ds-color-ink-primary);margin:0;font-size:13.5px;line-height:1.55}.wcp-body .deliverable strong{color:var(--ds-color-brand-blue-light);font-weight:600}.wcp-body .lists{grid-template-columns:1fr 1fr;gap:18px;margin-top:4px;display:grid}.wcp-body .lists .col-title{font-family:var(--ds-font-mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed var(--ds-color-border);color:var(--ds-color-ink-muted);margin-bottom:8px;padding-bottom:6px;font-size:9.5px}.wcp-body .lists .col.we .col-title{color:var(--ds-color-brand-blue-light)}.wcp-body .lists ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.wcp-body .lists li{color:var(--ds-color-ink-primary);grid-template-columns:12px 1fr;align-items:start;gap:8px;font-size:12.5px;line-height:1.4;display:grid}.wcp-body .lists .col.we li:before{content:"✓";color:var(--ds-color-brand-blue-light);padding-top:1px;font-size:10px;font-weight:700}.wcp-body .lists .col.you li:before{content:"→";color:var(--ds-color-ink-muted);padding-top:1px;font-size:10px}.wcp-body .exit{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.08em;margin-top:8px;font-size:10.5px}.wcp-body .exit:before{content:"↳ ";color:var(--ds-color-ink-muted)}.wcp-glyph{background:linear-gradient(180deg, color-mix(in oklch, var(--ds-color-brand-blue) 8%, var(--ds-surface-base)), var(--ds-surface-base));border:1px solid var(--ds-color-border);border-radius:14px;flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.wcp-glyph .head{font-family:var(--ds-font-mono);letter-spacing:.14em;color:var(--ds-color-ink-muted);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:9.5px;display:flex}.wcp-glyph .head .v{color:var(--ds-color-brand-blue-light)}.wcp-glyph .stage{flex:1;justify-content:stretch;align-items:stretch;min-height:170px;display:flex;position:relative}.gly1{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly1 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly1 .audit{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-radius:3px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.gly1 .audit .row{font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.04em;opacity:0;grid-template-columns:14px 1fr 36px;align-items:center;gap:8px;font-size:8px;animation:8s ease-out infinite gly1-row;display:grid;transform:translate(-3px)}.gly1 .audit .row .ic{width:12px;height:12px;font-family:var(--ds-font-mono);border-radius:2px;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.gly1 .audit .row.ok .ic{background:color-mix(in oklch, var(--ds-color-success) 25%, transparent);color:var(--ds-color-success);border:1px solid var(--ds-color-success)}.gly1 .audit .row.ok .ic:before{content:"✓"}.gly1 .audit .row.warn .ic{background:color-mix(in oklch, var(--ds-color-warning) 25%, transparent);color:var(--ds-color-warning);border:1px solid var(--ds-color-warning)}.gly1 .audit .row.warn .ic:before{content:"!"}.gly1 .audit .row.crit .ic{background:color-mix(in oklch, var(--ds-color-brand-red) 25%, transparent);color:var(--ds-color-brand-red);border:1px solid var(--ds-color-brand-red)}.gly1 .audit .row.crit .ic:before{content:"×"}.gly1 .audit .row .v{text-align:right;letter-spacing:.06em;font-size:7.5px}.gly1 .audit .row.ok .v{color:var(--ds-color-success)}.gly1 .audit .row.warn .v{color:var(--ds-color-warning)}.gly1 .audit .row.crit .v{color:var(--ds-color-brand-red)}.gly1 .audit .row.r1{animation-delay:.3s}.gly1 .audit .row.r2{animation-delay:.7s}.gly1 .audit .row.r3{animation-delay:1.1s}.gly1 .audit .row.r4{animation-delay:1.5s}.gly1 .audit .row.r5{animation-delay:1.9s}@keyframes gly1-row{0%,4%{opacity:0;transform:translate(-3px)}14%,88%{opacity:1;transform:translate(0)}to{opacity:0}}.gly1 .scores{border-top:1px dashed var(--ds-color-border);grid-template-columns:repeat(4,1fr);gap:6px;margin-top:auto;padding-top:6px;display:grid}.gly1 .scores .score{background:var(--ds-surface-base);border:1px solid var(--ds-color-border-soft);opacity:0;border-radius:3px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;animation:8s ease-out infinite gly1-score;display:flex;transform:scale(.85)}.gly1 .scores .score .val{font-family:var(--ds-font-mono);letter-spacing:.02em;font-size:13px;font-weight:700}.gly1 .scores .score .lbl{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:6.5px}.gly1 .scores .score.good .val{color:var(--ds-color-success)}.gly1 .scores .score.warn .val{color:var(--ds-color-warning)}.gly1 .scores .score.crit .val{color:var(--ds-color-brand-red)}.gly1 .scores .score.s1{animation-delay:2.3s}.gly1 .scores .score.s2{animation-delay:2.5s}.gly1 .scores .score.s3{animation-delay:2.7s}.gly1 .scores .score.s4{animation-delay:2.9s}@keyframes gly1-score{0%,26%{opacity:0;transform:scale(.85)}36%{opacity:1;transform:scale(1.1)}44%,88%{opacity:1;transform:scale(1)}to{opacity:0}}.gly2{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly2 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly2 .decision{flex:1;grid-template-columns:1fr 24px 1fr;align-items:stretch;gap:6px;display:grid}.gly2 .opt{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--ds-color-ink-muted) 25%, transparent);opacity:0;border-radius:4px;flex-direction:column;gap:6px;padding:10px 8px;animation:7s ease-out infinite gly2-opt;display:flex;position:relative}.gly2 .opt.o1{animation-delay:.3s}.gly2 .opt.o2{animation-delay:.7s}@keyframes gly2-opt{0%,4%{opacity:0;transform:translateY(4px)}16%{opacity:.7;transform:translateY(0)}40%{opacity:.45}60%,88%{opacity:.45}to{opacity:0}}.gly2 .opt.chosen{animation-name:gly2-opt-chosen}@keyframes gly2-opt-chosen{0%,4%{opacity:0;border-color:color-mix(in oklch, var(--ds-color-ink-muted) 25%, transparent);background:var(--ds-surface-base);transform:translateY(4px)}16%{opacity:.7;transform:translateY(0)}40%{opacity:1;border-color:var(--ds-color-success);background:color-mix(in oklch, var(--ds-color-success) 12%, var(--ds-surface-base));box-shadow:0 0 0 3px color-mix(in oklch, var(--ds-color-success) 18%, transparent);transform:scale(1.04)}60%,88%{opacity:1;border-color:var(--ds-color-success);background:color-mix(in oklch, var(--ds-color-success) 12%, var(--ds-surface-base));box-shadow:0 0 0 3px color-mix(in oklch, var(--ds-color-success) 18%, transparent);transform:scale(1)}to{opacity:0;box-shadow:none}}.gly2 .opt .name{font-family:var(--ds-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ds-color-ink-secondary);text-align:center;font-size:9px;font-weight:700}.gly2 .opt.chosen .name{color:var(--ds-color-success)}.gly2 .opt .pros{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:3px;font-size:7px;display:flex}.gly2 .opt .pros span:before{content:"· "}.gly2 .opt .eff{font-family:var(--ds-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ds-color-ink-muted);text-align:center;border-top:1px dashed color-mix(in oklch, var(--ds-color-ink-muted) 30%, transparent);margin-top:auto;padding-top:4px;font-size:7px}.gly2 .opt.chosen .eff{color:var(--ds-color-success);border-color:color-mix(in oklch, var(--ds-color-success) 35%, transparent)}.gly2 .opt .pick{background:var(--ds-color-success);width:18px;height:18px;color:var(--ds-surface-base);font-family:var(--ds-font-mono);opacity:0;box-shadow:0 2px 8px color-mix(in oklch, var(--ds-color-success) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;animation:7s ease-out 2.2s infinite gly2-pick;display:flex;position:absolute;top:-8px;right:-8px;transform:scale(0)}.gly2 .opt.chosen .pick:before{content:"✓"}@keyframes gly2-pick{0%,30%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.2)}48%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.gly2 .vs{font-family:var(--ds-font-mono);letter-spacing:.18em;color:var(--ds-color-ink-muted);text-transform:uppercase;writing-mode:vertical-rl;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;transform:rotate(180deg)}.gly3{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex;position:relative}.gly3 .envs{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:6px;display:grid}.gly3 .env{background:var(--ds-surface-base);border:1.4px solid;border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden}.gly3 .env.live{border-color:var(--ds-color-brand-blue-light);box-shadow:0 4px 16px color-mix(in oklch, var(--ds-color-brand-blue) 26%, transparent)}.gly3 .env.staging{border-color:var(--ds-color-warning)}.gly3 .env .chrome{border-bottom:1px solid var(--ds-color-border);align-items:center;gap:4px;padding:5px 6px;display:flex}.gly3 .env.live .chrome{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 12%, transparent)}.gly3 .env.staging .chrome{background:color-mix(in oklch, var(--ds-color-warning) 12%, transparent)}.gly3 .env .chrome .dot{background:var(--ds-color-ink-muted);border-radius:50%;width:4px;height:4px}.gly3 .env .chrome .url{background:color-mix(in oklch, var(--ds-color-ink-muted) 18%, transparent);border-radius:2px;flex:1;height:6px;margin-left:4px}.gly3 .env .content{flex-direction:column;flex:1;justify-content:center;gap:3px;padding:6px 8px;display:flex}.gly3 .env .content .ln{border-radius:2px;height:3px}.gly3 .env.live .content .ln{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 30%, transparent)}.gly3 .env.staging .content .ln{background:color-mix(in oklch, var(--ds-color-warning) 30%, transparent)}.gly3 .env .content .ln:first-child{width:85%}.gly3 .env .content .ln:nth-child(2){width:65%}.gly3 .env .content .ln:nth-child(3){width:78%}.gly3 .env .tag{font-family:var(--ds-font-mono);letter-spacing:.14em;border-radius:2px;padding:2px 5px;font-size:6.5px;font-weight:700;position:absolute;top:4px;right:4px}.gly3 .env.live .tag{background:var(--ds-color-brand-blue-light);color:var(--ds-surface-base)}.gly3 .env.staging .tag{background:var(--ds-color-warning);color:var(--ds-surface-base)}.gly3 .arrow{z-index:2;background:var(--ds-surface-50);border:1.4px solid var(--ds-color-brand-blue-light);width:22px;height:22px;font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;animation:4s ease-in-out 1.2s infinite gly3-arrow;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.gly3 .arrow:before{content:"→"}@keyframes gly3-arrow{0%,to{transform:translate(-50%,-50%)scale(1)}50%{box-shadow:0 0 0 4px color-mix(in oklch, var(--ds-color-brand-blue-light) 22%, transparent);transform:translate(-50%,-50%)scale(1.2)}}.gly3 .care{background:color-mix(in oklch, var(--ds-color-success) 14%, transparent);border:1px solid var(--ds-color-success);font-family:var(--ds-font-mono);color:var(--ds-color-success);letter-spacing:.1em;text-transform:uppercase;opacity:0;border-radius:3px;align-items:center;gap:6px;padding:6px 10px;font-size:8px;font-weight:700;animation:8s ease-out 2.8s infinite gly3-care;display:flex}.gly3 .care:before{content:"✓";font-size:10px}.gly3 .care .tier{background:var(--ds-color-success);color:var(--ds-surface-base);letter-spacing:.14em;border-radius:2px;margin-left:auto;padding:2px 5px;font-size:7px}@keyframes gly3-care{0%,32%{opacity:0;transform:translateY(3px)}44%,88%{opacity:1;transform:translateY(0)}to{opacity:0}}.gly4{flex-direction:column;gap:6px;width:100%;height:100%;padding:2px;display:flex}.gly4 .hd{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:7.5px}.gly4 .stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gly4 .stats .stat{background:var(--ds-surface-base);border:1px solid color-mix(in oklch, var(--acc,var(--ds-color-brand-blue-light)) 30%, transparent);border-left:2px solid var(--acc,var(--ds-color-brand-blue-light));opacity:0;border-radius:3px;flex-direction:column;gap:1px;padding:5px 6px;animation:7s ease-out infinite gly4-stat;display:flex;transform:translateY(4px)}.gly4 .stats .stat .v{font-family:var(--ds-font-mono);color:var(--acc,var(--ds-color-brand-blue-light));letter-spacing:.02em;font-size:11px;font-weight:700}.gly4 .stats .stat .lbl{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:6.5px}.gly4 .stats .stat.s1{--acc:var(--ds-color-success);animation-delay:.3s}.gly4 .stats .stat.s2{--acc:var(--ds-color-brand-blue-light);animation-delay:.6s}.gly4 .stats .stat.s3{--acc:var(--ds-color-warning);animation-delay:.9s}@keyframes gly4-stat{0%,4%{opacity:0;transform:translateY(4px)}14%,88%{opacity:1;transform:translateY(0)}to{opacity:0}}.gly4 .log{border:1px solid color-mix(in oklch, var(--ds-color-brand-blue-light) 22%, transparent);font-family:var(--ds-font-mono);color:color-mix(in oklch, var(--ds-color-brand-blue-light) 75%, white);background:#0b0e16;border-radius:3px;flex:1;padding:6px 10px;font-size:7.5px;line-height:1.6}.gly4 .log .ln{opacity:0;animation:7s ease-out infinite gly4-ln}.gly4 .log .ln.l1{animation-delay:1.4s}.gly4 .log .ln.l2{animation-delay:1.8s}.gly4 .log .ln.l3{color:var(--ds-color-success);animation-delay:2.2s}.gly4 .log .ln.l4{color:var(--ds-color-success);animation-delay:2.6s}.gly4 .log .ln.l5{color:var(--ds-color-warning);animation-delay:3s}@keyframes gly4-ln{0%,18%{opacity:0;transform:translate(-3px)}28%,88%{opacity:1;transform:translate(0)}to{opacity:0}}@media (max-width:1100px){.wcp-phase{grid-template-columns:56px 1fr}.wcp-phase .wcp-glyph{grid-column:1/-1;min-height:200px}}@media (max-width:640px){.wcp-body .lists{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wcp-phase{transition:none}.wcp-phase:hover{transform:none}.gly1 .audit .row,.gly1 .scores .score,.gly2 .opt,.gly2 .opt .pick,.gly3 .arrow,.gly3 .care,.gly4 .stats .stat,.gly4 .log .ln{animation:none!important}.gly1 .audit .row,.gly1 .scores .score,.gly2 .opt,.gly3 .care,.gly4 .stats .stat,.gly4 .log .ln{opacity:1;transform:none}.gly2 .opt.chosen{border-color:var(--ds-color-success);background:color-mix(in oklch, var(--ds-color-success) 12%, var(--ds-surface-base))}.gly2 .opt.chosen .pick{opacity:1;transform:scale(1)}}