/* =================================================
   BILLCARE – CLEAN ENTERPRISE NAVBAR (FIXED)
================================================= */

/* ========== ROOT ========== */
:root{
  --bc-primary:#ef4444;
  --bc-secondary:#f97316;
  --bc-dark:#0f172a;
  --bc-muted:#64748b;
  --bc-bg:#f8fafc;
  --radius:14px;
  --transition:.3s ease;
}

/* ========== RESET ========== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Inter,system-ui,-apple-system,sans-serif;
}

body{
  background:var(--bc-bg);
  height:200vh;
  /*padding-top:90px;*/
}
html{
  scroll-behavior:smooth;
}

section{
  position:relative;
  overflow:hidden;
}

/* soft transition between sections */
section::after{
  content:"";
  position:absolute;
  bottom:-1px;
  left:0;
  width:100%;
  height:120px;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    #fff
  );
  pointer-events:none;
}
/* depth background layer */
section::before{
  content:"";
  position:absolute;
  inset:-200px 0;
  background:
    radial-gradient(800px 300px at 50% 0%,
      rgba(15,23,42,.04),
      transparent 70%);
  z-index:-1;
}
.bc-why-card,
.bc-feature-card,
.bc-step-card,
.bc-security-card,
.bc-integration-card,
.bc-price-card,
.bc-testimonial-card{
  will-change:transform;
  transition:
    transform .45s cubic-bezier(.4,0,.2,1),
    box-shadow .45s cubic-bezier(.4,0,.2,1);
}
h1,h2,h3,h4{
  letter-spacing:-.015em;
}

p{
  text-rendering:optimizeLegibility;
}

/* ========== HEADER ========== */

.bc-header{
  position: fixed;
  top: 0; /* global navbar height */
  left: 0;
  width: 100%;
  z-index: 998;
  transition: top .3s ease;
  background:transparent;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(15,23,42,.08);
}

/* Jab global hide ho */
body.global-hidden .bc-header{
  top: 0;
}

/* Global navbar animation */
.navbar{
  transition: transform .3s ease;
}

/* ===== MOBILE ===== */
@media (max-width: 991px){

  /* Global navbar never visible */
  .navbar{
    display: none !important;
  }

  /* Product navbar always on top */
  .bc-header{
    top: 0 !important;
  }
}
.bc-nav{
  max-width:1280px;
  margin:auto;
  padding:16px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* ========== LOGO ========== */
.bc-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:20px;
  font-weight:800;
  color:var(--bc-dark);
}

/* ========== MENU DESKTOP ========== */
.bc-menu{
  display:flex;
  align-items:center;
  gap:32px;
}

.bc-menu a{
  text-decoration:none;
  font-size:15px;
  font-weight:600;
  color:var(--bc-dark);
  transition:var(--transition);
}

.bc-menu a:hover{color:var(--bc-primary);}

/* CTA */
.bc-btn{
  background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary));
  color:#fff!important;
  padding:10px 18px;
  border-radius:10px;
  font-weight:700;
  box-shadow:0 10px 28px rgba(239,68,68,.35);
}

/* ========== MEGA MENU ========== */
.has-mega{position:relative;}
.has-mega > a::after{
  content:"▾";
  margin-left:6px;
  transition:.3s;
}

.has-mega.open > a::after{
  transform:rotate(180deg);
}

.mega-solutions{
  position:absolute;
  top:64px;
  left:50%;
  transform:translateX(-50%);
  width:60vw;
  max-width:960px;
  background:#fff;
  border-radius:20px;
  padding:32px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.2fr;
  gap:28px;
  box-shadow:0 50px 100px rgba(15,23,42,.18);
  opacity:0;
  visibility:hidden;
  transition:var(--transition);
}

.has-mega:hover .mega-solutions{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(6px);
}

/* Columns */
.mega-col h5{
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--bc-muted);
  margin-bottom:14px;
}

/* Items */
.mega-item{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0;
  font-size:14.5px;
  font-weight:500;
  color:var(--bc-dark);
  padding:8px 10px;
  border-radius:10px;
  cursor:pointer;
  transition:var(--transition);
}

.mega-item:hover{
  background:#fef2f2;
  color:var(--bc-primary);
}

/* SVG */
.mega-item svg{
  width:20px;
  height:20px;
  stroke:var(--bc-primary);
  fill:none;
  stroke-width:2;
}

/* CTA CARD */
.mega-cta{
  background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary));
  border-radius:18px;
  padding:26px;
  color:#fff;
}

.mega-cta h4{font-size:20px;font-weight:800;}
.mega-cta p{font-size:14.5px;margin:10px 0 18px;opacity:.95;}

.cta-btn{
  display:inline-block;
  background:#fff;
  color:var(--bc-primary);
  padding:10px 14px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
}

/* ========== HAMBURGER ========== */
.bc-hamburger{
  display:none;
  flex-direction:column;
  gap:6px;
  background:none;
  border:none;
  cursor:pointer;
}

.bc-hamburger span{
  width:26px;
  height:2px;
  background:var(--bc-dark);
}
/* HAMBURGER ANIMATION */
.bc-hamburger span{
  transition:.35s ease;
}

.bc-header.menu-open .bc-hamburger span:nth-child(1){
  transform:rotate(45deg) translate(6px,6px);
}
.bc-header.menu-open .bc-hamburger span:nth-child(2){
  opacity:0;
}
.bc-header.menu-open .bc-hamburger span:nth-child(3){
  transform:rotate(-45deg) translate(6px,-6px);
}

/* ========== MOBILE FIX (IMPORTANT) ========== */

  @media(max-width:992px){

  .bc-hamburger{
    display:flex;
  }

  .bc-menu{
    position:absolute;
    top:80px;
    left:0;
    width:100%;
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    padding:20px;
    gap:16px;
    box-shadow:0 30px 60px rgba(0,0,0,.15);
    z-index:9999;

    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:.35s cubic-bezier(.4,0,.2,1);
  }

  .bc-header.menu-open .bc-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }

  

  .mega-solutions{
    position:static;
    left:0;
    width:100%;
    max-width:100%;
    grid-template-columns:1fr;
    box-shadow:none;
    padding:0;

    /* IMPORTANT FIX */
    display:grid;              /* always grid */
    overflow:hidden;
    max-height:0;              /* hidden */
    opacity:0;
    transform:translateY(-8px);
    transition:
      max-height .45s ease,
      opacity .3s ease,
      transform .3s ease;
  }

  .has-mega.open .mega-solutions{
    max-height:1200px;         /* enough height */
    opacity:1;
    transform:translateY(0);
  }




  .mega-cta{
    display:none;
  }
}


/* ================= HERO SECTION ================= */

.bc-hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  background:
    radial-gradient(1200px 600px at 90% -10%, #fee2e2 0%, transparent 60%),
    radial-gradient(800px 500px at -10% 20%, #ffedd5 0%, transparent 55%),
    linear-gradient(180deg,#ffffff,#f8fafc);
}


.bc-hero-wrap{
  max-width:1280px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:60px;
  align-items:center;
}

/* ================= LEFT ================= */

.bc-badge{
  display:inline-block;
  background:#fef2f2;
  color:var(--bc-primary);
  font-size:13px;
  font-weight:700;
  padding:6px 14px;
  border-radius:999px;
  margin-bottom:16px;
}

.bc-hero-content h1{
  font-size:48px;
  line-height:1.15;
  font-weight:900;
  color:var(--bc-dark);
}

.bc-hero-content h1 span{
  background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.bc-hero-content p{
  font-size:17px;
  color:var(--bc-muted);
  margin:22px 0 30px;
  max-width:520px;
}

/* ================= BUTTONS ================= */

.bc-hero-actions{
  display:flex;
  gap:16px;
  margin-bottom:28px;
}

.hero-btn{
  padding:14px 22px;
  border-radius:12px;
  font-weight:800;
  font-size:15px;
  text-decoration:none;
  transition:.3s;
}

.hero-btn.primary{
  background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary));
  color:#fff;
  box-shadow:0 18px 40px rgba(239,68,68,.35);
}

.hero-btn.primary:hover{
  transform:translateY(-2px);
}

.hero-btn.outline{
  border:2px solid #e5e7eb;
  color:var(--bc-dark);
}

.hero-btn.outline:hover{
  border-color:var(--bc-primary);
  color:var(--bc-primary);
}

/* ================= TRUST ================= */

.bc-trust{
  display:flex;
  gap:18px;
  font-size:14px;
  font-weight:600;
  color:#334155;
}

/* ================= RIGHT VISUAL ================= */

.bc-hero-visual{
  position:relative;
}

/* LAPTOP FLOAT ANIMATION */
.mockup-card{
  background:transparent;
  border-radius:22px;
  padding:18px;
  /*box-shadow:0 50px 120px rgba(15,23,42,.25);*/
  animation:laptopFloat 6s ease-in-out infinite;
}

@keyframes laptopFloat{
  0%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
  100%{ transform:translateY(0); }
}

/* SOFT GLOW BEHIND LAPTOP */
.bc-hero-visual::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  background:radial-gradient(circle,
    rgba(239,68,68,.25),
    transparent 70%);
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  filter:blur(90px);
  z-index:-1;
  animation:glowPulse 7s ease-in-out infinite;
}

@keyframes glowPulse{
  0%{ opacity:.45; }
  50%{ opacity:.85; }
  100%{ opacity:.45; }
}

.mockup-card img{
  width:100%;
  display:block;
  border-radius:14px;
}

/* ================= MOBILE ================= */

@media(max-width:992px){
  .bc-hero{
    padding:120px 20px 70px;
  }

  .bc-hero-wrap{
    grid-template-columns:1fr;
  }

  .bc-hero-content h1{
    font-size:38px;
  }

  .bc-hero-actions{
    flex-direction:column;
  }

  .hero-btn{
    width:100%;
    text-align:center;
  }

  /* Reduce animation on mobile */
  .mockup-card{
    animation:none;
  }
}


/* ================= WHY BILLCARE – ENTERPRISE SECTION ================= */

.bc-why{
  padding:110px 20px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}

.bc-why-wrap{
  max-width:1280px;
  margin:auto;
}

/* HEADER */
.bc-why-head{
  max-width:620px;
  margin-bottom:60px;
}

.bc-section-badge{
  display:inline-block;
  background:#fef2f2;
  color:var(--bc-primary);
  font-size:13px;
  font-weight:700;
  padding:6px 14px;
  border-radius:999px;
  margin-bottom:14px;
}

.bc-why-head h2{
  font-size:36px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--bc-dark);
}

.bc-why-head p{
  font-size:16.5px;
  line-height:1.6;
  color:#475569;
  margin-top:14px;
}

/* GRID */
.bc-why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
}

/* CARD */
.bc-why-card{
  background:#ffffff;
  border-radius:20px;
  padding:28px 26px;
  box-shadow:
    0 20px 50px rgba(15,23,42,.08),
    0 4px 12px rgba(15,23,42,.04);
  transition:.35s ease;
}
/* ===== WHY BILLCARE – PREMIUM ICON CARDS ===== */

.bc-why-card{
  position:relative;
  overflow:hidden;
}

/* ICON WRAPPER */
.bc-why-icon{
  width:54px;
  height:54px;
  border-radius:16px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:linear-gradient(135deg,
    rgba(239,68,68,.15),
    rgba(249,115,22,.15));

  color:var(--bc-primary);
  font-size:26px;

  margin-bottom:18px;

  transition:.35s ease;
}

/* HOVER EFFECTS */
.bc-why-card:hover .bc-why-icon{
  background:linear-gradient(135deg,
    var(--bc-primary),
    var(--bc-secondary));
  color:#fff;
  transform:scale(1.08) rotate(-3deg);
}

/* SOFT BORDER GLOW */
.bc-why-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  pointer-events:none;

  background:
    radial-gradient(300px 120px at 20% 0%,
      rgba(239,68,68,.15),
      transparent 60%);

  opacity:0;
  transition:.35s ease;
}

.bc-why-card:hover::after{
  opacity:1;
}


.bc-why-card h4{
  font-size:18px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:10px;
}

.bc-why-card p{
  font-size:14.8px;
  line-height:1.55;
  color:#475569;
}

/* HOVER (SUBTLE ENTERPRISE EFFECT) */
.bc-why-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 30px 70px rgba(15,23,42,.12),
    0 6px 18px rgba(15,23,42,.06);
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-why{
    padding:80px 16px;
  }

  .bc-why-grid{
    grid-template-columns:1fr;
  }

  .bc-why-head h2{
    font-size:30px;
  }
}


/* ================= CORE FEATURES – ENTERPRISE ================= */







/* ================= TRUSTED BY BUSINESSES ================= */

.bc-trusted{
  padding:120px 20px;
  background:linear-gradient(180deg,#f9fafb,#ffffff);
}

.bc-trusted-wrap{
  max-width:1280px;
  margin:auto;
  text-align:center;
}

/* HEADER */
.bc-trusted-head{
  max-width:680px;
  margin:0 auto 60px;
}

.bc-trusted-head h2{
  font-size:38px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0f172a;
}

.bc-trusted-head p{
  font-size:16.5px;
  line-height:1.6;
  color:#475569;
  margin-top:14px;
}

/* LOGOS STRIP */
.bc-trusted-logos{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:24px;
  margin-bottom:70px;
}

.bc-logo-box{
  height:72px;
  border-radius:16px;
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:700;
  color:#64748b;
  box-shadow:
    0 16px 40px rgba(15,23,42,.08),
    0 4px 12px rgba(15,23,42,.04);
}

/* STATS */
.bc-trusted-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

.bc-stat h3{
  font-size:34px;
  font-weight:900;
  color:var(--bc-primary);
}

.bc-stat p{
  font-size:14.5px;
  font-weight:600;
  color:#475569;
  margin-top:6px;
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-trusted{
    padding:80px 16px;
  }

  .bc-trusted-logos{
    grid-template-columns:repeat(2,1fr);
    gap:18px;
  }

  .bc-trusted-stats{
    grid-template-columns:1fr;
    gap:28px;
  }

  .bc-trusted-head h2{
    font-size:32px;
  }
}



/* ================= HOW IT WORKS – ENTERPRISE ================= */

.bc-steps{
  padding:120px 20px;
  background:#ffffff;
}

.bc-steps-wrap{
  max-width:1280px;
  margin:auto;
}

/* HEADER */
.bc-steps-head{
  max-width:660px;
  margin-bottom:70px;
}

.bc-steps-head h2{
  font-size:38px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0f172a;
}

.bc-steps-head p{
  font-size:16.5px;
  line-height:1.6;
  color:#475569;
  margin-top:14px;
}

/* GRID */
.bc-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}

/* CARD */
.bc-step-card{
  background:#ffffff;
  border-radius:24px;
  padding:40px 34px;
  box-shadow:
    0 26px 60px rgba(15,23,42,.08),
    0 6px 16px rgba(15,23,42,.04);
  transition:.35s ease;
  position:relative;
}

/* STEP NUMBER */
.bc-step-no{
  display:inline-block;
  font-size:14px;
  font-weight:900;
  color:var(--bc-primary);
  margin-bottom:16px;
  letter-spacing:.08em;
}

.bc-step-card h4{
  font-size:20px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:12px;
}

.bc-step-card p{
  font-size:15px;
  line-height:1.6;
  color:#475569;
}

/* HOVER – subtle enterprise motion */
.bc-step-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 36px 90px rgba(15,23,42,.12),
    0 10px 24px rgba(15,23,42,.06);
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-steps{
    padding:80px 16px;
  }

  .bc-steps-grid{
    grid-template-columns:1fr;
  }

  .bc-steps-head h2{
    font-size:32px;
  }
}



/* ================= ULTRA PREMIUM TESTIMONIALS ================= */

.bc-testimonials{
  padding:140px 20px;
  background:
    radial-gradient(1200px 600px at 90% 0%, rgba(239,68,68,.08), transparent 60%),
    linear-gradient(180deg,#ffffff,#f9fafb);
}

.bc-testimonials-wrap{
  max-width:1280px;
  margin:auto;
}

/* HEADER */
.bc-testimonials-head{
  max-width:680px;
  margin-bottom:80px;
}

.bc-testimonials-head h2{
  font-size:40px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0f172a;
}

.bc-testimonials-head p{
  font-size:17px;
  line-height:1.6;
  color:#475569;
  margin-top:16px;
}

/* GRID */
.bc-testimonials-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

/* CARD */
.bc-testimonial-card{
  background:#ffffff;
  border-radius:28px;
  padding:42px 38px;
  box-shadow:
    0 40px 100px rgba(15,23,42,.10),
    0 10px 30px rgba(15,23,42,.06);
  transition:.4s ease;
  position:relative;
}

/* FEATURED CARD */
.bc-testimonial-card.featured{
  transform:translateY(-14px);
  box-shadow:
    0 60px 140px rgba(15,23,42,.16),
    0 16px 40px rgba(15,23,42,.08);
}

/* QUOTE */
.bc-quote{
  font-size:16.5px;
  line-height:1.65;
  color:#334155;
  margin-bottom:30px;
}

/* CLIENT */
.bc-client{
  display:flex;
  align-items:center;
  gap:14px;
}

.bc-avatar{
  width:46px;
  height:46px;
  border-radius:50%;
  background:linear-gradient(135deg,#ef4444,#f97316);
  color:#fff;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}

.bc-client h5{
  font-size:15px;
  font-weight:700;
  color:#0f172a;
}

.bc-client span{
  font-size:13px;
  color:#64748b;
}

/* HOVER */
.bc-testimonial-card:hover{
  transform:translateY(-8px);
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-testimonials{
    padding:90px 16px;
  }

  .bc-testimonials-grid{
    grid-template-columns:1fr;
  }

  .bc-testimonials-head h2{
    font-size:32px;
  }

  .bc-testimonial-card.featured{
    transform:none;
  }
}



/* ================= FINAL CTA – ULTRA PREMIUM ================= */

.bc-cta{
  padding:150px 20px;
  background:
    radial-gradient(1200px 600px at 50% 0%, rgba(239,68,68,.14), transparent 60%),
    linear-gradient(180deg,#f9fafb,#ffffff);
}

.bc-cta-wrap{
  max-width:1100px;
  margin:auto;
  text-align:center;

  padding:80px 90px;

  background:
    radial-gradient(900px 500px at 50% 20%, rgba(249,115,22,.12), transparent 60%),
    #ffffff;

  border-radius:42px;

  box-shadow:
    0 60px 160px rgba(15,23,42,.18),
    0 14px 40px rgba(15,23,42,.08);
}

/* CONTENT */
.bc-cta-content h2{
  font-size:44px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.02em;
  color:#0f172a;
  margin-top:14px;
}

.bc-cta-content p{
  font-size:18px;
  line-height:1.65;
  color:#475569;
  max-width:680px;
  margin:20px auto 40px;
}

/* ACTIONS */
.bc-cta-actions{
  display:flex;
  justify-content:center;
  gap:22px;
  margin-bottom:30px;
}

/* TRUST LINE */
.bc-cta-trust{
  display:flex;
  justify-content:center;
  gap:22px;
  font-size:14px;
  font-weight:600;
  color:#334155;
  opacity:.95;
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-cta{
    padding:90px 16px;
  }

  .bc-cta-wrap{
    padding:60px 28px;
    border-radius:30px;
  }

  .bc-cta-content h2{
    font-size:32px;
  }

  .bc-cta-actions{
    flex-direction:column;
  }

  .hero-btn{
    width:100%;
    text-align:center;
  }

  .bc-cta-trust{
    flex-direction:column;
    gap:12px;
  }
}



/* ================= PRICING – ULTRA PREMIUM ================= */

.bc-pricing{
  padding:140px 20px;
  background:linear-gradient(180deg,#ffffff,#f9fafb);
}

.bc-pricing-wrap{
  max-width:1280px;
  margin:auto;
}

/* HEADER */
.bc-pricing-head{
  max-width:640px;
  margin-bottom:80px;
}

.bc-pricing-head h2{
  font-size:40px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0f172a;
}

.bc-pricing-head p{
  font-size:17px;
  line-height:1.6;
  color:#475569;
  margin-top:14px;
}

/* GRID */
.bc-pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}

/* CARD */
.bc-price-card{
  background:#ffffff;
  border-radius:28px;
  padding:46px 40px;
  box-shadow:
    0 40px 100px rgba(15,23,42,.10),
    0 10px 30px rgba(15,23,42,.06);
  text-align:center;
  transition:.4s ease;
  position:relative;
}

.bc-price-card h4{
  font-size:20px;
  font-weight:800;
  color:#0f172a;
  margin-bottom:10px;
}

/* PRICE */
.bc-price{
  font-size:34px;
  font-weight:900;
  color:var(--bc-primary);
  margin:16px 0 26px;
}

.bc-price span{
  font-size:14px;
  font-weight:600;
  color:#64748b;
}

/* FEATURES */
.bc-price-card ul{
  list-style:none;
  margin-bottom:32px;
}

.bc-price-card li{
  font-size:14.5px;
  color:#475569;
  margin:10px 0;
}

/* POPULAR PLAN */
.bc-price-card.popular{
  transform:translateY(-18px);
  box-shadow:
    0 60px 140px rgba(15,23,42,.16),
    0 16px 40px rgba(15,23,42,.08);
}

.bc-popular-badge{
  position:absolute;
  top:-14px;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(135deg,#ef4444,#f97316);
  color:#fff;
  font-size:12px;
  font-weight:800;
  padding:6px 14px;
  border-radius:999px;
}

/* HOVER */
.bc-price-card:hover{
  transform:translateY(-10px);
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-pricing{
    padding:90px 16px;
  }

  .bc-pricing-grid{
    grid-template-columns:1fr;
  }

  .bc-pricing-head h2{
    font-size:32px;
  }

  .bc-price-card.popular{
    transform:none;
  }
}



/* ================= SECURITY & COMPLIANCE – ULTRA PREMIUM ================= */

.bc-security{
  padding:140px 20px;
  background:
    radial-gradient(1200px 600px at 10% 0%, rgba(239,68,68,.08), transparent 60%),
    linear-gradient(180deg,#ffffff,#f9fafb);
}

.bc-security-wrap{
  max-width:1280px;
  margin:auto;
}

/* HEADER */
.bc-security-head{
  max-width:700px;
  margin-bottom:80px;
}

.bc-security-head h2{
  font-size:40px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0f172a;
}

.bc-security-head p{
  font-size:17px;
  line-height:1.6;
  color:#475569;
  margin-top:16px;
}

/* GRID */
.bc-security-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}

/* CARD */
.bc-security-card{
  background:#ffffff;
  border-radius:26px;
  padding:40px 36px;
  box-shadow:
    0 36px 90px rgba(15,23,42,.10),
    0 10px 24px rgba(15,23,42,.06);
  transition:.4s ease;
}

.bc-security-card h4{
  font-size:19px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:12px;
}

.bc-security-card p{
  font-size:15px;
  line-height:1.6;
  color:#475569;
}

/* HOVER – enterprise polish */
.bc-security-card:hover{
  transform:translateY(-8px);
  box-shadow:
    0 50px 120px rgba(15,23,42,.14),
    0 16px 36px rgba(15,23,42,.08);
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-security{
    padding:90px 16px;
  }

  .bc-security-grid{
    grid-template-columns:1fr;
  }

  .bc-security-head h2{
    font-size:32px;
  }
}




/* ================= INTEGRATIONS – ULTRA PREMIUM ================= */

.bc-integrations{
  padding:140px 20px;
  background:linear-gradient(180deg,#ffffff,#f9fafb);
}

.bc-integrations-wrap{
  max-width:1280px;
  margin:auto;
}

/* HEADER */
.bc-integrations-head{
  max-width:680px;
  margin-bottom:80px;
}

.bc-integrations-head h2{
  font-size:40px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0f172a;
}

.bc-integrations-head p{
  font-size:17px;
  line-height:1.6;
  color:#475569;
  margin-top:16px;
}

/* GRID */
.bc-integrations-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}

/* CARD */
.bc-integration-card{
  background:#ffffff;
  border-radius:26px;
  padding:40px 36px;
  box-shadow:
    0 36px 90px rgba(15,23,42,.10),
    0 10px 24px rgba(15,23,42,.06);
  transition:.4s ease;
}

.bc-integration-card h4{
  font-size:19px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:12px;
}

.bc-integration-card p{
  font-size:15px;
  line-height:1.6;
  color:#475569;
}

/* HOVER – enterprise polish */
.bc-integration-card:hover{
  transform:translateY(-8px);
  box-shadow:
    0 50px 120px rgba(15,23,42,.14),
    0 16px 36px rgba(15,23,42,.08);
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-integrations{
    padding:90px 16px;
  }

  .bc-integrations-grid{
    grid-template-columns:1fr;
  }

  .bc-integrations-head h2{
    font-size:32px;
  }
}



/* ================= FAQ – ULTRA PREMIUM ================= */

.bc-faq{
  padding:140px 20px;
  background:
    radial-gradient(1200px 600px at 90% 0%, rgba(239,68,68,.06), transparent 60%),
    linear-gradient(180deg,#ffffff,#f9fafb);
}

.bc-faq-wrap{
  max-width:1100px;
  margin:auto;
}

/* HEADER */
.bc-faq-head{
  max-width:620px;
  margin-bottom:80px;
}

.bc-faq-head h2{
  font-size:40px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0f172a;
}

.bc-faq-head p{
  font-size:17px;
  line-height:1.6;
  color:#475569;
  margin-top:16px;
}

/* FAQ LIST */
.bc-faq-list{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
}

/* FAQ ITEM */
.bc-faq-item{
  background:#ffffff;
  border-radius:22px;
  padding:30px 34px;
  box-shadow:
    0 20px 50px rgba(15,23,42,.08),
    0 6px 16px rgba(15,23,42,.04);
  transition:.35s ease;
}

.bc-faq-item h4{
  font-size:18px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:10px;
}

.bc-faq-item p{
  font-size:15px;
  line-height:1.6;
  color:#475569;
}

/* HOVER */
.bc-faq-item:hover{
  transform:translateY(-4px);
  box-shadow:
    0 30px 80px rgba(15,23,42,.12),
    0 10px 24px rgba(15,23,42,.06);
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-faq{
    padding:90px 16px;
  }

  .bc-faq-head h2{
    font-size:32px;
  }

  .bc-faq-item{
    padding:26px 22px;
  }
}

/* ================= CONTACT – ENTERPRISE ================= */

.bc-contact{
  padding:140px 20px;
  background:
    radial-gradient(1000px 500px at 10% 0%, rgba(239,68,68,.08), transparent 60%),
    #ffffff;
}

.bc-contact-wrap{
  max-width:1280px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:80px;
  align-items:center;
}

/* LEFT */
.bc-contact-info h2{
  font-size:40px;
  font-weight:900;
  margin:14px 0;
  color:#0f172a;
}

.bc-contact-info p{
  font-size:17px;
  color:#475569;
  max-width:420px;
}

.bc-contact-list{
  margin-top:30px;
}

.bc-contact-list div{
  margin-bottom:18px;
}

.bc-contact-list strong{
  display:block;
  font-size:14px;
  color:#0f172a;
}

.bc-contact-list span{
  font-size:15px;
  color:#64748b;
}

/* FORM */
.bc-contact-form{
  background:#ffffff;
  padding:50px 44px;
  border-radius:28px;
  box-shadow:
    0 50px 140px rgba(15,23,42,.12),
    0 12px 32px rgba(15,23,42,.06);
}

.bc-form-group{
  margin-bottom:18px;
}

.bc-form-group input,
.bc-form-group textarea{
  width:100%;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  font-size:15px;
  outline:none;
}

.bc-form-group input:focus,
.bc-form-group textarea:focus{
  border-color:#ef4444;
}

/* MOBILE */
@media(max-width:992px){
  .bc-contact-wrap{
    grid-template-columns:1fr;
  }
}


/* ================= FLOATING WHATSAPP – ENTERPRISE ================= */

.bc-whatsapp{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9999;

  display:flex;
  align-items:center;
  gap:10px;

  background:#25D366;
  color:#fff;
  padding:14px 18px;
  border-radius:999px;

  font-size:15px;
  font-weight:700;
  text-decoration:none;

  box-shadow:
    0 20px 50px rgba(37,211,102,.45),
    0 6px 16px rgba(0,0,0,.15);

  transition:.35s cubic-bezier(.4,0,.2,1);
}

/* ICON */
.bc-whatsapp i{
  font-size:22px;
}

/* TEXT */
.bc-wa-text{
  white-space:nowrap;
}

/* HOVER */
.bc-whatsapp:hover{
  transform:translateY(-4px) scale(1.03);
  box-shadow:
    0 30px 70px rgba(37,211,102,.55),
    0 10px 28px rgba(0,0,0,.18);
}

/* PULSE RING (PREMIUM FEEL) */
.bc-whatsapp::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:999px;
  background:rgba(37,211,102,.25);
  z-index:-1;
  animation:waPulse 2.4s infinite;
}

@keyframes waPulse{
  0%{ transform:scale(.85); opacity:.6; }
  70%{ transform:scale(1.25); opacity:0; }
  100%{ opacity:0; }
}

/* MOBILE */
@media(max-width:768px){
  .bc-wa-text{
    display:none; /* icon only on mobile */
  }

  .bc-whatsapp{
    padding:14px;
  }
}
.bc-whatsapp{
  opacity:0;
  transform:translateY(20px);
  animation:waEntry .8s ease forwards;
  animation-delay:1.2s;
}

@keyframes waEntry{
  to{
    opacity:1;
    transform:translateY(0);
  }
}


/* ================= FOOTER – ULTRA CLEAN ENTERPRISE ================= */

/* ================= ENTERPRISE FOOTER ================= */

.bc-footer-ep{
  background:#3b414f;
  color:#cbd5e1;
  padding:90px 20px 40px;
  font-size:14.5px;
}

.bc-footer-ep-wrap{
  max-width:1400px;
  margin:auto;
  display:grid;
  grid-template-columns:1.2fr repeat(4,1fr);
  gap:60px;
}

/* COLUMN */
.bc-footer-col h4{
  font-size:16px;
  font-weight:700;
  color:#ffffff;
  margin-bottom:18px;
}

.bc-footer-col p{
  margin-bottom:10px;
  color:#cbd5e1;
}

.bc-footer-col a{
  display:block;
  margin-bottom:10px;
  text-decoration:none;
  color:#cbd5e1;
  transition:.25s;
}

.bc-footer-col a:hover{
  color:#ffffff;
  transform:translateX(4px);
}

/* SOCIAL */
.bc-footer-social{
  display:flex;
  gap:14px;
  margin:16px 0 10px;
}

.bc-footer-social a{
  width:38px;
  height:38px;
  border-radius:12px;
  background:#ffffff;
  color:#3b414f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
}

.bc-footer-social a:hover{
  background:#ef4444;
  color:#fff;
}

.bc-footer-col small{
  display:block;
  margin-top:14px;
  color:#9ca3af;
}

/* TOOLS */
.bc-footer-tools{
  max-width:1400px;
  margin:60px auto 0;
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,.15);
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.bc-footer-tools a{
  padding:12px 20px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  transition:.3s;
}

.bc-footer-tools a:hover{
  background:#ef4444;
  border-color:#ef4444;
}

/* BOTTOM */
.bc-footer-bottom-ep{
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.15);
  text-align:center;
  font-size:13.5px;
  color:#cbd5e1;
}

/* ================= MOBILE ================= */

@media(max-width:992px){

  .bc-footer-ep-wrap{
    grid-template-columns:1fr;
    gap:40px;
  }

  .bc-footer-tools{
    justify-content:center;
  }
}


/* ================= ENTERPRISE SCROLL ANIMATIONS ================= */

/* Default hidden state */
.reveal{
  opacity:0;
  transform:translateY(30px);
  transition:
    opacity .8s cubic-bezier(.4,0,.2,1),
    transform .8s cubic-bezier(.4,0,.2,1);
}

/* Visible */
.reveal.active{
  opacity:1;
  transform:translateY(0);
}

/* Delay utilities */
.delay-1{ transition-delay:.1s; }
.delay-2{ transition-delay:.2s; }
.delay-3{ transition-delay:.3s; }
.delay-4{ transition-delay:.4s; }