/* Industries: tabs, then one card per industry. No animation in this section; only the arrow colour changes on hover. */
.industries{padding:0 0 var(--cta-gap)}
.industries h2{font:500 clamp(24px,3vw,32px)/1.1 var(--head);letter-spacing:-.025em;color:var(--ink);max-width:680px}
.industries .lead{margin-top:14px;max-width:620px;font-size:17px;line-height:1.5;color:var(--text)}
.tabs{margin-top:28px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;height:32px;padding:0 13px;border:1px solid transparent;border-radius:10px;background:var(--card);color:var(--text);font:500 13px var(--body);cursor:pointer}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-selected=true]{background:var(--ink);color:var(--card)}
.tabs button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.ipanels{margin-top:12px;display:grid}
.ipanel{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;background:var(--card);border-radius:var(--r-card);padding:28px;box-shadow:0 1px 0 rgba(0,0,0,.03),0 18px 36px -28px rgba(0,0,0,.28)}
.ipanel[hidden]{display:grid;visibility:hidden}
.ip-l h3{font:500 26px/1.15 var(--head);letter-spacing:-.02em;color:var(--ink)}
.ip-l p{margin-top:10px;max-width:420px;font-size:15px;line-height:1.5;color:var(--text)}
.stds{list-style:none;margin-top:22px;border-top:1px solid var(--line)}
.stds a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:500;color:var(--ink)}
.stds .go{flex:none;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--card);display:flex;align-items:center;justify-content:center}
.stds a:hover .go,.stds a:focus-visible .go{background:var(--orange);color:#0a0a0a}
.stds a:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:6px}
.ip-r{display:flex}
.rec{position:relative;inset:auto;flex:1;min-height:300px;padding:22px;display:flex;flex-direction:column;gap:10px;background-color:var(--inset);background-image:radial-gradient(circle,var(--dot) 1.1px,transparent 1.4px);background-size:14px 14px;background-position:7px 7px;border-radius:12px}
.rec .rh{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--raise);border-radius:10px;padding:14px 16px}
.rec .rh b{font:600 15px var(--head);letter-spacing:-.01em}
.rec .inf{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:12px;background:var(--ok-bg);color:var(--ok-fg);font:500 11.5px var(--body);white-space:nowrap}
.rec .inf i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.rec .rr{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:10px;background:var(--raise);font-size:13px}
.rec .rr>span:first-child{width:96px;flex:none;font:500 10.5px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--faint)}
.rec .rr em{font-style:normal;color:var(--ink)}
.rec .av{width:24px;height:24px;font-size:9.5px}
.rec .ck{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:12px;background:var(--ok-bg);color:var(--ok-fg);font:500 11.5px var(--body);white-space:nowrap}
.rec .bar{flex:1;height:6px;border-radius:3px;background:var(--track);overflow:hidden}
.rec .bar i{display:block;height:100%;background:var(--green);border-radius:3px}
@media (max-width:899px){.ipanel{grid-template-columns:1fr;padding:22px}.rec{min-height:0}.rec .rr>span:first-child{width:82px}}
@media (max-width:560px){.rec .rr{flex-wrap:wrap;height:auto;min-height:46px;padding:10px 14px}}
@media (prefers-reduced-motion:reduce){.industries *{transition:none!important}}
@media (min-width:900px){.tabs{flex-wrap:wrap;overflow:visible}}

/* on a phone the panels stack, so the hidden ones must not hold space (that left a gap above the record) */
@media (max-width:899px){.ipanel[hidden]{display:none}}
.stds .stdn{display:flex;align-items:center;min-height:52px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:500;color:var(--ink)}