/* Sector pages: 3D-rendered hero with equipment hotspots, value-chain rail, featured lesson, track tabs */
.sx-hero{--n0:#070D1C;--n1:#0B1828;--nl:rgba(255,255,255,.16);--ni:#F4EEE4;--nm:#B5C0D0;--g:#F5A524;--g2:#FFCB6B;position:relative;background:var(--n0);color:var(--ni);isolation:isolate}
.sx-stage{position:relative;max-width:1600px;margin:0 auto;aspect-ratio:16/9;max-height:calc(100vh - 62px);min-height:540px;overflow:hidden}
.sx-pic{position:absolute;inset:0}
.sx-pic img{display:block;width:100%;height:100%;object-fit:cover}
.sx-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,rgba(7,13,28,.94) 0%,rgba(7,13,28,.74) 30%,rgba(7,13,28,0) 58%),linear-gradient(0deg,rgba(7,13,28,.88) 0%,rgba(7,13,28,0) 24%)}
[dir=ltr] .sx-shade{background:linear-gradient(90deg,rgba(7,13,28,.94) 0%,rgba(7,13,28,.74) 30%,rgba(7,13,28,0) 58%),linear-gradient(0deg,rgba(7,13,28,.88) 0%,rgba(7,13,28,0) 24%)}
@media (min-width:901px){[dir=ltr] .sx-pic img{transform:scaleX(-1)}}
.sx-tx{position:absolute;inset-inline-start:0;top:0;bottom:0;width:min(560px,44%);display:flex;flex-direction:column;justify-content:center;padding:28px clamp(20px,4vw,60px);z-index:3}
.sx-tx .crumbs{font-size:13.5px;color:var(--nm);margin-bottom:12px}.sx-tx .crumbs a{color:var(--nm);text-decoration:none}.sx-tx .crumbs a:hover{color:var(--ni)}
.sx-eb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--g);margin:0 0 6px}
.sx-eb .fx{color:var(--nm);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.sx-tx h1{font-size:clamp(40px,5.4vw,70px);line-height:1.04;font-weight:900;margin:0 0 12px;color:#fff;text-wrap:balance}
.sx-tx .sx-d{font-size:16.5px;line-height:1.8;color:#D9DEE8;margin:0 0 18px;max-width:46ch}
.sx-stats{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 20px;padding:0;list-style:none}
.sx-stats li{display:flex;flex-direction:column}
.sx-stats b{font-size:26px;font-weight:900;line-height:1.1;color:#fff}
.sx-stats span{font-size:13px;color:var(--nm)}
.sx-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sx-cta{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15.5px;text-decoration:none;color:var(--n0);background:var(--g);padding:12px 20px;border-radius:12px;border:0}
.sx-ghost{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:15px;color:var(--ni);background:rgba(7,13,28,.35);padding:11px 18px;border-radius:12px;border:1px solid var(--nl);cursor:pointer}
.sx-cta:focus-visible,.sx-ghost:focus-visible,.hs:focus-visible,.sx-tab:focus-visible,.sx-ch a:focus-visible{outline:2px solid var(--g2);outline-offset:3px}
.sx-hots{position:absolute;inset:0;z-index:2}
.hs{position:absolute;left:var(--dx);top:var(--dy);transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(7,13,28,.8);color:var(--g);font:800 13px/30px system-ui,sans-serif;box-shadow:0 0 0 2px var(--g),0 6px 16px rgba(0,0,0,.45);transition:transform .2s,background .2s}
.hs.nd{display:none}
.hs::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(245,165,36,.55);animation:sxp 2.6s ease-out infinite}
.hs:hover,.hs.on{background:var(--g);color:var(--n0);transform:translate(-50%,-50%) scale(1.12)}
.hs .lb{position:absolute;inset-inline-start:38px;top:50%;transform:translateY(-50%);white-space:nowrap;font:700 12.5px/1 system-ui,sans-serif;color:var(--ni);background:rgba(7,13,28,.88);padding:6px 9px;border-radius:8px;border:1px solid var(--nl);opacity:0;pointer-events:none;transition:opacity .2s}
.hs:hover .lb,.hs.on .lb{opacity:1}
.hs.fl .lb{inset-inline-start:auto;inset-inline-end:38px}
@keyframes sxp{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.sx-eq{margin-top:20px;background:rgba(11,24,40,.92);border:1px solid var(--nl);border-radius:16px;padding:16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.45);min-height:150px}
.sx-eq .n{font:700 12px system-ui,sans-serif;letter-spacing:.14em;color:var(--g);text-transform:uppercase}
.sx-eq h3{font:800 20px/1.25 system-ui,sans-serif;margin:4px 0 6px;color:#fff}
.sx-eq p{margin:0 0 10px;font-size:14.5px;line-height:1.75;color:#D9DEE8}
.sx-eq a{font-weight:700;font-size:14px;color:var(--g2);text-decoration:none}
.sx-eq .x{display:flex;gap:6px;margin-top:10px}
.sx-eq .x button{width:34px;height:34px;border-radius:9px;border:1px solid var(--nl);background:none;color:var(--ni);cursor:pointer;display:grid;place-items:center}
[dir=ltr] .sx-eq .x svg{transform:scaleX(-1)}
.sx-eql{display:none}
/* value chain rail */
.sx-chain{background:#0B1828;border-bottom:1px solid rgba(255,255,255,.08);color:#B5C0D0}
.sx-chain ol{display:flex;gap:4px;list-style:none;margin:0 auto;padding:12px 16px;overflow-x:auto;scrollbar-width:none;max-width:1240px}
.sx-chain ol::-webkit-scrollbar{display:none}
.sx-ch{flex:none}
.sx-ch a{display:flex;align-items:center;gap:9px;text-decoration:none;padding:8px 13px 8px 11px;border-radius:12px;border:1px solid transparent;color:#B5C0D0;font-weight:700;font-size:14px;white-space:nowrap}
.sx-ch a:hover{background:rgba(255,255,255,.05);color:#F4EEE4}
.sx-ch .si{width:26px;height:26px;flex:none}
.sx-ch .k{font:700 11px system-ui,sans-serif;opacity:.75}
.sx-ch.on a{border-color:rgba(245,165,36,.5);background:rgba(245,165,36,.1);color:#F4EEE4}
.sx-ch.sep{display:flex;align-items:center;color:rgba(255,255,255,.2);padding:0 1px}
/* sections */
.sx-main .blk{padding-top:36px}
.sx-main .sec-h h2{font-size:28px}
.sx-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}
.sx-tab{font:inherit;font-weight:700;font-size:14px;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:8px 14px;border-radius:999px;cursor:pointer}
.sx-tab b{font-weight:700;opacity:.7;margin-inline-start:6px}
.sx-tab[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (min-width:760px){.sx-main .g-cards .lcard.feat{grid-column:span 2;display:flex;flex-direction:row}
 .sx-main .lcard.feat .cover{flex:1.2;aspect-ratio:auto;min-height:240px}.sx-main .lcard.feat .cover img{height:100%;object-fit:cover}
 .sx-main .lcard.feat .b{flex:1;padding:22px}.sx-main .lcard.feat h3{font-size:21px}}
.sx-start{display:inline-block;align-self:flex-start;font-weight:800;font-size:12.5px;color:#070D1C;background:#F5A524;padding:3px 10px;border-radius:999px;margin-bottom:6px}
.sx-main .lcard[hidden]{display:none}
.sx-main .sec-prog{margin-top:18px}
@media (max-width:900px){
 .sx-stage{aspect-ratio:auto;max-height:none;min-height:0}
 .sx-pic{position:relative;aspect-ratio:3/4}
 .hs{left:var(--mx);top:var(--my)}.hs.nd{display:block}.hs.nm{display:none}
 .sx-shade,[dir=ltr] .sx-shade{background:linear-gradient(0deg,rgba(7,13,28,1) 0%,rgba(7,13,28,0) 22%)}
 .sx-tx{position:relative;width:auto;padding:4px 16px 24px;background:var(--n0)}
 .sx-tx h1{font-size:44px}
 .hs .lb{display:none}
}
@media (prefers-reduced-motion:reduce){.hs::after{animation:none}}
