/* =========================================================
   PAGE-VEND-INDUSTRY.CSS
   Silver Star Vending
   Industries section – fully responsive, polished, SEO-friendly
   Designed to work with core-u.css tokens
   ========================================================= */

   :root {
    --industries-max-width: 1680px;
    --industries-content-max: 82ch;
    --industries-gap: clamp(1rem, 1vw + 0.8rem, 2rem);
    --industries-radius: clamp(18px, 1.2vw, 30px);
    --industries-radius-lg: clamp(24px, 1.8vw, 40px);
    --industries-pad: clamp(1rem, 1.4vw + 0.75rem, 2rem);
    --industries-pad-lg: clamp(1.35rem, 2vw + 0.8rem, 3rem);
    --industries-shadow:
      0 18px 50px rgba(0, 0, 0, 0.32),
      0 1px 0 rgba(255, 255, 255, 0.04) inset,
      0 0 0 1px rgba(151, 176, 201, 0.12);
    --industries-shadow-hover:
      0 28px 80px rgba(0, 0, 0, 0.44),
      0 1px 0 rgba(255, 255, 255, 0.05) inset,
      0 0 0 1px rgba(151, 176, 201, 0.18);
  }
  
  /* =========================================================
     SECTION WRAPPER
     ========================================================= */
  
  .industries-section {
    position: relative;
    isolation: isolate;
    overflow: clip;
    padding-block: clamp(4rem, 7vw, 9rem);
    background:
      radial-gradient(circle at 8% 12%, rgba(121, 158, 193, 0.18), transparent 28%),
      radial-gradient(circle at 92% 18%, rgba(100, 142, 182, 0.16), transparent 26%),
      linear-gradient(180deg, rgba(2, 39, 101, 0.18) 0%, rgba(0, 0, 0, 0) 20%),
      linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(2, 39, 101, 0.08) 100%);
  }
  
  .industries-section::before,
  .industries-section::after {
    content: "";
    position: absolute;
    inset: auto;
    pointer-events: none;
    z-index: -1;
    filter: blur(30px);
    opacity: 0.65;
  }
  
  .industries-section::before {
    width: min(38vw, 30rem);
    height: min(38vw, 30rem);
    top: 8%;
    left: -8%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(121, 158, 193, 0.22), transparent 68%);
  }
  
  .industries-section::after {
    width: min(34vw, 26rem);
    height: min(34vw, 26rem);
    right: -6%;
    bottom: 10%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(46, 89, 144, 0.24), transparent 70%);
  }
  
  .industries-shell {
    position: relative;
    width: min(100% - 2rem, var(--industries-max-width));
    margin-inline: auto;
  }
  
  /* =========================================================
     HEADER
     ========================================================= */
  
  .industries-header {
    max-width: min(100%, 1040px);
    margin-inline: auto;
    margin-bottom: clamp(1.75rem, 3vw, 3rem);
  }
  
  .industries-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1rem;
    padding: 0.65rem 1rem;
    border: 1px solid rgba(151, 176, 201, 0.22);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(44, 71, 110, 0.46), rgba(2, 39, 101, 0.3));
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
    color: var(--text-soft);
    font-size: clamp(0.78rem, 0.35vw + 0.72rem, 1rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  
  .industries-title {
    margin: 0;
    color: var(--text-bright);
    font-size: clamp(2rem, 3.2vw + 1rem, 4.75rem);
    line-height: 1.06;
    letter-spacing: -0.035em;
    text-wrap: balance;
  }
  
  .industries-intro,
  .industries-supporting-copy {
    width: min(100%, var(--industries-content-max));
    margin-inline: auto;
    text-wrap: pretty;
  }
  
  .industries-intro {
    margin-top: 1.25rem;
    margin-bottom: 0.9rem;
    color: var(--text-secondary);
    font-size: clamp(1rem, 0.6vw + 0.95rem, 1.34rem);
    line-height: 1.75;
  }
  
  .industries-supporting-copy {
    margin-top: 0;
    color: var(--text-muted);
    font-size: clamp(0.96rem, 0.35vw + 0.92rem, 1.08rem);
    line-height: 1.72;
  }
  
  /* =========================================================
     PROOF BAR
     ========================================================= */
  
  .industries-proofbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(0.8rem, 1vw, 1rem);
    margin: clamp(1.75rem, 3vw, 2.75rem) auto clamp(2rem, 4vw, 3.5rem);
  }
  
  .industries-proof-item {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: clamp(1rem, 1.1vw + 0.8rem, 1.4rem);
    border: 1px solid rgba(151, 176, 201, 0.16);
    border-radius: calc(var(--industries-radius) - 4px);
    background:
      linear-gradient(180deg, rgba(220, 226, 230, 0.04), rgba(220, 226, 230, 0.015)),
      linear-gradient(135deg, rgba(2, 39, 101, 0.64), rgba(44, 71, 110, 0.54));
    box-shadow:
      0 12px 34px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
  }
  
  .industries-proof-item::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, rgba(121, 158, 193, 0.95), rgba(100, 142, 182, 0.45));
  }
  
  .industries-proof-number {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--text-bright);
    font-size: clamp(1.1rem, 0.9vw + 0.95rem, 1.5rem);
    font-weight: 800;
    letter-spacing: -0.03em;
  }
  
  .industries-proof-label {
    display: block;
    color: var(--text-soft);
    font-size: clamp(0.85rem, 0.24vw + 0.82rem, 0.98rem);
    line-height: 1.45;
  }
  
  /* =========================================================
     GRID
     ========================================================= */
  
  .industries-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(1rem, 1.5vw, 1.5rem);
    align-items: stretch;
  }
  
  .industry-card {
    grid-column: span 6;
    position: relative;
    min-width: 0;
    opacity: 0;
    transform: translateY(24px);
    transition:
      opacity 0.8s ease,
      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  }
  
  .industry-card.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  .industry-card-inner {
    position: relative;
    overflow: hidden;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(78px, 110px) 1fr;
    gap: clamp(1rem, 1vw + 0.6rem, 1.4rem);
    align-items: start;
    padding: var(--industries-pad-lg);
    border-radius: var(--industries-radius-lg);
    border: 1px solid rgba(151, 176, 201, 0.16);
    background:
      linear-gradient(180deg, rgba(220, 226, 230, 0.035), rgba(220, 226, 230, 0.015)),
      linear-gradient(135deg, rgba(2, 39, 101, 0.78), rgba(44, 71, 110, 0.66) 55%, rgba(0, 0, 0, 0.82) 100%);
    box-shadow: var(--industries-shadow);
    backdrop-filter: blur(14px);
    transition:
      transform 0.45s ease,
      box-shadow 0.45s ease,
      border-color 0.35s ease,
      background 0.45s ease;
  }
  
  .industry-card-inner::before {
    content: "";
    position: absolute;
    inset: -20% auto auto -10%;
    width: 40%;
    height: 70%;
    background: radial-gradient(circle, rgba(121, 158, 193, 0.18), transparent 72%);
    filter: blur(8px);
    opacity: 0.8;
    pointer-events: none;
    transition: transform 0.5s ease, opacity 0.4s ease;
  }
  
  .industry-card-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(125deg, rgba(255, 255, 255, 0.06), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.04)),
      linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 26%);
    pointer-events: none;
  }
  
  .industry-card:hover .industry-card-inner,
  .industry-card:focus-within .industry-card-inner {
    transform: translateY(-6px);
    border-color: rgba(151, 176, 201, 0.28);
    box-shadow: var(--industries-shadow-hover);
  }
  
  .industry-card:hover .industry-card-inner::before,
  .industry-card:focus-within .industry-card-inner::before {
    transform: translate3d(14px, 12px, 0) scale(1.05);
    opacity: 1;
  }
  
  /* =========================================================
     ICONS
     ========================================================= */
  
  .industry-icon {
    position: relative;
    width: clamp(4.2rem, 4vw, 5.8rem);
    aspect-ratio: 1;
    border-radius: 22px;
    border: 1px solid rgba(151, 176, 201, 0.18);
    background:
      radial-gradient(circle at 30% 25%, rgba(220, 226, 230, 0.16), transparent 38%),
      linear-gradient(145deg, rgba(100, 142, 182, 0.26), rgba(2, 39, 101, 0.62));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 14px 32px rgba(0, 0, 0, 0.28);
    flex-shrink: 0;
  }
  
  .industry-icon::before,
  .industry-icon::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
  }
  
  .industry-icon-office::before {
    width: 50%;
    height: 48%;
    border: 2px solid rgba(220, 226, 230, 0.92);
    border-bottom-width: 4px;
    border-radius: 6px;
    box-shadow: 0 16px 0 -11px rgba(220, 226, 230, 0.92);
  }
  .industry-icon-office::after {
    width: 34%;
    height: 4px;
    margin-top: 22%;
    background: rgba(220, 226, 230, 0.9);
    border-radius: 999px;
  }
  
  .industry-icon-warehouse::before {
    width: 56%;
    height: 38%;
    background: linear-gradient(180deg, rgba(220, 226, 230, 0.95), rgba(185, 197, 208, 0.92));
    clip-path: polygon(0 36%, 50% 0, 100% 36%, 100% 100%, 0 100%);
    border-radius: 4px;
  }
  .industry-icon-warehouse::after {
    width: 16%;
    height: 28%;
    margin-top: 12%;
    background: rgba(2, 39, 101, 0.84);
    border-radius: 3px;
    box-shadow:
      -16px 0 0 rgba(2, 39, 101, 0.84),
      16px 0 0 rgba(2, 39, 101, 0.84);
  }
  
  .industry-icon-school::before {
    width: 54%;
    height: 42%;
    background: rgba(220, 226, 230, 0.94);
    clip-path: polygon(0 40%, 50% 0, 100% 40%, 100% 50%, 50% 14%, 0 50%);
  }
  .industry-icon-school::after {
    width: 56%;
    height: 28%;
    margin-top: 18%;
    border: 2px solid rgba(220, 226, 230, 0.94);
    border-top: 0;
    border-radius: 0 0 5px 5px;
  }
  
  .industry-icon-property::before {
    width: 18%;
    height: 52%;
    background: rgba(220, 226, 230, 0.94);
    border-radius: 3px;
    box-shadow:
      -18px 6px 0 rgba(220, 226, 230, 0.88),
      18px -4px 0 rgba(220, 226, 230, 0.82);
  }
  .industry-icon-property::after {
    width: 54%;
    height: 8%;
    margin-top: 28%;
    background: rgba(220, 226, 230, 0.94);
    border-radius: 999px;
  }
  
  /* =========================================================
     CARD TYPOGRAPHY
     ========================================================= */
  
  .industry-copy {
    min-width: 0;
  }
  
  .industry-kicker {
    margin: 0 0 0.5rem;
    color: var(--text-accent);
    font-size: clamp(0.78rem, 0.28vw + 0.74rem, 0.95rem);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  
  .industry-card h3 {
    margin: 0;
    color: var(--text-bright);
    font-size: clamp(1.2rem, 0.9vw + 1rem, 1.75rem);
    line-height: 1.2;
    letter-spacing: -0.025em;
    text-wrap: balance;
  }
  
  .industry-card p {
    margin: 0.9rem 0 0;
    color: var(--text-secondary);
    font-size: clamp(0.98rem, 0.25vw + 0.95rem, 1.08rem);
    line-height: 1.75;
    text-wrap: pretty;
  }
  
  .industry-list {
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.8rem;
  }
  
  .industry-list li {
    position: relative;
    padding-left: 1.2rem;
    color: var(--text-soft);
    font-size: clamp(0.94rem, 0.25vw + 0.9rem, 1rem);
    line-height: 1.72;
  }
  
  .industry-list li::before {
    content: "";
    position: absolute;
    top: 0.75em;
    left: 0;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(121, 158, 193, 1), rgba(100, 142, 182, 0.72));
    box-shadow: 0 0 0 4px rgba(121, 158, 193, 0.08);
    transform: translateY(-50%);
  }
  
  .industry-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.2rem;
  }
  
  .industry-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.55rem 0.82rem;
    border: 1px solid rgba(151, 176, 201, 0.18);
    border-radius: 999px;
    background: rgba(220, 226, 230, 0.03);
    color: var(--text-soft);
    font-size: clamp(0.76rem, 0.24vw + 0.73rem, 0.9rem);
    font-weight: 600;
    line-height: 1.2;
  }
  
  /* =========================================================
     BOTTOM PANEL
     ========================================================= */
  
  .industries-bottom-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.95fr);
    gap: clamp(1rem, 2vw, 2rem);
    align-items: center;
    margin-top: clamp(1.2rem, 2vw, 2rem);
    padding: clamp(1.2rem, 1.5vw + 1rem, 2rem);
    border: 1px solid rgba(151, 176, 201, 0.16);
    border-radius: var(--industries-radius-lg);
    background:
      linear-gradient(180deg, rgba(220, 226, 230, 0.03), rgba(220, 226, 230, 0.01)),
      linear-gradient(135deg, rgba(2, 39, 101, 0.82), rgba(0, 0, 0, 0.88));
    box-shadow:
      0 18px 46px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
  
  .industries-bottom-kicker {
    margin: 0 0 0.35rem;
    color: var(--text-accent);
    font-size: clamp(0.78rem, 0.25vw + 0.75rem, 0.9rem);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  
  .industries-bottom-panel h3 {
    margin: 0;
    color: var(--text-bright);
    font-size: clamp(1.25rem, 1vw + 1rem, 2rem);
    line-height: 1.18;
    letter-spacing: -0.03em;
    text-wrap: balance;
  }
  
  .industries-bottom-panel p:not(.industries-bottom-kicker) {
    margin: 0.9rem 0 0;
    color: var(--text-secondary);
    font-size: clamp(0.96rem, 0.25vw + 0.92rem, 1.06rem);
    line-height: 1.75;
  }
  
  .industries-bottom-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    justify-content: flex-end;
  }
  
  .industries-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.2rem;
    padding: 0.9rem 1.2rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: clamp(0.92rem, 0.2vw + 0.9rem, 1rem);
    line-height: 1.2;
    text-align: center;
    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease,
      border-color 0.25s ease,
      background-color 0.25s ease,
      color 0.25s ease;
  }
  
  .industries-btn:hover,
  .industries-btn:focus-visible {
    transform: translateY(-2px);
  }
  
  .industries-btn-primary {
    color: var(--text-inverse);
    background: linear-gradient(180deg, rgba(220, 226, 230, 0.96), rgba(185, 197, 208, 0.92));
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
  }
  
  .industries-btn-primary:hover,
  .industries-btn-primary:focus-visible {
    color: #00122c;
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.3);
  }
  
  .industries-btn-secondary {
    color: var(--text-bright);
    border: 1px solid rgba(151, 176, 201, 0.22);
    background: rgba(220, 226, 230, 0.035);
  }
  
  .industries-btn-secondary:hover,
  .industries-btn-secondary:focus-visible {
    color: var(--text-bright);
    border-color: rgba(151, 176, 201, 0.36);
    background: rgba(220, 226, 230, 0.07);
  }
  
  /* =========================================================
     REVEAL / ACTIVE STATES
     ========================================================= */
  
  .industries-section.is-ready .industries-header,
  .industries-section.is-ready .industries-proofbar,
  .industries-section.is-ready .industries-bottom-panel {
    animation: industriesFadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  
  .industries-section.is-ready .industries-proofbar {
    animation-delay: 0.08s;
  }
  
  .industries-section.is-ready .industries-bottom-panel {
    animation-delay: 0.15s;
  }
  
  .industry-card.is-featured .industry-card-inner {
    border-color: rgba(151, 176, 201, 0.28);
    box-shadow:
      0 26px 70px rgba(0, 0, 0, 0.36),
      0 0 0 1px rgba(151, 176, 201, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }
  
  /* =========================================================
     KEYFRAMES
     ========================================================= */
  
  @keyframes industriesFadeUp {
    from {
      opacity: 0;
      transform: translateY(22px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* =========================================================
     RESPONSIVE
     ========================================================= */
  
  @media (max-width: 1200px) {
    .industries-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .industry-card {
      grid-column: auto;
    }
  
    .industries-bottom-panel {
      grid-template-columns: 1fr;
    }
  
    .industries-bottom-actions {
      justify-content: flex-start;
    }
  }
  
  @media (max-width: 820px) {
    .industries-shell {
      width: min(100% - 1.25rem, var(--industries-max-width));
    }
  
    .industries-proofbar {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .industry-card-inner {
      grid-template-columns: 1fr;
      gap: 1rem;
    }
  
    .industry-icon {
      width: clamp(4rem, 14vw, 5rem);
    }
  }
  
  @media (max-width: 640px) {
    .industries-section {
      padding-block: clamp(3.5rem, 9vw, 5rem);
    }
  
    .industries-proofbar {
      grid-template-columns: 1fr;
    }
  
    .industries-grid {
      grid-template-columns: 1fr;
    }
  
    .industry-card-inner,
    .industries-bottom-panel {
      padding: 1.15rem;
      border-radius: 22px;
    }
  
    .industries-btn {
      width: 100%;
    }
  
    .industries-bottom-actions {
      width: 100%;
    }
  }
  
  @media (min-width: 1600px) {
    .industries-shell {
      width: min(100% - 3rem, 1800px);
    }
  
    .industries-grid {
      gap: 1.6rem;
    }
  
    .industry-card-inner {
      min-height: 100%;
    }
  
    .industries-proof-item {
      padding: 1.35rem 1.45rem;
    }
  }
  
  @media (min-width: 2200px) {
    .industries-shell {
      width: min(100% - 4rem, 2100px);
    }
  
    .industries-header {
      max-width: 1260px;
    }
  
    .industries-grid {
      gap: 2rem;
    }
  }
  
  /* =========================================================
     ACCESSIBILITY / REDUCED MOTION
     ========================================================= */
  
  @media (prefers-reduced-motion: reduce) {
    .industries-section,
    .industries-section * {
      animation: none !important;
      transition: none !important;
      scroll-behavior: auto !important;
    }
  
    .industry-card {
      opacity: 1 !important;
      transform: none !important;
    }
  }























  /* APPEND TO INDUSTRIES.CSS */

:root {
  --vend-footer-ink-900: #102330;
  --vend-footer-ink-800: #142b3a;
  --vend-footer-ink-700: #173244;
  --vend-footer-cyan-500: #22d3ee;
  --vend-footer-cyan-600: #14b8d4;
  --vend-footer-cyan-700: #1297c7;
  --vend-footer-cyan-800: #0b7ea8;
  --vend-footer-text-strong: #173244;
  --vend-footer-text-body: #33586d;
  --vend-footer-text-soft: #527487;
  --vend-footer-surface-0: #ffffff;
  --vend-footer-surface-1: #f7fbfd;
  --vend-footer-surface-2: #edf6fa;
  --vend-footer-surface-3: #e4f1f7;
  --vend-footer-border: rgba(23, 50, 68, 0.12);
  --vend-footer-border-strong: rgba(23, 50, 68, 0.18);
}

.industries-section {
  background:
    radial-gradient(circle at 8% 12%, rgba(34, 211, 238, 0.10), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(20, 184, 212, 0.10), transparent 26%),
    linear-gradient(180deg, rgba(23, 50, 68, 0.05) 0%, rgba(247, 251, 253, 0.96) 18%, rgba(237, 246, 250, 0.98) 58%, rgba(255, 255, 255, 1) 100%);
}

.industries-section::before {
  background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 68%);
}

.industries-section::after {
  background: radial-gradient(circle, rgba(20, 184, 212, 0.14), transparent 70%);
}

.industries-eyebrow {
  border-color: rgba(18, 151, 199, 0.16);
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(237,246,250,0.92));
  color: var(--vend-footer-cyan-800);
  box-shadow: 0 10px 28px rgba(16, 35, 48, 0.08);
}

.industries-title {
  color: var(--vend-footer-text-strong);
}

.industries-intro {
  color: var(--vend-footer-text-body);
}

.industries-supporting-copy {
  color: var(--vend-footer-text-soft);
}

.industries-proof-item,
.industry-card-inner,
.industries-bottom-panel {
  border-color: var(--vend-footer-border);
}

.industries-proof-item {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,251,253,0.94)),
    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(237,246,250,0.96));
  box-shadow:
    0 12px 34px rgba(16, 35, 48, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.industries-proof-item::before {
  background: linear-gradient(180deg, var(--vend-footer-cyan-500), var(--vend-footer-cyan-700));
}

.industries-proof-number,
.industry-card h3,
.industries-bottom-panel h3 {
  color: var(--vend-footer-text-strong);
}

.industries-proof-label,
.industry-card p,
.industries-bottom-panel p:not(.industries-bottom-kicker) {
  color: var(--vend-footer-text-body);
}

.industry-list li,
.industry-tags span {
  color: var(--vend-footer-text-soft);
}

.industry-card-inner {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,251,253,0.97)),
    linear-gradient(135deg, rgba(255,255,255,0.99), rgba(237,246,250,0.97) 60%, rgba(228,241,247,0.96) 100%);
  box-shadow: 0 18px 50px rgba(16, 35, 48, 0.10);
}

.industry-card-inner::before {
  background: radial-gradient(circle, rgba(34, 211, 238, 0.14), transparent 72%);
}

.industry-card-inner::after {
  background:
    linear-gradient(125deg, rgba(255, 255, 255, 0.72), transparent 18%, transparent 82%, rgba(34, 211, 238, 0.05)),
    linear-gradient(180deg, rgba(23, 50, 68, 0.02), transparent 26%);
}

.industry-card:hover .industry-card-inner,
.industry-card:focus-within .industry-card-inner,
.industry-card.is-featured .industry-card-inner {
  border-color: var(--vend-footer-border-strong);
  box-shadow: 0 24px 60px rgba(16, 35, 48, 0.14);
}

.industry-icon {
  border-color: rgba(18, 151, 199, 0.14);
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,0.9), transparent 38%),
    linear-gradient(145deg, rgba(34, 211, 238, 0.18), rgba(23, 50, 68, 0.12));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 14px 32px rgba(16, 35, 48, 0.10);
}

.industry-icon-office::before,
.industry-icon-office::after,
.industry-icon-school::before,
.industry-icon-school::after,
.industry-icon-property::before,
.industry-icon-property::after {
  background-color: var(--vend-footer-ink-700);
  border-color: var(--vend-footer-ink-700);
  box-shadow: none;
}

.industry-icon-warehouse::before {
  background: linear-gradient(180deg, #173244, #102330);
}

.industry-icon-warehouse::after {
  background: rgba(34, 211, 238, 0.95);
  box-shadow:
    -16px 0 0 rgba(34, 211, 238, 0.95),
    16px 0 0 rgba(34, 211, 238, 0.95);
}

.industry-kicker,
.industries-bottom-kicker {
  color: var(--vend-footer-cyan-700);
}

.industry-list li::before {
  background: linear-gradient(180deg, var(--vend-footer-cyan-500), var(--vend-footer-cyan-700));
  box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.10);
}

.industry-tags span {
  border-color: rgba(23, 50, 68, 0.12);
  background: rgba(237, 246, 250, 0.8);
}

.industries-bottom-panel {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,251,253,0.96)),
    linear-gradient(135deg, rgba(255,255,255,0.99), rgba(237,246,250,0.96));
  box-shadow:
    0 18px 46px rgba(16, 35, 48, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.industries-btn-primary {
  color: #ffffff;
  background: linear-gradient(135deg, var(--vend-footer-cyan-500) 0%, var(--vend-footer-cyan-700) 55%, var(--vend-footer-cyan-800) 100%);
  box-shadow: 0 16px 34px rgba(18, 151, 199, 0.22);
}

.industries-btn-primary:hover,
.industries-btn-primary:focus-visible {
  color: #ffffff;
  box-shadow: 0 22px 42px rgba(18, 151, 199, 0.28);
}

.industries-btn-secondary {
  color: var(--vend-footer-text-strong);
  border-color: rgba(23, 50, 68, 0.14);
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(237,246,250,0.86));
}

.industries-btn-secondary:hover,
.industries-btn-secondary:focus-visible {
  color: var(--vend-footer-text-strong);
  border-color: rgba(18, 151, 199, 0.22);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(228,241,247,0.94));
}

@media (max-width: 640px) {
  .industries-title,
  .industry-card h3,
  .industries-bottom-panel h3 {
    text-wrap: balance;
  }

  .industries-intro,
  .industries-supporting-copy,
  .industry-card p,
  .industries-bottom-panel p:not(.industries-bottom-kicker),
  .industry-list li,
  .industry-tags span,
  .industries-proof-label {
    line-height: 1.68;
  }

  .industry-tags {
    gap: 0.55rem;
  }

  .industry-tags span {
    min-height: 2.1rem;
  }
}