.process-section{background:radial-gradient(ellipse at 50% 45%,#24243933,transparent 65%),#0b0e13}.process-section .section-heading{align-items:center}.approach-experience{--flow-lime:#d7fb35;position:relative}.approach-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-block:1px solid #ffffff12}.approach-toolbar p{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.13em;color:#a2a8b6}.approach-motion{border:1px solid #ffffff25;border-radius:30px;background:#14171f;color:#cbd0dc;padding:8px 13px;font-size:10px;display:flex;gap:10px;align-items:center}.approach-motion:hover{border-color:var(--lime);color:var(--lime)}.approach-canvas{overflow:hidden}.approach-diagram{display:block;width:100%;height:auto;margin:20px 0 10px}.approach-diagram text{text-anchor:middle;font-family:Inter,Arial,sans-serif}.node-outline{fill:#10151c;stroke:#d7fb3577;stroke-width:1.5;transition:stroke .4s,fill .4s}.node-title{font-size:12px;letter-spacing:.07em;fill:#d7fb35;font-weight:500}.diagram-label{font-size:11px;letter-spacing:.1em;fill:#e9edf5}.diagram-sub{font-size:10px;fill:#8e9aaf}.backlog-header{stroke:#d7fb35;stroke-width:2}.backlog-bar{fill:#d7fb3522;animation:backlogPulse 5s ease-in-out infinite;animation-play-state:paused}.bar-2{animation-delay:.7s}.bar-3{animation-delay:1.4s}.bar-4{animation-delay:2.1s}.bar-5{animation-delay:2.8s}.flow-connections{opacity:.6}.flow-return{stroke-dasharray:6 7;animation:flowDash 2.5s linear infinite;animation-play-state:paused}.flow-particles{filter:drop-shadow(0 0 5px #d7fb35)}.team-orbit{fill:none;stroke:url(#approach-ring);stroke-width:2;stroke-dasharray:145 20 5 25;transform-origin:635px 280px;animation:teamOrbit 28s linear infinite;animation-play-state:paused}.team-ring{fill:#0c1118;stroke:#d7fb3580;stroke-width:1.5}.team-core{fill:#111a25;stroke:#ffffff09}.team-person{fill:#d7fb35;opacity:.8}.person-blue{fill:#85a7ff}.person-purple{fill:#b98aff}.person-muted{fill:#657286}.daily-loop circle{fill:#d7fb35}.daily-loop path{fill:none;stroke:#1c2608;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sprint-board>rect:not(.node-outline){fill:#d7fb3555}.product-increment{fill:#d7fb3509;stroke:#d7fb35;stroke-width:1.5;stroke-linejoin:round;animation:incrementFloat 5s ease-in-out infinite;animation-play-state:paused}.loop-caption{font-size:9px;letter-spacing:.21em;fill:#647083}.diagram-node.is-active .node-outline{stroke:#d7fb35;fill:#1c2414}.diagram-node.is-active .team-ring{stroke:#d7fb35;stroke-width:3}.diagram-node.is-active .product-increment{filter:drop-shadow(0 0 10px #d7fb3530)}.approach-experience.is-running:not(.is-paused) .flow-return,.approach-experience.is-running:not(.is-paused) .team-orbit,.approach-experience.is-running:not(.is-paused) .backlog-bar,.approach-experience.is-running:not(.is-paused) .product-increment{animation-play-state:running}.approach-stage-buttons{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.approach-stage-buttons button{display:flex;align-items:center;gap:9px;text-align:left;border:0;border-right:1px solid #ffffff12;background:none;color:#9aa3b3;font-size:11px;padding:22px 14px;position:relative;transition:color .3s,background .3s}.approach-stage-buttons button:last-child{border-right:0}.approach-stage-buttons button>span:first-child{font-size:8px;color:#6f7988}.approach-stage-buttons button[aria-pressed=true]{color:#e7eddf;background:linear-gradient(#d7fb3510,transparent);box-shadow:inset 0 2px var(--lime)}.approach-stage-buttons button[aria-pressed=true]>span:first-child{color:var(--lime)}.stage-indicator{margin-left:auto;color:var(--lime);opacity:0}.approach-stage-buttons button[aria-pressed=true] .stage-indicator{opacity:1}.approach-stage-detail{display:grid;grid-template-columns:95px 1fr auto;gap:30px;padding:34px 0 0;align-items:start;min-height:155px}.approach-stage-count{font-size:10px;color:var(--lime);letter-spacing:.1em;padding-top:8px}.approach-stage-detail h3{font-size:25px}.approach-stage-detail p{max-width:650px;font-size:13px;margin-top:13px;line-height:1.8}.approach-stage-detail .text-link{margin-top:7px;font-size:11px;white-space:nowrap}.approach-fallback{padding:25px}.approach-fallback li{margin-bottom:20px}.approach-fallback h3{font-size:21px}.approach-fallback p{margin-top:10px}.approach-reduced .flow-particles{display:none}.approach-reduced .approach-motion{display:none}@keyframes flowDash{to{stroke-dashoffset:-26}}@keyframes teamOrbit{to{transform:rotate(360deg)}}@keyframes backlogPulse{0%,100%{fill:#d7fb3515}40%{fill:#d7fb3599}}@keyframes incrementFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1050px){.approach-stage-buttons button{font-size:10px;padding:18px 9px;gap:6px}.stage-indicator{display:none}.approach-stage-detail{grid-template-columns:65px 1fr}.approach-stage-detail>.text-link{grid-column:2;justify-self:start}.approach-stage-detail{min-height:200px}}
@media(max-width:760px){.process-section .section-heading h2{font-size:35px}.approach-toolbar{gap:8px;align-items:flex-start}.approach-toolbar p{font-size:7px;letter-spacing:.06em;padding-top:9px}.approach-motion{font-size:9px;padding:7px 10px;white-space:nowrap}.approach-diagram{width:740px;max-width:none;margin:15px 0 0}.approach-canvas{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d7fb3540 #10141a;margin-right:-20px;padding-right:20px}.approach-stage-buttons{grid-template-columns:repeat(3,1fr);margin-top:22px}.approach-stage-buttons button{padding:17px 9px;border-bottom:1px solid #ffffff0b;font-size:10px}.approach-stage-buttons button:nth-child(3){border-right:0}.approach-stage-buttons button span:first-child{font-size:7px}.approach-stage-detail{grid-template-columns:40px 1fr;gap:15px;padding-top:25px;min-height:245px}.approach-stage-detail h3{font-size:24px}.approach-stage-detail p{font-size:12px}.approach-stage-count{font-size:8px}.approach-stage-detail>.text-link{margin-top:0}.approach-canvas:after{content:'SWIPE TO EXPLORE THE DELIVERY LOOP →';position:absolute;top:400px;left:0;font-size:7px;letter-spacing:.1em;color:#7d899c}.approach-canvas{padding-bottom:17px}}
@media(prefers-reduced-motion:reduce){.flow-particles{display:none}.approach-diagram *{animation:none!important}.approach-motion{display:none}}
