.technology-page .main-nav a[aria-current]{color:var(--yellow)}
.technology-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;padding:70px var(--gutter) 74px;max-width:1800px;margin:auto}
.technology-copy{display:flex;flex-direction:column;gap:27px;min-width:0}
.technology-copy h1{font-size:clamp(48px,5vw,78px);max-width:650px;line-height:1.04}
.technology-copy>p{font-size:19px;max-width:520px;line-height:1.65}
.technology-principles{display:flex;flex-wrap:wrap;gap:24px;margin-top:3px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:12px}
.technology-principles span:before{content:'↗';color:var(--yellow);margin-right:8px}
.architecture-card{margin:0;padding:25px;background:var(--deep);border:1px solid var(--line);border-radius:10px;min-width:0;box-shadow:0 20px 60px #18164022}
.architecture-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.architecture-head .kicker{font-size:9px}.architecture-switch{display:flex;padding:3px;border:1px solid var(--panel);border-radius:5px;background:#1c1d40}
.architecture-switch button{border:0;background:transparent;color:var(--muted);border-radius:3px;padding:8px 11px;font-size:11px}
.architecture-switch button[aria-pressed=true]{background:var(--yellow);color:var(--deep);font-weight:600}
.architecture-drawing{padding:30px 0 22px}
.operator{display:flex;align-items:center;gap:12px;width:fit-content;margin:auto;border:1px solid var(--line);border-radius:5px;padding:12px 22px;background:var(--indigo)}
.operator-icon{font:28px Montserrat,Arial;color:var(--yellow)}.operator small,.controller small{display:block;font-size:8px;letter-spacing:.13em;color:var(--muted)}
.operator strong{display:block;font-size:13px;font-weight:500}.controller{margin:18px auto 0;text-align:center;border:1px solid var(--yellow);border-radius:5px;padding:10px 18px;width:fit-content;background:#343365}.controller strong{display:block;font-size:12px;color:var(--yellow);font-weight:500}
.architecture-branches{display:block;width:100%;height:44px;overflow:visible}.architecture-branches path{stroke:var(--yellow);stroke-width:1.2;fill:none;vector-effect:non-scaling-stroke}
.architecture-card[data-mode=distributed] .architecture-branches path{stroke-dasharray:4 6;animation:technology-flow 4s linear infinite}
@keyframes technology-flow{to{stroke-dashoffset:-40}}
.architecture-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.architecture-platform{border:1px solid var(--line);border-radius:5px;padding:13px 9px;background:var(--indigo);min-width:0;text-align:center}.platform-label{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em;margin-bottom:14px}.platform-software{font-size:11px;min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--panel);padding:7px 4px;border-radius:3px}.onboard-layer{background:var(--yellow);color:var(--deep);font-size:10px;font-weight:600;padding:10px 4px;margin-top:7px;border-radius:3px;line-height:1.4;transition:background .2s,color .2s}
.architecture-card[data-mode=centralized] .onboard-layer{background:#343365;color:var(--muted)}
.architecture-shared{display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid var(--yellow);margin-top:16px;padding-top:12px;color:var(--yellow);font-size:11px;text-align:center}.architecture-shared span{font-size:23px;line-height:1}
.architecture-card[data-mode=centralized] .architecture-shared{border-color:var(--panel);color:var(--muted)}
.architecture-card figcaption{border-top:1px solid var(--panel);padding-top:17px}.architecture-card figcaption>strong{font-size:15px;font-weight:500}.architecture-card figcaption p{font-size:12px;line-height:1.6;margin-top:7px;min-height:39px}.architecture-card figcaption>small{display:block;color:var(--muted);font-size:9px;margin-top:13px}
.layer-section{padding:62px var(--gutter) 64px;background:var(--deep);border-block:1px solid var(--panel)}
.technology-section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:34px}.technology-section-heading h2{font-size:38px;max-width:690px;margin-top:15px}.technology-section-heading>p{font-size:16px;max-width:460px}
.layer-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.layer-tabs button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:16px 18px;font-size:16px}.layer-tabs button>span{font-size:10px;color:var(--muted)}.layer-tabs button[aria-selected=true]{background:var(--yellow);border-color:var(--yellow);color:var(--deep);font-weight:600}.layer-tabs button[aria-selected=true]>span{color:var(--deep)}
.layer-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--indigo);padding:36px}
.layer-explanation h3{font-size:32px;max-width:480px;margin:14px 0 19px}.layer-explanation>p{font-size:16px;max-width:500px}.layer-explanation ul{margin:22px 0 0;padding:0;list-style:none;font-size:14px;color:var(--text)}.layer-explanation li{position:relative;margin-top:10px;padding-left:20px}.layer-explanation li:before{content:'↗';position:absolute;left:0;color:var(--yellow)}
.layer-stack{min-width:0;background:var(--deep);border:1px solid var(--panel);border-radius:6px;padding:20px}.stack-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.stack-selected{color:var(--yellow);font-size:10px;letter-spacing:0}
.stack-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stack-platform{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:center}.stack-name{font:600 13px Montserrat,Arial;margin-bottom:5px}.stack-os{font-size:10px;padding:12px 5px;background:#1c1d40;border:1px dashed var(--line);border-radius:4px;min-height:54px;display:flex;align-items:center;justify-content:center}.stack-platform [data-stack-layer]{font-size:11px;background:var(--indigo);border:1px solid var(--panel);border-radius:3px;padding:8px 5px;color:var(--muted);transition:background .15s}.stack-platform .active{background:var(--yellow);border-color:var(--yellow);color:var(--deep);font-weight:600}.layer-stack>p{font-size:11px;color:var(--muted);margin-top:18px;text-align:center;line-height:1.6}
.engineering-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding:66px var(--gutter)}.engineering-intro h2{font-size:42px;margin:16px 0 23px}.engineering-intro p{max-width:400px;font-size:16px;margin-bottom:24px}.engineering-intro .text-link{display:inline-block}
.engineering-details{min-width:0}.engineering-details details{border-top:1px solid var(--line)}.engineering-details details:last-child{border-bottom:1px solid var(--line)}.engineering-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font:600 20px/1.3 Montserrat,Arial;letter-spacing:-.02em}.engineering-details summary::-webkit-details-marker{display:none}.engineering-details summary small{display:block;font:10px/1.3 Arial;letter-spacing:.13em;color:var(--yellow);margin-bottom:8px}.detail-icon{color:var(--yellow);font:26px Arial;flex-shrink:0;transition:transform .2s}.engineering-details details[open] .detail-icon{transform:rotate(45deg)}.engineering-details summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.detail-body{padding:0 28px 25px 0;font-size:14px}.detail-body p{max-width:650px}.detail-body .detail-secondary{color:var(--muted);margin-top:16px;font-size:13px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.detail-tags span{border:1px solid var(--line);padding:4px 10px;border-radius:3px;color:var(--text);font-size:10px}.detail-body ul{padding-left:18px;color:var(--text);font-size:13px;line-height:1.8}.detail-body .text-link{display:inline-block;margin-top:10px;font-size:12px}
.technology-contact{background:var(--deep);border-top:1px solid var(--panel);padding-block:46px}.technology-contact h2{font-size:34px;margin-top:14px}.technology-contact .button{white-space:nowrap}
@media(max-width:1150px){.technology-hero{gap:35px;padding-block:55px}.technology-copy h1{font-size:57px}.technology-copy>p{font-size:17px}.architecture-card{padding:20px}.architecture-platforms{gap:8px}.architecture-platform{padding-inline:7px}.technology-section-heading{gap:35px}.layer-panel{gap:30px;padding:28px}.layer-explanation h3{font-size:28px}.engineering-section{gap:45px}.layer-stack{padding:16px}.stack-platforms{gap:8px}}
@media(max-width:900px){.technology-hero{grid-template-columns:1fr;gap:36px;padding-block:45px}.technology-copy h1{font-size:clamp(46px,7vw,66px);max-width:700px}.technology-copy>p{max-width:670px}.architecture-card{width:100%;max-width:700px;justify-self:center}.technology-section-heading{grid-template-columns:1fr;gap:18px}.technology-section-heading>p{max-width:650px}.layer-panel{grid-template-columns:1fr;gap:25px}.layer-explanation h3{max-width:650px}.layer-explanation>p{max-width:650px}.layer-stack{max-width:650px;width:100%;justify-self:center}.engineering-section{grid-template-columns:1fr;gap:32px}.engineering-intro h2 br{display:none}.engineering-intro p{max-width:650px}}
@media(max-width:550px){.technology-copy h1{font-size:46px}.technology-copy>p{font-size:16px}.technology-hero{padding-block:38px}.technology-copy{gap:22px}.architecture-card{padding:16px}.architecture-head{gap:12px}.architecture-platforms{gap:6px}.platform-label{font-size:8px;letter-spacing:.05em}.platform-software{font-size:9px}.onboard-layer{font-size:9px}.architecture-platform{padding:12px 5px}.operator{padding:10px 16px}.architecture-shared{font-size:10px;gap:8px}.layer-section{padding-block:38px}.technology-section-heading h2{font-size:31px}.layer-tabs{grid-template-columns:1fr 1fr;gap:8px}.layer-tabs button{font-size:14px;padding:13px 14px}.layer-panel{padding:20px}.layer-explanation h3{font-size:28px}.layer-explanation>p{font-size:15px}.layer-stack{padding:12px}.stack-platforms{gap:6px}.stack-name{font-size:11px}.stack-os{font-size:8px;min-height:47px}.stack-platform [data-stack-layer]{font-size:10px;padding-block:7px}.engineering-section{padding-block:38px}.engineering-intro h2{font-size:34px}.engineering-details summary{font-size:17px}.detail-body{padding-right:0}.technology-contact h2{font-size:29px}.technology-contact .button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.architecture-branches path{animation:none!important}.onboard-layer,.stack-platform [data-stack-layer],.detail-icon{transition:none}}