.bkp-section{box-sizing:content-box;max-width:var(--ds-wrap-max);margin:0 auto;padding:clamp(56px,6vw,96px) clamp(20px,4vw,32px)}.bkp-head{border-bottom:1px solid var(--ds-color-border);flex-direction:column;gap:14px;margin-bottom:28px;padding:0 0 28px;display:flex}.bkp-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}.bkp-head .eyebrow:before{content:"▸"}.bkp-head .eyebrow .sep{color:var(--ds-color-ink-muted)}.bkp-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}.bkp-head .lede{color:var(--ds-color-ink-secondary);max-width:72ch;margin:0;font-size:16px;line-height:1.6}.bkp-stack{flex-direction:column;gap:18px;display:flex;position:relative}.bkp-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}.bkp-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}.bkp-phase:hover{border-color:var(--ds-color-brand-blue-light);transform:translate(2px)}.bkp-num{flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.bkp-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}.bkp-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}.bkp-body{flex-direction:column;gap:14px;display:flex}.bkp-body .header{flex-direction:column;gap:4px;display:flex}.bkp-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}.bkp-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}.bkp-body .desc{color:var(--ds-color-ink-secondary);max-width:60ch;margin:0;font-size:14px;line-height:1.6}.bkp-body .deliverable{color:var(--ds-color-ink-primary);margin:0;font-size:13.5px;line-height:1.55}.bkp-body .deliverable strong{color:var(--ds-color-brand-blue-light);font-weight:600}.bkp-body .lists{grid-template-columns:1fr 1fr;gap:18px;margin-top:4px;display:grid}.bkp-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}.bkp-body .lists .col.we .col-title{color:var(--ds-color-brand-blue-light)}.bkp-body .lists ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.bkp-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}.bkp-body .lists .col.we li:before{content:"✓";color:var(--ds-color-brand-blue-light);padding-top:1px;font-size:10px;font-weight:700}.bkp-body .lists .col.you li:before{content:"→";color:var(--ds-color-ink-muted);padding-top:1px;font-size:10px}.bkp-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}.bkp-body .exit:before{content:"↳ ";color:var(--ds-color-ink-muted)}.bkp-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}.bkp-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}.bkp-glyph .head .v{color:var(--ds-color-brand-blue-light)}.bkp-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 .sources{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-radius:3px;flex-direction:column;flex:1;gap:4px;padding:6px 8px;display:flex}.gly1 .src{background:color-mix(in oklch, var(--src-c,var(--ds-color-brand-blue-light)) 8%, transparent);border:1px solid color-mix(in oklch, var(--src-c,var(--ds-color-brand-blue-light)) 28%, transparent);border-left:3px solid var(--src-c,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:2px;grid-template-columns:14px 1fr 46px 36px;align-items:center;gap:8px;padding:4px 6px;font-size:8px;animation:8s ease-out infinite gly1-src;display:grid;transform:translate(-3px)}.gly1 .src .ic{font-family:var(--ds-font-mono);color:var(--src-c);text-align:center;font-size:12px}.gly1 .src .v{text-align:right;color:var(--ds-color-ink-muted);letter-spacing:.1em;font-size:6.5px}.gly1 .src .tag{letter-spacing:.14em;text-transform:uppercase;text-align:center;border-radius:2px;padding:2px 4px;font-size:6.5px;font-weight:700}.gly1 .src.ok{--src-c:var(--ds-color-success)}.gly1 .src.warn{--src-c:var(--ds-color-warning)}.gly1 .src.crit{--src-c:var(--ds-color-brand-red)}.gly1 .src.ok .tag{background:color-mix(in oklch, var(--ds-color-success) 22%, transparent);color:var(--ds-color-success);border:1px solid var(--ds-color-success)}.gly1 .src.warn .tag{background:color-mix(in oklch, var(--ds-color-warning) 22%, transparent);color:var(--ds-color-warning);border:1px solid var(--ds-color-warning)}.gly1 .src.crit .tag{background:color-mix(in oklch, var(--ds-color-brand-red) 22%, transparent);color:var(--ds-color-brand-red);border:1px solid var(--ds-color-brand-red)}.gly1 .src.r1{animation-delay:.3s}.gly1 .src.r2{animation-delay:.6s}.gly1 .src.r3{animation-delay:.9s}.gly1 .src.r4{animation-delay:1.2s}.gly1 .src.r5{animation-delay:1.5s}.gly1 .src.r6{animation-delay:1.8s}@keyframes gly1-src{0%,4%{opacity:0;transform:translate(-3px)}14%,88%{opacity:1;transform:translate(0)}to{opacity:0}}.gly1 .ft{border-top:1px dashed var(--ds-color-border);font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.1em;justify-content:space-between;padding-top:4px;font-size:7.5px;display:flex}.gly1 .ft .crit{color:var(--ds-color-brand-red)}.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 .matrix{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-radius:3px;flex-direction:column;flex:1;gap:3px;padding:6px 8px;display:flex}.gly2 .matrix .hdr-row{font-family:var(--ds-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ds-color-ink-muted);border-bottom:1px dashed var(--ds-color-border);grid-template-columns:1fr 44px 44px;gap:6px;padding-bottom:3px;font-size:6.5px;font-weight:700;display:grid}.gly2 .matrix .hdr-row .h{text-align:right}.gly2 .matrix .row{font-family:var(--ds-font-mono);letter-spacing:.04em;color:var(--ds-color-ink-primary);opacity:0;border-radius:2px;grid-template-columns:1fr 44px 44px;align-items:center;gap:6px;padding:4px;font-size:8.5px;animation:8s ease-out infinite gly2-row;display:grid;transform:translate(-3px)}.gly2 .matrix .row .v{text-align:right;letter-spacing:.08em;border-radius:2px;padding:2px 4px;font-size:7.5px;font-weight:700}.gly2 .matrix .row .v.crit{background:color-mix(in oklch, var(--ds-color-brand-red) 18%, transparent);color:var(--ds-color-brand-red);border:1px solid color-mix(in oklch, var(--ds-color-brand-red) 35%, transparent)}.gly2 .matrix .row .v.warn{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)}.gly2 .matrix .row .v.ok{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)}.gly2 .matrix .row.r1{animation-delay:.4s}.gly2 .matrix .row.r2{animation-delay:.8s}.gly2 .matrix .row.r3{animation-delay:1.2s}.gly2 .matrix .row.r4{animation-delay:1.6s}.gly2 .matrix .row.r5{animation-delay:2s}@keyframes gly2-row{0%,4%{opacity:0;transform:translate(-3px)}14%,88%{opacity:1;transform:translate(0)}to{opacity:0}}.gly2 .ft{font-family:var(--ds-font-mono);color:var(--ds-color-ink-muted);letter-spacing:.1em;justify-content:space-between;font-size:7.5px;display:flex}.gly2 .ft .ok{color:var(--ds-color-success)}.gly3{flex-direction:column;align-items:center;gap:8px;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);align-self:stretch;font-size:7.5px}.gly3 .watch{background:var(--ds-surface-base);border:3px solid var(--ds-color-brand-blue-light);width:70px;height:70px;box-shadow:0 0 0 4px color-mix(in oklch, var(--ds-color-brand-blue-light) 18%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.gly3 .watch:before{content:"";background:var(--ds-color-brand-blue-light);border-radius:2px 2px 0 0;width:12px;height:4px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.gly3 .watch .t{font-family:var(--ds-font-mono);color:var(--ds-color-brand-blue-light);letter-spacing:.04em;opacity:0;font-size:13px;font-weight:700;animation:8s step-end infinite gly3-tick}.gly3 .watch .l{font-family:var(--ds-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-size:6px}@keyframes gly3-tick{0%,4%{opacity:0}10%{opacity:1}to{opacity:1}}.gly3 .results{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-radius:3px;flex-direction:column;gap:4px;width:100%;padding:6px 8px;display:flex}.gly3 .res{font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.04em;opacity:0;grid-template-columns:14px 1fr 50px;align-items:center;gap:8px;padding:3px 4px;font-size:8px;animation:8s ease-out infinite gly3-res;display:grid;transform:translate(-3px)}.gly3 .res .ic{background:var(--ds-color-success);width:10px;height:10px;color:var(--ds-surface-base);border-radius:50%;justify-content:center;align-items:center;font-size:7px;font-weight:700;display:flex}.gly3 .res .ic:before{content:"✓"}.gly3 .res .t{text-align:right;color:var(--ds-color-success);letter-spacing:.1em;font-size:6.5px}.gly3 .res.r1{animation-delay:1.6s}.gly3 .res.r2{animation-delay:2s}.gly3 .res.r3{animation-delay:2.4s}.gly3 .res.r4{animation-delay:2.8s}@keyframes gly3-res{0%,18%{opacity:0;transform:translate(-3px)}28%,88%{opacity:1;transform:translate(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 .fixes{background:var(--ds-surface-base);border:1px solid var(--ds-color-border);border-radius:3px;flex-direction:column;flex:1;gap:4px;padding:6px 8px;display:flex}.gly4 .fix{font-family:var(--ds-font-mono);opacity:0;grid-template-columns:1fr 24px 1fr;align-items:center;gap:4px;padding:3px 4px;font-size:7.5px;animation:8s ease-out infinite gly4-fix;display:grid;transform:translate(-3px)}.gly4 .fix .gap{background:color-mix(in oklch, var(--ds-color-brand-red) 14%, transparent);border:1px solid color-mix(in oklch, var(--ds-color-brand-red) 35%, transparent);color:var(--ds-color-brand-red);letter-spacing:.06em;border-radius:2px;padding:3px 6px}.gly4 .fix .arr{text-align:center;color:var(--ds-color-brand-blue-light);font-size:11px;font-weight:700}.gly4 .fix .new{background:color-mix(in oklch, var(--ds-color-success) 14%, transparent);border:1px solid color-mix(in oklch, var(--ds-color-success) 35%, transparent);color:var(--ds-color-success);letter-spacing:.06em;text-align:right;border-radius:2px;padding:3px 6px}.gly4 .fix.f1{animation-delay:.3s}.gly4 .fix.f2{animation-delay:.7s}.gly4 .fix.f3{animation-delay:1.1s}.gly4 .fix.f4{animation-delay:1.5s}@keyframes gly4-fix{0%,4%{opacity:0;transform:translate(-3px)}14%,88%{opacity:1;transform:translate(0)}to{opacity:0}}.gly4 .cal{background:color-mix(in oklch, var(--ds-color-brand-blue-light) 8%, transparent);border:1px solid color-mix(in oklch, var(--ds-color-brand-blue-light) 30%, transparent);opacity:0;border-radius:3px;flex-direction:column;gap:3px;padding:5px 8px;animation:8s ease-out 2s infinite gly4-cal;display:flex}.gly4 .cal .title{font-family:var(--ds-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-brand-blue-light);font-size:7px;font-weight:700}.gly4 .cal .row{font-family:var(--ds-font-mono);color:var(--ds-color-ink-primary);letter-spacing:.04em;grid-template-columns:38px 1fr 32px;align-items:center;gap:6px;font-size:7px;display:grid}.gly4 .cal .row .when{color:var(--ds-color-brand-blue-light);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.gly4 .cal .row .freq{color:var(--ds-color-success);text-align:right;letter-spacing:.1em;font-size:6.5px}@keyframes gly4-cal{0%,24%{opacity:0;transform:translateY(3px)}36%,88%{opacity:1;transform:translateY(0)}to{opacity:0}}@media (max-width:1100px){.bkp-phase{grid-template-columns:56px 1fr}.bkp-phase .bkp-glyph{grid-column:1/-1;min-height:200px}}@media (max-width:640px){.bkp-body .lists{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bkp-phase{transition:none}.bkp-phase:hover{transform:none}.gly1 .src,.gly2 .matrix .row,.gly3 .res,.gly3 .watch .t,.gly4 .fix,.gly4 .cal{animation:none!important}.gly1 .src,.gly2 .matrix .row,.gly3 .res,.gly4 .fix,.gly4 .cal{opacity:1;transform:none}.gly3 .watch .t{opacity:1}}