*{box-sizing:border-box}html{scroll-padding-top:150px;scroll-behavior:auto;background:var(--bg)}body{margin:0;color:var(--text);font:16px/1.65 var(--sans)}button,a,select{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{overflow-wrap:break-word}h2{font-size:clamp(32px,3.6vw,50px);line-height:1.1;font-weight:580;letter-spacing:-.04em}h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:570}h4{font-weight:580}html:not([lang=en]) .en,html[lang=en] .tr{display:none!important}[hidden]{display:none!important}.shell{width:var(--shell);margin-inline:auto}.eyebrow{color:#819bff;font:600 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}.lead{font-size:17px;line-height:1.75;color:var(--muted);margin-top:24px;max-width:40em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;gap:12px;border:1px solid var(--line);border-radius:7px;font-size:14px;font-weight:620;line-height:1.4;transition:background .2s}.primary{background:var(--action);border-color:var(--action);color:#fff}.primary:hover{background:#4b73ff}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:600;border-bottom:1px solid #637089;padding:0 0 6px}.text-link:hover{color:var(--cyan)}.skip{position:fixed;left:20px;top:-100px;z-index:200;background:var(--action);padding:16px}.skip:focus{top:14px}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(6,13,23,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;gap:20px;width:92%;margin:auto;min-height:var(--h)}.brand-umbrella{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-umbrella .wordmark{font-size:25px;font-weight:650;letter-spacing:-.055em;line-height:1.2;color:#f4f7ff}.brand-mark-tile{display:grid;place-items:center;width:45px;height:49px;flex:none}.brand-mark-window{display:block;position:relative;width:35px;height:40px;overflow:hidden}.brand-mark-window img{position:absolute;max-width:none;width:62.3438px;height:62.3438px;left:-14.5668px;top:-9.29688px;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:24px;margin-left:auto}.desktop-nav a,.nav-control,.workspace-link{font-size:14px;color:#bccbe0}.desktop-nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:16px}.nav-control{border:0;background:transparent;padding:10px 0}.header-cta{font-size:13px;min-height:40px;padding:10px 14px;white-space:nowrap}.language-control{position:relative}.language-menu{position:absolute;top:50px;right:0;min-width:160px;padding:6px;background:#101e31;border:1px solid #354966;border-radius:8px;box-shadow:0 16px 40px #0005}.language-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:4px;font-size:14px}.language-menu button:hover,.language-menu button[aria-pressed=true]{background:#233859;color:white}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 11px;min-height:40px;font-size:13px}#mobile-menu{padding:15px 5%;border-top:1px solid var(--line);background:var(--surface)}#mobile-menu a{display:block;padding:10px}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:44px;padding-top:155px;padding-bottom:78px;min-height:730px}.hero h1{font-size:clamp(42px,4.7vw,65px);line-height:1.055;font-weight:570;letter-spacing:-.055em}.hero h1 em{display:block;color:#90a8ff;font-style:normal;margin-top:5px}.hero .lead{max-width:510px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:33px}.hero-note{font-size:11px;color:var(--muted);margin-top:31px}.hero-visual{align-self:center;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.figure-top{display:flex;justify-content:space-between;gap:16px;padding:19px 22px;border-bottom:1px solid var(--line);font:500 10px/1.4 var(--mono);letter-spacing:.06em;color:#bac9df}.concept-tag{color:#819bff;white-space:nowrap}.hero-visual figcaption{display:flex;gap:16px;padding:18px 20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.hero-visual figcaption b{font:500 11px var(--mono);color:#9caefc;margin-right:6px}.hero-visual sb-infrastructure-map{background:none}.hero-visual .im-stage{padding:8px 0;min-height:300px}.hero-visual .im-stage svg{width:100%;min-width:0;height:auto}.hero-visual .im-hotspot circle{stroke:#556c91}.hero-visual .im-zone-label{font-size:15px;letter-spacing:1px}.hero-visual .im-compact-stage .im-stage{pointer-events:none}.section-nav{position:sticky;top:var(--h);z-index:40;background:rgba(8,16,29,.97);border-block:1px solid var(--line);backdrop-filter:blur(16px)}.section-nav>.shell{display:flex;justify-content:space-between;gap:28px;overflow-x:auto}.section-nav a{display:flex;gap:12px;align-items:center;white-space:nowrap;padding:18px 0;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.section-nav a>span:first-child{font:500 10px var(--mono);color:#7e8ca5}.section-nav a:hover,.section-nav a[aria-current=true]{border-color:var(--blue);color:#e6eeff}.section{padding-block:94px;scroll-margin-top:145px}.section-tone{background:#091220;border-block:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:38px}.section-heading .lead{margin:0;max-width:560px}.reading-key{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;padding:26px 0 0;color:var(--muted);font-size:14px}.reading-key strong{display:block;color:var(--text);font-weight:550;margin-bottom:6px}.reading-key>p:last-child{border-left:1px solid var(--line);padding-left:30px;font-size:13px}
/* Functional engineering diagrams share a single annotation vocabulary. */
.explainer-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.diagram-card{min-width:0}.diagram-scroll{overflow-x:auto;padding:20px 12px 0}.diagram-scroll svg{width:100%;display:block;min-width:630px}.diagram-svg text{font-family:var(--sans);fill:#cad6e7}.diagram-svg .label{font-size:16px;font-weight:550}.diagram-svg .small{font-size:12px;fill:var(--muted)}.diagram-svg .box{fill:#142238;stroke:#3c526e;stroke-width:1.5}.diagram-svg .num{font:600 12px var(--mono);fill:var(--amber)}.diagram-svg .cable{fill:none;stroke:var(--amber);stroke-width:3;stroke-linejoin:round}.diagram-svg .secondary{stroke:#7e8ea9;stroke-dasharray:6 6}.diagram-svg [role=button]{cursor:pointer;outline:none}.diagram-svg [role=button]:hover .box,.diagram-svg [role=button]:focus-visible .box,.diagram-svg [aria-pressed=true] .box{stroke:var(--amber);fill:#2a2b2c;stroke-width:2}.diagram-svg .rack-line{stroke:#59708c;stroke-width:2}.system-tag{font:600 10px var(--mono);letter-spacing:.08em}.power-tag{color:var(--amber)}.diagram-legend{display:flex;gap:25px;padding:16px 25px 0;flex-wrap:wrap;font-size:12px;color:var(--muted)}.diagram-legend>span{display:flex;gap:8px;align-items:center}.diagram-legend>span:before{content:"";width:20px;height:2px;background:var(--amber)}.diagram-legend .legend-backup:before{background:#7e8ea9}.diagram-note{font-size:12px;line-height:1.65;color:var(--muted);padding:16px 25px 22px}.explain-panel{background:#111e30;border-left:1px solid var(--line);padding:27px}.explain-panel .eyebrow{color:var(--amber);margin-bottom:15px}.explain-panel h3{font-size:25px}.explain-panel p{font-size:15px;color:var(--muted);margin-top:16px}.explain-panel dl{margin:26px 0 0}.explain-panel dt{font-size:12px;color:#e4ebfa;margin:19px 0 5px}.explain-panel dd{margin:0;color:var(--muted);font-size:14px}.power-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.power-steps button{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:14px;text-align:left;font-size:13px;line-height:1.4;display:flex;gap:10px;align-items:center;min-height:56px}.power-steps button>span:first-child{color:var(--amber);font:500 11px var(--mono)}.power-steps button[aria-pressed=true]{border-color:var(--amber);background:#24272b}
.cooling-options{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cooling-option{min-width:0;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:22px;transition:border-color .2s;display:flex;flex-direction:column}.cooling-option:hover{border-color:#50618b}.cooling-option[aria-selected=true]{border-color:#7292ff;background:#111f37;box-shadow:inset 0 3px #7292ff}.cooling-option .method-id{font:500 10px var(--mono);color:#9caefc}.cooling-option svg{display:block;width:100%;height:138px;margin:12px 0 17px}.cooling-option h3{font-size:20px;margin-bottom:8px}.cooling-option p{font-size:14px;color:var(--muted);line-height:1.65}.cooling-option .method-where{display:block;margin-top:auto;padding-top:20px;font:500 11px/1.5 var(--mono);color:#9baefc;letter-spacing:.055em}.cooling-detail{border:1px solid var(--line);border-radius:10px;margin-top:20px;background:var(--surface);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;min-height:375px}.cooling-diagram{min-width:0;padding:25px}.cooling-diagram .figure-top{border:0;padding:0 0 15px}.cooling-diagram svg{display:block;width:100%;max-height:270px}.cooling-explanation{padding:30px;border-left:1px solid var(--line);background:#101c2e}.cooling-explanation h3{font-size:24px}.cooling-explanation p{font-size:15px;color:var(--muted);margin:14px 0}.cooling-explanation dl{margin:23px 0 0}.cooling-explanation dt{font-size:12px;font-weight:600;color:#e7edfb}.cooling-explanation dd{font-size:14px;color:var(--muted);margin:5px 0 16px}.engineering-note{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:26px;margin-top:28px}.engineering-note .eyebrow{min-width:150px;margin:3px 0}.engineering-note p{color:var(--muted);font-size:14px}.flow-svg .pipe{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linejoin:round}.flow-svg .hot{stroke:var(--hot)}.flow-svg text{font-family:var(--sans);fill:#c7d6eb;font-size:13px}.flow-svg .hardware{fill:#172a40;stroke:#4c698b;stroke-width:1.5}.flow-svg .detail{stroke:#68809a;stroke-width:1.5;fill:none}.flow-svg .fluid{fill:#4ccfd220;stroke:#4ccfd2;stroke-width:1}.flow-svg .waterline{fill:none;stroke:#4ccfd2;stroke-width:2}.flow-svg .arrow-dot{fill:#ee8c77}.flow-svg .vapor{fill:none;stroke:#ee8c77;stroke-width:2;stroke-dasharray:4 5}.flow-svg .board{fill:#27465b;stroke:#6a91a0;stroke-width:1}.flow-svg .arrowHeadCold{fill:var(--cyan)}.flow-svg .arrowHeadHot{fill:var(--hot)}.immersion-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.immersion-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.immersion-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line);padding:24px}.immersion-card header p{font:500 10px var(--mono);color:var(--cyan);margin-bottom:8px;letter-spacing:.08em}.immersion-card header h3{font-size:25px}.immersion-card .phase-state{white-space:nowrap;color:#a8bada;font-size:11px;padding:6px 9px;border:1px solid var(--line);border-radius:4px}.immersion-card svg{display:block;width:100%;height:auto;padding:10px 12px}.immersion-copy{padding:0 27px 27px}.immersion-copy p{color:var(--muted);font-size:15px;margin-bottom:17px}.immersion-copy ol{padding:0;margin:0;list-style:none;counter-reset:step}.immersion-copy li{counter-increment:step;border-top:1px solid var(--line);padding:12px 0;display:flex;gap:12px;font-size:14px}.immersion-copy li:before{content:counter(step,decimal-leading-zero);font:500 11px var(--mono);color:var(--cyan);padding-top:4px}.source-note{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:24px}.source-note a{border-bottom:1px solid #42516a}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-grid article{border-top:1px solid var(--line);padding:26px 0 0}.step-num{font:500 12px var(--mono);color:#849cfa;display:block;margin-bottom:25px}.project-grid p{font-size:15px;color:var(--muted);margin:16px 0 24px}.project-grid article>span:last-child{display:block;font-size:12px;color:#c3d0e8;border-top:1px solid var(--line);padding-top:16px}.scope-details{border:1px solid var(--line);border-radius:7px;padding:20px 24px;margin-top:44px}.scope-details summary{cursor:pointer;font-size:15px}.scope-details p{color:var(--muted);font-size:14px;padding-top:15px;max-width:1000px}.contact-section{padding:62px 0 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr .7fr;gap:25px 80px}.contact-section .btn{align-self:center;justify-self:end}.contact-caption{grid-column:2;font-size:12px;line-height:1.6;color:var(--muted);max-width:290px;justify-self:end;margin-top:-48px}.site-footer-shared{background:#080f1b;border-top:1px solid var(--line);padding:50px 0 25px}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.footer-brand p{font-size:13px;color:var(--muted);margin-top:20px}.footer-main nav h2{font-size:13px;line-height:1.4;letter-spacing:0;font-weight:600;margin:8px 0 17px}.footer-main nav a{display:block;font-size:13px;color:var(--muted);margin:12px 0}.footer-main a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:36px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer-bottom nav{display:flex;gap:18px}
/* Map adapter inherits the actual umbrella brand tokens. */
sb-infrastructure-map{--im-bg:var(--surface);--im-panel:var(--panel);--im-line:var(--line);--im-text:var(--text);--im-muted:var(--muted);--im-accent:var(--blue);font-family:var(--sans)}.im-shell{border-radius:10px}.im-button,.im-tab,.im-equipment{border-radius:6px}.im-button.im-primary{background:var(--action);border-color:var(--action);color:#fff}.im-tab[aria-selected=true]{background:#1d2d4a;border-color:#5879d1}.im-sidebar{background:var(--panel)}.im-side-kicker{color:#97acff}.im-stage{background:var(--surface)}.im-stage .im-zone-label{font-family:var(--mono);font-size:12px}.im-equipment-list{background:#0d1726}.im-equipment[aria-pressed=true]{background:#1d2d4a;border-color:#6e8cff}.im-equipment span{color:#91a8ff}.im-tour{background:#162846;border-color:#365279}.im-top h3{font-weight:570}.im-top{padding:20px 24px}.im-sidebar .im-status{color:#adbbd5;border-color:#3b4f6b}.im-foot small{display:none}.im-hotspot.is-selected circle{fill:#527aff!important;stroke:#bfceff!important}.im-hotspot.is-selected text{fill:#fff!important}
@media(min-width:1500px){.hero{min-height:770px;gap:80px}.hero h1{font-size:66px}}
@media(max-width:1180px){:root{--shell:calc(100% - 64px)}.desktop-nav{gap:16px}.header-actions{gap:12px}.workspace-link{display:none}.hero{gap:30px}.hero h1{font-size:52px}.hero-visual figcaption{font-size:11px;gap:12px}.section-heading{gap:40px}.cooling-option{padding:18px}.cooling-option h3{font-size:18px}.explain-panel{padding:22px}.explainer-grid{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:980px){.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.hero{grid-template-columns:1fr;max-width:800px;padding-top:128px;padding-bottom:55px;gap:42px}.hero-copy{max-width:680px}.hero h1{font-size:58px;max-width:680px}.hero .lead{max-width:620px}.hero-visual{max-width:750px}.hero-visual .im-stage{min-height:0}.hero-visual figcaption{font-size:13px;justify-content:space-around}.section-heading{grid-template-columns:1fr;gap:22px}.section-heading .lead{max-width:700px}.section-nav>.shell{justify-content:flex-start}.section{padding-block:65px}.explainer-grid{grid-template-columns:1fr}.explain-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.explain-panel .eyebrow{grid-column:1/-1}.explain-panel dl{grid-column:2;grid-row:2/4;margin-top:0}.explain-panel dl dt:first-child{margin-top:0}.cooling-options{grid-template-columns:repeat(2,1fr)}.cooling-option svg{height:150px}.cooling-detail{grid-template-columns:1fr 1fr}.immersion-grid{gap:16px}.immersion-card header{padding:20px}.immersion-card .phase-state{display:none}.project-grid{gap:20px}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-main nav:last-child{grid-column:2}.contact-section{gap:24px 40px}.contact-caption{margin-top:0}.im-body{grid-template-columns:1fr}.im-sidebar{border-left:0;border-top:1px solid var(--line)}.im-sidebar dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.im-stage{min-height:0}}
@media(max-width:600px){:root{--shell:calc(100% - 36px);--h:68px}html{scroll-padding-top:132px}.header-inner{width:calc(100% - 28px);gap:10px}.brand-umbrella{gap:5px}.brand-umbrella .wordmark{font-size:21px}.brand-mark-tile{width:34px}.brand-mark-window{transform:scale(.84)}.header-actions{gap:12px}.header-cta{display:none}.nav-control{font-size:13px}.menu-toggle{font-size:12px;padding:7px 9px}.hero{padding-top:109px;padding-bottom:38px;gap:32px;min-height:0}.hero .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:20px}.hero h1{font-size:44px;letter-spacing:-.05em;line-height:1.07}.hero .lead{font-size:16px;line-height:1.7;margin-top:21px}.hero-actions{gap:19px;margin-top:26px}.hero .btn,.hero .text-link{font-size:12px}.hero-note{font-size:10px;margin-top:24px}.figure-top{padding:15px;font-size:9px;gap:9px}.concept-tag{font-size:8px}.hero-visual figcaption{font-size:10px;gap:7px;padding:13px 10px}.hero-visual figcaption b{font-size:9px;display:block;margin:0 0 5px}.section-nav>.shell{width:calc(100% - 36px);gap:24px}.section-nav a{font-size:12px;padding:15px 0}.section-nav a>span:first-child{font-size:9px}.section{padding-block:49px}.section-heading{gap:20px;margin-bottom:27px}.section-heading .eyebrow{font-size:9px;margin-bottom:16px}h2{font-size:34px;line-height:1.13}.section-heading .lead{font-size:15px;line-height:1.7}.reading-key{grid-template-columns:1fr;gap:18px;padding-top:22px;font-size:13px}.reading-key>p:last-child{border:0;padding:0;font-size:12px}.im-top{padding:18px}.im-tabs{padding-inline:12px}.im-stage svg{min-width:580px}.hero-visual .im-stage svg{min-width:0}.im-sidebar dl{display:block}.im-viewbar{align-items:flex-start;flex-direction:column;gap:12px}.im-zoom{align-self:flex-end}.im-note{font-size:11px}.im-shell{border-radius:8px}.explain-panel{display:block;padding:22px}.explain-panel dl{margin-top:20px}.power-steps{grid-template-columns:1fr 1fr;gap:8px}.power-steps button{padding:12px;font-size:12px}.power-steps button:last-child{grid-column:1/-1}.cooling-options{gap:10px}.cooling-option{padding:14px 12px}.cooling-option svg{height:115px;margin:5px 0 12px}.cooling-option h3{font-size:18px}.cooling-option p{font-size:14px;line-height:1.65}.cooling-option .method-where{font-size:11px;padding-top:15px}.cooling-detail{grid-template-columns:1fr}.cooling-diagram{padding:20px 15px}.cooling-explanation{border-left:0;border-top:1px solid var(--line);padding:22px}.cooling-explanation h3{font-size:23px}.cooling-explanation p{font-size:14px}.engineering-note{display:block;margin-top:22px;padding-top:22px}.engineering-note .eyebrow{margin-bottom:12px;font-size:10px}.engineering-note p{font-size:13px}.immersion-grid{grid-template-columns:1fr;gap:22px}.immersion-card header h3{font-size:23px}.immersion-card .phase-state{display:block;font-size:10px}.immersion-card header{padding:20px}.immersion-copy{padding:0 20px 20px}.immersion-copy p{font-size:14px}.immersion-copy li{font-size:13px}.source-note{font-size:11px;gap:12px}.project-grid{grid-template-columns:1fr;gap:28px}.step-num{margin-bottom:13px}.project-grid h3{font-size:23px}.project-grid p{margin:12px 0 18px;font-size:14px}.scope-details{padding:18px;margin-top:30px}.scope-details summary{font-size:14px}.scope-details p{font-size:13px}.contact-section{padding-block:43px;grid-template-columns:1fr;gap:22px}.contact-section .lead{font-size:15px}.contact-section .btn{justify-self:start}.contact-caption{grid-column:1;justify-self:start;max-width:none;font-size:11px;margin-top:-7px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-main nav:last-child{grid-column:auto}.footer-bottom{flex-direction:column;font-size:9px}.footer-bottom nav{font-size:11px;gap:22px}.site-footer-shared{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.section-nav,.hero-actions,.header-actions,.im-actions,.im-zoom,.contact-section,.site-footer-shared{display:none!important}:root{--text:#172337;--muted:#354259;--bg:#fff;--surface:#fff;--panel:#edf2f8;--line:#bac7d7;--shell:100%}body{font-size:12px}.hero{padding:20px 0;min-height:0}.hero h1{font-size:38px}.section{padding:25px 0;break-inside:avoid}.section-tone{background:#fff}.cooling-option,.cooling-explanation,.immersion-card,.explain-panel{background:#f0f4f8;color:#172337}.section-heading{gap:25px}.diagram-svg text,.flow-svg text{fill:#243752}.diagram-scroll svg,.im-stage svg{min-width:0}.im-stage{background:#0d1726}.hero-visual{background:#0d1726;color:#fff}.project-grid{grid-template-columns:repeat(3,1fr)}}
.thermal-legend{display:flex;justify-content:center;gap:22px;font-size:11px;margin-top:10px}.thermal-legend span:first-child{color:var(--cyan)}.thermal-legend span:last-child{color:var(--hot)}

#infrastructure .section-heading{max-width:none}.hero-visual figcaption{justify-content:space-between}.hero-visual figcaption b{display:block;margin-bottom:5px;font-size:9px}.hero-visual figcaption span:nth-child(1) b{color:var(--amber)}.hero-visual figcaption span:nth-child(2) b{color:var(--cyan)}.hero-visual figcaption span:nth-child(3) b{color:#b5a0fa}
.section{scroll-margin-top:0}
@media(max-width:600px){.hero-visual figcaption b{font-size:8px;letter-spacing:-.02em}.thermal-legend{font-size:12px;gap:16px}}

.mobile-diagram-hint{display:none}.cooling-diagram-pan,.immersion-diagram{overflow-x:auto;min-width:0}.immersion-card{min-width:0}.cooling-diagram-pan:focus-visible,.immersion-diagram:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}@media(max-width:600px){.cooling-diagram-pan svg{min-width:560px}.immersion-diagram svg{min-width:520px}.mobile-diagram-hint{display:block;padding:10px 18px;color:var(--muted);font-size:12px}.cooling-diagram .mobile-diagram-hint{padding-inline:0}.thermal-legend{flex-wrap:wrap;justify-content:flex-start}}

/* Automatic flow across every technical diagram, including the small method cards. */
.flow-svg .flow-tracer,.diagram-svg .flow-tracer{fill:none;stroke:#f4fbff;stroke-width:2;stroke-linecap:round;stroke-dasharray:6 14;opacity:.82;pointer-events:none;animation:sb-flow 1.6s linear infinite}
@keyframes sb-flow{to{stroke-dashoffset:-40}}
html[data-flow-paused] .flow-tracer,html[data-flow-paused] .im-moving{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.flow-tracer,.im-moving{display:none!important}}
@media print{.flow-tracer,.im-moving{display:none!important}}

/* Keep autoplay within visible diagrams; resume automatically on return. */
.flow-offscreen .flow-tracer,.flow-offscreen .im-moving,[data-page-hidden] .flow-tracer,[data-page-hidden] .im-moving{animation-play-state:paused!important}
.desktop-nav [aria-current="page"]{color:var(--cyan)}
@media (min-width:1101px) and (max-width:1350px){.desktop-nav{gap:16px}.header-inner{gap:16px}}