/* Industries pages — page-specific styles */

/* Hero layout is unified in site.css (.hd,.hero); per-page background-image is set inline on <section class="hero">. Industry-only hero spacing below. */
.hero h1{margin-bottom:24px}
.hero .lead{margin-bottom:36px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero .coming-soon{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#fff;padding:6px 14px;border-radius:999px;font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;align-self:flex-start}
.hero .coming-soon::before{content:'';width:7px;height:7px;border-radius:50%;background:#fff;flex-shrink:0;animation:cs-pulse 1.6s ease-in-out infinite}
@keyframes cs-pulse{0%,100%{opacity:1}50%{opacity:.35}}

.sec-head{max-width:780px;margin:0 auto 56px;text-align:center}
.sec-head h2{margin-bottom:16px}
.sec-head .lead{max-width:720px;margin-left:auto;margin-right:auto}

/* Industry service cards — image at top, padded body. Distinct from site.css .card (padded box). */
.industry-card{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s}
.industry-card:hover{border-color:var(--teal);box-shadow:0 8px 40px rgba(26,138,125,.08);transform:translateY(-3px)}
.industry-card .card-img{width:100%;height:200px;object-fit:cover;background:var(--sand)}
.industry-card .card-body{padding:32px;display:flex;flex-direction:column;flex:1}
.industry-card .card-body .ey{margin-bottom:10px}
.industry-card .card-body h3{margin-bottom:14px}
.industry-card .card-body p{font-size:15px;color:var(--muted);line-height:1.65;margin-bottom:24px}
.industry-card .card-body p:has(+ ul){margin-bottom:8px}
.industry-card .card-body .more{font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;color:var(--teal);margin-top:auto}
.industry-card .card-body .more:hover{color:var(--navy)}

.use-cases{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:48px}
.use-cases ul{list-style:none;padding:0;margin:0;column-count:2;column-gap:48px}
.use-cases li{position:relative;padding:14px 0 14px 28px;font-size:16px;line-height:1.6;color:var(--charcoal);break-inside:avoid;border-bottom:1px solid var(--border)}
.use-cases li:last-child{border-bottom:none}
.use-cases li::before{content:"";position:absolute;left:0;top:24px;width:14px;height:1px;background:var(--teal)}
.use-cases .catch-all{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);font-size:15px;color:var(--muted);font-style:italic}

.cross-strip{padding:88px 0;background:var(--navy);color:#fff;text-align:center}
.cross-strip .ey{color:var(--mint)}
.cross-strip h2{color:#fff;margin-bottom:18px}
.cross-strip p{color:rgba(255,255,255,.78);max-width:660px;margin:0 auto 32px;font-size:17px;line-height:1.65}
.cross-strip .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){
  .use-cases{padding:32px}
  .use-cases ul{column-count:1}
}
