/* Cap content width to 1200px so it stays within the nav. */
  .be-container, .be-hero__grid, .be-features, .be-footer__grid { max-width:1200px; }

  /* Hero image — PLACEHOLDER (swap for the final hero visual). */
  .idx-hero-media{
    height:420px; border-radius:var(--radius-lg);
    background:var(--be-soft-purple); border:2px dashed var(--be-purple-rain);
    display:flex; align-items:center; justify-content:center; text-align:center;
    color:var(--be-purple); font-family:var(--font-body); font-weight:600; letter-spacing:.04em; font-size:14px;
  }

  /* Featured spotlight (Zapier). */
  .idx-spotlight{
    display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center;
    background:#fff; border:2px solid var(--be-night-rider); border-radius:var(--radius-lg);
    padding:40px; box-shadow:0 12px 32px rgba(60,36,127,.10);
  }
  .idx-spotlight__logo{ height:32px; width:auto; display:block; margin-bottom:18px; }
  .idx-spotlight__panel{ border-radius:var(--radius-md); padding:36px 24px; text-align:center; }
  .idx-spotlight__stat{ font-family:var(--font-display); font-size:48px; font-weight:500; color:var(--be-night-rider); line-height:1; }
  .idx-spotlight__stat-label{ font-family:var(--font-body); font-size:14px; color:var(--be-rainy-day); margin-top:8px; }

  /* Filter chips. */
  .idx-filters{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:24px 0 36px; }
  .idx-chip{
    border:2px solid var(--be-night-rider); background:#fff; border-radius:var(--radius-pill);
    padding:8px 18px; font-family:var(--font-body); font-size:14px; font-weight:500; color:var(--be-night-rider); cursor:pointer;
  }
  .idx-chip[aria-pressed="true"]{ background:var(--be-purple); color:#fff; border-color:var(--be-purple); }

  /* Gallery cards. */
  .idx-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1180px; margin:0 auto; }
  .idx-card{
    display:flex; flex-direction:column; background:#fff; border:2px solid var(--be-night-rider);
    border-radius:var(--radius-sm); padding:26px; text-decoration:none; color:inherit;
    transition:transform .2s var(--ease,ease), box-shadow .2s;
  }
  .idx-card:hover{ transform:translateY(-4px); box-shadow:0 8px 24px rgba(60,36,127,.12); }
  .idx-card__logo{ display:block; width:auto; align-self:flex-start; margin-bottom:18px; }
  .idx-card__cat{
    align-self:flex-start; font-family:var(--font-body); font-size:11px; font-weight:700; letter-spacing:.1em;
    text-transform:uppercase; padding:4px 11px; border-radius:var(--radius-pill); margin-bottom:12px;
  }
  .idx-card__cat--automation{ background:var(--be-minty-fresh); color:var(--be-night-rider); }
  .idx-card__cat--video{ background:var(--be-lavendar); color:var(--be-purple); }
  .idx-card h3{ font-family:var(--font-display); font-size:20px; font-weight:500; color:var(--be-night-rider); margin:0 0 8px; }
  .idx-card p{ font-family:var(--font-body); font-size:15px; line-height:1.6; color:var(--be-rainy-day); margin:0 0 18px; }
  .idx-card__cta{ margin-top:auto; font-family:var(--font-body); font-weight:600; font-size:14px; color:var(--be-purple); }
  .idx-card--soon{width: -webkit-fill-available; background:#fff; border-style:dashed ; border-radius:var(--radius-sm); align-items:center; justify-content:center; text-align:center; color:var(--be-rainy-day); font-family:var(--font-body); font-size:14px; }
  .idx-card--soon h3{ font-family:var(--font-display); font-size:20px; font-weight:500; color:var(--be-night-rider); margin:0 0 8px; }
  .idx-card--soon p{ font-family:var(--font-body); font-size:15px; line-height:1.6; color:var(--be-rainy-day); margin:0 0 18px; }
  .idx-card--soon img{ width: -webkit-fill-available;}
  .idx-card--soon:hover{ transform:translateY(-4px); box-shadow:0 8px 24px rgba(60,36,127,.12); }
  /* Catch-all band. */
  .idx-catch{ max-width:720px; margin:0 auto; background:#fff; border:2px solid var(--be-night-rider); border-radius:var(--radius-lg); padding:40px; text-align:center; }
  .idx-catch__note{ font-family:var(--font-body); font-size:14px; color:var(--be-rainy-day); margin:16px 0 0; }
  .idx-catch__note a{ color:var(--be-purple); }

  @media (max-width:960px){
    .idx-spotlight{ grid-template-columns:1fr; gap:28px; }
    .idx-grid{ grid-template-columns:1fr; }
    .idx-hero-media{ height:260px; }
  }