/* The original five equipment cards stay intact above this compact selector. */
.technology-section { scroll-margin-top:calc(var(--site-header-height,116px) + 8px); }
.technology-additions { margin:0 3.75% 32px; scroll-margin-top:calc(var(--site-header-height,116px) + 24px); }
.technology-intro { padding-top:32px; border-top:1px solid #d8ddee; margin-bottom:30px; }
.technology-subtitle { margin:0 0 16px; color:#2924e8; font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.14em; }
.technology-intro h2 { margin:0; font-size:clamp(28px,3.6vw,44px); line-height:1.06; font-weight:750; letter-spacing:-.035em; }
.technology-intro h2 span { color:#2924e8; }
.technology-intro h2 b { color:#ff4b0a; font-weight:inherit; }
.technology-selector { display:grid; grid-template-columns:minmax(230px,.8fr) minmax(0,2.2fr); gap:34px; align-items:center; }
.technology-tablist { display:grid; gap:8px; }
.technology-tablist [role=tab] { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:13px 18px; border:1px solid #d8ddee; background:#fff; color:#080808; font:inherit; font-size:17px; line-height:1.2; text-align:left; cursor:pointer; }
.technology-tablist [role=tab]:hover { border-color:#2924e8; }
.technology-tablist [role=tab][aria-selected=true] { background:#2924e8; border-color:#2924e8; color:#fff; }
.technology-tab-arrow { color:#2924e8; flex:none; font-size:23px; line-height:1; }
.technology-tablist [aria-selected=true] .technology-tab-arrow { color:#fff; }
.technology-panels { min-width:0; }
.technology-panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:28px; align-items:center; min-height:368px; }
.technology-panel[hidden] { display:none!important; }
.technology-panel-copy { min-width:0; }
.technology-panel-copy h3 { margin:0 0 14px; font-size:26px; line-height:1.12; font-weight:650; letter-spacing:-.025em; }
.technology-image { position:relative; display:block; width:100%; height:368px; margin:0; padding:0; border:0; background:#fff; cursor:zoom-in; }
.technology-image img { display:block; width:100%; height:100%; object-fit:contain; }
.technology-zoom { position:absolute; right:0; bottom:0; width:36px; height:36px; display:grid; place-items:center; background:#fff; border:1px solid #d8ddee; color:#2924e8; font-size:24px; line-height:1; }
.technology-image:hover .technology-zoom { color:#fff; background:#2924e8; border-color:#2924e8; }
.technology-image:focus-visible,.technology-contact:focus-visible,.technology-tablist [role=tab]:focus-visible,.technology-partnership summary:focus-visible { outline:2px solid #ff4b0a; outline-offset:4px; }
.technology-description { margin:0 0 24px; font-size:17px; line-height:1.5; color:#62697e; }
.technology-contact { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; padding:12px 16px; font-size:15px; line-height:1.25; border:1px solid #080808; color:#080808; text-decoration:none; }
.technology-contact span { color:#2924e8; font-size:22px; line-height:1; }
.technology-contact:hover { color:#2924e8; border-color:#2924e8; }
.technology-partnership { margin-top:34px; border-top:1px solid #d8ddee; border-bottom:1px solid #d8ddee; scroll-margin-top:calc(var(--site-header-height,116px) + 24px); }
.technology-partnership summary { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:74px; padding:20px 0; cursor:pointer; list-style:none; font-size:19px; line-height:1.3; font-weight:500; }
.technology-partnership summary::-webkit-details-marker { display:none; }
.technology-disclosure-icon { position:relative; width:24px; height:24px; flex:none; }
.technology-disclosure-icon::before,.technology-disclosure-icon::after { content:""; position:absolute; left:3px; top:11px; width:18px; height:2px; background:#ff4b0a; }
.technology-disclosure-icon::after { transform:rotate(90deg); }
.technology-partnership[open] .technology-disclosure-icon::after { transform:rotate(0deg); }
.technology-partnership-body { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); align-items:center; gap:44px; padding:4px 0 30px; }
.technology-partnership .technology-image { height:auto; aspect-ratio:3/2; }
.technology-partnership-copy { min-width:0; }
.technology-partnership-label { margin:0 0 18px; color:#2924e8; font-size:11px; line-height:1.5; font-weight:600; letter-spacing:.13em; }
.technology-partnership .technology-description { max-width:540px; margin-bottom:20px; }
.technology-baseline { display:flex; align-items:center; gap:18px; margin-top:24px; padding:14px 0 12px; color:#8d93a5; font-size:9px; letter-spacing:.1em; }
.technology-baseline i { height:1px; flex:1; background:#d8ddee; }
.technology-baseline b { color:#ff4b0a; font-size:24px; line-height:0; }
@media(max-width:1050px) and (min-width:701px) {
 .technology-selector { grid-template-columns:240px minmax(0,1fr); gap:28px; }
 .technology-panel { grid-template-columns:minmax(0,1fr); gap:14px; }
 .technology-image { height:270px; }
 .technology-panel-copy h3 { font-size:24px; }
 .technology-description { margin-bottom:18px; font-size:16px; }
}
@media(max-width:900px) {
 .technology-additions { margin:0 22px 28px; }
 .technology-baseline { display:none; }
}
@media(max-width:700px) {
 .technology-intro { padding-top:28px; margin-bottom:24px; }
 .technology-intro h2 { font-size:clamp(26px,6.8vw,38px); line-height:1.1; }
 .technology-subtitle { font-size:10px; margin-bottom:14px; }
 .technology-selector { grid-template-columns:minmax(0,1fr); gap:22px; }
 .technology-tablist { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .technology-tablist [role=tab] { padding:12px; min-height:62px; font-size:15px; gap:6px; }
 .technology-tab-arrow { font-size:19px; }
 .technology-panel { grid-template-columns:minmax(0,1fr); gap:22px; min-height:0; }
 .technology-image { height:280px; }
 .technology-panel-copy h3 { font-size:26px; margin-bottom:10px; }
 .technology-description { margin-bottom:20px; font-size:17px; }
 .technology-partnership { margin-top:30px; }
 .technology-partnership summary { font-size:17px; min-height:80px; gap:20px; }
 .technology-partnership-body { grid-template-columns:minmax(0,1fr); gap:24px; padding-top:8px; }
 .technology-partnership-copy { order:-1; }
}
@media(max-width:350px) {
 .technology-tablist [role=tab] { padding:10px 8px; font-size:14px; }
 .technology-image { height:250px; }
}

/* The existing equipment canvas now opens its own page below the masthead. */
@media(min-width:901px) {
 .technology-page .design-header + main.design-main { padding-top:var(--site-header-height,116px); }
}