/*
 * Technology Workbench styles plus scoped retained WebGL asset styles.
 * The approved route uses the conservative image hero and flush-top category sidebar.
 * Local Material Symbols Technology also covers About so functions renders as an icon.
 * Do not reactivate the unused concept or override global menu headings at hero scale.
 */
/* Technology concepts extend shared TriStar components. No industry-specific overrides. */
@font-face{font-family:"Material Symbols Technology";src:url("/assets/material-symbols-outlined-subset.woff2?v=65795d8a790f") format("woff2");font-style:normal;font-weight:400;font-display:block}
:is(.technology-page,.about-page) .ms-icon{font-family:"Material Symbols Technology","Material Symbols Industry"}
.technology-page{--tech-line:#bad8df;--tech-cyan:#70e2db}.technology-page h1{letter-spacing:-.065em}.technology-page .ip-label,.tech-eyebrow{font-size:.75rem}.technology-page .ip-section-heading>p{font-size:1rem;max-width:455px}.technology-page section[id],.technology-page article[id]{scroll-margin-top:172px}.technology-page .ip-wrap{max-width:1580px}.technology-page .concept-bar nav{font-size:.8rem}.tech-hero{background:#072b40;color:#fff;overflow:hidden}.tech-hero p{color:var(--body-text-on-dark);font-size:1.05rem;line-height:1.8}.tech-hero .ip-label{color:#8fe1de}.tech-hero em{color:#66d8d3}.tech-hero-copy{position:relative;z-index:2}.tech-hero-copy>p{max-width:460px;margin:26px 0 30px}.tech-hero-copy h1{font-size:clamp(3.7rem,5.4vw,6.2rem);line-height:1.02;margin-bottom:0}.tech-hero-cinematic{background:radial-gradient(ellipse at 90% 35%,#10617170,transparent 62%),linear-gradient(120deg,#071d2e,#0a374b)}.tech-hero-main{display:grid;grid-template-columns:.92fr 1.35fr;min-height:620px;align-items:center;gap:2%;padding:38px 0 60px}.tech-hero-foot{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #80d4df24;padding:22px 0;font-size:.68rem;letter-spacing:.12em;color:#7fb8c6;font-weight:700}.assembly-viewer{position:relative;height:560px;min-width:0;isolation:isolate}.assembly-viewer:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#91e5e61c .8px,transparent .8px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.assembly-viewer canvas{position:absolute;inset:-4% -12% 15%;width:124%;height:89%;touch-action:pan-y;cursor:grab;z-index:1;outline-offset:-20px}.assembly-viewer canvas:active{cursor:grabbing}.assembly-fallback{width:100%;height:83%;object-fit:contain;opacity:.9}.assembly-viewer.is-ready .assembly-fallback{visibility:hidden}.assembly-caption{position:absolute;top:5px;left:0;right:0;display:flex;justify-content:space-between;gap:25px;font-size:.61rem;letter-spacing:.15em;color:#8bced2;pointer-events:none}.assembly-caption span:last-child{color:#649fab}.assembly-help{position:absolute;bottom:105px;right:0;display:flex;align-items:center;gap:10px;font-size:.72rem;color:#8ab4c1;pointer-events:none}.assembly-help .ms-icon{font-size:18px}.assembly-controls{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:20px 0;border-top:1px solid #6193a344;display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:space-between}.assembly-controls label{display:flex;align-items:center;gap:12px;font-size:.7rem;color:#b9d6df;flex:1}.assembly-controls input{width:120px;min-width:70px;accent-color:#6ee0d7;cursor:pointer}.assembly-controls>div{display:flex;gap:7px}.assembly-controls button{background:#ffffff05;border:1px solid #5e97a45e;color:#afd6dd;font:600 .7rem var(--font-body);padding:9px 12px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.assembly-controls button:hover,.assembly-controls button[aria-pressed=true]{background:#76dfd41f;color:#b5fff2;border-color:#5fd8d0}.assembly-unavailable{position:absolute;bottom:0;font-size:.8rem!important}.assembly-viewer.is-unavailable :is(canvas,.assembly-controls,.assembly-help){display:none}
.tech-category-bar{background:#eaf6f7;border-bottom:1px solid #c9e0e5;position:sticky;top:var(--site-header-height,84px);z-index:14}.tech-category-bar>.ip-wrap{display:flex;justify-content:space-between;gap:25px;min-height:70px;align-items:stretch;overflow-x:auto;scrollbar-width:thin}.tech-category-bar a{position:relative;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:.82rem;font-weight:700;padding:19px 0}.tech-category-bar a>span{font-size:.65rem;color:#558b9d;font-weight:500}.tech-category-bar a:after{content:"";position:absolute;bottom:0;height:2px;left:0;right:0;background:#19aab0;transform:scaleX(0);transform-origin:left;transition:transform .4s}.tech-category-bar a:is(:hover,[aria-current]):after{transform:scaleX(1)}
.tech-workbench-grid{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #c6dce2}.tech-selector{background:#f2f8f9;border-right:1px solid #c6dce2;padding:0}.tech-selector button{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:14px;width:100%;padding:26px 24px;border:0;border-bottom:1px solid #d2e5e8;background:transparent;text-align:left;cursor:pointer;color:#34586a;transition:background .45s,color .45s}.tech-selector button:last-child{border:0}.tech-selector button>.ms-icon{font-size:25px;color:#358e9d}.tech-selector strong{font-size:.91rem;font-weight:650;line-height:1.4}.tech-selector button>i{position:absolute;inset:0 auto 0 0;width:3px;background:#37c1be;transform:scaleY(0);transition:transform .5s}.tech-selector button[aria-selected=true]{background:#deeff1;color:#073a4f}.tech-selector button[aria-selected=true]>i{transform:scaleY(1)}.tech-selector button:hover{background:#e5f1f3}.tech-panel{padding:42px clamp(30px,4vw,65px) 35px;min-height:685px;background:linear-gradient(155deg,#fff,#f7fbfc)}.tech-panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;color:#388b99;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.tech-panel-top .ms-icon{font-size:35px;color:#25a0ac}.tech-panel h3{font-size:clamp(2rem,3.1vw,3.3rem);line-height:1.08;max-width:600px;margin-bottom:26px}.tech-panel>p{color:var(--body-text);font-size:1rem;line-height:1.8;max-width:760px}.tech-panel .tech-description{font-size:1.1rem;color:var(--body-text)}.tech-capability-tags{display:flex;gap:9px;flex-wrap:wrap;padding:0;list-style:none;margin:26px 0}.tech-capability-tags li{font-size:.76rem;padding:7px 11px;background:#e9f4f5;border:1px solid #cde3e7;color:#326879}.tech-example{border-left:2px solid #52c8c5;padding:3px 0 3px 19px;margin-block:26px}.tech-example>span{font-size:.66rem;font-weight:700;letter-spacing:.12em;color:#218a9e}.tech-example p{font-size:.94rem;line-height:1.75;color:var(--body-text);margin:9px 0 0}.tech-record-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:30px 0}.tech-record-flow li{position:relative;padding:16px;border:1px solid #b6d5dd;background:#f0f8f9;min-height:85px}.tech-record-flow li:after{content:"";position:absolute;left:100%;top:26px;height:1px;width:21px;background:#57b4b7}.tech-record-flow li:last-child:after{display:none}.tech-record-flow li>span{display:block;font-size:.63rem;color:#4a96a2;margin-bottom:8px}.tech-record-flow strong{font-size:.79rem;line-height:1.4;color:#235368;font-weight:600;display:block}.tech-panel-foot{border-top:1px solid #c9e0e5;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;font-size:.8rem;color:#407386}.tech-panel-foot .ip-inline-link{font-size:.86rem;padding-bottom:6px;color:#0f697d}.tech-panel-foot .ip-inline-link:is(:hover,:focus-visible){color:var(--link-hover)}.tech-panel-foot>span{max-width:260px}
.tech-connections{background:#081f2d;color:#fff;position:relative;overflow:hidden}.tech-connections:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 75%,#1f829229,transparent 60%)}.tech-connections .ip-wrap{position:relative}.tech-connections .ip-label{color:#7ce1da}.tech-connections h2 em{color:#72dcd4}.tech-connections .ip-section-heading>p{color:var(--body-text-on-dark)}.scenario-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #385566;margin-bottom:50px}.scenario-tabs button{display:flex;align-items:center;gap:20px;text-align:left;padding:24px 18px;background:transparent;color:#9dbecb;border:0;border-right:1px solid #385566;font:600 .94rem/1.5 var(--font-body);position:relative;cursor:pointer;transition:color .4s,background .4s}.scenario-tabs button:last-child{border-right:0}.scenario-tabs button>span{font-size:.67rem;color:#74bac5}.scenario-tabs button:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:#77e3d8;transform:scaleX(0);transform-origin:left;transition:transform .5s}.scenario-tabs button[aria-selected=true]{background:#17455575;color:#e4fffa}.scenario-tabs button[aria-selected=true]:after{transform:scaleX(1)}.scenario-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center;min-height:270px}.scenario-panel h3{font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:1.15;max-width:500px;margin-bottom:23px}.scenario-panel>div>p{font-size:1rem;color:var(--body-text-on-dark);line-height:1.8}.scenario-route{display:flex;position:relative;justify-content:space-between;gap:16px;margin:15px 0 40px}.scenario-route:before{content:"";position:absolute;left:25px;right:25px;top:32px;height:1px;background:#497987}.scenario-node{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:17px;z-index:1;position:relative;text-align:center}.scenario-node>.ms-icon{width:65px;height:65px;display:grid;place-items:center;border:1px solid #5c9da7;background:#10384a;color:#9aede3;font-size:26px}.scenario-node strong{font-size:.76rem;line-height:1.5;color:#b7d8e0;font-weight:600}.scenario-node i{width:4px;height:4px;border-radius:50%;position:absolute;left:50%;top:30px;background:#b4ffed;box-shadow:0 0 10px #b3ffdf;animation:tech-packet 5s linear infinite;animation-play-state:paused;opacity:0;z-index:-1}.scenario-node:last-child i{display:none}.scenario-node:nth-child(2) i{animation-delay:1s}.scenario-node:nth-child(3) i{animation-delay:2s}.is-tech-visible .scenario-node i{animation-play-state:running}@keyframes tech-packet{0%{transform:translateX(0);opacity:0}10%,60%{opacity:.7}75%,100%{transform:translateX(150px);opacity:0}}.scenario-result{border-top:1px solid #3a6474;padding-top:24px}.scenario-result>span{font-size:.64rem;letter-spacing:.1em;color:#63cfc8;font-weight:700}.scenario-result p{font-size:.96rem;line-height:1.75;color:var(--body-text-on-dark);margin:13px 0 0}
.tech-approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfd8e0}.tech-approach-grid article{padding:35px 35px 0;border-right:1px solid #c8e0e5}.tech-approach-grid article:first-child{padding-left:0}.tech-approach-grid article:last-child{padding-right:0;border-right:0}.tech-approach-grid article>span{font:500 3.2rem/1 var(--font-display);letter-spacing:-.08em;color:#85bbc7;display:block;margin-bottom:30px}.tech-approach-grid h3{font-size:1.45rem;line-height:1.3;margin-bottom:17px}.tech-approach-grid p{font-size:1rem;line-height:1.8;color:var(--body-text);margin:0}
/* The shared approach cue emphasizes sequence numbers, never the reading copy. */
.tech-approach-grid article>span{color:var(--process-step-rest);transition:color 500ms}
.tech-approach-grid article:is(:hover,:focus-within)>span{color:var(--process-step-hover)}
@media(prefers-reduced-motion:reduce){.tech-approach-grid article>span{transition:none}}
/* Concept 02 keeps the photographic, editorial pace of the approved industry pages. */
.tech-hero-editorial{background:linear-gradient(125deg,#082b3f,#0b3f51);padding-bottom:65px}.tech-editorial-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:8%;align-items:center;padding-top:25px}.tech-hero-editorial .tech-hero-copy h1{font-size:clamp(3.8rem,5.2vw,5.8rem);line-height:1.06}.tech-editorial-image{position:relative;aspect-ratio:.98;min-height:470px;margin:0;background:#071a28;overflow:hidden}.tech-editorial-image>img{height:100%;width:100%;object-fit:cover;object-position:58% center}.tech-editorial-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 58%,#041c2eeb)}.tech-editorial-image figcaption{position:absolute;z-index:3;left:42px;right:42px;bottom:43px;line-height:1.2;color:#fff}.tech-editorial-image figcaption span{display:block;font-size:.65rem;letter-spacing:.1em;color:#a2ddde;margin-bottom:13px}.tech-editorial-image figcaption strong{font:600 2rem/1.2 var(--font-display);letter-spacing:-.045em}.tech-switch-in{animation:tech-content-in .5s both}@keyframes tech-content-in{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1900px){.tech-hero-main{min-height:740px}.assembly-viewer{height:650px}.tech-hero-copy h1{font-size:6.7rem}}
@media(max-width:1150px){.tech-hero-main{grid-template-columns:1fr 1.18fr;gap:2%}.tech-hero-copy h1{font-size:4.5rem}.assembly-caption span:last-child{display:none}.assembly-controls{gap:14px}.assembly-controls label{flex-basis:100%;justify-content:space-between}.assembly-controls input{flex:1}.assembly-help{bottom:140px}.tech-workbench-grid{grid-template-columns:240px 1fr}.tech-selector button{padding:24px 18px;gap:10px;grid-template-columns:24px 1fr}.tech-selector strong{font-size:.85rem}.tech-panel{padding:30px}.tech-panel-foot{align-items:start}.tech-panel-foot>span{max-width:170px}.tech-editorial-grid{gap:6%}.tech-hero-editorial .tech-hero-copy h1{font-size:4.4rem}.tech-category-bar>.ip-wrap{gap:28px}}
@media(max-width:850px){.tech-hero-main{display:block;padding:25px 0 20px}.tech-hero-copy{max-width:620px}.tech-hero-copy h1{font-size:4.8rem}.tech-hero-copy>p{max-width:550px}.assembly-viewer{height:480px;margin-top:35px}.assembly-viewer canvas{inset:0 -4% 16%;width:108%;height:84%}.assembly-help{bottom:98px}.assembly-controls label{flex-basis:auto}.assembly-controls input{max-width:150px}.tech-hero-foot{font-size:.62rem}.tech-workbench-grid{grid-template-columns:1fr}.tech-selector{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #b8d6de;padding:0}.tech-selector button{flex:0 0 140px;display:flex;gap:12px;padding:20px 16px;border-bottom:0;border-right:1px solid #c4dfe4;align-items:center}.tech-selector button>i{inset:auto 0 0;width:auto;height:3px;transform:scaleX(0)}.tech-selector button[aria-selected=true]>i{transform:scaleX(1)}.tech-selector strong{font-size:.8rem}.tech-panel{min-height:0;padding:35px}.scenario-panel{gap:35px;grid-template-columns:1fr}.scenario-panel h3{max-width:600px}.scenario-panel>div>p{max-width:700px}.scenario-tabs button{gap:12px;font-size:.85rem;padding:20px 13px}.scenario-route{max-width:580px;margin-block:15px 35px}.tech-editorial-grid{grid-template-columns:1fr 1fr;gap:5%}.tech-hero-editorial .tech-hero-copy h1{font-size:3.4rem}.tech-editorial-image{min-height:425px}.tech-editorial-image figcaption{left:25px;right:25px;bottom:30px}.tech-editorial-image figcaption strong{font-size:1.55rem}.tech-editorial-image figcaption span{font-size:.58rem}.tech-approach-grid article{padding-inline:22px}.tech-approach-grid h3{font-size:1.25rem}.tech-approach-grid p{font-size:.94rem}}
@media(max-width:600px){.tech-category-bar{top:var(--site-header-height,84px)}.tech-category-bar>.ip-wrap{min-height:54px;width:94%;gap:23px}.tech-category-bar a{font-size:.75rem;padding:15px 0}.tech-category-bar a>span{font-size:.6rem}.tech-hero-copy h1{font-size:3.6rem}.tech-hero-copy>p{font-size:1rem;line-height:1.75}.tech-hero-copy .ip-label{font-size:.66rem}.tech-hero-main{padding-top:15px}.assembly-viewer{height:395px;margin-top:40px}.assembly-viewer canvas{height:77%;inset:0 -5% 23%;width:110%}.assembly-controls{padding-block:15px;gap:14px}.assembly-controls label{flex-basis:100%;font-size:.68rem}.assembly-controls input{max-width:none}.assembly-controls button{font-size:.7rem}.assembly-caption{font-size:.6rem}.assembly-help{bottom:118px;font-size:.63rem}.tech-hero-foot{font-size:.58rem;line-height:1.6}.tech-hero-foot span:last-child{max-width:135px;text-align:right}.tech-panel{padding:25px}.tech-panel h3{font-size:2rem}.tech-panel-top{font-size:.63rem;gap:18px}.tech-panel-top .ms-icon{font-size:29px}.tech-panel .tech-description{font-size:1.03rem}.tech-panel>p{font-size:.98rem}.tech-capability-tags li{font-size:.72rem}.tech-record-flow{gap:10px}.tech-record-flow li{padding:12px 8px;min-height:104px}.tech-record-flow li:after{width:11px}.tech-record-flow strong{font-size:.7rem;overflow-wrap:anywhere}.tech-panel-foot{display:block}.tech-panel-foot>span{max-width:none;display:block;margin-bottom:20px}.tech-panel-foot .ip-inline-link{display:inline-flex}.scenario-tabs{grid-template-columns:1fr;margin-bottom:35px}.scenario-tabs button{border-right:0;border-bottom:1px solid #385566;padding:18px 14px}.scenario-tabs button:last-child{border-bottom:0}.scenario-panel h3{font-size:1.85rem}.scenario-route{gap:10px}.scenario-node>.ms-icon{width:51px;height:51px;font-size:23px}.scenario-route:before{top:25px}.scenario-node i{top:23px}.scenario-node strong{font-size:.69rem}.tech-approach-grid{grid-template-columns:1fr}.tech-approach-grid article,.tech-approach-grid article:first-child,.tech-approach-grid article:last-child{border:0;border-bottom:1px solid #cadfe5;padding:27px 0;display:grid;grid-template-columns:38px 1fr;gap:15px 19px}.tech-approach-grid article>span{grid-row:1/3;font-size:2.1rem;margin:0}.tech-approach-grid h3{font-size:1.3rem;margin:0}.tech-approach-grid p{grid-column:2;font-size:.97rem}.tech-hero-editorial{padding-bottom:40px}.tech-editorial-grid{grid-template-columns:1fr;padding-top:12px;gap:35px}.tech-hero-editorial .tech-hero-copy h1{font-size:3.7rem}.tech-editorial-image{min-height:0;aspect-ratio:1.07}.tech-editorial-image figcaption strong{font-size:1.7rem}.technology-page .ip-section-heading>p{font-size:1rem}.technology-page .concept-bar nav{gap:18px;font-size:.76rem}.technology-page .concept-bar>.ip-wrap>span{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.tech-switch-in{animation:none}.scenario-node i{display:none}.assembly-viewer canvas{cursor:grab}}

/* Refined engine stage: the render surface spans the hero, independent of the copy columns. */
.technology-page .site-header .mega-intro h2{font-size:clamp(1.8rem,2.3vw,2.5rem);line-height:1.22;letter-spacing:-.045em;margin:14px 0}
.technology-page .site-header .mega-intro p{font-size:.97rem;line-height:1.65}
.technology-page main{overflow:visible}
.tech-hero-cinematic{position:relative;isolation:isolate;overflow:visible}
.tech-hero-cinematic>.ip-wrap{position:relative;z-index:2;pointer-events:none}
.tech-hero-cinematic :is(a,button,.assembly-viewer){pointer-events:auto}
.tech-hero-cinematic .tech-hero-copy{pointer-events:none;z-index:2}
.tech-hero-cinematic .tech-hero-copy a{pointer-events:auto}
.engine-scene{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}
.engine-scene canvas{display:block;width:100%;height:100%;pointer-events:none;outline-offset:-10px}
.assembly-viewer{isolation:auto;cursor:ew-resize;touch-action:pan-y;user-select:none;height:600px}
.assembly-viewer:before{display:none}
.assembly-viewer .assembly-fallback{position:absolute;inset:5% 0 15%;height:80%;z-index:1}
.assembly-caption{z-index:4;font-size:.65rem;top:15px;letter-spacing:.12em}
.assembly-controls{z-index:5;bottom:0;gap:15px;padding-block:20px;pointer-events:auto}
.assembly-controls button{font-size:.75rem;min-height:38px}
.engine-state{display:flex;align-items:center;gap:12px;font-size:.72rem;color:#b4d7df}
.engine-state>i{width:23px;height:23px;flex:none;border:1px solid #73c8c85c;border-radius:50%;position:relative;background:conic-gradient(#6edfd3 calc(var(--assembly,.2)*1turn),transparent 0)}
.engine-state>i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0a3548}
.engine-gesture{position:absolute;bottom:95px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:13px;font-size:.78rem;color:#9ad6d9;z-index:4;pointer-events:none;letter-spacing:.01em}
.engine-gesture i{height:1px;width:38px;background:linear-gradient(90deg,transparent,#82d3ce);animation:engine-gesture 4s ease-in-out infinite}
.engine-gesture b{font-size:22px;font-weight:400;color:#70d9d0}
.is-dragging .engine-gesture{color:#c8fff2}.is-dragging .engine-gesture i{animation-duration:.7s}
@keyframes engine-gesture{50%{transform:translateX(9px);opacity:.3}}
.tech-hero-cinematic .tech-hero-foot{position:relative;z-index:4}
.tech-hero-cinematic .tech-hero-copy h1{font-size:clamp(3.5rem,4.6vw,5.8rem);line-height:1.06}
.tech-hero-cinematic .tech-hero-main{grid-template-columns:.92fr 1.35fr;min-height:680px}
.tech-hero-cinematic .tech-hero-copy>p{max-width:455px}
/* Capability explorer: moving technical traces, independent diagram fields, and a fine light response. */
.tech-workbench-grid{box-shadow:0 20px 55px #09394e08}
.tech-panel{position:relative;background:radial-gradient(ellipse at var(--pointer-x,70%) var(--pointer-y,30%),#dff5f44a,transparent 40%),linear-gradient(145deg,#fff,#f6fbfc)}
.tech-selector{background:linear-gradient(150deg,#eef7f9,#f4f9fa)}
.tech-selector button{overflow:hidden;isolation:isolate}
.tech-selector button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 20%,#8edfd733 50%,transparent 80%);transform:translateX(-120%);transition:transform .7s}
.tech-selector button:hover:before{transform:translateX(120%)}
.tech-selector button>.ms-icon{transition:transform .45s,color .45s}
.tech-selector button:is(:hover,[aria-selected=true])>.ms-icon{transform:translateY(-2px);color:#139c9e;filter:drop-shadow(0 3px 8px #24aaa22a)}
.tech-selector button[aria-selected=true]{background:#d7efee}
.tech-panel.tech-switch-in>h3{animation:tech-title-in .6s cubic-bezier(.2,.75,.2,1) both}
.tech-panel.tech-switch-in>.tech-description{animation:tech-title-in .65s .05s both}
@keyframes tech-title-in{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.tech-instrument{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-height:175px;margin:28px 0;background:linear-gradient(125deg,#092c40,#0b4657);border:1px solid #265a6b;overflow:hidden;position:relative;color:#c3eff0}
.instrument-drawing{height:190px;position:relative;background-image:linear-gradient(#8bdbdf0c 1px,transparent 1px),linear-gradient(90deg,#8bdbdf0c 1px,transparent 1px);background-size:24px 24px;overflow:hidden}
.instrument-drawing svg{height:100%;width:100%;overflow:visible}
.instrument-drawing svg g{fill:none;stroke:#77c9cc;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.instrument-drawing svg text{fill:#8cdfd6;stroke:none;font:italic 25px Georgia}
.instrument-drawing .instrument-fine{opacity:.28;stroke-width:.7}
.instrument-drawing .instrument-nodes{fill:#10495a}
.instrument-drawing .instrument-trace{stroke:#a6ffea;stroke-width:2;stroke-dasharray:24 80;animation:instrument-trace 7s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 4px #66e5c94d)}
.instrument-drawing .instrument-pulse{fill:#65dec710;stroke:#a2f7e5;transform-box:fill-box;transform-origin:center;animation:instrument-pulse 4s ease-in-out infinite;animation-play-state:paused}
.instrument-scan{position:absolute;top:-20%;bottom:-20%;left:-20%;width:40%;background:linear-gradient(90deg,transparent,#80e8dd0c,transparent);transform:skewX(-15deg);animation:instrument-scan 8s ease-in-out infinite;animation-play-state:paused}
.instrument-caption{padding:25px 28px 25px 0;position:relative}
.instrument-caption>span{font-size:.62rem;letter-spacing:.12em;color:#6fc8cd;line-height:1.5}
.instrument-caption>p{color:var(--body-text-on-dark);font:500 1.1rem/1.5 var(--font-display);letter-spacing:-.02em;margin:15px 0 0}
.tech-record-flow li{transition:background .4s,border-color .4s,box-shadow .4s,transform .4s}
.tech-record-flow li:hover{transform:translateY(-4px);border-color:#52bcb9;background:#e3f5f3;box-shadow:0 10px 25px #16757510}
.tech-record-flow li>i{position:absolute;top:24px;left:100%;width:4px;height:4px;border-radius:50%;background:#27b7ae;box-shadow:0 0 8px #49cbbb;animation:record-transfer 3.5s linear infinite;animation-play-state:paused}
.tech-record-flow li:nth-child(2)>i{animation-delay:1.4s}
.tech-record-flow li:last-child>i{display:none}
.is-tech-visible :is(.instrument-trace,.instrument-pulse,.instrument-scan,.tech-record-flow li>i){animation-play-state:running}
@keyframes instrument-trace{to{stroke-dashoffset:-416}}
@keyframes instrument-pulse{50%{opacity:.4;transform:scale(1.12)}}
@keyframes instrument-scan{0%,10%{left:-40%}70%,100%{left:120%}}
@keyframes record-transfer{0%,15%{opacity:0;transform:translateX(-2px)}30%,75%{opacity:1}100%{opacity:0;transform:translateX(19px)}}
.tech-panel-foot small,.tech-product small{display:block;font-size:.6rem;letter-spacing:.12em;color:#65949f;margin-bottom:7px}
/* Connected workflows: inspectable nodes, animated paths, and a contextual record display. */
.tech-connections{background:radial-gradient(ellipse at 70% 60%,#10475966,transparent 55%),#081f2d}
.tech-connections:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#87c4cd05 1px,transparent 1px),linear-gradient(90deg,#87c4cd05 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.tech-connections>.ip-wrap{z-index:1}
.scenario-tabs{margin-bottom:42px;background:#12374524}
.scenario-tabs button{overflow:hidden}
.scenario-tabs button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#6cdbd415,transparent);transform:translateX(-100%);transition:transform .7s}
.scenario-tabs button:hover:before{transform:translateX(100%)}
.scenario-panel{grid-template-columns:.88fr 1.3fr;gap:6%;align-items:start}
.scenario-panel>div:first-child{padding-top:25px}
.scenario-panel h3{font-size:clamp(1.9rem,2.5vw,2.85rem)}
.scenario-graphic{position:relative;padding:25px 30px 28px;border:1px solid #3e73807a;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,20%),#21657345,transparent 70%),#0b30414d;box-shadow:0 25px 75px #00000012}
.scenario-graphic:before,.scenario-graphic:after{content:"";position:absolute;width:25px;height:25px;border-color:#74d4cf;border-style:solid;pointer-events:none}
.scenario-graphic:before{left:-1px;top:-1px;border-width:1px 0 0 1px}
.scenario-graphic:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.scenario-topline{display:flex;justify-content:space-between;gap:20px;font-size:.6rem;letter-spacing:.13em;color:#75b7c2;padding-bottom:25px;border-bottom:1px solid #3d67764d}
.scenario-topline b{font-weight:600;color:#adf8e8}
.scenario-route{padding:15px 0;margin:25px 0 28px;gap:12px}
.scenario-route:before{top:53px;left:9%;right:9%;background:linear-gradient(90deg,#2c6578,#75dfd59c,#2c6578)}
.scenario-node{border:0;background:none;cursor:pointer;padding:0;gap:14px;color:inherit;font:inherit;isolation:isolate}
.scenario-node>.ms-icon{width:76px;height:76px;position:relative;z-index:2;border-color:#548795;background:#103e50;border-radius:50%;transition:background .4s,box-shadow .4s,color .4s,transform .4s}
.scenario-node strong{font-size:.76rem;min-height:34px;display:flex;align-items:center}
.scenario-node small{font-size:.62rem;line-height:1.45;color:#80a9b5;max-width:110px;margin-top:-5px}
.scenario-node:hover>.ms-icon{transform:translateY(-3px);background:#165b67;color:#c1ffee}
.scenario-node[aria-pressed=true]>.ms-icon{background:#155768;border-color:#81d8cf;color:#c1ffec;box-shadow:0 0 0 7px #5ce9d009,0 0 30px #58d9c215}
.node-orbit{position:absolute;top:-7px;width:90px;height:90px;border:1px dashed #83dad633;border-radius:50%;animation:node-orbit 25s linear infinite;animation-play-state:paused}
.node-orbit:after{content:"";position:absolute;top:10px;left:10px;width:4px;height:4px;border-radius:50%;background:#9bffe8;box-shadow:0 0 10px #88ffe4;opacity:.6}
.scenario-node i{top:37px;width:5px;height:5px;animation:none}
.scenario-route:after{content:"";position:absolute;left:10%;top:52px;width:4px;height:4px;border-radius:50%;background:#a7ffdf;box-shadow:0 0 9px #86f5d6;animation:workflow-packet 7s linear infinite;animation-play-state:paused}
.is-tech-visible .node-orbit,.is-tech-visible .scenario-route:after{animation-play-state:running}
@keyframes node-orbit{to{transform:rotate(360deg)}}
@keyframes workflow-packet{0%{left:10%;opacity:0}8%,85%{opacity:1}100%{left:90%;opacity:0}}
.scenario-stage-detail{position:relative;border-top:1px solid #376575;padding:23px 0 6px;min-height:180px}
.scenario-stage-detail>span{font-size:.62rem;letter-spacing:.12em;color:#62cdc8}
.scenario-stage-detail h4{font:600 1.18rem/1.35 var(--font-display);letter-spacing:-.025em;color:#d5f3f1;margin:12px 0}
.scenario-stage-detail p{font-size:.94rem;line-height:1.7;color:var(--body-text-on-dark);margin:0}
.scenario-result{margin-top:20px;padding-top:20px}
@media(min-width:1900px){.assembly-viewer{height:680px}.tech-hero-cinematic .tech-hero-main{min-height:780px}}
@media(max-width:1150px){.assembly-controls{flex-wrap:wrap}.engine-state{flex-basis:100%}.engine-gesture{bottom:140px}.tech-hero-cinematic .tech-hero-copy h1{font-size:3.8rem}.scenario-graphic{padding:23px}.scenario-panel{gap:5%}.scenario-node>.ms-icon{width:64px;height:64px}.node-orbit{width:78px;height:78px}.scenario-route:before{top:47px}.scenario-route:after{top:46px}}
@media(max-width:850px){.tech-hero-cinematic .tech-hero-main{display:block;min-height:0}.tech-hero-cinematic .tech-hero-copy h1{font-size:4.6rem}.assembly-viewer{height:490px}.assembly-controls{flex-wrap:nowrap}.engine-state{flex-basis:auto}.engine-gesture{bottom:100px}.scenario-panel{grid-template-columns:1fr;gap:25px}.scenario-panel>div:first-child{padding-top:0}.scenario-graphic{max-width:100%}}
@media(max-width:600px){.tech-hero-cinematic .tech-hero-copy h1{font-size:3.35rem}.assembly-viewer{height:370px}.assembly-caption{font-size:.58rem}.assembly-controls{flex-wrap:wrap;padding-block:14px}.engine-state{flex-basis:100%;font-size:.68rem}.engine-gesture{bottom:110px;font-size:.68rem}.engine-gesture i{width:22px}.assembly-controls button{min-height:40px}.tech-instrument{grid-template-columns:1fr;gap:0}.instrument-drawing{height:170px}.instrument-caption{padding:0 22px 25px}.instrument-caption>p{font-size:1.05rem}.tech-record-flow{grid-template-columns:1fr;gap:12px}.tech-record-flow li{min-height:60px;padding:13px 16px;display:flex;gap:18px;align-items:center}.tech-record-flow li>span{margin:0}.tech-record-flow strong{font-size:.83rem}.tech-record-flow li:after{top:100%;left:27px;width:1px;height:13px}.tech-record-flow li>i{top:100%;left:26px;animation-name:record-transfer-mobile}.scenario-graphic{padding:22px 17px}.scenario-route{gap:7px}.scenario-node>.ms-icon{width:50px;height:50px;font-size:23px}.node-orbit{width:64px;height:64px}.scenario-node strong{font-size:.67rem}.scenario-node small{display:none}.scenario-route:before{top:40px}.scenario-route:after{top:39px}.scenario-topline{font-size:.52rem;gap:8px}.scenario-stage-detail{min-height:205px}.scenario-stage-detail h4{font-size:1.12rem}.scenario-stage-detail p{font-size:.94rem}.scenario-node{gap:17px}}
@keyframes record-transfer-mobile{0%,15%{opacity:0;transform:translateY(-2px)}30%,75%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.engine-gesture i,.instrument-drawing *,.instrument-scan,.tech-record-flow li>i,.node-orbit,.scenario-route:after{animation:none!important}.tech-panel.tech-switch-in>*{animation:none!important}}

.engine-gesture i{animation-play-state:paused}.engine-live .engine-gesture i{animation-play-state:running}.instrument-drawing .instrument-trace{stroke-dasharray:80 15}

/* The image-led hero and workbench form the selected technology layout. */
.tech-explorer-region{position:relative;display:flow-root;margin-bottom:clamp(72px,7.5vw,128px)}
.technology-page .tech-explorer-region>.ip-section{padding-bottom:0}
.tech-category-bar{top:var(--tech-header-height,var(--site-header-height,84px))}
.technology-page #technology-workbench{scroll-margin-top:var(--tech-bar-height,71px)}
.technology-page .tech-explorer-region article[id]{scroll-margin-top:var(--tech-bar-height,71px)}
.tech-hero-editorial{padding-bottom:48px}
.tech-editorial-grid{padding-top:0;min-height:0;height:clamp(460px,32vw,540px)}
.tech-hero-editorial .tech-hero-copy h1{font-size:clamp(3.2rem,4.5vw,4.7rem);line-height:1.06}
.tech-hero-editorial .tech-hero-copy>p{font-size:1rem;line-height:1.75;margin:22px 0 27px}
.tech-editorial-image{height:100%;min-height:0;max-height:540px;aspect-ratio:auto}
.tech-editorial-image>img{position:absolute;inset:0}
@media(max-width:850px){.tech-category-bar{top:var(--tech-header-height,var(--site-header-height,84px))}.tech-editorial-grid{height:auto;min-height:440px;gap:5%}.tech-hero-editorial .tech-hero-copy h1{font-size:clamp(2.7rem,5.4vw,3.5rem)}.tech-editorial-image{min-height:410px;align-self:stretch;height:auto}.tech-hero-editorial .tech-hero-copy>p{font-size:.95rem}}
@media(max-width:600px){.tech-hero-editorial{padding-bottom:36px}.tech-editorial-grid{min-height:0;gap:30px}.tech-hero-editorial .tech-hero-copy h1{font-size:clamp(2.9rem,10vw,3.7rem)}.tech-hero-editorial .tech-hero-copy>p{font-size:1rem}.tech-editorial-image{min-height:0;height:auto;aspect-ratio:1.35;max-height:320px}.tech-editorial-image figcaption{bottom:28px}.tech-editorial-image figcaption strong{font-size:1.5rem}.tech-editorial-image figcaption span{font-size:.55rem}}

/* Six disciplines. Without enhancement all initial briefs remain readable in order;
 * the legacy Simulation anchor is inside CAD, never a separate selectable panel. */
.technology-page:not(.has-tech-workbench) .tech-workbench-grid{display:block}
.technology-page:not(.has-tech-workbench) .tech-selector{display:none}
.technology-page:not(.has-tech-workbench) .tech-panel+.tech-panel{border-top:1px solid var(--tech-line)}
.technology-page:not(.has-tech-workbench) :is(.scenario-tabs,.scenario-panel){display:none}
.has-tech-workbench .scenario-fallback{display:none}
.tech-panel{position:relative}
.tech-legacy-alias{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.scenario-stage-detail>[data-stage-link]{display:inline-flex;margin-top:18px}
.scenario-stage-detail>[data-stage-link][hidden]{display:none}
.scenario-fallback{display:grid;gap:45px}
.scenario-fallback>article{border-top:1px solid #3a6474;padding-top:28px}
.scenario-fallback h3{font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1.2;margin-bottom:20px}
.scenario-fallback p{color:var(--body-text-on-dark);line-height:1.8}
.scenario-fallback ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:0;list-style:none;margin:30px 0}
.scenario-fallback li{border-left:1px solid #3a6474;padding-left:20px}
.scenario-fallback li>span{color:#81d8cf;font-size:.8rem;font-weight:600}
.scenario-fallback h4{font-size:1.2rem;line-height:1.35;margin:14px 0}

/* The same bracket, viewed through its model references, analysis conditions and
 * downstream definition. These paths explain CAD work; they calculate no result. */
.tech-cad-instrument{grid-template-columns:minmax(0,1.2fr) minmax(220px,.9fr);gap:0;min-height:300px}
.cad-study-drawing{min-width:0;width:100%;background-image:linear-gradient(#8bdbdf0c 1px,transparent 1px),linear-gradient(90deg,#8bdbdf0c 1px,transparent 1px);background-size:28px 28px}
.cad-study-drawing svg{display:block;width:100%;height:auto;overflow:visible}
.cad-study-drawing g{fill:none;stroke:#86d7d7;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cad-study-component .cad-study-base,.cad-study-component .cad-study-flange{fill:url(#cad-study-metal)}
.cad-study-component .cad-study-edge{fill:#0b2e40;stroke:#5e9da9}
.cad-study-component .cad-study-gusset{fill:#246575;stroke:#9fe3df}
.cad-study-component :is(.cad-study-bore,.cad-study-hole){fill:#082b3d;stroke:#b1f3e6;stroke-width:2}
.cad-study-references{stroke:#8dc0cc!important;stroke-dasharray:5 5;opacity:.65}
.cad-study-analysis{stroke:#70c9d0!important;stroke-width:.85!important;opacity:.55;animation:cad-study-context 9s ease-in-out infinite;animation-play-state:paused}
.cad-study-load{stroke:#b5f1dc!important;stroke-width:2.5!important;animation:cad-study-load 9s ease-in-out infinite;animation-play-state:paused}
.cad-study-handoff .cad-study-sheet{fill:#103a4e;stroke:#6ba8b6}
.cad-study-handoff .cad-study-definition{stroke:#c3ebde;stroke-width:1}
.cad-study-handoff .cad-study-connector{stroke:#9ce9de;stroke-dasharray:9 8;animation:cad-study-handoff 9s linear infinite;animation-play-state:paused}
.is-tech-visible :is(.cad-study-analysis,.cad-study-load,.cad-study-connector){animation-play-state:running}
.tech-cad-instrument .instrument-caption{padding:28px 28px 28px 0}
.cad-study-legend{display:grid;gap:9px;list-style:none;padding:0;margin:23px 0 0;font-size:.8rem;line-height:1.5;color:#c0dde5}
.cad-study-legend li{display:flex;align-items:center;gap:10px}
.cad-study-legend li:before{content:"";width:15px;height:1px;flex:0 0 15px;background:#9fe3df}
.cad-study-legend li:nth-child(2):before{height:8px;border:1px solid #70c9d0;background:repeating-linear-gradient(60deg,transparent 0 3px,#70c9d0 3px 4px)}
.cad-study-legend li:nth-child(3):before{height:12px;border:1px solid #c3ebde;background:none}

@keyframes cad-study-context{0%,20%,100%{opacity:.4}40%,72%{opacity:.8}}
@keyframes cad-study-load{0%,20%,100%{transform:translateY(0);opacity:.7}40%,72%{transform:translateY(3px);opacity:1}}
@keyframes cad-study-handoff{to{stroke-dashoffset:-68}}
@media(max-width:1150px){.tech-cad-instrument{grid-template-columns:minmax(0,1fr)}.tech-cad-instrument .cad-study-drawing{max-width:560px;margin-inline:auto}.tech-cad-instrument .instrument-caption{padding:0 25px 25px}.cad-study-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}}
@media(max-width:850px){.technology-page .tech-selector button:last-child:nth-child(even){grid-column:auto}}
@media(max-width:600px){.tech-cad-instrument .instrument-caption{padding:0 22px 25px}.cad-study-legend{grid-template-columns:1fr;gap:10px}.scenario-fallback ol{grid-template-columns:1fr;gap:25px}}
@media(prefers-reduced-motion:reduce){.cad-study-analysis,.cad-study-load,.cad-study-connector{animation:none!important}}