.tech-intro{padding-block:64px}.tech-intro h1{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2.5px;margin:24px 0}.tech-intro>p{max-width:620px;color:var(--muted);line-height:1.9;margin-bottom:24px}.architecture{display:grid;grid-template-columns:1fr 1fr;padding-inline:0}.architecture-visual{padding:40px;border-right:1px solid var(--rail);background:radial-gradient(ellipse at 50% 60%,#71d79d13,transparent 65%)}.architecture h2{font-size:30px;letter-spacing:-1px;margin:20px 0}.layer-stack{height:470px;position:relative;max-width:480px;margin:24px auto 0}.layer-button{position:absolute;top:calc(22px + var(--level) * 105px);left:12%;width:76%;height:96px;border:0;padding:0;background:none;color:var(--muted);z-index:calc(4 - var(--level));text-align:left}.layer-slab{position:absolute;inset:0;background:linear-gradient(145deg,#18292a,#0c161b);border:1px solid #456055;border-radius:16px;transform:perspective(650px) rotateX(48deg) rotate(-12deg);box-shadow:-8px 12px #101b1f,-9px 13px #30453e;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.layer-label{position:relative;display:flex;flex-direction:column;padding:14px 36px;pointer-events:none}.layer-label small{font-size:10px;color:var(--accent)}.layer-label strong{font-size:18px;color:var(--ink)}.layer-label>span{font-size:10px;margin-top:5px}.layer-button[aria-pressed=true] .layer-slab{border-color:var(--accent);background:linear-gradient(145deg,#244238,#142420);transform:perspective(650px) rotateX(48deg) rotate(-12deg) translateY(-12px);box-shadow:-8px 12px #172b24,-9px 13px #80cba0,0 10px 50px #94ffc91a}.layer-button:hover .layer-label strong{color:var(--accent)}.layer-button:focus-visible{outline-offset:10px;border-radius:12px}.architecture-caption,.tech-footnote{color:var(--muted);font-size:11px;line-height:1.8}.architecture-detail{padding:48px;align-self:center}.layer-description{margin-bottom:32px}.layer-description>p{color:var(--muted);font-size:15px;line-height:1.9}.layer-description ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.layer-description li{padding:8px 12px;border:1px solid var(--rail);color:var(--accent);font-size:11px;border-radius:4px}.tech-section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:48px}.tech-section-heading h2,.tech-roles h2,.tech-responsibility h2,.tech-next h2{font-size:34px;letter-spacing:-1px;margin-top:20px}.tech-section-heading p,.tech-next p{font-size:14px;color:var(--muted);line-height:1.9}.deployment-journey{list-style:none;margin:0 calc(-1 * var(--gutter));padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--rail)}.deployment-journey li{padding:28px;position:relative}.deployment-journey li+li{border-left:1px solid var(--rail)}.step-index{color:var(--accent);font-size:11px}.deployment-journey h3{font-size:18px;margin:18px 0 12px}.deployment-journey p,.role-list p,.responsibility-columns p{font-size:13px;color:var(--muted);line-height:1.8}.journey-arrow{position:absolute;right:-8px;top:28px;z-index:1;color:var(--accent);background:var(--bg)}.tech-footnote{padding-block:20px}.tech-roles,.tech-responsibility{display:grid;grid-template-columns:1fr 1fr}.tech-roles>:first-child,.tech-responsibility>:first-child{padding:48px 40px 48px 0}.role-list,.responsibility-columns{border-left:1px solid var(--rail);margin-right:calc(-1 * var(--gutter))}.role-list article,.responsibility-columns article{padding:28px 40px}.role-list article+article,.responsibility-columns article+article{border-top:1px solid var(--rail)}.role-list h3,.responsibility-columns h3{font-size:18px}.tech-next{padding-block:48px;display:flex;align-items:center;justify-content:space-between;gap:32px}.tech-next .ctas{flex-wrap:wrap}@media(max-width:900px){.architecture{grid-template-columns:1fr}.architecture-visual{border-right:0;border-bottom:1px solid var(--rail)}.architecture-detail{padding:32px}.deployment-journey{grid-template-columns:1fr}.deployment-journey li+li{border-left:0;border-top:1px solid var(--rail)}.journey-arrow{right:28px;top:auto;bottom:-10px;transform:rotate(90deg)}.tech-next{flex-direction:column;align-items:flex-start}}@media(max-width:760px){.tech-intro{padding-block:36px}.tech-intro h1{font-size:38px;letter-spacing:-1.6px}.architecture-visual{padding:28px 20px}.layer-stack{height:430px}.layer-button{left:4%;width:92%;top:calc(16px + var(--level) * 96px)}.layer-label{padding:14px 24px}.layer-label strong{font-size:16px}.architecture-detail{padding:28px 20px}.tech-section-heading,.tech-roles,.tech-responsibility{grid-template-columns:1fr;gap:0}.tech-section-heading{padding-block:32px}.tech-roles>:first-child,.tech-responsibility>:first-child{padding:32px 0}.role-list,.responsibility-columns{border-left:0;border-top:1px solid var(--rail);margin-inline:calc(-1 * var(--gutter))}.role-list article,.responsibility-columns article{padding:24px var(--gutter)}}.layer-playback{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--muted);font-size:11px}.layer-playback button{background:var(--surface);color:var(--accent);border:1px solid var(--rail);border-radius:5px;padding:8px 14px;min-width:62px}.layer-progress{flex:1;height:2px;background:var(--rail);overflow:hidden}.layer-progress i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.layer-playback button{min-width:32px;width:32px;height:32px;padding:7px;display:grid;place-items:center}.layer-playback{max-width:220px}[data-playing=true] .playback-play,[data-playing=false] .playback-pause{display:none}.architecture-diagram{margin:0 0 30px}.architecture-diagram svg{width:100%;height:auto;max-height:220px}.diagram-links{fill:none;stroke:#497463;stroke-width:1.2}.diagram-hub{fill:#182c25;stroke:#80b99a}.diagram-node{fill:#101d21;stroke:var(--rail)}.diagram-hub-label{fill:var(--accent);font:12px Manrope,sans-serif}.diagram-node-label{fill:var(--ink);font:10px Manrope,sans-serif}.diagram-icon{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.diagram-junction{fill:var(--accent)}.architecture-diagram figcaption{text-align:center;color:var(--muted);font-size:10px;margin-top:8px}.layer-stack{height:550px}.layer-button{z-index:calc(5 - var(--level))}.connected-diagram svg{max-height:350px}.connected-diagram .diagram-links{stroke:var(--rail);stroke-width:1.4}.connected-diagram .edge-selected{stroke:#77ab92}.architecture-group rect{fill:#0e181c;stroke:#273b34}.architecture-group circle{fill:#557064}.architecture-group .group-name{fill:#8a9f96;font:600 12px Manrope,sans-serif}.architecture-group .group-item{fill:#82928c;font:10px Manrope,sans-serif}.architecture-group.group-selected rect{fill:#193128;stroke:var(--accent)}.architecture-group.group-selected circle,.architecture-group.group-selected .group-name{fill:var(--accent)}.architecture-group.group-selected .group-item{fill:var(--ink)}.architecture-group.group-related:not(.group-selected) rect{stroke:#456253}.full-architecture{margin-top:24px;border-top:1px solid var(--rail)}.full-architecture summary{font-size:12px;color:var(--accent)}.full-architecture .diagram-full svg{max-height:none}.full-architecture>p{padding:0;color:var(--muted);font-size:12px}@media(max-width:760px){.layer-stack{height:510px}.connected-diagram svg{max-height:none}}.layer-stack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,110px);gap:12px 22px;height:auto;padding:12px 0 28px}.layer-stack .layer-button{position:relative;inset:auto;width:100%;height:96px;align-self:center}.layer-button[data-layer="0"]{grid-column:1 / -1;grid-row:1}.layer-button[data-layer="1"]{grid-column:1;grid-row:2}.layer-button[data-layer="4"]{grid-column:2;grid-row:2}.layer-button[data-layer="2"]{grid-column:1 / -1;grid-row:3}.layer-button[data-layer="3"]{grid-column:1 / -1;grid-row:4}.layer-stack .layer-label{padding:14px 20px}.layer-button[data-layer="1"] .layer-label strong,.layer-button[data-layer="4"] .layer-label strong{font-size:15px}.layer-button[data-layer="1"] .layer-label>span,.layer-button[data-layer="4"] .layer-label>span{font-size:9px;line-height:1.6}.architecture-expand-icon{flex:0 0 16px}.full-architecture[open] .expand-vertical{display:none}@media(max-width:760px){.layer-stack{column-gap:16px}.layer-stack .layer-label{padding:14px 12px}.layer-button[data-layer="1"] .layer-label strong,.layer-button[data-layer="4"] .layer-label strong{font-size:13px}}.layer-stack{display:flex;flex-direction:column;gap:22px;padding-block:20px 36px}.layer-stack .layer-button,.shared-layer{flex:0 0 96px;width:100%;position:relative}.shared-layer{display:grid;grid-template-columns:1fr 1fr}.shared-layer>.layer-slab{pointer-events:none}.shared-layer-button{position:relative;background:none;border:0;color:var(--muted);text-align:left;padding:0}.shared-layer-button .layer-label{padding:14px 18px}.shared-layer-button strong{font-size:14px}.shared-layer-button .layer-label>span{font-size:9px;line-height:1.6}.shared-layer-button+.shared-layer-button:before{content:"";position:absolute;top:20px;bottom:20px;left:0;border-left:1px solid #587565}.shared-layer:has([aria-pressed=true]) .layer-slab{border-color:var(--accent);background:linear-gradient(145deg,#244238,#142420)}.shared-layer-button[aria-pressed=true] strong{color:var(--accent)}.shared-layer-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.architecture>.full-architecture{grid-column:1 / -1;margin:0;padding:0 40px;border-top:1px solid var(--rail)}.system-map-intro h3{font-size:24px;margin:16px 0}.system-map-intro p,.system-map-note{color:var(--muted);font-size:13px;line-height:1.8}.system-map-scroll{overflow-x:auto;margin-block:24px}.system-map{display:block;width:100%;min-width:720px;max-width:1100px;margin:auto}.system-zone{fill:#10201b;stroke:#385647}.mesh-zone{fill:#0e1a1f;stroke-dasharray:5 5}.system-zone-label{fill:#8db6a0;font:10px Manrope,sans-serif}.system-link{fill:none;stroke:#81b59a;stroke-width:1.3}.system-node{fill:#111f23;stroke:#4e7563}.system-edge{fill:#203a2c;stroke:var(--accent)}.system-label{fill:var(--ink);font:12px Manrope,sans-serif}.system-edge-label{fill:var(--accent);font:9px Manrope,sans-serif}@media(max-width:760px){.architecture>.full-architecture{padding-inline:20px}.shared-layer-button .layer-label{padding-inline:10px}.shared-layer-button strong{font-size:12px}}.architecture>.full-architecture{margin-inline:calc(-1 * var(--gutter));padding:0}.architecture>.full-architecture>summary{padding:24px var(--gutter)}.architecture>.full-architecture>.system-map-intro,.architecture>.full-architecture>.system-map-scroll,.architecture>.full-architecture>.system-map-note{margin-inline:var(--gutter)}.full-architecture>.system-map-intro{padding-top:12px}.full-architecture>.system-map-note{margin-top:24px;margin-bottom:0;padding:0 0 36px}.architecture{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.architecture>*{min-width:0}.system-map-scroll{min-width:0;max-width:100%;overscroll-behavior-x:contain}.full-architecture{overflow-anchor:none}@media(max-width:900px){.architecture{grid-template-columns:minmax(0,1fr)}}