/* Extracted Inline Styles */

.extracted-style-1 {
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}

.extracted-style-2 {
  background:linear-gradient(135deg,#0ea5e9,#6366f1);border-radius:8px;padding:4px 10px;font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;
}

.extracted-style-3 {
  position:relative;min-height:480px;
}

.extracted-style-4 {
  position:absolute;inset:0;
}

.extracted-style-5 {
  height:28px;
}

.extracted-style-6 {
  height:48px;
}

.extracted-style-7 {
  height:36px;
}

.extracted-style-8 {
  height:52px;
}

.extracted-style-9 {
  height:40px;
}

.extracted-style-10 {
  height:30px;
}

.extracted-style-11 {
  position:absolute;inset:0;display:none;opacity:0;
}

.extracted-style-12 {
  animation-delay: 1s;
}

.extracted-style-13 {
  animation-delay:0.5s;
}

.extracted-style-14 {
  animation-delay: 0.2s;
}

.extracted-style-15 {
  height:60%;
}

.extracted-style-16 {
  height:75%;
}

.extracted-style-17 {
  height:55%;
}

.extracted-style-18 {
  height:85%;
}

.extracted-style-19 {
  height:100%;
}

.extracted-style-20 {
  height:80%;
}

.extracted-style-21 {
  height:65%;
}

.extracted-style-22 {
  animation-delay: 1.5s;
}

.extracted-style-23 {
  animation-delay: 0.5s;
}

.extracted-style-24 {
  background:#f87171;
}

.extracted-style-25 {
  background:#fbbf24;
}

.extracted-style-26 {
  background:#4ade80;
}

.extracted-style-27 {
  height:55%;background:linear-gradient(to top,#3b82f6,#818cf8);
}

.extracted-style-28 {
  height:80%;background:linear-gradient(to top,#6366f1,#a78bfa);
}

.extracted-style-29 {
  height:65%;background:linear-gradient(to top,#3b82f6,#818cf8);
}

.extracted-style-30 {
  height:90%;background:linear-gradient(to top,#6366f1,#a78bfa);
}

.extracted-style-31 {
  height:70%;background:linear-gradient(to top,#3b82f6,#818cf8);
}

.extracted-style-32 {
  height:50%;background:linear-gradient(to top,#6366f1,#a78bfa);
}

.extracted-style-33 {
  background:#22c55e;
}

.extracted-style-34 {
  width:70%;
}

.extracted-style-35 {
  background:#3b82f6;
}

.extracted-style-36 {
  width:50%;
}

.extracted-style-37 {
  background:#a78bfa;
}

.extracted-style-38 {
  width:85%;
}

.extracted-style-39 {
  background:linear-gradient(135deg,#3b82f6,#6366f1);
}

.extracted-style-40 {
  background:linear-gradient(135deg,#22c55e,#16a34a);
}

.extracted-style-41 {
  background:linear-gradient(135deg,#f59e0b,#ef4444);
}

.extracted-style-42 {
  margin-top: 0; z-index: 0; isolation: auto;
}

.extracted-style-43 {
  background:rgba(99,102,241,0.10);
}

.extracted-style-44 {
  background:rgba(59,130,246,0.10);
}

.extracted-style-45 {
  background:rgba(139,92,246,0.07);
}

.extracted-style-46 {
  background: linear-gradient(180deg, #666 0%, #ccc 100%); clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);
}

.extracted-style-47 {
  animation-delay: 0.1s; height: 12px;
}

.extracted-style-48 {
  animation-delay: 0.2s; height: 24px;
}

.extracted-style-49 {
  animation-delay: 0.3s; height: 18px;
}

.extracted-style-50 {
  animation-delay: 0.4s; height: 30px;
}

.extracted-style-51 {
  animation-delay: 0.5s; height: 15px;
}

.extracted-style-52 {
  animation-delay: 0.6s; height: 22px;
}

.extracted-style-53 {
  animation-delay: 0.7s; height: 10px;
}

.extracted-style-54 {
  animation-delay: 2s;
}

.extracted-style-55 {
  background-image: radial-gradient(#fff 1px, transparent 1px); background-size: 40px 40px;
}

.extracted-style-56 {
  margin-bottom: 20px;
}

.extracted-style-57 {
  position:relative;z-index:2;
}

.extracted-style-58 {
  background:#eff6ff;color:#2563eb;
}

.extracted-style-59 {
  background:#f0fdf4;color:#16a34a;
}

.extracted-style-60 {
  background:#f5f3ff;color:#7c3aed;
}

.extracted-style-61 {
  animation-delay: 0.1s;
}

.extracted-style-62 {
  position: absolute;
}

.extracted-style-63 {
  font-size: 3rem; color: #ccc;
}

.extracted-style-64 {
  color: #3f9cf8;
}

.extracted-style-65 {
  height: 60vh;
}

.extracted-style-66 {
  display: none;
}



/* Internal Styles extracted from HTML files */

/* From index.html */
.hp-latest-blog-section {
        background: linear-gradient(180deg, #f4f7fc 0%, #ffffff 100%);
        padding: 80px 0 90px;
        position: relative;
        overflow: hidden;
      }

      .hp-latest-blog-section::before {
        content: '';
        position: absolute;
        top: -80px;
        right: -80px;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(63, 156, 248, 0.08) 0%, transparent 70%);
        pointer-events: none;
      }

      .hp-latest-blog-section::after {
        content: '';
        position: absolute;
        bottom: -60px;
        left: -60px;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(11, 213, 196, 0.07) 0%, transparent 70%);
        pointer-events: none;
      }

      .hp-blog-eyebrow {
        display: inline-block;
        background: linear-gradient(135deg, #3f9cf8, #0bd5c4);
        color: white;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        padding: 5px 18px;
        border-radius: 50px;
        margin-bottom: 14px;
      }

      .hp-blog-section-title {
        font-size: 2.4rem;
        font-weight: 900;
        color: #100060;
        line-height: 1.2;
        margin-bottom: 12px;
        font-family: var(--bs-body-font-family);
      }

      .hp-blog-section-sub {
        color: #6c757d;
        font-size: 1.05rem;
        max-width: 520px;
        margin: 0 auto;
      }

      .hp-blog-divider {
        width: 60px;
        height: 3px;
        background: linear-gradient(90deg, #3f9cf8, #0bd5c4);
        border-radius: 2px;
        margin: 0 auto 28px;
      }

      .hp-bc {
        background: #ffffff;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid #e8ecf4;
        box-shadow: 0 4px 24px rgba(16, 0, 96, 0.06);
        transition: transform 0.28s ease, box-shadow 0.28s ease;
        display: flex;
        flex-direction: column;
        height: 100%;
      }

      .hp-bc:hover {
        transform: translateY(-8px);
        box-shadow: 0 16px 48px rgba(16, 0, 96, 0.13);
      }

      .hp-bc-img {
        height: 210px;
        overflow: hidden;
        position: relative;
      }

      .hp-bc-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
      }

      .hp-bc:hover .hp-bc-img img {
        transform: scale(1.06);
      }

      .hp-bc-tag {
        position: absolute;
        top: 14px;
        left: 14px;
        background: linear-gradient(135deg, #100060, #3f9cf8);
        color: white;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 4px 12px;
        border-radius: 50px;
      }

      .hp-bc-body {
        padding: 24px 26px 28px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
      }

      .hp-bc-meta {
        display: flex;
        align-items: center;
        gap: 14px;
        font-size: 0.8rem;
        color: #8898aa;
        margin-bottom: 12px;
      }

      .hp-bc-title {
        font-size: 1.08rem;
        font-weight: 800;
        color: #100060;
        line-height: 1.45;
        margin-bottom: 12px;
        text-decoration: none;
        display: block;
        transition: color 0.2s;
      }

      .hp-bc-title:hover {
        color: #3f9cf8;
      }

      .hp-bc-excerpt {
        font-size: 0.9rem;
        color: #5a6478;
        line-height: 1.7;
        flex-grow: 1;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 20px;
      }

      .hp-bc-read {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #3f9cf8;
        font-weight: 700;
        font-size: 0.88rem;
        text-decoration: none;
        transition: gap 0.2s, color 0.2s;
        align-self: flex-start;
      }

      .hp-bc-read:hover {
        gap: 12px;
        color: #100060;
      }

      .hp-skeleton {
        background: linear-gradient(90deg, #f0f4ff 25%, #e4ecff 50%, #f0f4ff 75%);
        background-size: 200% 100%;
        border-radius: 18px;
        height: 380px;
        animation: hp-shimmer 1.5s infinite;
      }

      @keyframes hp-shimmer {
        0% {
          background-position: 200% 0
        }

        100% {
          background-position: -200% 0
        }
      }

      .hp-view-all {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: linear-gradient(135deg, #100060, #3f9cf8);
        color: white !important;
        font-weight: 700;
        font-size: 0.95rem;
        padding: 14px 34px;
        border-radius: 50px;
        text-decoration: none !important;
        transition: all 0.3s ease;
        box-shadow: 0 6px 24px rgba(63, 156, 248, 0.3);
      }

      .hp-view-all:hover {
        transform: translateY(-3px) scale(1.03);
        box-shadow: 0 12px 36px rgba(63, 156, 248, 0.45);
      }

      @media(max-width:768px) {
        .hp-blog-section-title {
          font-size: 1.8rem;
        }

        .hp-bc-img {
          height: 180px;
        }
      }

/* From index.html */
/* Mobile Rework for New Premium Sections */
    @media (max-width: 1024px) {

      #ai-communication-v2 .grid,
      #growth-acceleration .grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
      }

      #growth-acceleration .h-\[550px\] {
        height: auto !important;
        padding: 40px 0 !important;
      }

      #growth-acceleration .animate-float-slow,
      #growth-acceleration .animate-float-fast,
      #growth-acceleration .animate-float-medium {
        position: relative !important;
        inset: auto !important;
        margin: 0 auto 20px !important;
        transform: none !important;
        width: 100% !important;
        max-width: 320px !important;
      }

      .scale-section .lg\:col-span-7 .grid-cols-2 {
        grid-template-columns: 1fr 1fr !important;
      }
    }

    @media (max-width: 768px) {
      #ai-communication-v2 {
        padding: 40px 16px !important;
      }

      #ai-communication-v2 h2 {
        font-size: 2rem !important;
        line-height: 1.2;
      }

      #ai-communication-v2 .glass-card {
        padding: 24px 16px !important;
        border-radius: 1.5rem !important;
      }

      #growth-acceleration h2 {
        font-size: 2.2rem !important;
        line-height: 1.1;
      }

      .scale-section {
        padding: 60px 16px !important;
      }

      .scale-section h2 {
        font-size: 1.8rem !important;
      }

      .scale-section .lg\:col-span-7 .grid-cols-2 {
        grid-template-columns: 1fr !important;
      }

      .scale-section .text-6xl {
        font-size: 3rem !important;
      }

      #growth-acceleration .p-8 {
        padding: 20px !important;
      }
    }

    /* Scrollbar Utility */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }

    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }