.architecture-diagram{gap:var(--bb-space-sm);padding:var(--bb-space-sm);border:var(--bb-border-width) solid var(--bb-color-border-soft);border-radius:var(--bb-radius-panel);background:radial-gradient(circle at top, #0066cc14, transparent 32%), var(--bb-color-white);box-shadow:var(--bb-shadow-card);display:grid}.architecture-principle{min-height:calc(var(--bb-space-xxs) + var(--bb-space-xxxs));padding-inline:var(--bb-space-xxs);border:var(--bb-border-width) solid #0066cc29;border-radius:var(--bb-radius-pill);color:var(--bb-color-navy);font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold);letter-spacing:var(--bb-letter-spacing-eyebrow);text-transform:uppercase;background:#0066cc14;justify-self:start;align-items:center;display:inline-flex}.architecture-diagram__frame{min-height:48rem;position:relative}.architecture-diagram__connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.architecture-diagram__line,.architecture-diagram__pulse-ring{fill:none;stroke:url(#architecture-line-gradient)}.architecture-diagram__line{stroke-width:1.25px;stroke-linecap:round;opacity:.52;stroke-dasharray:7 10;stroke-dashoffset:0}.architecture-diagram__pulse-ring{stroke-width:.8px;opacity:.24}.architecture-diagram.is-animated .architecture-diagram__line{animation:2.3s linear infinite architecture-line-flow;animation-delay:var(--line-delay)}.architecture-diagram.is-animated .architecture-diagram__pulse-ring{animation:3.2s ease-in-out infinite architecture-ring-pulse}.architecture-node{border-radius:var(--bb-radius-panel);border:var(--bb-border-width) solid var(--bb-color-border-soft);box-shadow:var(--bb-shadow-card)}.architecture-node__icon{width:3.25rem;height:3.25rem;color:var(--bb-color-blue);background:#0066cc14;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.architecture-node__icon svg{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:1.5rem;height:1.5rem}.architecture-node__icon--orchestrator{color:var(--bb-color-white);background:#ffffff1f}.architecture-node__content{gap:.5rem;display:grid}.architecture-node__eyebrow,.architecture-detail-panel__eyebrow,.architecture-detail-panels__eyebrow{color:var(--bb-color-blue);font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold);letter-spacing:var(--bb-letter-spacing-eyebrow);text-transform:uppercase}.architecture-node__title{color:var(--bb-color-navy);font-size:var(--bb-font-size-h5);font-weight:var(--bb-font-weight-bold)}.architecture-node__summary{color:var(--bb-color-text-mid);font-size:1rem;line-height:var(--bb-line-height-copy)}.architecture-node__highlights{color:#ffffffe6;gap:.35rem;margin:0;padding-left:1rem;font-size:.95rem;display:grid}.architecture-node--orchestrator{z-index:2;gap:var(--bb-space-xxs);width:min(22rem, calc(100% - (2 * var(--bb-space-sm))));padding:var(--bb-space-sm);background:var(--bb-gradient-navy);box-shadow:var(--bb-shadow-card-hover);border-color:#ffffff24;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.architecture-node--orchestrator .architecture-node__eyebrow,.architecture-node--orchestrator .architecture-node__title,.architecture-node--orchestrator .architecture-node__summary{color:var(--bb-color-white)}.architecture-node--agent{top:var(--agent-y);left:var(--agent-x);z-index:3;gap:var(--bb-space-xxs);width:min(15rem, calc(50% - var(--bb-space-sm)));padding:var(--bb-space-xxs);border-width:var(--bb-border-width);font:inherit;color:inherit;text-align:left;background:var(--bb-color-white);appearance:none;transition:transform var(--bb-transition-standard), box-shadow var(--bb-transition-standard), border-color var(--bb-transition-standard), background-color var(--bb-transition-standard);cursor:pointer;display:grid;position:absolute;transform:translate(-50%,-50%)}.architecture-node--agent:hover,.architecture-node--agent:focus-visible,.architecture-node--agent.is-active{box-shadow:var(--bb-shadow-card-hover);border-color:#0066cc47;transform:translate(-50%,-50%)translateY(-.25rem)}.architecture-node--agent.is-active{background:linear-gradient(180deg, #0066cc14, var(--bb-color-white))}.architecture-node--agent:focus-visible{box-shadow:var(--bb-shadow-card-hover), var(--bb-shadow-focus);outline:none}.architecture-detail-panels{gap:var(--bb-space-xxs);display:grid}.architecture-detail-panels__intro{gap:.35rem;display:grid}.architecture-detail-panel{gap:var(--bb-space-xxs);padding:var(--bb-space-sm);border:var(--bb-border-width) solid #0066cc29;border-radius:var(--bb-radius-panel);background:linear-gradient(180deg, #0066cc0a, var(--bb-color-white));display:grid}.architecture-detail-panel__header{align-items:center;gap:var(--bb-space-xxs);display:flex}.architecture-detail-panel__icon{width:3rem;height:3rem;color:var(--bb-color-blue);background:#0066cc14;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.architecture-detail-panel__icon svg{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:1.4rem;height:1.4rem}.architecture-detail-panel__grid{gap:var(--bb-space-sm);grid-template-columns:minmax(0,1.45fr) minmax(13rem,.8fr) minmax(0,1fr);display:grid}.architecture-detail-panel__block{gap:.65rem;display:grid}.architecture-detail-panel__block h4{color:var(--bb-color-navy);font-size:1rem}.architecture-detail-panel__block ul{color:var(--bb-color-text-mid);gap:.5rem;margin:0;padding-left:1rem;display:grid}.architecture-phase-list{flex-wrap:wrap;gap:.65rem;display:flex}.architecture-phase-list span{border-radius:var(--bb-radius-pill);min-height:2rem;color:var(--bb-color-navy);font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold);background:#00285514;align-items:center;padding-inline:.85rem;display:inline-flex}.architecture-detail-panel__example p{min-height:100%;padding:var(--bb-space-xxs);border-radius:var(--bb-radius-card);background:var(--bb-color-bg-light);color:var(--bb-color-text-dark);align-content:start;display:grid}@media (width<=1100px){.architecture-diagram__frame{min-height:52rem}.architecture-node--agent{width:min(13.5rem, calc(50% - var(--bb-space-sm)))}.architecture-detail-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-detail-panel__example{grid-column:1/-1}}@media (width<=767px){.architecture-diagram{padding:var(--bb-space-xxs);overflow:hidden}.architecture-principle{text-align:center;white-space:normal;word-break:break-word;justify-content:center;justify-self:stretch}.architecture-diagram__frame{gap:var(--bb-space-xxs);min-height:auto;display:grid}.architecture-diagram__connections{display:none}.architecture-node--orchestrator,.architecture-node--agent{width:100%;position:static;transform:none}.architecture-node--agent:hover,.architecture-node--agent:focus-visible,.architecture-node--agent.is-active{transform:translateY(-.2rem)}.architecture-detail-panel{padding:var(--bb-space-xxs)}.architecture-detail-panel__header{align-items:flex-start}.architecture-detail-panel__grid{gap:var(--bb-space-xxs);grid-template-columns:1fr}}@keyframes architecture-line-flow{0%{stroke-dashoffset:34px}to{stroke-dashoffset:0}}@keyframes architecture-ring-pulse{0%,to{opacity:.16;transform-origin:50%;transform:scale(1)}50%{opacity:.34;transform-origin:50%;transform:scale(1.06)}}.benefits-section{gap:var(--bb-space-lg)}.benefits-section__heading{max-width:44rem}.benefits-stats{gap:var(--bb-space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.benefits-stat{align-content:start;gap:var(--bb-space-xxxs);min-height:100%;padding-block:calc(var(--bb-space-sm) - var(--bb-space-xxxs));background:linear-gradient(180deg, #fffffff5, #f4f8fcf5), var(--bb-gradient-tl-br)}.benefits-stat__value{color:var(--bb-color-navy);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1}.benefits-stat__label{color:var(--bb-color-text-mid);font-size:var(--bb-font-size-small);text-transform:uppercase;letter-spacing:.08em}.benefits-grid{gap:var(--bb-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.benefits-card{align-content:start;gap:var(--bb-space-xs);min-height:100%;padding-block:calc(var(--bb-space-sm) + var(--bb-space-xxxs))}.benefits-card:hover,.benefits-card:focus-within{box-shadow:var(--bb-shadow-card-hover);transform:translateY(-4px)}.benefits-card__icon{width:3rem;height:3rem;color:var(--bb-color-blue);background:color-mix(in srgb, var(--bb-color-blue) 10%, var(--bb-color-white));border-radius:50%;place-items:center;display:inline-grid}.benefits-card:nth-child(2n) .benefits-card__icon{color:var(--bb-color-navy);background:color-mix(in srgb, var(--bb-color-navy) 8%, var(--bb-color-white))}.benefits-card__icon svg{width:1.5rem;height:1.5rem}.benefits-card p:not(.card__meta){color:var(--bb-color-text-mid)}@media (width<=72rem){.benefits-stats,.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.benefits-stats,.benefits-grid{grid-template-columns:1fr}}.quality-gates{gap:var(--bb-space-md);display:grid}.quality-gates__intro{gap:var(--bb-space-sm);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;display:grid}.quality-gates__quote,.quality-gates__intro-copy{min-height:100%;padding:var(--bb-space-sm);border-radius:var(--bb-radius-panel);box-shadow:var(--bb-shadow-card);margin:0}.quality-gates__quote{border:var(--bb-border-width) solid #0028551a;background:linear-gradient(135deg,#0066cc1f,#fffffff5);align-content:center;display:grid}.quality-gates__quote p{color:var(--bb-color-navy);letter-spacing:-.03em;font-size:clamp(2rem,3vw,3.25rem);font-weight:700;line-height:1.05}.quality-gates__intro-copy{gap:var(--bb-space-xs);border:var(--bb-border-width) solid var(--bb-color-border-soft);background:var(--bb-color-white);display:grid}.quality-gates__pipeline-label,.quality-gates__detail-label{color:var(--bb-color-blue);font-size:var(--bb-font-size-caption);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.quality-gates__legend{gap:var(--bb-space-xxxs);flex-wrap:wrap;display:flex}.quality-gates__legend-item,.quality-gates__gate-chip,.quality-gates__detail-performer{border-radius:var(--bb-radius-pill);width:fit-content;min-height:2rem;font-size:var(--bb-font-size-caption);align-items:center;gap:.45rem;padding-inline:.85rem;font-weight:600;display:inline-flex}.quality-gates__legend-item--ai{border:var(--bb-border-width) solid #0028551f;color:var(--bb-color-navy);background:#00285514}.quality-gates__gate--ai .quality-gates__gate-chip,.quality-gates__gate--ai .quality-gates__detail-performer{border:var(--bb-border-width) solid #ffffff38;color:inherit;background:#ffffff24}.quality-gates__legend-item--human,.quality-gates__gate--human .quality-gates__gate-chip,.quality-gates__gate--human .quality-gates__detail-performer{border:var(--bb-border-width) solid #0066cc2e;color:var(--bb-color-navy);background:#0066cc14}.quality-gates__pipeline-shell{--quality-gates-rail-top:9.15rem;padding:var(--bb-space-xs);border:var(--bb-border-width) solid var(--bb-color-border-soft);border-radius:calc(var(--bb-radius-panel) * 1.1);background:radial-gradient(circle at 0 0,#0066cc14,#0000 34%),linear-gradient(#ffffffeb,#f4f7fafa);position:relative;overflow:hidden}.quality-gates__pipeline-shell:before,.quality-gates__pipeline-shell:after{content:"";left:var(--bb-space-sm);right:var(--bb-space-sm);top:var(--quality-gates-rail-top);border-radius:var(--bb-radius-pill);pointer-events:none;height:.55rem;position:absolute}.quality-gates__pipeline-shell:before{background:linear-gradient(90deg,#00285514,#0066cc2e,#00285514)}.quality-gates__pipeline-shell:after{opacity:0;background:linear-gradient(90deg,#06c0,#0066ccb3,#00285500);width:min(26vw,18rem);right:auto;transform:translate(-120%)}.quality-gates__pipeline-shell.is-in-view:after{opacity:1;animation:10s ease-in-out infinite quality-gates-pulse}.quality-gates__pipeline-track{z-index:1;gap:var(--bb-space-sm);padding:var(--bb-space-xs);scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#00285559 transparent;display:flex;position:relative;overflow-x:auto}.quality-gates__gate{scroll-snap-align:start;flex:0 0 min(18.75rem,100vw - 7rem);align-self:flex-start;padding:0;position:relative;overflow:hidden}.quality-gates__gate:after{content:"";inset:auto -1.65rem calc(100% - var(--quality-gates-rail-top) - 1.45rem) auto;background:#00285529;width:1.65rem;height:.2rem;position:absolute}.quality-gates__gate:last-child:after{display:none}.quality-gates__gate--ai{background:radial-gradient(circle at top, #0066cc8c, transparent 42%), var(--bb-gradient-navy);color:var(--bb-color-white);border-color:#0028551a}.quality-gates__gate--ai .quality-gates__gate-title,.quality-gates__gate--ai .quality-gates__gate-summary,.quality-gates__gate--ai .quality-gates__gate-step,.quality-gates__gate--ai .quality-gates__detail p,.quality-gates__gate--ai .quality-gates__detail li{color:var(--bb-color-white)}.quality-gates__gate--human{background:linear-gradient(#fffffffa,#f0f6fdfa);border-width:2px;border-color:#0066cc42}.quality-gates__person-badge{top:var(--bb-space-xxs);right:var(--bb-space-xxs);z-index:2;border:var(--bb-border-width) solid #06c3;background:var(--bb-color-white);width:2.4rem;height:2.4rem;box-shadow:var(--bb-shadow-card);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.quality-gates__gate-button{gap:var(--bb-space-xxxs);width:100%;min-height:18rem;padding:var(--bb-space-sm);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:grid}.quality-gates__gate-button:hover{transform:translateY(-2px)}.quality-gates__gate-button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #0066cc73}.quality-gates__gate.is-expanded,.quality-gates__gate:focus-within{box-shadow:var(--bb-shadow-card-hover)}.quality-gates__gate-step{font-size:var(--bb-font-size-caption);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.quality-gates__gate-icon{width:3rem;height:3rem;margin-block:var(--bb-space-xxxs) var(--bb-space-xxs);border-radius:var(--bb-radius-card);background:#ffffff24;justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.quality-gates__gate--human .quality-gates__gate-icon{background:#0066cc1a}.quality-gates__gate-title{color:var(--bb-color-navy);font-size:var(--bb-font-size-h5)}.quality-gates__gate-summary{color:var(--bb-color-text-mid)}.quality-gates__detail{gap:var(--bb-space-xs);padding:0 var(--bb-space-sm) var(--bb-space-sm);display:grid}.quality-gates__detail[hidden]{display:none}.quality-gates__detail-block{gap:var(--bb-space-xxxs);display:grid}.quality-gates__detail-list{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.quality-gates__detail-performer{margin-top:var(--bb-space-xxxs)}@keyframes quality-gates-pulse{0%{transform:translate(-120%)}14%{transform:translate(4%)}22%{transform:translate(4%)}66%{transform:translate(66%)}76%{transform:translate(66%)}86%{transform:translate(82%)}94%{transform:translate(82%)}to{transform:translate(116%)}}@media (width<=80rem){.quality-gates__intro{grid-template-columns:1fr}}@media (width<=48rem){.quality-gates__pipeline-shell{--quality-gates-rail-top:0;padding:var(--bb-space-xxs)}.quality-gates__pipeline-shell:before,.quality-gates__pipeline-shell:after{left:calc(var(--bb-space-xxs) + 1.45rem);right:auto;top:var(--bb-space-sm);width:.55rem;height:calc(100% - (2 * var(--bb-space-sm)))}.quality-gates__pipeline-shell:after{background:linear-gradient(#06c0,#0066ccb3,#00285500);width:.55rem;transform:translateY(-120%)}.quality-gates__pipeline-shell.is-in-view:after{animation:10s ease-in-out infinite quality-gates-pulse-vertical}.quality-gates__pipeline-track{padding-left:calc(var(--bb-space-xxs) + 1.75rem);scroll-snap-type:y proximity;flex-direction:column;overflow:visible}.quality-gates__gate{flex-basis:auto}.quality-gates__gate:after{width:.2rem;height:1.65rem;inset:auto auto -1.65rem -1.75rem}.quality-gates__gate-button{min-height:auto}}@keyframes quality-gates-pulse-vertical{0%{transform:translateY(-120%)}14%{transform:translateY(4%)}22%{transform:translateY(4%)}66%{transform:translateY(66%)}76%{transform:translateY(66%)}86%{transform:translateY(82%)}94%{transform:translateY(82%)}to{transform:translateY(116%)}}#sdlc-cycle{overflow:clip}.sdlc-cycle-layout{gap:var(--bb-space-md);grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);align-items:stretch;display:grid}.sdlc-cycle-diagram,.sdlc-cycle-detail{min-height:100%}.sdlc-cycle-diagram{padding:var(--bb-space-md);background:radial-gradient(circle at 50% 50%, #0066cc14, transparent 38%), linear-gradient(180deg, #00285505, #0066cc0d), var(--bb-color-white)}.sdlc-cycle-visual{isolation:isolate;min-height:34rem;position:relative}.sdlc-cycle-orbit{width:100%;height:auto;display:block}.sdlc-cycle-orbit__halo{fill:#0066cc08}.sdlc-cycle-orbit__base{fill:none;stroke:#0028551f;stroke-width:2px}.sdlc-cycle-orbit__marker-group line{stroke:#00285514;stroke-width:1px}.sdlc-cycle-orbit__marker{fill:var(--bb-color-white);stroke:#00285533;stroke-width:2px}.sdlc-cycle-orbit__flow{fill:none;stroke:url(#sdlc-cycle-flow-gradient);stroke-width:6px;stroke-linecap:round;stroke-dasharray:14 20 18 48;opacity:0}.sdlc-cycle-orbit__flow--glow{stroke-width:10px;opacity:0;filter:url(#sdlc-cycle-flow-glow)}.sdlc-cycle-visual.is-flowing .sdlc-cycle-orbit__flow{opacity:.95;animation:14s linear infinite sdlc-cycle-flow}.sdlc-cycle-visual.is-flowing .sdlc-cycle-orbit__flow--glow{opacity:.35;animation-duration:18s}.sdlc-cycle-core{width:min(16rem,100% - 12rem);padding:var(--bb-space-sm);border:var(--bb-border-width) solid #0028551a;background:linear-gradient(180deg, #fffffffa, #f1f1f1f5), var(--bb-color-white);text-align:center;transition:opacity var(--bb-transition-standard), transform var(--bb-transition-standard), box-shadow var(--bb-transition-standard);border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #0028551f}.sdlc-cycle-core.is-transitioning{opacity:.5;transform:translate(-50%,calc(.35rem - 50%))}.sdlc-cycle-core__eyebrow,.sdlc-cycle-detail__label{color:var(--bb-color-blue);font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold);letter-spacing:var(--bb-letter-spacing-eyebrow);text-transform:uppercase}.sdlc-cycle-core__title{color:var(--bb-color-navy);font-size:var(--bb-font-size-h4)}.sdlc-cycle-core__subtitle{color:var(--bb-color-text-mid);font-size:var(--bb-font-size-caption)}.sdlc-cycle-nodes{position:absolute;inset:0}.sdlc-phase-node-wrap{transform:translate(-50%, -50%) rotate(var(--phase-angle)) translateY(-14rem) rotate(calc(-1 * var(--phase-angle)));position:absolute;inset:50% auto auto 50%}.sdlc-phase-node{justify-items:center;gap:var(--bb-space-xxxs);width:7.25rem;padding:var(--bb-space-xxs) var(--bb-space-xxxs);border-radius:var(--bb-radius-panel);color:var(--bb-color-navy);cursor:pointer;transition:transform var(--bb-transition-standard), box-shadow var(--bb-transition-standard), border-color var(--bb-transition-standard), background-color var(--bb-transition-standard), color var(--bb-transition-standard);background:#fffffff0;border:1px solid #0028551f;display:grid;position:relative;box-shadow:0 12px 28px #00285514}.sdlc-phase-node:hover,.sdlc-phase-node:focus-visible,.sdlc-phase-node.is-active{border-color:#0066cc73;transform:translateY(-.2rem)scale(1.03);box-shadow:0 0 0 4px #0066cc1f,0 18px 34px #00285529}.sdlc-phase-node:focus-visible{outline:2px solid var(--bb-color-blue);outline-offset:3px}.sdlc-phase-node.is-active{background:linear-gradient(#fff,#e1f0fff5);animation:2.4s ease-in-out infinite sdlc-phase-pulse}.sdlc-phase-node__index{background:var(--bb-color-navy);width:1.55rem;height:1.55rem;color:var(--bb-color-white);font-size:.7rem;font-weight:var(--bb-font-weight-bold);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-.6rem;right:-.45rem;box-shadow:0 8px 20px #0028552e}.sdlc-phase-node__icon{background:#0066cc14;border-radius:999px;justify-content:center;align-items:center;width:2.9rem;height:2.9rem;display:inline-flex}.sdlc-phase-node__icon svg{width:1.5rem;height:1.5rem}.sdlc-phase-node__label{font-size:.78rem;font-weight:var(--bb-font-weight-semibold);text-align:center;line-height:1.2}.sdlc-cycle-detail{align-content:start;gap:var(--bb-space-sm);transition:opacity var(--bb-transition-standard), transform var(--bb-transition-standard)}.sdlc-cycle-detail.is-transitioning{opacity:.5;transform:translateY(.35rem)}.sdlc-cycle-detail__description{color:var(--bb-color-text-dark)}.sdlc-cycle-detail__block{gap:var(--bb-space-xxs);display:grid}.sdlc-cycle-detail__agents{gap:var(--bb-space-xxxs);flex-wrap:wrap;display:flex}.sdlc-cycle-detail__agent{min-height:2rem;padding-inline:var(--bb-space-xxs);border-radius:var(--bb-radius-pill);color:var(--bb-color-navy);font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold);background:#0066cc14;align-items:center;display:inline-flex}.sdlc-cycle-detail__grid{gap:var(--bb-space-xs);display:grid}.sdlc-cycle-detail__grid div{padding-top:var(--bb-space-xxs);border-top:1px solid #00285514;gap:.35rem;display:grid}.sdlc-cycle-detail__grid dt{color:var(--bb-color-text-mid);font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold)}.sdlc-cycle-detail__grid dd{color:var(--bb-color-text-dark);margin:0}@keyframes sdlc-cycle-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-300px}}@keyframes sdlc-phase-pulse{0%,to{box-shadow:0 0 #0066cc24,0 18px 34px #00285529}50%{box-shadow:0 0 0 10px #06c0,0 18px 34px #00285533}}@media (width<=64rem){.sdlc-cycle-layout{grid-template-columns:1fr}.sdlc-cycle-diagram{padding:var(--bb-space-sm)}}@media (width<=48rem){.sdlc-cycle-diagram{background:var(--bb-color-white)}.sdlc-cycle-visual{gap:var(--bb-space-sm);min-height:auto;display:grid}.sdlc-cycle-orbit,.sdlc-cycle-core{display:none}.sdlc-cycle-nodes{gap:var(--bb-space-xs);display:grid;position:static}.sdlc-phase-node-wrap{position:static;transform:none}.sdlc-phase-node{place-items:center start;gap:var(--bb-space-xxs);width:100%;padding:var(--bb-space-xxs);text-align:left;grid-template-columns:auto auto 1fr}.sdlc-phase-node__index{order:3;margin-left:auto;position:static}.sdlc-phase-node__label{text-align:left}}.walkthrough-shell{gap:var(--bb-space-lg)}.walkthrough-experience{gap:var(--bb-space-sm);grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);align-items:start;display:grid}.walkthrough-overview{top:calc(var(--bb-header-height) + var(--bb-space-xs));gap:var(--bb-space-sm);display:grid;position:sticky}.walkthrough-overview__panel,.walkthrough-progress,.walkthrough-dots{padding:var(--bb-space-sm);border-radius:var(--bb-radius-panel);box-shadow:var(--bb-shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff24,#ffffff0d),#00153f6b;border:1px solid #ffffff29}.walkthrough-overview__eyebrow{margin:0 0 var(--bb-space-xxxs);color:#fffc;font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold);letter-spacing:var(--bb-letter-spacing-eyebrow);text-transform:uppercase}.walkthrough-overview__counter{margin:0 0 var(--bb-space-xxxs);color:#ffffffb8;font-size:var(--bb-font-size-small);letter-spacing:.14em;text-transform:uppercase}.walkthrough-overview__title{margin:0;font-size:clamp(1.8rem,2vw,2.35rem)}.walkthrough-overview__description{color:#ffffffd1;margin:0;font-size:1rem;line-height:1.7}.walkthrough-overview__meta{gap:var(--bb-space-xxxs);margin-top:var(--bb-space-xs);display:grid}.walkthrough-overview__state{color:#fffc;font-size:var(--bb-font-size-caption)}.walkthrough-badge{border-radius:var(--bb-radius-pill);width:fit-content;min-height:2.25rem;font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.35rem .85rem;display:inline-flex}.walkthrough-badge--agent{color:var(--bb-color-white);background:#0066cc2e;border:1px solid #5cafff47}.walkthrough-badge--human,.walkthrough-badge--current{color:var(--bb-color-dark-navy);background:#ffffffeb}.walkthrough-progress{gap:var(--bb-space-xxxs);display:grid}.walkthrough-progress__track{border-radius:var(--bb-radius-pill);background:#ffffff1f;height:.65rem;position:relative;overflow:hidden}.walkthrough-progress__fill{border-radius:inherit;background:var(--bb-gradient-celtic);width:0;height:100%;transition:width var(--bb-transition-standard);display:block;box-shadow:0 0 1.2rem #0066cc73}.walkthrough-progress__meta{justify-content:space-between;gap:var(--bb-space-xs);color:#ffffffc7;font-size:var(--bb-font-size-caption);display:flex}.walkthrough-controls{gap:var(--bb-space-xxxs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.walkthrough-controls__button{min-height:3rem;padding-inline:1rem}.walkthrough-dots{gap:.75rem;display:grid}.walkthrough-dots__button{color:#ffffffc2;text-align:left;width:100%;transition:transform var(--bb-transition-fast), border-color var(--bb-transition-fast), background-color var(--bb-transition-fast), color var(--bb-transition-fast);background:#ffffff08;border:1px solid #0000;border-radius:.9rem;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.8rem .9rem;display:grid}.walkthrough-dots__button:hover,.walkthrough-dots__button:focus-visible{color:var(--bb-color-white);background:#ffffff14;border-color:#ffffff57;outline:none;transform:translateY(-1px)}.walkthrough-dots__button.is-active{color:var(--bb-color-white);background:#0066cc2e;border-color:#6fbeffb3}.walkthrough-dots__button.is-complete{color:#ffffffeb}.walkthrough-dots__index{width:2rem;height:2rem;font-size:var(--bb-font-size-small);font-weight:var(--bb-font-weight-bold);background:#ffffff1a;border-radius:999px;place-items:center;display:inline-grid}.walkthrough-dots__button.is-complete .walkthrough-dots__index{background:#38c17247}.walkthrough-dots__button.is-active .walkthrough-dots__index{background:var(--bb-color-blue)}.walkthrough-dots__label{font-size:.95rem;font-weight:var(--bb-font-weight-semibold)}.walkthrough-steps{gap:var(--bb-space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.walkthrough-step{gap:var(--bb-space-xs);min-height:100%;padding:var(--bb-space-sm);color:var(--bb-color-white);opacity:.38;transition:opacity var(--bb-transition-slow), transform var(--bb-transition-slow), border-color var(--bb-transition-standard), box-shadow var(--bb-transition-standard), background-color var(--bb-transition-standard);background:linear-gradient(160deg,#0066cc24,#00153f94),#00153f75;border-color:#ffffff24;position:relative;overflow:hidden;transform:translateY(2.2rem)scale(.98);box-shadow:0 16px 32px #0000002e}.walkthrough-step:after{content:"";opacity:0;transition:opacity var(--bb-transition-standard);pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 40%);position:absolute;inset:0}.walkthrough-step--human{background:linear-gradient(160deg,#ffffff29,#00285573),#ffffff14;border-color:#ffffff47}.walkthrough-step[data-step-state=entering],.walkthrough-step[data-step-state=active],.walkthrough-step[data-step-state=exiting],.walkthrough-step[data-step-state=complete]{opacity:1;transform:translate(0,0)scale(1)}.walkthrough-step[data-step-state=entering]{animation:.52s cubic-bezier(.18,.9,.24,1) both walkthrough-slide-in}.walkthrough-step[data-step-state=active]{border-color:#6fbeff99;box-shadow:0 20px 44px #0003}.walkthrough-step[data-step-state=active]:after,.walkthrough-step[data-step-state=exiting]:after,.walkthrough-step.is-complete:after{opacity:1}.walkthrough-step[data-step-state=exiting]{animation:.56s both walkthrough-slide-out}.walkthrough-step.is-current{border-color:#6fbeffb3;box-shadow:0 24px 48px #0000003d}.walkthrough-step.is-complete{border-color:#38c1726b}.walkthrough-step__header,.walkthrough-step__footer{justify-content:space-between;align-items:center;gap:var(--bb-space-xs);flex-wrap:wrap;display:flex}.walkthrough-step__number{color:#ffffffa6;font-size:var(--bb-font-size-small);font-weight:var(--bb-font-weight-bold);letter-spacing:.14em}.walkthrough-step__body{gap:.75rem;display:grid}.walkthrough-step__phase{color:#ffffffb8;font-size:var(--bb-font-size-caption);letter-spacing:.08em;text-transform:uppercase;margin:0}.walkthrough-step .card__title{color:var(--bb-color-white);margin:0}.walkthrough-step__description{color:#ffffffd6;margin:0;font-size:1rem;line-height:1.7}.walkthrough-step__status{font-size:var(--bb-font-size-caption);font-weight:var(--bb-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;display:inline-flex}.walkthrough-step__status:before{content:"";background:#ffffff59;border-radius:999px;width:.75rem;height:.75rem}.walkthrough-step__status[data-status=in-progress]:before{background:var(--bb-color-blue);animation:1.15s ease-out infinite walkthrough-pulse;box-shadow:0 0 #0066cc6b}.walkthrough-step__status[data-status=complete]:before{box-shadow:none;background:linear-gradient(135deg,#4ce080,#22b95d);animation:none}.walkthrough-step__owner{color:#ffffffa6;font-size:var(--bb-font-size-caption)}.walkthrough-terminal{background:#000a1fd1;border:1px solid #ffffff14;border-radius:.9rem;gap:.65rem;padding:1rem;display:grid}.walkthrough-terminal__label{color:#ffffff9e;font-size:var(--bb-font-size-small);letter-spacing:.12em;text-transform:uppercase;margin:0}.walkthrough-terminal__screen{font-family:var(--bb-font-family-mono);color:#cbe6ff;gap:.5rem;font-size:.85rem;display:grid}.walkthrough-terminal__line{max-width:100%;width:min(100%, var(--typing-width));white-space:nowrap;display:block;overflow:hidden}.walkthrough-step[data-typing=true] .walkthrough-terminal__line{width:0;animation:1.2s steps(30,end) forwards walkthrough-typing;animation-delay:calc(var(--line-index) * .18s)}@keyframes walkthrough-slide-in{0%{opacity:0;transform:translateY(2rem)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes walkthrough-slide-out{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-.45rem)scale(1)}}@keyframes walkthrough-pulse{0%{box-shadow:0 0 #06c6}to{box-shadow:0 0 0 .7rem #06c0}}@keyframes walkthrough-typing{0%{width:0}to{width:min(100%, var(--typing-width))}}@media (width<=1100px){.walkthrough-experience{grid-template-columns:1fr}.walkthrough-overview{position:static}}@media (width<=800px){.walkthrough-steps{grid-template-columns:1fr}}@media (width<=640px){.walkthrough-progress,.walkthrough-dots,.walkthrough-overview__panel,.walkthrough-step{padding:var(--bb-space-xxs)}.walkthrough-controls{grid-template-columns:1fr}.walkthrough-dots__button{grid-template-columns:auto}.walkthrough-dots__label{font-size:.9rem}.walkthrough-step__header,.walkthrough-step__footer{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.walkthrough-progress__fill,.walkthrough-dots__button,.walkthrough-step,.walkthrough-step:after,.walkthrough-step__status:before,.walkthrough-terminal__line{transition:none!important;animation:none!important}}
