.map-demo{border:1px solid #383838;background:#121212}.map-layout{display:grid;grid-template-columns:1.65fr 1fr}.map-view{border-right:1px solid #333}.map-view svg{display:block;width:100%}.map-caption{font-size:8px;color:#777;line-height:1.7;padding:10px 16px}.map-explainer{padding:26px}.map-buttons,.pipeline-tabs{display:flex;gap:5px;margin:15px 0}.map-buttons button,.pipeline-tabs button{font:11px var(--mono);padding:11px 17px;border:1px solid #444;background:#171717;color:#aaa;cursor:pointer}.map-buttons button[aria-pressed=true],.pipeline-tabs button[aria-pressed=true]{background:#e7e7e3;color:#111}.map-readout{display:flex;gap:16px;align-items:center;margin:24px 0}.map-readout strong{font-size:47px;font-weight:400}.map-readout span{font:10px var(--mono);line-height:1.7;color:#aaa;max-width:100px}.map-steps p{font-size:11px;color:#bbb;border-top:1px solid #2d2d2d;padding-top:12px}.map-steps p span{font:9px var(--mono);color:#666;margin-right:13px}.bounds{font-size:9px;color:#888;margin-top:23px;line-height:1.8}#viewport-box,#viewport-corner{transition:transform 1s ease}#viewport-box{animation:viewport-march 5s linear infinite}.event-halo{animation:event-pulse 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.map-demo.paused #viewport-box,.map-demo.paused .event-halo{animation-play-state:paused}@keyframes viewport-march{to{stroke-dashoffset:-120}}@keyframes event-pulse{0%,100%{opacity:.2}50%{opacity:.75}}.delivery-section{background:#151515;border-block:1px solid #333}.pipeline{background:#0d0d0d;border:1px solid #444}.pipeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 23px;border-bottom:1px solid #333}.failure-label{font:10px var(--mono);color:#aaa;display:flex;align-items:center;gap:8px;cursor:pointer}input[type=checkbox]{accent-color:#bbb}#android-options{font-size:9px;color:#888}#android-options select{background:#222;color:#ddd;border:1px solid #555;font:11px var(--mono);padding:10px;margin-left:10px}.pipeline-stage-list{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:25px 22px}.pipeline-stage-list button{padding:18px 10px;background:#151515;border:1px solid #3b3b3b;border-right:0;text-align:left;color:#888;cursor:pointer;position:relative;overflow:hidden}.pipeline-stage-list button:last-child{border-right:1px solid #3b3b3b}.pipeline-stage-list button span{display:block;font:9px var(--mono);margin-bottom:11px;letter-spacing:.6px}.pipeline-stage-list button strong{font-size:13px;font-weight:400}.pipeline-stage-list button[aria-pressed=true]{color:#fff;background:#292929;box-shadow:inset 0 -2px #ddd}.pipeline-stage-list button.completed{color:#ccc}.pipeline-stage-list button:disabled{opacity:.35;cursor:not-allowed}.pipeline-stage-list.running button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;height:2px;background:#eee;animation:stage-progress 3.4s linear forwards}@keyframes stage-progress{from{width:0}to{width:100%}}.pipeline-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;padding:16px 28px 30px;min-height:280px}.pipeline-bottom h3{font-size:27px;line-height:1.15}.pipeline-bottom p{color:#aaa;font-size:13px;line-height:1.85}.pipeline-terminal{border:1px solid #333;background:#141414;align-self:stretch}.terminal-title{border-bottom:1px solid #333;color:#777;font-size:9px;padding:13px 16px}.pipeline-terminal pre{font:11px/2 var(--mono);color:#bfbfbc;white-space:pre-wrap;padding:16px;margin:0;overflow-wrap:anywhere}.pipeline-controls{display:flex;align-items:center;gap:20px;border-top:1px solid #333;padding:20px 27px}.pipeline-controls .button{border:0;cursor:pointer}.text-control{border:0;background:none;color:#aaa;font:11px var(--mono);cursor:pointer}.pipeline-controls>.mono{font-size:9px;color:#999;margin-left:auto;text-align:right}.demo-disclaimer{border-top:1px solid #252525;padding:12px 27px;font-size:8px;color:#777;line-height:1.7}.delivery-details{display:grid;grid-template-columns:1fr 1fr;gap:40px 55px;margin-top:48px}.delivery-details article{border-top:1px solid #3a3a3a;padding-top:24px}.delivery-details h3{font-size:25px;line-height:1.25}.delivery-details p{font-size:14px;line-height:1.85;color:#aaa}.delivery-details .small-note{font-size:11px;color:#888}.golden-demo{display:grid;grid-template-columns:1fr 1fr;border:1px solid #333;background:#111}.golden-visual,.golden-solution{padding:30px}.golden-visual{border-right:1px solid #333;align-content:center}.os-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.os-pair>.mono,.os-pair>div>.mono{font-size:9px;color:#888}.mock-word{background:#1a1a1a;border:1px solid #333;padding:26px 13px;margin-top:15px;font-size:29px;letter-spacing:-1.3px}.mock-word span{display:block;font-size:9px;letter-spacing:0;margin-top:13px;color:#aaa}.mock-word.offset{letter-spacing:-.3px;text-shadow:1px 0 #777}.golden-solution h3{font-size:27px;line-height:1.2;margin-top:15px}.golden-solution p{font-size:13px;color:#aaa;line-height:1.8}.golden-equation{display:flex;align-items:center;gap:20px;font-size:10px;border-block:1px solid #333;padding:16px 0;margin:20px 0}.evidence-board{border:1px solid #333;background:#101010}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr)}.evidence-grid article{padding:27px;border-right:1px solid #333}.evidence-grid article:last-child{border-right:0}.evidence-num{font:12px var(--mono);color:#777}.evidence-grid h3{font-size:22px}.evidence-grid p{font-size:13px;line-height:1.85;color:#aaa}.observation-copy{margin-top:35px}.popin-art .radar:after{content:'';position:absolute;left:50%;top:50%;width:150px;height:1px;transform-origin:left;background:linear-gradient(to right,#aaa,transparent);animation:radar-scan 8s linear infinite}.popin-art .map-dot{animation:event-pulse 3s ease-in-out infinite}.popin-art.paused .radar:after,.popin-art.paused .map-dot{animation-play-state:paused}.popin-art .motion-toggle{font-size:8px}@keyframes radar-scan{to{transform:rotate(360deg)}}@media(max-width:800px){.map-layout,.pipeline-bottom,.golden-demo{grid-template-columns:1fr}.map-view,.golden-visual{border-right:0;border-bottom:1px solid #333}.map-explainer{padding:20px}.map-readout{margin:14px 0}.map-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.map-steps p{font-size:10px}.pipeline-toolbar{flex-wrap:wrap;padding:12px 18px}.pipeline-tabs{margin:0}.pipeline-stage-list{padding:20px 15px;grid-template-columns:1fr 1fr;gap:7px}.pipeline-stage-list button{border:1px solid #3b3b3b;padding:13px}.pipeline-stage-list button:last-child{grid-column:1/-1}.pipeline-stage-list button span{margin-bottom:6px}.pipeline-bottom{padding:10px 20px 25px;gap:20px;min-height:0}.pipeline-controls{flex-wrap:wrap;padding:18px}.pipeline-controls>.mono{margin:0;text-align:left;flex-basis:100%}.delivery-details{grid-template-columns:1fr;gap:24px}.golden-visual,.golden-solution{padding:23px}.evidence-grid{grid-template-columns:1fr}.evidence-grid article{border-right:0;border-bottom:1px solid #333}.evidence-grid article:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){#viewport-box,.event-halo,.pipeline-stage-list.running button[aria-pressed=true]:after,.popin-art .radar:after,.popin-art .map-dot{animation:none}#viewport-box,#viewport-corner{transition:none}}
.map-explainer h3{font-size:27px;line-height:1.2;margin-top:22px}.map-decision{font-size:13px;color:#aaa;line-height:1.8}.delivery-lane{padding:26px;border-bottom:1px solid #333}.lane-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.lane-label>span:last-child{font-size:11px;color:#888}.auto-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.auto-stages button{position:relative;overflow:hidden;border:1px solid #373737;background:#161616;color:#999;text-align:left;min-height:79px;padding:15px 12px;cursor:pointer;transition:background .5s,color .5s,border-color .5s}.auto-stages button span{display:block;font:9px var(--mono);color:#777;margin-bottom:11px}.auto-stages button strong{font-size:12px;font-weight:400}.auto-stages button.flow-active{background:#ddd;color:#111;border-color:#ddd}.auto-stages button.flow-active:after{content:'';height:2px;position:absolute;left:0;bottom:0;background:#777;animation:stage-progress 2.6s linear forwards}.auto-stages button[aria-pressed=true]{outline:1px solid #ddd;outline-offset:3px}.flow-paused .auto-stages button.flow-active:after{animation-play-state:paused}.stage-insight{padding:29px;min-height:215px;max-width:900px}.stage-insight h3{font-size:25px}.stage-insight p{font-size:14px;line-height:1.85;color:#aaa}.quiet-pipeline .demo-disclaimer{font-size:9px}.routing-note{border-left:1px solid #555;padding-left:25px}.routing-note .eyebrow{display:block;margin-bottom:20px}.routing-note strong{color:#ddd;font-weight:400}@media(max-width:800px){.delivery-lane{padding:22px 16px}.lane-label{display:block}.lane-label>span:last-child{display:block;margin-top:8px}.auto-stages{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.auto-stages button{padding:11px 5px;min-height:80px}.auto-stages button strong{font-size:9px;overflow-wrap:anywhere}.stage-insight{padding:24px 20px;min-height:275px}.stage-insight h3{font-size:23px}.routing-note{padding-left:18px}}@media(prefers-reduced-motion:reduce){.auto-stages button{transition:none}.auto-stages button.flow-active:after{animation:none}}
/* Open CI/CD timelines: connected milestones instead of stage cards. */
.quiet-pipeline{border:0;background:transparent;margin-top:45px}.quiet-pipeline>.diagram-bar{padding:0 0 20px;background:none;border-bottom:1px solid #353535}.quiet-pipeline .delivery-lane{padding:30px 0 18px;border-bottom:0}.quiet-pipeline .lane-label{margin-bottom:28px}.quiet-pipeline .auto-stages{position:relative;gap:0;isolation:isolate}.quiet-pipeline .auto-stages:before{content:'';position:absolute;top:36px;left:4px;right:20%;height:1px;background:#414141;z-index:-1}.quiet-pipeline .auto-stages button{overflow:visible;border:0;background:transparent;min-height:99px;padding:0 12px 12px 0;color:#999;transition:color .4s;box-shadow:none}.quiet-pipeline .auto-stages button span{font-size:9px;margin:0 0 42px;color:#666}.quiet-pipeline .auto-stages button:before{content:'';position:absolute;left:0;top:32px;width:9px;height:9px;border:1px solid #777;border-radius:50%;background:#151515;transition:background .4s,box-shadow .4s}.quiet-pipeline .auto-stages button strong{font-size:13px;font-weight:400;line-height:1.5}.quiet-pipeline .auto-stages button.flow-active{background:transparent;color:#eee}.quiet-pipeline .auto-stages button.flow-active:before{background:#eee;border-color:#eee;box-shadow:0 0 0 5px #ffffff0d}.quiet-pipeline .auto-stages button.flow-active:after{display:none}.quiet-pipeline .auto-stages button[aria-pressed=true]{outline:0}.quiet-pipeline .auto-stages button[aria-pressed=true] strong{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#aaa}.quiet-pipeline .auto-stages button:focus-visible{outline:2px solid white;outline-offset:5px}.quiet-pipeline .auto-stages button:hover{color:#fff}.quiet-pipeline .stage-insight{border-top:1px solid #353535;padding:28px 0 15px;max-width:none;display:grid;grid-template-columns:1fr 1.65fr;column-gap:50px;min-height:190px;align-content:start}.quiet-pipeline .stage-insight>.eyebrow{grid-column:1/-1;margin-bottom:8px;color:#888}.quiet-pipeline .stage-insight h3{font-size:24px;line-height:1.3;margin:12px 0}.quiet-pipeline .stage-insight p{margin:12px 0}.quiet-pipeline .demo-disclaimer{padding:10px 0;border:0;color:#777}.delivery-section .delivery-details{gap:55px;margin-top:45px}.delivery-section .delivery-details article{border-top:0;padding-top:0}@media(max-width:800px){.quiet-pipeline .stage-insight{grid-template-columns:1fr;gap:0;min-height:250px;padding-top:22px}.quiet-pipeline .stage-insight h3{font-size:22px}.quiet-pipeline .lane-label{margin-bottom:22px}.quiet-pipeline .auto-stages button{padding-right:7px;min-height:100px}.quiet-pipeline .auto-stages button strong{font-size:10px;overflow-wrap:normal}.quiet-pipeline .delivery-lane{padding-top:25px}.delivery-section .delivery-details{gap:25px}}@media(prefers-reduced-motion:reduce){.quiet-pipeline .auto-stages button,.quiet-pipeline .auto-stages button:before{transition:none}}