/* Industry pages. Builds on home.css (tokens, type, buttons, tiles, faq, cta). */
.ind-main .ind-hero{padding-top:clamp(14px,2vw,24px)}
.ind-main .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 16px 4px;font-size:14px;line-height:1.5;color:var(--muted)}
.ind-main .crumbs a{color:var(--muted);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
.ind-main .crumbs a:hover{color:var(--red);text-decoration-color:currentColor}
.ind-main .crumbs [aria-current]{color:var(--ink);font-weight:600}
.ind-main .crumbs .sep{opacity:.5}

.ind-main .ind-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,4.5vw,64px);background:radial-gradient(60% 80% at 92% 90%,#f3d6c7 0%,rgba(243,214,199,0) 70%),linear-gradient(260deg,#f8ebe1 0%,#fbf6ec 48%,#fffdf8 100%)}
.ind-main .ind-panel-solo{grid-template-columns:minmax(0,1fr)}
.ind-main .ind-panel-solo .ind-intro{max-width:760px}
.ind-main .ind-intro{min-width:0}
.ind-main .ind-intro .hx1{margin-top:0;font-size:clamp(36px,4.6vw,58px)}
.ind-main .glance{min-width:0;padding:clamp(20px,2.4vw,28px);border:1px solid #e8e1d2;border-radius:20px;background:rgba(255,253,248,.94);box-shadow:0 18px 32px -22px rgba(36,37,31,.45)}
.ind-main .glance-h{margin:0 0 6px;font:500 11px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--red)}
.ind-main .glance dl{margin:0}
.ind-main .glance dl>div{padding:14px 0;border-top:1px solid var(--rule)}
.ind-main .glance dl>div:first-child{border-top:0}
.ind-main .glance dt{font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ind-main .glance dd{margin:4px 0 0;font-size:16px;line-height:1.45;font-weight:600}

.ind-main .more .arrow-link{margin-top:0}
.ind-main .ind-two{display:flex;flex-wrap:wrap;gap:28px clamp(40px,7vw,96px);align-items:flex-start}
.ind-main .ind-two>.head{flex:1 1 300px;min-width:0;max-width:440px}
.ind-main .ind-two .more{margin-top:28px}
.ind-main .mlist{flex:1.5 1 420px;min-width:0;margin:0}
.ind-main .mrow{display:flex;flex-wrap:wrap;gap:6px 32px;padding:18px 4px;border-top:1px solid #dcd6c5}
.ind-main .mrow:last-child{border-bottom:1px solid #dcd6c5}
.ind-main .mrow dt{flex:1 1 200px;min-width:0;font:500 clamp(18px,2vw,21px)/1.3 var(--serif)}
.ind-main .mrow dd{flex:2 1 280px;min-width:0;margin:0;color:var(--muted);font-size:16px;line-height:1.6}
.ind-main .ind-leaks .tile{flex:1 1 calc(50% - 10px);min-width:260px}
.ind-main .ind-leaks .tile .hx3{margin-top:0}
.ind-main .ind-leaks .tile .copy{margin-top:10px}
.ind-main .ind-leaks .tile strong{color:var(--ink);font-weight:600}
.ind-main .copy a,.ind-main .ans a{color:var(--red);text-decoration:underline;text-underline-offset:3px}

/* hub */
.ind-main .ind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ind-main .ind-card{display:flex;flex-direction:column;gap:0;padding:28px;border:1px solid var(--rule);border-radius:20px;background:var(--card);color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.ind-main .ind-card:hover,.ind-main .ind-card:focus-visible{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(36,37,31,.38);border-color:var(--red)}
.ind-main .ind-card .no{font:500 13px/1.4 var(--mono);color:var(--red)}
.ind-main .ind-card .hx3{margin-top:14px}
.ind-main .ind-card .copy{margin-top:10px;flex:1}
.ind-main .ind-card-alt{background:#24251f;border-color:#24251f;color:#f3efe4}
.ind-main .ind-card-alt .no{color:#f4a194}
.ind-main .ind-card-alt .copy{color:#c9c6b8}
.ind-main .ind-card.ind-card-alt .go{color:#fff}
.ind-main .ind-card-alt:hover,.ind-main .ind-card-alt:focus-visible{border-color:#24251f}
.ind-main .ind-card .go{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:600;color:var(--red)}
.ind-main .ind-card .go svg{transition:transform .2s}
.ind-main .ind-card:hover .go svg{transform:translateX(3px)}

@media (max-width:1080px){.ind-main .ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .ind-main .ind-panel{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .ind-main .ind-grid{grid-template-columns:minmax(0,1fr)}
  .ind-main .ind-panel{padding:26px 22px}
  .ind-main .hero-btns .pill{flex:1 1 100%}
  .ind-main .ind-leaks .tile{flex-basis:100%}
}