@media(max-width:699px){
.technology-mobile-preview #main>.scene-shell{display:none!important}
.technology-mobile-preview .production-header{height:52px;background:#02080eef;border-bottom:1px solid #c99b4822}.technology-mobile-preview .production-header .brand{top:8px;left:18px;width:173px;height:36px}.technology-mobile-preview .production-header nav{top:52px}.technology-mobile-preview .menu-toggle{top:4px;right:14px;min-height:44px;font-size:11px}
.tm-page{background:#02080c;color:#e5e6e4;font:400 12px/1.5 Inter,sans-serif;overflow:hidden}.tm-page *{box-sizing:border-box}.tm-page h1,.tm-page h2,.tm-page p{margin:0}.tm-intro{padding:23px 22px 10px;background:linear-gradient(#050b10,#02080c)}.tm-eyebrow{font-size:10px;letter-spacing:.16em;color:#d5ae68;margin-bottom:12px!important}.tm-intro h1{font:400 31px/1.08 TechnologySerif,Georgia,serif;letter-spacing:-.02em}.tm-intro em{font-style:normal;color:#e0b571}.tm-intro>p:last-child{margin-top:15px;color:#cbd4d7;font-size:12.5px}
.tm-map{position:relative;isolation:isolate;padding:0 12px 25px}.tm-city{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.95;mask-image:linear-gradient(transparent,#000 12%,#000 93%,transparent)}.tm-hub{width:110px;height:110px;margin:8px auto 26px;position:relative;z-index:2}.tm-hub-art{width:100%;height:100%;filter:drop-shadow(0 0 9px #ba81234d)}
.tm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}.tm-card{min-width:0;position:relative;padding:11px 10px 13px;border:1px solid #b7863c9c;border-radius:9px;background:linear-gradient(145deg,#081116ed,#02080cce);box-shadow:inset 0 1px 0 #efcc8315,0 8px 22px #0004;display:grid;grid-template-rows:16px 36px 110px auto;transition:border-color .7s,box-shadow .7s}.tm-number{font-size:9px;letter-spacing:.12em;color:#d6ae69}.tm-card h2{font:500 12.5px/1.4 Inter,sans-serif;letter-spacing:.02em;padding-top:3px}.tm-card .mobile-art{position:relative;width:100%;align-self:center;overflow:hidden}.tm-visual{display:block;width:100%;height:auto}.tm-card p{font-size:11px;line-height:1.5;color:#c9d1d3;margin-top:5px}.tm-active{border-color:#dfb15b;box-shadow:0 0 12px #d6a04b20,inset 0 0 10px #d6a04b0c}.tm-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.tm-connections path{fill:none;stroke:#d09c48;stroke-width:1;opacity:.7}.tm-dot{fill:#efb957;filter:drop-shadow(0 0 3px #dca44c)}
.tm-foundations{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:15px 15px 30px;border-top:1px solid #b7863c44;background:linear-gradient(#071017,#02080c)}.tm-foundations article{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 9px;gap:10px}.tm-principle-icon{width:43px;height:43px}.tm-foundations h2{font:400 11px/1.4 Inter,sans-serif;letter-spacing:.045em}.tm-foundations article:nth-child(odd){border-right:1px solid #b7863c33}.tm-foundations article:nth-child(-n+2){border-bottom:1px solid #b7863c33}
@media(prefers-reduced-motion:reduce){.tm-dot{display:none}.tm-card{transition:none}}
}

@media(max-width:699px){.tm-card>*{position:relative!important;inset:auto!important;grid-column:1!important;transform:none!important}.tm-hub-art{border-radius:50%}.tm-principle-icon{mix-blend-mode:screen}}

@media(max-width:699px){
.tm-map{padding-top:12px}.tm-city{top:-24px;height:760px;opacity:1;mask-image:linear-gradient(transparent,#000 7%,#000 72%,transparent);filter:brightness(1.16)}
.tm-hub{margin-bottom:48px}.tm-card{background:linear-gradient(145deg,#071016d9,#02080cb8)}
.tm-connections{z-index:1}.tm-connections .tm-route{stroke-width:.8;opacity:.55;transition:opacity .5s,filter .5s}
.tm-connections .tm-route-active{opacity:1;filter:drop-shadow(0 0 2px #d8a347)}
.tm-port{fill:#b4843b;transition:fill .5s,filter .5s}.tm-port-active{fill:#f8ca78;filter:drop-shadow(0 0 3px #efba58)}
.tm-foundation-entered .tm-principle-icon{animation:tm-foundation-glow 2.5s ease-in-out 1}
@keyframes tm-foundation-glow{0%,100%{filter:brightness(1)}45%,65%{filter:brightness(1.5) drop-shadow(0 0 5px #d8a34780)}}
@media(prefers-reduced-motion:reduce){.tm-foundation-entered .tm-principle-icon{animation:none}.tm-route,.tm-port{transition:none}}
}

/* Local art-direction refinement: common internal grid and less boxed artwork. */
@media(max-width:699px){
.tm-map{padding-left:16px;padding-right:16px}.tm-grid{gap:20px 16px}
.tm-card{padding:11px 8px 13px;grid-template-rows:14px 37px 104px auto;border-color:#ad813b83;border-radius:8px;background:linear-gradient(145deg,#071016ee,#02080cda)}
.tm-card h2{letter-spacing:0;font-size:12.5px}.tm-card p{font-size:11.5px;line-height:1.48;margin-top:4px;color:#d5dcde}
.tm-card .mobile-art{mix-blend-mode:screen}.tm-visual{filter:brightness(1.08);transition:filter .7s}
.tm-active .tm-visual{filter:brightness(1.26)}.tm-active{border-color:#dab063;box-shadow:0 0 13px #d6a04b27,inset 0 0 9px #d6a04b0b}
.tm-hub{width:114px;height:114px;margin-bottom:39px}.tm-city{filter:brightness(1.08)}
.tm-foundations{padding-top:19px}.tm-foundations h2{font-size:11.5px;letter-spacing:.02em}.tm-principle-icon{width:46px;height:46px}
@media(prefers-reduced-motion:reduce){.tm-visual{transition:none}}
}

@media(max-width:699px){.tm-card .mobile-art{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}}

/* City reaches behind the hero title; network layout unchanged. */
@media(max-width:699px){
.tm-page{position:relative;isolation:isolate}
.tm-intro{position:relative;z-index:2;background:linear-gradient(90deg,#02080cb8,#02080c35);text-shadow:0 2px 8px #02080c}
.tm-city{top:-230px;height:966px;mask-image:linear-gradient(transparent,#000 8%,#000 76%,transparent)}
}

@media(max-width:699px){.tm-hub-art{clip-path:circle(48% at 50% 50%);border-radius:0}}

@media(max-width:699px){.tm-hub-art{filter:none}.tm-hub{filter:drop-shadow(0 0 2px #efbd6870) drop-shadow(0 0 8px #d5953545)}.tm-hub::after{content:"";position:absolute;inset:2.2%;border-radius:50%;border:1px solid #e7b65c9c;box-shadow:0 0 5px #dda24d55,inset 0 0 5px #dda24d25;pointer-events:none}}

@media(max-width:699px){
.tm-connections .tm-route{stroke-width:.55;opacity:.42}
.tm-connections .tm-route-active{opacity:.85;filter:drop-shadow(0 0 1px #d8a34770)}
.tm-port{r:1.7px}.tm-port-active{filter:drop-shadow(0 0 2px #efba5880)}
.tm-active{border-color:#bf944d;box-shadow:0 0 9px #d6a04b1b,inset 0 0 7px #d6a04b08}
}

@media(max-width:699px){.tm-city-detail{filter:brightness(1.3) contrast(1.08);mask-image:radial-gradient(ellipse 70% 14% at 58% 31%,#000 25%,transparent 100%);pointer-events:none}}

/* Final connection polish; geometry, content and motion timing unchanged. */
@media(max-width:699px){
.tm-connections .tm-route{stroke-width:.43;opacity:.33}
.tm-connections .tm-route-active{opacity:.66;filter:drop-shadow(0 0 .7px #d8a34745)}
.tm-card{border-color:#ad813b83}
.tm-card.tm-active{border-color:#bd954f;box-shadow:0 0 7px #d6a04b16,inset 0 0 6px #d6a04b08}
.tm-port{fill:#b4843b;opacity:.75}
.tm-port-active{fill:#e5b66d;filter:drop-shadow(0 0 1.5px #efba5855)}
}

@media(max-width:699px){
.tm-connections{z-index:3}.tm-connections .tm-perimeter,.tm-connections .tm-hub-transfer{fill:none;stroke:none}
.tm-connections .tm-energy-trail{fill:none;stroke:#e9b465;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.72;filter:drop-shadow(0 0 3px #dfaa4c)}
@media(prefers-reduced-motion:reduce){.tm-energy-trail{display:none}}
}

/* Mobile scene exposure: preserve artwork, layout, text and animation timing. */
@media(max-width:699px){.tm-city{filter:brightness(1.42)}.tm-city-detail{filter:brightness(1.58) contrast(1.08)}.tm-card .mobile-art{filter:brightness(1.3)}}