.live-architecture{background:#0d1714;color:#edf5ef;padding:50px 0 65px}
.live-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:36px}
.live-heading .eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--hero-eyebrow);margin-bottom:22px}
.live-heading h1{;letter-spacing:-2.5px;margin:0}
.live-heading h1 em{color:var(--hero-accent);font-style:normal}
.live-heading>p{font-size:16px;line-height:1.8;color:#aec3b6;margin:0 0 5px}
.architecture-console{border:1px solid #455f50;border-radius:12px;overflow:hidden;background:#111f19}
.console-toolbar{display:flex;align-items:center;gap:20px;padding:15px 25px;background:#1a2d23;border-bottom:1px solid #3c5445}
.console-label{font-size:12px;letter-spacing:1.4px;color:#d0e6d7}
.architecture-console button{cursor:pointer}
.design-strip{display:flex;gap:20px;align-items:center;padding:18px 25px;border-bottom:1px solid #344b3c;color:#c4d9cb;font-size:14px}
.design-label{font-size:12px;letter-spacing:1px;color:#83a58e;margin-right:10px}
.design-strip i{font-style:normal;color:#72917b}
.object-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px 4px}
.object-toolbar>span{font-size:14px;color:#a5c0af}
.object-toolbar>div{display:flex;border:1px solid #47624f;border-radius:7px;padding:4px;gap:3px;background:#17291f}
.object-toolbar button{border:0;background:transparent;color:#b9d2c1;font-size:14px;padding:8px 18px;border-radius:4px;transition:background .25s,color .25s}
.object-toolbar button[aria-pressed=true]{background:#c0f5cf;color:#173d25}
.network-svg{display:block;width:100%;height:auto;max-height:490px}
.network-wires path{stroke:#3c5d49;stroke-width:1.4;transition:stroke .4s}
.network-wires path.active{stroke:#a4ecc0;stroke-width:2;stroke-dasharray:5 8;animation:wire-flow 1s linear infinite}
.network-system>rect:first-child{fill:#172920;stroke:#3e5d49;transition:fill .4s,stroke .4s}
.network-system.active>rect:first-child{fill:#223e2c;stroke:#9bd3ac}
.system-mark{fill:#779d83}
.network-system.active .system-mark{fill:#baf5cd}
.network-svg text{font-family:var(--body)}
.system-name{fill:#dfede2;font-size:14px;font-weight:500}
.system-description{fill:#a1bcaa;font-size:12px}
.core-halo{fill:#a7f3c609;stroke:#a7f3c61c;animation:core-breathe 4s ease-in-out infinite}
.core-face{fill:#d0f4d8;stroke:#e2ffe8}
.core-subtitle{fill:#466b50;font-size:10px;letter-spacing:1px}
.network-core>path{stroke:#abcbb1}
.core-step rect{fill:#b8ddc1;stroke:#8bb498;transition:fill .3s}
.core-step text{fill:#234a30;font-size:14px}
.core-step.active rect{fill:#224e31;stroke:#224e31}
.core-step.active text{fill:#ecfff1}
.core-caption{fill:#4e7058;font-size:12px}
.network-caption{fill:#89aa95;font-size:11px;letter-spacing:1.4px}
.record-glow{fill:#c9ffcf25}
.record-dot{fill:#ddffe5}
.travel-record{pointer-events:none}
.journey-console{background:#f2f7ef;color:#203c29;border-top:1px solid #6e9178;padding:25px 30px 28px}
.journey-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.record-kind{font-size:12px;letter-spacing:1px;color:#51735b}
.journey-heading h2{font:500 25px/1.3 var(--display);letter-spacing:-.6px;margin:6px 0 0}
.journey-actions{display:flex;gap:8px}
.journey-actions button{font-size:14px;padding:9px 13px;background:#fff;border:1px solid #bacbbb;border-radius:5px;color:#3a5b43}
.journey-actions button[aria-pressed=true]{background:#f9e8ca;border-color:#a87835;color:#6b4517}
.journey-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:26px 0 25px}
.journey-stages button{text-align:left;background:none;border:0;border-bottom:2px solid #cbd9c8;position:relative;padding:12px 12px 16px;font-size:14px;color:#6e826d;transition:color .2s,border-color .2s}
.journey-stages button span{display:block;font-size:12px;margin-bottom:6px;color:#7f957d}
.journey-stages button[aria-pressed=true]{color:#194d2a;border-color:#32744a;background:#e1eddb}
.journey-stages button.done{border-color:#7eab83}
.journey-stages button i{position:absolute;right:10px;top:14px;width:6px;height:6px;border-radius:50%;background:transparent}
.journey-stages button[aria-pressed=true] i{background:#3e8252;animation:core-breathe 1.5s ease-in-out infinite}
.journey-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;min-height:175px}
.detail-step{font-size:12px;color:#6d896e;letter-spacing:1px}
.journey-detail h3{font:500 26px/1.3 var(--display);margin:9px 0 12px;letter-spacing:-.5px}
.journey-detail p{font-size:16px;line-height:1.7;color:#5c775e;margin:0;max-width:600px}
.record-receipt{border-left:1px solid #c3d1bf;padding-left:30px}
.record-receipt>span{font-size:12px;color:#6d866b;letter-spacing:1px}
.record-receipt dl{margin:12px 0 0}
.record-receipt dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d5dfd0;padding:7px 0;font-size:14px}
.record-receipt dt{color:#73896f}
.record-receipt dd{margin:0;text-align:right;max-width:65%;color:#35573b}
.journey-announcement{margin:0!important}
.architecture-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:48px 0}
.architecture-proof article+article{border-left:1px solid #3e5546;padding-left:35px}
.architecture-proof article>span{font-size:12px;letter-spacing:1px;color:#98b8a3}
.architecture-proof h2{font:400 28px/1.2 var(--display);letter-spacing:-.7px;color:#e4f0e7;margin:19px 0 14px}
.architecture-proof p{font-size:16px;color:#a8c0b0;line-height:1.8;margin:0}
.implementation-detail{border-block:1px solid #466050;padding:22px 0}
.implementation-detail summary{cursor:pointer;font-size:16px;color:#d1e5d7}
.implementation-detail summary>span{float:right;color:#94b09e;font-size:14px}
.implementation-detail>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:24px}
.implementation-detail h3{font-size:18px;color:#d5ebdd}
.implementation-detail p{font-size:16px;line-height:1.7;color:#a9c0b1}
.live-architecture button:focus-visible,
.live-architecture summary:focus-visible{outline:3px solid #79ac85;outline-offset:4px}
.mobile-network{display:none}
.architecture-console.paused *{animation-play-state:paused!important}
.architecture-console.exception-held .journey-stages button[aria-pressed=true]{background:#f8e7ca;border-color:#b78438;color:#744e1c}
.architecture-console.exception-held .core-step.active rect{fill:#865629;stroke:#865629}
@keyframes wire-flow{to{stroke-dashoffset:-26}}
@keyframes core-breathe{50%{opacity:.45}}

@media(max-width:1000px){.design-strip{justify-content:center}
.live-heading>p{max-width:300px}
.object-toolbar button{padding:8px 13px}
.journey-detail{gap:25px}
.journey-heading h2{font-size:22px}
.architecture-proof{gap:25px}
.architecture-proof article+article{padding-left:25px}}

@media(max-width:700px){.live-architecture{padding-top:32px}
.live-heading{display:block}
.live-heading h1{;letter-spacing:-1.8px}
.live-heading>p{margin-top:20px;max-width:none}
.console-toolbar{padding:13px 15px;gap:10px;flex-wrap:wrap}
.design-strip{padding:15px;gap:9px;font-size:12px;flex-wrap:wrap}
.design-label{width:100%;text-align:center}
.object-toolbar{padding:20px 15px 5px;display:block}
.object-toolbar>div{margin-top:12px}
.object-toolbar button{flex:1;padding:9px;font-size:13px}
.network-svg{display:none}
.mobile-network{display:flex;align-items:center;flex-direction:column;padding:25px;gap:8px}
.mobile-network>span{padding:12px 25px;border:1px solid #5b7b63;border-radius:5px;color:#c2dfcc}
.mobile-network strong{background:#c0f0cb;padding:15px 45px;border-radius:8px;font:500 25px var(--display);color:#254d2d}
.mobile-network p{margin:0;font-size:14px;color:#b5d2bb}
.mobile-network i{font-style:normal;color:#b6edc3}
.journey-console{padding:22px 18px}
.journey-heading{display:block}
.journey-actions{margin-top:17px}
.journey-stages{gap:3px;margin:20px 0}
.journey-stages button{font-size:12px;padding:10px 5px;line-height:1.5}
.journey-stages button i{right:4px;top:9px}
.journey-detail{grid-template-columns:1fr;min-height:0}
.journey-detail h3{font-size:24px}
.record-receipt{padding:20px 0 0;border-left:0;border-top:1px solid #c3d1bf}
.architecture-proof{grid-template-columns:1fr;gap:27px;padding:35px 0}
.architecture-proof article+article{border-left:0;border-top:1px solid #3e5546;padding:27px 0 0}
.implementation-detail summary>span{display:block;float:none;margin-top:9px}
.implementation-detail>div{grid-template-columns:1fr;gap:10px}}

@media(prefers-reduced-motion:reduce){.live-architecture *{animation:none!important;transition:none!important}}
.network-svg{stroke:none;stroke-width:0;fill:none}
.network-svg text{stroke:none;stroke-width:0;font-family:var(--body);font-weight:400}
.network-svg rect,
.network-svg path{stroke-width:1}
.network-svg .system-name{font-weight:500;fill:#e4eee7}
.network-svg .system-description{fill:#abc1b2}
.network-svg .core-subtitle{fill:#31583e;font-weight:500;font-size:10px}
.network-svg .core-step text{fill:#234a30;font-weight:500}
.network-svg .core-step.active text{fill:#ecfff1}
.network-svg .core-caption{fill:#3e6348}
.network-svg .network-caption{fill:#a6c0af;font-weight:500}
.network-svg .network-wires path{stroke-width:1.4}
.network-svg .network-wires path.active{stroke-width:2}
.mobile-core-logo img{display:block}


body main .live-heading>p { max-width:none; }