/* video-marketing.html - extracted from inline/internal styles */

.intro-lead {
  font-size: 18px;
}

/* ══ VIDEO MARKETING SERVICES — CONTENT ══ */
  .vm-section{
    font-family:'Poppins',sans-serif;
    background:#f7f9fc;
    padding:90px 0;
    overflow:hidden;
  }
  .vm-container{ max-width:1140px; margin:0 auto; padding:0 20px; }
  .vm-head{ text-align:center; max-width:860px; margin:0 auto 22px; }
  .vm-eyebrow{
    display:inline-block; font-size:.78rem; font-weight:600;
    letter-spacing:.18em; text-transform:uppercase; color:#2E4E8A; margin-bottom:14px;
  }
  .vm-title{
    font-size:clamp(1.8rem,4vw,2.5rem); font-weight:700; line-height:1.28; color:#0a1f44; margin:0;
  }
  .vm-title span{ color:#2E4E8A; }
  .vm-intro{ max-width:860px; margin:0 auto 40px; }
  .vm-intro p{ font-size:1rem; line-height:1.85; color:#5b6579; margin:0 0 1rem; }
  .vm-intro p:first-child{ font-size:1.12rem; color:#3f4b63; }
  .vm-intro p:last-child{ margin-bottom:0; }

  /* ── Interactive explorer ── */
  .vm-tabs{
    display:flex; gap:10px; overflow-x:auto; padding:4px 2px 8px;
    scrollbar-width:none; -ms-overflow-style:none;
  }
  .vm-tabs::-webkit-scrollbar{ display:none; }
  .vm-tab{
    flex:0 0 auto; display:inline-flex; align-items:center; gap:9px;
    border:1px solid #d9e2f0; background:#fff; color:#3f4b63;
    font-family:inherit; font-size:.92rem; font-weight:600;
    padding:12px 20px; border-radius:999px; cursor:pointer;
    transition:transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
    white-space:nowrap;
  }
  .vm-tab i{ font-size:1.05rem; color:#2E4E8A; transition:color .2s ease; }
  .vm-tab:hover{ border-color:#2E4E8A; transform:translateY(-2px); }
  .vm-tab.is-active{
    background:linear-gradient(135deg,#2E4E8A,#3f63a8); border-color:transparent; color:#fff;
    box-shadow:0 10px 24px rgba(46,78,138,.28);
  }
  .vm-tab.is-active i{ color:#fff; }

  .vm-panels{
    margin-top:22px; background:#fff; border:1px solid #e6ebf3; border-radius:20px;
    padding:38px 36px; box-shadow:0 14px 40px rgba(17,24,39,.06);
  }
  .vm-panel{ display:none; }
  .vm-panel.is-active{ display:block; animation:vmFade .38s ease; }
  @keyframes vmFade{
    from{ opacity:0; transform:translateY(14px); }
    to{ opacity:1; transform:translateY(0); }
  }
  .vm-panel-title{
    font-size:clamp(1.3rem,2.4vw,1.6rem); font-weight:700; color:#0a1f44;
    margin:0 0 22px; padding-left:16px; border-left:4px solid #2E4E8A;
  }
  .vm-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:22px; }
  .vm-item{
    background:#f7f9fc; border:1px solid #e6ebf3; border-radius:14px; padding:24px 22px;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .vm-item:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(46,78,138,.12); }
  .vm-item-icon{
    width:44px; height:44px; border-radius:11px; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,#2E4E8A,#5b7fc7); color:#fff; font-size:1.2rem; margin-bottom:14px;
  }
  .vm-item h4{ font-size:1.05rem; font-weight:700; color:#0a1f44; margin:0 0 10px; line-height:1.4; }
  .vm-item p{ font-size:.93rem; line-height:1.75; color:#5b6579; margin:0 0 .8rem; }
  .vm-item p:last-child{ margin-bottom:0; }
  .vm-panel > p{ font-size:1rem; line-height:1.85; color:#5b6579; margin:0 0 1rem; max-width:820px; }
  .vm-sub{ font-size:1.08rem; font-weight:700; color:#2E4E8A; margin:26px 0 10px; }

  /* ── CTA ── */
  .vm-cta{
    margin-top:44px; background:linear-gradient(135deg,#2E4E8A,#243c7a);
    border-radius:20px; padding:48px 42px; text-align:center;
  }
  .vm-cta h3{ font-size:clamp(1.4rem,2.6vw,1.9rem); font-weight:700; color:#fff; margin:0 0 14px; }
  .vm-cta p{ font-size:1rem; line-height:1.8; color:rgba(255,255,255,.85); max-width:800px; margin:0 auto .9rem; }
  .vm-cta p:last-child{ margin-bottom:22px; }
  .vm-cta-btn{
    display:inline-flex; align-items:center; gap:10px;
    background:#fff; color:#1f3a63; font-weight:700; font-size:.95rem;
    padding:14px 30px; border-radius:999px; text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .vm-cta-btn:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(0,0,0,.25); color:#1f3a63; }

  @media(max-width:768px){
    .vm-section{ padding:60px 0; }
    .vm-panels{ padding:26px 20px; }
    .vm-cta{ padding:34px 22px; }
  }