/* ============================================================
       VAPT PAGE — unified design token system
       Fonts/colors pulled from home page globals:
       Inter (headings), Inter (body), IBM Plex Mono (mono)
       Primary: #2454ff | Dark: #0b132b | Muted: #5b6478
    ============================================================ */
    .vapt{ font-family:'Inter',sans-serif; background:#f8faff; color:#0b132b; }

    /* ── Breadcrumb ── */
    .vapt-breadcrumb{
      background:#07102b; border-bottom:1px solid rgba(100,140,255,0.15);
    }
    .vapt-breadcrumb-list{
      list-style:none; margin:0; padding:0;
      display:flex; align-items:center; gap:8px; flex-wrap:wrap;
      font-size:12.5px; color:rgba(160,190,255,0.6);
    }
    .vapt-breadcrumb-list a{
      color:rgba(160,190,255,0.7); text-decoration:none; font-weight:500;
      transition:color .2s;
    }
    .vapt-breadcrumb-list a:hover{ color:#7eb3ff; }
    .vapt-breadcrumb-list i{ font-size:9px; color:rgba(100,140,255,0.35); }
    .vapt-breadcrumb-current{ color:#7eb3ff; font-weight:600; }

    /* ── Intro grid ── */
    .vapt-intro-grid{
      display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start;
    }
    .vapt-intro-features{ display:grid; gap:20px; }
    .vapt-intro-feat{
      display:flex; gap:14px; align-items:flex-start;
      padding:18px; background:#f8faff; border:1px solid #e8edf8;
      border-radius:14px;
      transition:border-color .2s, box-shadow .2s;
    }
    .vapt-intro-feat:hover{ border-color:rgba(36,84,255,0.22); box-shadow:0 8px 22px -14px rgba(11,19,43,0.12); }
    .vapt-intro-feat-ico{
      width:40px; height:40px; flex:none; border-radius:10px;
      background:rgba(36,84,255,0.09); color:#2454ff;
      display:flex; align-items:center; justify-content:center; font-size:16px;
    }
    .vapt-intro-feat b{ display:block; font-size:13.5px; font-weight:700; color:#0b132b; margin-bottom:4px; }
    .vapt-intro-feat p{
      font-size:12.5px !important; color:#7b87a0 !important;
      line-height:1.6 !important; margin:0 !important; padding-top:0 !important;
    }
    @media(max-width:880px){
      .vapt-intro-grid{ grid-template-columns:1fr; gap:32px; }
    }

    /* ── FAQ section ── */
    .vapt-faq-list{ display:grid; gap:14px; margin-top:38px; }
    .vapt-faq-item{
      background:#fff; border:1px solid #e2e8f8; border-radius:14px; overflow:hidden;
    }
    .vapt-faq-q{
      width:100%; display:flex; align-items:center; justify-content:space-between;
      gap:16px; padding:20px 22px; background:none; border:none; cursor:pointer;
      text-align:left; font-family:'Inter',sans-serif; font-size:14px; font-weight:700;
      color:#0b132b; transition:background .2s;
    }
    .vapt-faq-q:hover{ background:#f8faff; }
    .vapt-faq-q i{ color:#2454ff; font-size:12px; transition:transform .3s; flex:none; }
    .vapt-faq-item.open .vapt-faq-q i{ transform:rotate(180deg); }
    .vapt-faq-a{
      max-height:0; overflow:hidden; transition:max-height .4s ease;
      font-size:13.5px !important; line-height:1.75 !important;
      color:#5b6478 !important; padding:0 22px;
    }
    .vapt-faq-item.open .vapt-faq-a{ max-height:200px; padding:0 22px 18px; }

    /* ── Reveal ── */
    .vapt-r{ opacity:0; transform:translateY(24px);
      transition:opacity .65s cubic-bezier(.16,.8,.4,1),transform .65s cubic-bezier(.16,.8,.4,1); }
    .vapt-r.on{ opacity:1; transform:none; }

    /* ── Shared section shell ── */
    .vapt-sec{ padding:clamp(52px,7vw,88px) 0; }
    .vapt-sec.bg-white{ background:#fff; }
    .vapt-sec.bg-tint{ background:#f0f4ff; }
    .vapt-wrap{ max-width:1140px; margin:0 auto; padding:0 24px; }

    /* ── Eyebrow ── */
    .vapt-kicker{
      display:inline-flex; align-items:center; gap:9px;
      font-family:'IBM Plex Mono',monospace; font-size:11px;
      font-weight:600; letter-spacing:0.18em; text-transform:uppercase;
      color:#2454ff; margin-bottom:14px;
    }
    .vapt-kicker::before{ content:""; width:22px; height:1.5px; background:#2454ff; display:inline-block; }

    /* ── Section headings ── */
    .vapt-h2{
      font-family:'Inter',sans-serif !important; font-weight:800 !important;
      font-size:clamp(26px,3.4vw,38px) !important; line-height:1.18 !important;
      letter-spacing:-0.02em; color:#0b132b !important; margin:0 !important;
    }
    .vapt-h2 em{ font-style:normal; color:#2454ff; }
    .vapt-lead{
      font-size:15px !important; line-height:1.78 !important;
      color:#5b6478 !important; margin:14px 0 0 !important; padding-top:0 !important;
      max-width:680px;
    }

    /* ============================================================
       HERO — full-width dark with glowing accents, redesigned
    ============================================================ */
    .vapt-hero{
      position:relative; overflow:hidden;
      background:#07102b;
      padding:clamp(72px,10vw,120px) 0 clamp(64px,8vw,100px);
    }
    /* Dot grid overlay */
    .vapt-hero::before{
      content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background-image:radial-gradient(rgba(100,140,255,0.13) 1px, transparent 1px);
      background-size:32px 32px;
    }
    /* Glow orb — left */
    .vapt-hero::after{
      content:""; position:absolute; pointer-events:none; z-index:0;
      width:700px; height:700px;
      top:-180px; left:-160px; border-radius:50%;
      background:radial-gradient(circle, rgba(36,84,255,0.28) 0%, transparent 65%);
    }
    /* Glow orb — right */
    .vapt-hero-glow-r{
      position:absolute; pointer-events:none; z-index:0;
      width:500px; height:500px;
      bottom:-140px; right:-80px; border-radius:50%;
      background:radial-gradient(circle, rgba(0,200,255,0.18) 0%, transparent 65%);
    }
    /* Cyan accent line top */
    .vapt-hero-accentline{
      position:absolute; top:0; left:0; right:0; height:2px; z-index:2;
      background:linear-gradient(90deg, transparent 0%, #2454ff 30%, #00c8ff 60%, transparent 100%);
      opacity:0.7;
    }

    .vapt-hero-inner{
      position:relative; z-index:1; max-width:1180px; margin:0 auto; padding:0 24px;
      display:grid; grid-template-columns:1fr 420px; gap:64px; align-items:center;
    }

    /* ── Left column ── */
    .vapt-hero-pill{
      display:inline-flex; align-items:center; gap:8px; padding:6px 14px;
      border-radius:999px;
      background:rgba(36,84,255,0.15);
      border:1px solid rgba(100,140,255,0.35);
      font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600;
      letter-spacing:0.14em; text-transform:uppercase;
      color:#7eb3ff; margin-bottom:24px;
    }
    .vapt-hero-pill-dot{
      width:7px; height:7px; border-radius:50%;
      background:#00c8ff; flex:none;
      box-shadow:0 0 6px rgba(0,200,255,0.8);
      animation:vapt-pulse 2s ease-in-out infinite;
    }
    @keyframes vapt-pulse{
      0%,100%{ box-shadow:0 0 6px rgba(0,200,255,0.8); }
      50%{ box-shadow:0 0 14px rgba(0,200,255,1), 0 0 24px rgba(0,200,255,0.4); }
    }
    .vapt-hero h1, .vapt-hero h2{
      font-family:'Inter',sans-serif !important; font-weight:800 !important;
      font-size:clamp(34px,4.8vw,58px) !important; line-height:1.1 !important;
      letter-spacing:-0.028em; color:#ffffff !important; margin:0 0 20px !important;
    }
    .vapt-hero h1 span, .vapt-hero h2 span{
      background:linear-gradient(90deg,#5b8fff,#00c8ff);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    .vapt-hero-desc{
      font-size:15.5px !important; line-height:1.8 !important;
      color:rgba(190,210,255,0.78) !important; max-width:560px; padding-top:0 !important;
    }

    /* Buttons */
    .vapt-hero-btns{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .vapt-btn{
      display:inline-flex; align-items:center; gap:9px;
      padding:13px 26px; border-radius:11px; font-family:'Inter',sans-serif;
      font-weight:700; font-size:14px; cursor:pointer; text-decoration:none;
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      border:none;
    }
    .vapt-btn-solid{
      background:linear-gradient(135deg,#2454ff 0%,#1a3fdd 100%);
      color:#fff !important;
      box-shadow:0 10px 28px -8px rgba(36,84,255,0.55);
    }
    .vapt-btn-solid:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -8px rgba(36,84,255,0.7); }
    .vapt-btn-outline{
      background:rgba(255,255,255,0.06);
      color:#c8d8ff !important;
      border:1.5px solid rgba(100,140,255,0.35);
      backdrop-filter:blur(6px);
    }
    .vapt-btn-outline:hover{
      border-color:rgba(100,200,255,0.6);
      color:#fff !important;
      background:rgba(255,255,255,0.1);
      transform:translateY(-2px);
    }

    /* Stats strip */
    .vapt-hero-stats{
      display:flex; gap:0; margin-top:44px;
      background:rgba(255,255,255,0.05);
      border:1px solid rgba(100,140,255,0.2);
      border-radius:16px; overflow:hidden; max-width:500px;
      backdrop-filter:blur(8px);
    }
    .vapt-stat{
      flex:1; padding:18px 14px; text-align:center;
      border-right:1px solid rgba(100,140,255,0.15);
    }
    .vapt-stat:last-child{ border-right:none; }
    .vapt-stat strong{
      display:block; font-family:'Inter',sans-serif; font-size:24px;
      font-weight:800; color:#00c8ff; line-height:1;
      text-shadow:0 0 18px rgba(0,200,255,0.45);
    }
    .vapt-stat span{ font-size:11px; color:rgba(180,200,255,0.6); line-height:1.4; display:block; margin-top:5px; }

    /* ── Right column — service grid panel ── */
    .vapt-hero-panel{
      background:rgba(255,255,255,0.04);
      border:1px solid rgba(100,140,255,0.2);
      border-radius:22px; padding:28px 24px;
      backdrop-filter:blur(12px);
      box-shadow:0 32px 64px -32px rgba(0,0,0,0.5),
                 inset 0 1px 0 rgba(255,255,255,0.08);
    }
    .vapt-hero-panel-head{
      display:flex; align-items:center; gap:10px;
      margin-bottom:22px; padding-bottom:16px;
      border-bottom:1px solid rgba(100,140,255,0.15);
    }
    .vapt-hero-panel-ico{
      width:36px; height:36px; border-radius:10px; flex:none;
      background:rgba(36,84,255,0.2); color:#7eb3ff;
      display:flex; align-items:center; justify-content:center; font-size:15px;
    }
    .vapt-hero-panel-head span{
      font-family:'Inter',sans-serif; font-size:13px; font-weight:700;
      color:rgba(200,220,255,0.9);
    }
    /* 2×3 service mini-grid */
    .vapt-hero-svc-grid{
      display:grid; grid-template-columns:1fr 1fr; gap:10px;
    }
    .vapt-hero-svc{
      display:flex; align-items:center; gap:10px;
      padding:12px 13px; border-radius:12px;
      background:rgba(255,255,255,0.05);
      border:1px solid rgba(100,140,255,0.13);
      transition:background .2s, border-color .2s;
      cursor:default;
    }
    .vapt-hero-svc:hover{
      background:rgba(36,84,255,0.15);
      border-color:rgba(100,160,255,0.35);
    }
    .vapt-hero-svc-ico{
      width:32px; height:32px; border-radius:8px; flex:none;
      background:rgba(36,84,255,0.2); color:#7eb3ff;
      display:flex; align-items:center; justify-content:center; font-size:13px;
    }
    .vapt-hero-svc span{
      font-family:'Inter',sans-serif; font-size:12px;
      font-weight:600; color:rgba(200,220,255,0.85); line-height:1.3;
    }
    /* CTA inside panel */
    .vapt-hero-panel-cta{
      margin-top:18px; padding-top:16px;
      border-top:1px solid rgba(100,140,255,0.15);
      display:flex; align-items:center; justify-content:space-between; gap:12px;
    }
    .vapt-hero-panel-cta p{
      font-size:12px !important; color:rgba(160,190,255,0.65) !important;
      line-height:1.5 !important; margin:0 !important; padding-top:0 !important;
    }
    .vapt-hero-panel-cta-btn{
      display:inline-flex; align-items:center; gap:7px; flex:none;
      padding:9px 16px; border-radius:9px; border:none; cursor:pointer;
      background:#2454ff; color:#fff !important;
      font-family:'Inter',sans-serif; font-size:12px; font-weight:700;
      transition:transform .2s, box-shadow .2s;
      box-shadow:0 6px 18px -6px rgba(36,84,255,0.55);
    }
    .vapt-hero-panel-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 22px -6px rgba(36,84,255,0.7); }

    @media(max-width:960px){
      .vapt-hero-inner{ grid-template-columns:1fr; gap:40px; }
      .vapt-hero-panel{ max-width:560px; }
    }
    @media(max-width:600px){
      .vapt-hero-stats{ flex-direction:column; max-width:none; }
      .vapt-stat{ border-right:none; border-bottom:1px solid rgba(100,140,255,0.15); }
      .vapt-stat:last-child{ border-bottom:none; }
      .vapt-hero-svc-grid{ grid-template-columns:1fr; }
    }

    /* ============================================================
       TESTING DISCIPLINES — 2-col grid with accent left border
    ============================================================ */
    .vapt-disc-grid{
      display:grid; grid-template-columns:repeat(2,1fr);
      gap:20px; margin-top:42px;
    }
    .vapt-disc-card{
      background:#fff; border:1px solid #e2e8f8; border-radius:16px;
      padding:26px 24px; border-left:4px solid #2454ff;
      transition:transform .25s ease, box-shadow .25s ease;
    }
    .vapt-disc-card:hover{ transform:translateY(-4px); box-shadow:0 18px 36px -22px rgba(11,19,43,0.18); }
    .vapt-disc-head{ display:flex; align-items:center; gap:13px; margin-bottom:14px; }
    .vapt-disc-icon{
      width:46px; height:46px; border-radius:12px; flex:none;
      background:rgba(36,84,255,0.08); color:#2454ff;
      display:flex; align-items:center; justify-content:center; font-size:18px;
    }
    .vapt-disc-card h3{
      font-family:'Inter',sans-serif !important; font-size:16px !important;
      font-weight:700 !important; color:#0b132b !important;
      margin:0 !important; line-height:1.3 !important;
    }
    .vapt-disc-card p.desc{
      font-size:13.5px !important; line-height:1.75 !important;
      color:#5b6478 !important; margin:0 !important; padding-top:0 !important;
    }
    .vapt-disc-tags{
      display:flex; flex-wrap:wrap; gap:7px; margin-top:14px;
    }
    .vapt-disc-tag{
      font-family:'IBM Plex Mono',monospace; font-size:10.5px; font-weight:500;
      padding:4px 10px; border-radius:6px;
      background:rgba(36,84,255,0.07); color:#2454ff;
      border:1px solid rgba(36,84,255,0.15);
    }

    /* ============================================================
       WHY US — horizontal feature row
    ============================================================ */
    /* ── Why grid: 3 top + 2 bottom centred ── */
    .vapt-why-row{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px; margin-top:46px;
    }
    .vapt-why-row .vapt-why-item:nth-child(4),
    .vapt-why-row .vapt-why-item:nth-child(5){
      /* shift bottom two cards to centre within a 3-col grid */
      grid-column:auto;
    }
    /* centring wrapper — no longer used, kept clean */

    /* ── CTA card (6th card) ── */
    .vapt-why-cta-card{
      background:linear-gradient(145deg,#0f1d56 0%,#1a2f7a 100%) !important;
      border-color:transparent !important;
      display:flex; align-items:stretch;
    }
    .vapt-why-cta-card::before{ opacity:0 !important; }
    .vapt-why-cta-card:hover{
      transform:translateY(-5px);
      box-shadow:0 24px 44px -22px rgba(11,19,43,0.45) !important;
      border-color:transparent !important;
    }
    .vapt-why-cta-inner{
      display:flex; flex-direction:column; justify-content:center; gap:0;
    }
    .vapt-why-cta-icon{
      width:52px; height:52px; border-radius:14px; margin-bottom:18px;
      background:rgba(255,255,255,0.12); color:#fff;
      display:flex; align-items:center; justify-content:center; font-size:22px;
      flex:none;
    }
    .vapt-why-cta-card h4{
      color:#ffffff !important; font-size:15px !important; margin-bottom:10px !important;
    }
    .vapt-why-cta-card p{
      color:rgba(220,228,255,0.75) !important; font-size:13px !important; line-height:1.7 !important;
      margin:0 0 20px !important; padding-top:0 !important;
    }
    .vapt-why-cta-btn{
      display:inline-flex; align-items:center; gap:8px;
      padding:11px 20px; border-radius:10px; border:none; cursor:pointer;
      background:#fff; color:#0f1d56 !important;
      font-family:'Inter',sans-serif; font-size:13px; font-weight:700;
      transition:transform .2s, box-shadow .2s;
      align-self:flex-start;
    }
    .vapt-why-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 22px -8px rgba(0,0,0,0.28); }
    .vapt-why-cta-btn i{ color:#2454ff; font-size:12px; }
    .vapt-why-cta-note{
      display:inline-flex; align-items:center; gap:6px; margin-top:12px;
      font-size:11px; color:rgba(200,212,255,0.65);
    }
    .vapt-why-cta-note i{ color:#3ddc84; font-size:9px; }
    .vapt-why-item{
      background:#fff;
      border:1px solid #e2e8f8;
      border-radius:18px;
      padding:32px 26px 28px;
      position:relative;
      overflow:hidden;
      transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }
    .vapt-why-item::before{
      content:"";
      position:absolute; top:0; left:0; right:0; height:3px;
      background:linear-gradient(90deg,#2454ff,#6690ff);
      opacity:0;
      transition:opacity .25s ease;
    }
    .vapt-why-item:hover{
      transform:translateY(-5px);
      border-color:rgba(36,84,255,0.22);
      box-shadow:0 20px 40px -22px rgba(11,19,43,0.18);
    }
    .vapt-why-item:hover::before{ opacity:1; }
    .vapt-why-ico{
      width:52px; height:52px; border-radius:14px; margin-bottom:18px;
      background:rgba(36,84,255,0.08); color:#2454ff;
      display:flex; align-items:center; justify-content:center; font-size:20px;
      transition:background .25s, color .25s;
    }
    .vapt-why-item:hover .vapt-why-ico{
      background:#2454ff; color:#fff;
    }
    .vapt-why-item h4{
      font-family:'Inter',sans-serif; font-size:15px; font-weight:700;
      color:#0b132b; margin:0 0 10px; line-height:1.3;
    }
    .vapt-why-item p{
      font-size:13px !important; line-height:1.7 !important;
      color:#7b87a0 !important; margin:0 !important; padding-top:0 !important;
    }
    .vapt-why-tag{
      display:inline-flex; align-items:center; gap:5px;
      margin-top:16px; padding:4px 10px; border-radius:6px;
      background:rgba(36,84,255,0.07); color:#2454ff;
      font-family:'IBM Plex Mono',monospace; font-size:10px;
      font-weight:600; letter-spacing:0.06em; text-transform:uppercase;
      border:1px solid rgba(36,84,255,0.14);
    }
    @media(max-width:880px){
      .vapt-why-row{ grid-template-columns:repeat(2,1fr); }
      .vapt-why-bottom-row{ max-width:100%; grid-template-columns:repeat(2,1fr); }
    }
    @media(max-width:540px){
      .vapt-why-row{ grid-template-columns:1fr; }
      .vapt-why-bottom-row{ grid-template-columns:1fr; }
    }

    /* ============================================================
       PROCESS — numbered horizontal steps
    ============================================================ */
    .vapt-process{
      display:grid; grid-template-columns:repeat(5,1fr);
      gap:0; margin-top:42px; position:relative;
    }
    .vapt-process::before{
      content:""; position:absolute; top:28px; left:10%; right:10%; height:1.5px;
      background:linear-gradient(90deg,rgba(36,84,255,0.18),rgba(36,84,255,0.35) 50%,rgba(36,84,255,0.18));
      z-index:0;
    }
    .vapt-step{ text-align:center; position:relative; z-index:1; padding:0 10px; }
    .vapt-step-num{
      width:54px; height:54px; border-radius:50%;
      background:#fff; border:2px solid #2454ff;
      margin:0 auto 16px; display:flex; align-items:center; justify-content:center;
      font-family:'IBM Plex Mono',monospace; font-size:13px; font-weight:700; color:#2454ff;
      box-shadow:0 0 0 5px rgba(36,84,255,0.08);
    }
    .vapt-step h4{
      font-family:'Inter',sans-serif; font-size:13px; font-weight:700;
      color:#0b132b; margin:0 0 6px;
    }
    .vapt-step p{
      font-size:11.5px !important; color:#7b87a0 !important;
      line-height:1.55 !important; margin:0 !important; padding-top:0 !important;
    }

    /* ============================================================
       STANDARDS — two columns side by side with tag badges
    ============================================================ */
    .vapt-std-cols{
      display:grid; grid-template-columns:1fr 1fr;
      gap:22px; margin-top:42px;
    }
    .vapt-std-panel{
      background:#fff; border:1px solid #e2e8f8; border-radius:16px; padding:28px 24px;
      box-shadow:0 16px 36px -24px rgba(11,19,43,0.12);
    }
    .vapt-std-panel-head{
      display:flex; align-items:center; gap:12px; margin-bottom:20px;
      padding-bottom:14px; border-bottom:1px solid #edf0f8;
    }
    .vapt-std-panel-head-ico{
      width:38px; height:38px; border-radius:10px;
      background:rgba(36,84,255,0.09); color:#2454ff;
      display:flex; align-items:center; justify-content:center; font-size:15px; flex:none;
    }
    .vapt-std-panel h4{
      font-family:'Inter',sans-serif !important; font-size:14.5px !important;
      font-weight:700 !important; color:#0b132b !important; margin:0 !important;
    }
    .vapt-std-badges{ display:flex; flex-wrap:wrap; gap:9px; }
    .vapt-std-badge{
      padding:7px 14px; border-radius:8px; font-size:12.5px; font-weight:600;
      background:#f0f4ff; color:#2454ff; border:1px solid rgba(36,84,255,0.16);
    }

    /* ============================================================
       INDUSTRIES — pill grid
    ============================================================ */
    .vapt-ind-grid{
      display:flex; flex-wrap:wrap; gap:12px; margin-top:38px;
    }
    .vapt-ind-pill{
      display:inline-flex; align-items:center; gap:9px;
      padding:11px 18px; border-radius:12px;
      background:#fff; border:1px solid #e2e8f8;
      font-size:13px; font-weight:600; color:#0b132b;
      transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .vapt-ind-pill:hover{ transform:translateY(-3px); border-color:rgba(36,84,255,0.3);
      box-shadow:0 10px 22px -14px rgba(11,19,43,0.18); }
    .vapt-ind-pill i{
      width:30px; height:30px; border-radius:8px;
      background:rgba(36,84,255,0.08); color:#2454ff;
      display:flex; align-items:center; justify-content:center; font-size:13px; flex:none;
    }

    /* ============================================================
       BOTTOM CTA BANNER — VAPT / Penetration Testing conversion band
       (light split-card design, distinct from hero)
    ============================================================ */
    .vapt-cta-band{
      position:relative; overflow:hidden;
      background:#fff; border:1px solid #e2e8f8; border-radius:24px;
      display:grid; grid-template-columns:1fr 340px;
      box-shadow:0 30px 60px -34px rgba(11,19,43,0.22);
    }
    .vapt-cta-band-left{
      padding:clamp(34px,4.5vw,50px) clamp(28px,4vw,46px);
    }
    .vapt-cta-band-eyebrow{
      display:inline-flex; align-items:center; gap:7px; padding:5px 12px;
      border-radius:999px; background:rgba(36,84,255,0.08);
      border:1px solid rgba(36,84,255,0.18);
      font-family:'IBM Plex Mono',monospace !important; font-size:10.5px; font-weight:600;
      letter-spacing:0.13em; text-transform:uppercase; color:#2454ff !important; margin-bottom:18px;
    }
    .vapt-cta-band-eyebrow i{ font-size:8px; color:#2454ff; }
    .vapt-cta-band h3{
      font-family:'Inter',sans-serif !important; font-weight:800 !important;
      font-size:clamp(21px,2.6vw,29px) !important; line-height:1.28 !important; color:#0b132b !important;
      margin:0 !important; max-width:460px;
    }
    .vapt-cta-band h3 span{ color:#2454ff; }
    .vapt-cta-band p{
      font-size:14px !important; color:#5b6478 !important; line-height:1.75 !important;
      margin:14px 0 0 !important; padding-top:0 !important; max-width:440px;
    }
    .vapt-cta-band-checklist{ list-style:none; margin:22px 0 0; padding:0; display:grid; gap:11px; }
    .vapt-cta-band-checklist li{
      display:flex; align-items:center; gap:10px;
      font-size:13px; font-weight:600; color:#1a2340;
    }
    .vapt-cta-band-checklist i{
      width:20px; height:20px; border-radius:50%; flex:none;
      background:rgba(36,84,255,0.1); color:#2454ff; font-size:10px;
      display:flex; align-items:center; justify-content:center;
    }
    .vapt-cta-band-right{
      position:relative; overflow:hidden;
      background:linear-gradient(165deg,#101c53 0%,#0a1236 100%);
      padding:clamp(28px,4vw,40px) 30px;
      display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:18px;
    }
    .vapt-cta-band-right::before{
      content:""; position:absolute; z-index:0; pointer-events:none;
      width:260px; height:260px; right:-90px; bottom:-100px; border-radius:50%;
      background:radial-gradient(circle,rgba(80,120,255,0.4) 0%,rgba(80,120,255,0) 70%);
    }
    .vapt-cta-band-right > *{ position:relative; z-index:1; }
    .vapt-cta-band-stat{ display:flex; align-items:baseline; gap:8px; }
    .vapt-cta-band-stat strong{
      font-family:'Inter',sans-serif; font-size:30px; font-weight:800; color:#fff; line-height:1;
    }
    .vapt-cta-band-stat span{ font-size:12px; color:rgba(226,232,255,0.7); line-height:1.4; }
    .vapt-cta-band-divider{ width:100%; height:1px; background:rgba(255,255,255,0.12); }
    .vapt-cta-band .vapt-btn-solid{
      width:100%; justify-content:center;
      background:#fff; color:#101c53 !important;
      box-shadow:0 14px 30px -10px rgba(0,0,0,0.35);
      padding:14px 22px; font-size:14px;line-height: 22px;
    }
    .vapt-cta-band .vapt-btn-solid i{ color:#2454ff; }
    .vapt-cta-band .vapt-btn-solid:hover{ transform:translateY(-2px); box-shadow:0 18px 36px -10px rgba(0,0,0,0.42); }
    .vapt-cta-band-note{
      display:flex; align-items:center; gap:7px;
      font-size:11px; color:rgba(226,232,255,0.65);
    }
    .vapt-cta-band-note i{ color:#3ddc84; font-size:9px; }
    @media(max-width:800px){
      .vapt-cta-band{ grid-template-columns:1fr; }
      .vapt-cta-band-right{ align-items:stretch; }
    }

    /* ============================================================
       RESPONSIVE
    ============================================================ */
    @media(max-width:960px){
      .vapt-hero-inner{ grid-template-columns:1fr; }
      .vapt-disc-grid{ grid-template-columns:1fr; }
      .vapt-std-cols{ grid-template-columns:1fr; }
      .vapt-process{ grid-template-columns:repeat(2,1fr); gap:20px; }
      .vapt-process::before{ display:none; }
    }
    @media(max-width:600px){
      .vapt-hero-stats{ flex-direction:column; max-width:none; }
      .vapt-stat{ border-right:none; border-bottom:1px solid #e2e8f8; }
      .vapt-stat:last-child{ border-bottom:none; }
      .vapt-process{ grid-template-columns:1fr; }
    }
