/* v4 home page. Uses the site palette from styles.css (--navy-*, --blue, --cyan, --amber, --ink, --body, --bg, --line). */
.home{--r:20px;--ease:cubic-bezier(.2,.7,.2,1);--lift:0 26px 50px -24px rgba(11,23,48,.35)}
.home .ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home .arr{display:inline-block;transition:transform .2s var(--ease)}
.home a:hover .arr{transform:translateX(4px)}
.home main section.h-sec{padding:104px 0}
.h-alt{background:var(--bg)}
.h-head{max-width:760px;margin-bottom:48px}
.h-head h2,.h-split h2,.h-faq-side h2,.h-cta h2{font-size:clamp(30px,3.8vw,46px);margin:14px 0 14px}
.h-head p,.h-p{font-size:17px;color:var(--body)}
.h-center{text-align:center;margin-left:auto;margin-right:auto}
.h-note{font-size:13px;color:var(--muted);margin-top:18px}
.h-ico{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--blue-soft);color:var(--blue);transition:transform .35s var(--ease),background .35s,color .35s}
.h-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-weight:600;font-size:14.5px;color:var(--blue)}
.btn-outline{border:1px solid #b8c6dc;color:var(--ink);background:#fff}
.home .btn-outline:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.h-link-light{display:inline-flex;align-items:center;gap:8px;color:#dbe5f7;font-weight:600}
.h-link-light:hover{color:#fff}
.h-link-light .ico{width:18px;height:18px}

/* Hero */
.h-hero{position:relative;overflow:hidden;padding:150px 0 110px;color:#c9d4e8;background:radial-gradient(1100px 600px at 80% 0%,#14356e 0%,transparent 60%),radial-gradient(800px 500px at 0% 100%,#0e2b55 0%,transparent 60%),var(--navy-950)}
.h-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 75%);pointer-events:none}
.h-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.h-hero h1{color:#fff;font-size:clamp(38px,5vw,62px);margin:18px 0 20px}
.h-hero h1 span{color:var(--cyan)}
.h-lead{font-size:18px;color:#a9b8d3;max-width:560px}
.h-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:32px}
.h-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:36px;font-size:13.5px;color:#9fb0cc}
.h-trust li{display:flex;align-items:center;gap:8px}
.h-trust .ico{width:18px;height:18px;color:var(--cyan)}
.h-hero-copy>*{animation:h-rise .8s var(--ease) both}
.h-hero-copy>:nth-child(2){animation-delay:.08s}.h-hero-copy>:nth-child(3){animation-delay:.16s}
.h-hero-copy>:nth-child(4){animation-delay:.24s}.h-hero-copy>:nth-child(5){animation-delay:.32s}
.h-hero-visual{position:relative;animation:h-in 1s .15s var(--ease) both}
.h-hero-photo{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3.3;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.h-hero-photo img{width:100%;height:100%;object-fit:cover;animation:h-zoom 24s ease-in-out infinite alternate}
.h-float{position:absolute;background:rgba(10,24,51,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#dbe5f7;box-shadow:0 20px 40px -14px rgba(0,0,0,.6);animation:h-pop .6s ease both}
.h-float-kpi{left:-36px;top:34px;width:220px;padding:14px 16px;animation-delay:1s}
.h-float-kpi small{font-size:11px;color:#8496b6}
.h-float-kpi b{display:block;font-family:var(--display);color:#fff;font-size:20px;margin-top:2px}
.h-float-kpi svg{width:100%;height:40px;color:var(--cyan);margin-top:6px}
.h-float-kpi path{stroke-dasharray:260;stroke-dashoffset:260;animation:h-draw 1.8s 1.4s ease forwards}
.h-float-ai{right:-24px;bottom:42px;max-width:270px;display:flex;gap:12px;padding:14px 16px;font-size:13px;background:#fff;color:var(--ink);border-color:transparent;animation-delay:1.8s}
.h-float-ai b{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.h-ai-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),#0891b2);color:#fff}
.h-ai-ic .ico{width:18px;height:18px}
.h-float-tag{left:24px;bottom:-18px;display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;animation-delay:2.3s}
.h-float-tag .ico{width:18px;height:18px;color:var(--cyan)}

/* Platform strip */
.h-strip{background:var(--navy-900);border-top:1px solid rgba(255,255,255,.06);padding:22px 0}
.h-strip .wrap{display:flex;align-items:center;gap:20px 34px;flex-wrap:wrap;justify-content:space-between}
.h-strip-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6f82a6}
.h-strip ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px}
.h-strip li{display:flex;align-items:center;gap:8px;color:#a9b8d3;font-family:var(--display);font-weight:600;font-size:15.5px}
.h-strip .ico{width:18px;height:18px;color:var(--cyan)}

/* Services */
.h-svc-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:20px}
.h-svc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--body);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.h-svc:hover{transform:translateY(-5px);box-shadow:var(--lift);border-color:#c5d4ea}
.h-svc:hover .h-ico{background:var(--blue);color:#fff;transform:rotate(-6deg)}
.h-svc h3{font-size:21px;margin:14px 0 8px}
.h-svc p{font-size:15px}
.h-svc figure{margin:0;overflow:hidden}
.h-svc figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.h-svc:hover figure img{transform:scale(1.05)}
.h-svc-main{grid-row:span 2;background:linear-gradient(165deg,var(--navy-900),var(--navy-700));border:0;color:#a9b8d3}
.h-svc-main figure{flex:1 1 auto;min-height:240px}
.h-svc-main .h-svc-body{position:relative;padding:28px 30px 30px;display:flex;flex-direction:column}
.h-svc-main h3{color:#fff;font-size:30px}
.h-svc-main .h-ico{background:rgba(34,211,238,.14);color:var(--cyan);margin-top:-54px;border:4px solid var(--navy-900);width:56px;height:56px}
.h-svc-main .h-more{color:#fff}
.h-badge{position:absolute;top:-44px;right:24px;background:var(--amber);color:var(--navy-950);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:99px}
.h-pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.h-pills li{background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28);color:#bff3fb;font-size:13px;padding:6px 12px;border-radius:99px}
.h-svc-ai{padding:28px;background:linear-gradient(160deg,#eaf2ff,#fff)}
.h-svc-photo figure{aspect-ratio:16/8}
.h-svc-photo>div{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.h-svc-photo .h-ico{margin-top:-46px;border:4px solid #fff;width:52px;height:52px}

/* Flow */
.h-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;counter-reset:none}
.h-flow::before{content:"";position:absolute;top:44px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.35}
.h-flow li{position:relative;text-align:center;padding:0 10px}
.h-flow-ic{position:relative;display:grid;place-items:center;width:88px;height:88px;margin:0 auto 22px;border-radius:26px;color:#fff;box-shadow:0 18px 36px -14px rgba(31,111,235,.6);transition:transform .4s var(--ease)}
.h-flow li:hover .h-flow-ic{transform:translateY(-4px) rotate(-4deg)}
.h-flow li:nth-child(1) .h-flow-ic{background:linear-gradient(135deg,#1f6feb,#1a4fb0)}
.h-flow li:nth-child(2) .h-flow-ic{background:linear-gradient(135deg,#0ea5c6,#1f6feb)}
.h-flow li:nth-child(3) .h-flow-ic{background:linear-gradient(135deg,#0891b2,#22d3ee)}
.h-flow-ic .ico{width:34px;height:34px}
.h-flow-ic em{position:absolute;right:-8px;top:-8px;font:700 12px/1 var(--display);font-style:normal;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:5px 7px}
.h-flow h3{font-size:22px;margin-bottom:8px}

/* Split sections */
.h-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.h-split-photo{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:5/4;box-shadow:var(--lift)}
.h-split-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.h-split-photo:hover img{transform:scale(1.04)}
.h-split-photo figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.94);color:var(--body);border-radius:14px;padding:14px 16px;font-size:14px;box-shadow:0 12px 30px -10px rgba(0,0,0,.35)}
.h-split-photo figcaption b{display:block;color:#c43a2d;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.h-checks{list-style:none;display:grid;gap:12px;margin:24px 0 28px}
.h-checks li{display:flex;gap:12px;align-items:center;font-weight:500;color:var(--ink)}
.h-checks .ico{width:24px;height:24px;color:#0891b2}
.h-rows{list-style:none;display:grid;gap:22px;margin-top:28px}
.h-rows li{display:flex;gap:16px;align-items:flex-start}
.h-rows h3{font-size:19px;margin:2px 0 4px}
.h-rows p{font-size:15px}
.h-rows li:hover .h-ico{background:var(--blue);color:#fff}

/* Industries */
.h-dark{background:radial-gradient(900px 500px at 90% 0%,#14356e 0%,transparent 60%),var(--navy-950);color:#a9b8d3}
.h-dark h2{color:#fff}
.h-dark .eyebrow{color:var(--cyan)}
.h-dark .h-head p{color:#a9b8d3}
.h-ind-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:30px}
.h-ind{display:flex;flex-direction:column;gap:6px;padding:22px 18px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);transition:transform .35s var(--ease),border-color .35s,background .35s}
.h-ind:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.5);background:rgba(31,111,235,.14)}
.h-ind-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#0891b2);color:#fff;margin-bottom:8px;transition:transform .35s var(--ease)}
.h-ind:hover .h-ind-ic{transform:rotate(-8deg) scale(1.06)}
.h-ind b{color:#fff;font-family:var(--display);font-size:16px;line-height:1.25}
.h-ind small{font-size:12.5px;color:#8fa2c0}

/* Engagement */
.h-eng{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.h-eng-card{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--body);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.h-eng-card:hover{transform:translateY(-5px);box-shadow:var(--lift);border-color:#c5d4ea}
.h-eng-card:hover .h-ico{background:var(--blue);color:#fff;transform:rotate(-6deg)}
.h-eng-card h3{font-size:21px;margin:18px 0 8px}
.h-eng-card p{font-size:15px}

/* Timeline */
.h-timeline{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.h-timeline li{position:relative;padding:28px;border-radius:var(--r);background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}
.h-timeline li:nth-child(2){border-top-color:#0ea5c6}.h-timeline li:nth-child(3){border-top-color:var(--cyan)}
.h-wk{display:inline-block;font-size:12px;font-weight:700;color:var(--blue);background:var(--blue-soft);padding:4px 10px;border-radius:99px}
.h-timeline h3{font-size:21px;margin:14px 0 8px}
.h-timeline p{font-size:15px}

/* FAQ */
.h-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.h-faq-photo{margin:28px 0 0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--lift)}
.h-faq-photo img{width:100%;height:100%;object-fit:cover}
.h-faq details{border-bottom:1px solid var(--line)}
.h-faq details:first-child{border-top:1px solid var(--line)}
.h-faq summary{list-style:none;cursor:pointer;position:relative;padding:22px 44px 22px 0;font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink)}
.h-faq summary::-webkit-details-marker{display:none}
.h-faq summary::after{content:"+";position:absolute;right:6px;top:15px;font-size:28px;font-weight:400;color:var(--blue);transition:transform .25s}
.h-faq details[open] summary::after{transform:rotate(45deg)}
.h-faq details p{padding:0 0 22px;max-width:640px}

/* CTA */
.home main section.h-cta{padding:0}
.h-cta-card{position:relative;border-radius:28px;overflow:hidden;min-height:380px;display:flex;align-items:center;color:#c9d4e8}
.h-cta-card>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.h-cta-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(5,13,31,.96) 30%,rgba(10,24,51,.82) 60%,rgba(18,58,122,.55))}
.h-cta-body{position:relative;z-index:2;padding:64px 56px;max-width:680px}
.h-cta h2{color:#fff}
.h-cta .eyebrow{color:var(--cyan)}
.h-cta p{font-size:17px}

/* Reveal */
.js-home [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .35s,border-color .35s,background .35s;transition-delay:var(--d,0s)}
.js-home [data-reveal].in{opacity:1;transform:none}
.js-home :is(.h-svc,.h-ind,.h-eng-card)[data-reveal].in:hover{transform:translateY(-5px);transition-delay:0s}

@keyframes h-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes h-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes h-pop{from{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}
@keyframes h-draw{to{stroke-dashoffset:0}}
@keyframes h-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}

@media (max-width:1100px){
  .h-ind-grid{grid-template-columns:repeat(3,1fr)}
  .h-svc-grid{grid-template-columns:1fr 1fr}
  .h-svc-main{grid-column:span 2;grid-row:auto}
}
@media (max-width:980px){
  .h-hero-grid,.h-split,.h-faq-grid{grid-template-columns:1fr;gap:44px}
  .h-hero-visual{margin:0 26px}
  .h-split-rev .h-split-photo{order:-1}
  .h-eng,.h-timeline{grid-template-columns:1fr}
}
@media (max-width:720px){
  .home main section.h-sec{padding:72px 0}
  .h-hero{padding:116px 0 84px}
  .h-hero-visual{margin:0 8px}
  .h-hero-photo{aspect-ratio:4/3.4}
  .h-float-kpi{left:-8px;top:-18px;width:150px;padding:10px 12px}
  .h-float-kpi b{font-size:15px}
  .h-float-kpi svg{height:26px;margin-top:2px}
  .h-float-ai{right:-8px;bottom:-22px;max-width:220px;padding:10px 12px;font-size:12px}
  .h-ai-ic{width:28px;height:28px}
  .h-float-tag{display:none}
  .h-ctas .btn{width:100%;justify-content:center}
  .h-svc-grid{grid-template-columns:1fr}
  .h-svc-main{grid-column:auto}
  .h-svc-main h3{font-size:26px}
  .h-flow{grid-template-columns:1fr;gap:36px}
  .h-flow::before{display:none}
  .h-ind-grid{grid-template-columns:1fr 1fr;gap:10px}
  .h-ind{padding:16px 14px}
  .h-strip .wrap{justify-content:flex-start}
  .h-strip ul{gap:10px 18px}
  .h-cta-body{padding:44px 24px}
  .h-cta-card::before{background:linear-gradient(180deg,rgba(5,13,31,.85),rgba(5,13,31,.96))}
}
@media (prefers-reduced-motion:reduce){
  .home *,.home *::before,.home *::after{animation:none!important;transition:none!important}
  .js-home [data-reveal]{opacity:1;transform:none}
  .h-float-kpi path{stroke-dashoffset:0}
}

/* Partner heading sits on the white footer */
.home .partner-footer h2{color:var(--muted)}

/* Hero: sample dashboard image instead of a photo */
.h-hero-dash{aspect-ratio:1600/846;border-radius:18px;background:#f6f8fc;animation:h-floaty 8s ease-in-out infinite}
.h-hero-dash img{animation:none;object-fit:cover;object-position:left top}
.h-hero-visual .h-float-kpi{left:auto;top:auto;right:-26px;bottom:-38px}
.h-hero-visual .h-float-tag{left:22px;bottom:-20px}
@keyframes h-floaty{50%{transform:translateY(-8px)}}
@media (max-width:720px){
  .h-hero-dash{aspect-ratio:1600/846}
  .h-hero-visual .h-float-kpi{right:-6px;bottom:-30px;top:auto;left:auto}
  .h-hero-visual{margin-bottom:24px}
}
@media (prefers-reduced-motion:reduce){.h-hero-dash{animation:none}}
/* Give the dashboard more room than the copy */
.h-hero-grid{grid-template-columns:1.15fr 1fr;gap:44px}
@media (min-width:1181px){.h-hero-visual{margin-right:-28px}}
.h-hero h1{font-size:clamp(38px,4.6vw,58px)}
@media (max-width:980px){.h-hero-grid{grid-template-columns:1fr}}

/* Softer banner: lighter navy, no grid, gentle glow, flat dashboard */
.h-hero{background:radial-gradient(900px 520px at 85% 15%,rgba(56,120,210,.28) 0%,transparent 65%),linear-gradient(165deg,#1b3a6b 0%,#14305a 45%,#0f2347 100%);color:#d3dcec}
.h-hero::before{display:none}
.h-hero h1{font-size:clamp(34px,4.2vw,52px);letter-spacing:-.015em}
.h-hero h1 span{color:#8fd8f3}
.h-lead{color:#c3d0e6}
.h-trust{color:#b4c3da}
.h-trust .ico{color:#8fd8f3}
.h-hero .eyebrow{color:#8fd8f3}
.h-hero-grid{grid-template-columns:1.05fr 1fr;gap:56px}
@media (min-width:1181px){.h-hero-visual{margin-right:0}}
.h-hero-live{padding:26px 0 26px}
.h-hero-live .dash{transform:none;animation:h-floaty 9s ease-in-out infinite;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:rgba(255,255,255,.18);box-shadow:0 30px 60px -30px rgba(3,10,25,.55)}
.h-hero-live .kpi,.h-hero-live .chart{background:rgba(8,22,46,.45);border-color:rgba(255,255,255,.08)}
.h-hero-live .q-chip{background:#1d3d6e;border-color:rgba(255,255,255,.18);box-shadow:0 12px 26px -12px rgba(3,10,25,.5)}
.h-hero-live .ai-chip{box-shadow:0 16px 32px -14px rgba(3,10,25,.45)}
.h-strip{background:#0f2347}
@media (max-width:980px){.h-hero-grid{grid-template-columns:1fr}.h-hero-live{padding:30px 0 10px}}
@media (prefers-reduced-motion:reduce){.h-hero-live .dash{animation:none}}
/* Let the hero columns shrink below the dashboard's min-content width on phones */
.h-hero-grid>*{min-width:0}
.h-hero-live .dash{max-width:100%}
@media (max-width:720px){.h-hero-live .q-chip{right:0;max-width:calc(100% - 12px)}}
@media (max-width:720px){
  .h-hero-live .kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .h-hero-live .kpi{padding:10px;min-width:0}
  .h-hero-live .kpi b{font-size:17px}
  .h-hero-live .kpi small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* Flat backgrounds: no radial glow */
.h-hero{background:#16325c}
.h-dark{background:#0f2347}

/* What we do: five matching cards (3 on top, 2 centred below) */
.h-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.h-card{grid-column:span 2;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--body);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.h-cards .h-card:nth-child(4){grid-column:2 / span 2}
.h-card:hover{transform:translateY(-5px);box-shadow:var(--lift);border-color:#c5d4ea}
.h-card figure{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--navy-800)}
.h-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.h-card:hover figure img{transform:scale(1.05)}
.h-card-badge{position:absolute;top:14px;left:14px;background:var(--amber);color:var(--navy-950);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:99px}
.h-card-body{display:flex;flex-direction:column;flex:1;padding:0 26px 26px}
.h-card .h-ico{margin-top:-26px;position:relative;border:4px solid #fff;width:54px;height:54px}
.h-card:hover .h-ico{background:var(--blue);color:#fff;transform:rotate(-6deg)}
.h-card h3{font-size:21px;margin:14px 0 8px}
.h-card p{font-size:15px}
.js-home .h-card[data-reveal].in:hover{transform:translateY(-5px);transition-delay:0s}
@media (max-width:1100px){
  .h-cards{grid-template-columns:repeat(4,1fr)}
  .h-cards .h-card:nth-child(4){grid-column:span 2}
  .h-cards .h-card:nth-child(5){grid-column:2 / span 2}
}
@media (max-width:720px){
  .h-cards{grid-template-columns:1fr;gap:16px}
  .h-cards .h-card,.h-cards .h-card:nth-child(4),.h-cards .h-card:nth-child(5){grid-column:auto}
}
.h-cards{grid-auto-rows:1fr}
.h-flow-link{margin-top:36px;font-weight:600}
@media (max-width:720px){.h-ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h-ind b,.h-ind small{overflow-wrap:anywhere}}
/* 8 industries: 4 x 2 on desktop */
.h-ind-grid{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.h-ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}