/* industry.html page styles (extracted from the page's inline <style>). */
/* ---- industry hero ---- */
.ind-hero{padding:60px 0 0;text-align:center;position:relative;overflow:hidden}
.ind-hero .wrap{position:relative;z-index:1}
.ind-hero .eyebrow{margin-bottom:16px}
.ind-hero h1{font-size:clamp(38px,5.4vw,66px);line-height:1.05;font-weight:700;max-width:17ch;margin:0 auto}
.ind-hero .sub{color:var(--muted);font-size:clamp(16px,1.7vw,19.5px);max-width:60ch;margin:20px auto 0;line-height:1.6}
.ind-hero .hero-cta{justify-content:center;margin-top:32px}
.ind-hero-media{max-width:1040px;margin:52px auto 0;border-radius:22px 22px 0 0;overflow:hidden;position:relative;
  box-shadow:0 40px 90px -30px rgba(24,44,38,.42);border:1px solid var(--border)}
.ind-hero-media img{width:100%;height:auto;max-height:540px;object-fit:cover;display:block}
.ind-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(760px 440px at 50% 0%,rgba(46,210,180,.20),transparent 62%),
             radial-gradient(600px 420px at 88% 18%,rgba(46,210,180,.12),transparent 60%)}
/* ---- section shells ---- */
.sec{padding:84px 0}
.sec-head{max-width:700px;margin:0 auto 46px;text-align:center}
.sec-head h2{font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.05}
.sec-head p{color:var(--muted);font-size:16.5px;margin:14px auto 0;max-width:56ch;line-height:1.6}
.band-soft{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
/* ---- who it's for ---- */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.who-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 22px;
  box-shadow:0 12px 34px rgba(24,44,38,.05);transition:transform .18s,box-shadow .2s,border-color .2s}
.who-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(24,44,38,.1);border-color:var(--border2)}
.who-card .wk{width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,rgba(46,210,180,.18),rgba(14,143,121,.08));
  color:var(--teal-text);display:flex;align-items:center;justify-content:center;font-family:var(--fdisp);font-weight:700;font-size:15px;margin-bottom:15px}
.who-card h3{font-family:var(--fdisp);font-weight:600;font-size:17.5px;margin:0 0 7px}
.who-card p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0}
/* ---- everything you need ---- */
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ind-feat{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px 24px;box-shadow:0 14px 40px rgba(24,44,38,.06)}
.ind-feat .fi{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,rgba(46,210,180,.16),rgba(14,143,121,.08));color:var(--teal-text);margin-bottom:16px}
.ind-feat .fi svg{width:23px;height:23px}
.ind-feat h3{font-family:var(--fdisp);font-weight:600;font-size:18px;margin:0 0 7px}
.ind-feat p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0}
/* ---- the difference (dark band) ---- */
.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.diff-card{padding:6px 4px}
.diff-card .di{width:46px;height:46px;border-radius:13px;background:linear-gradient(140deg,rgba(46,210,180,.2),rgba(14,143,121,.06));
  border:1px solid rgba(46,210,180,.28);color:var(--mint);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.diff-card .di svg{width:23px;height:23px}
.diff-card h3{font-family:var(--fdisp);font-weight:600;font-size:18px;margin:0 0 8px}
.diff-card p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0}
/* ---- grow split ---- */
.grow-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.grow-media{border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--shadow);border:1px solid var(--border)}
.grow-media img{width:100%;height:100%;max-height:460px;object-fit:cover;display:block}
.grow-copy h2{font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.06;margin:14px 0 0}
.grow-copy>p{color:var(--muted);font-size:16.5px;margin:16px 0 0;line-height:1.6}
.grow-list{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:13px}
.grow-list li{color:var(--muted);font-size:15px;padding-left:30px;position:relative;line-height:1.5}
.grow-list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;
  background:var(--grad);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center/13px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center/13px no-repeat}
.grow-list li b{color:var(--text)}
@media (max-width:900px){.who-grid,.ind-grid{grid-template-columns:1fr 1fr}.diff-grid{grid-template-columns:1fr 1fr}.grow-grid{grid-template-columns:1fr;gap:30px}}
@media (max-width:600px){.who-grid,.ind-grid,.diff-grid{grid-template-columns:1fr}.ind-hero-media{border-radius:16px 16px 0 0}.sec{padding:60px 0}}