/* Industry choices and the use-case narrative share a visual centre. */
.industries .industry-layout{grid-template-columns:340px minmax(0,1fr);gap:clamp(36px,4.2vw,64px);align-items:center}
.industries .industry-selector{min-width:0}
.industries .industry-navigation{gap:8px;padding:0}
.industries .industry-tab{min-height:64px;padding:18px 16px;gap:14px;border:0;border-radius:16px;background:transparent;color:#747474;transition:background .28s ease,color .28s ease}
.industries .industry-tab>span{display:flex;align-items:center;min-width:0}
.industries .industry-tab small{flex:none;margin-right:14px}
.industries .industry-tab>.arrow{flex:none}
.industries .industry-tab[aria-selected=true]{background:#f1f1f1;color:#171717}
.industries .industry-tab:not([aria-selected=true]):is(:hover,:focus-visible){background:#f5f5f5;color:#252525}
.industries .industry-tab:not([aria-selected=true]):hover>.arrow{opacity:.45;transform:translateX(-2px)}
.industries .industry-tab:focus-visible{outline:2px solid #777;outline-offset:3px}
.industries .industry-side-note{max-width:285px;margin:30px 16px 20px;font-size:13px;line-height:1.65}
.industries .industry-selector>.link-arrow{margin-left:16px;gap:20px;line-height:1.5}
.industries .industry-panel{min-width:0;min-height:660px;display:flex;align-items:center;padding:92px 44px 64px;border-radius:28px}
.industries .industry-panel::after{background:linear-gradient(90deg,rgba(9,9,9,.52),rgba(9,9,9,.14)),linear-gradient(180deg,rgba(9,9,9,.06),rgba(9,9,9,.1) 38%,rgba(9,9,9,.66))}
.industries .industry-panel-top{top:30px;left:44px;right:44px}
.industries .industry-panel-copy{position:relative;inset:auto;width:100%;min-width:0}
.industries .industry-panel h3{max-width:580px;font-size:clamp(34px,2.7vw,42px);line-height:1.1;letter-spacing:-.045em;margin:0 0 22px;text-wrap:balance}
.industries .industry-panel p{max-width:555px;font-size:15px;line-height:1.7}
.industries .industry-flow{max-width:none;gap:16px;margin-top:30px;padding:21px 22px;border-radius:19px;background:#ffffff16;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.industries .industry-flow-step{min-width:0;gap:10px;font-size:12px;line-height:1.4}
.industries .industry-flow-step .hx-icon{flex:none;width:22px;height:22px}
.industries .industry-flow-arrow{flex:none;font-size:19px}
.industries .industry-doors{gap:10px;margin-top:26px}
.industries .industry-doors a{padding:10px 16px;font-size:12px;gap:18px;min-height:40px}
.industries .industry-example{margin-top:20px;font-size:10px;line-height:1.6}
@media(min-width:901px) and (max-width:1150px){
 .industries .industry-layout{grid-template-columns:285px minmax(0,1fr);gap:32px}
 .industries .industry-tab{font-size:15px;padding-inline:14px}
 .industries .industry-panel{padding-inline:30px}
 .industries .industry-panel-top{left:30px;right:30px}
 .industries .industry-flow{gap:10px;padding:18px 16px}
 .industries .industry-flow-step{gap:8px;font-size:11px}
}
@media(max-width:900px){
 .industries .industry-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .industries .industry-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .industries .industry-tab{font-size:13px;min-height:66px;padding:14px 12px}
 .industries .industry-tab small{margin-right:9px}
 .industries .industry-selector>.link-arrow{display:inline-flex;margin-top:20px;margin-left:12px}
 .industries .industry-panel{min-height:610px}
}
@media(max-width:600px){
 .industries .industry-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .industries .industry-tab{font-size:12px;min-height:72px;padding:12px 10px;gap:8px;border-radius:14px}
 .industries .industry-tab small{margin-right:8px}
 .industries .industry-tab small .hx-icon{width:17px;height:17px}
 .industries .industry-selector>.link-arrow{font-size:13px;margin-top:18px;margin-left:10px}
 .industries .industry-panel{min-height:610px;padding:82px 24px 48px;border-radius:22px}
 .industries .industry-panel-top{top:26px;left:24px;right:24px;gap:16px;line-height:1.6}
 .industries .industry-panel h3{font-size:32px;margin-bottom:20px}
 .industries .industry-panel p{font-size:14px;line-height:1.7}
 .industries .industry-flow{margin-top:26px;padding:18px 14px;gap:9px;border-radius:17px}
 .industries .industry-flow-step{font-size:11px;gap:10px}
 .industries .industry-flow-step .hx-icon{width:21px;height:21px}
 .industries .industry-doors{gap:8px;margin-top:24px}
 .industries .industry-doors a{font-size:11px;padding:9px 13px;gap:12px}
 .industries .industry-example{margin-top:20px}
}
@media(max-width:360px){
 .industries .industry-panel{padding-inline:20px}
 .industries .industry-panel-top{left:20px;right:20px}
 .industries .industry-panel h3{font-size:29px}
 .industries .industry-flow{padding-inline:10px;gap:6px}
 .industries .industry-flow-step{font-size:10px;min-width:min-content}
}
@media(prefers-reduced-motion:reduce){.industries .industry-tab{transition:none}}

/* Equal visual space on either side of each handoff, including translated
   labels. The glass never fades; only the content above it enters. */
.industries .industry-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(16px,1.8vw,28px);background:rgb(255 255 255 / .12)}
.industries .industry-flow-step{justify-content:center;min-width:0}
.industries .industry-flow-arrow{align-self:center;margin:0;line-height:1}
@media(max-width:1150px){.industries .industry-flow{column-gap:16px}}
@media(max-width:600px){
 .industries .industry-flow{column-gap:12px;padding-inline:14px}
 .industries .industry-flow-step{align-items:center;text-align:center;gap:11px}
}
@media(max-width:360px){.industries .industry-flow{column-gap:10px;padding-inline:12px}}