/* =============================================================
   BIZZCAT — DESIGN TOKENS
   Palette derived from the logo: warm orange gradient mascot,
   near-black wordmark, white background.
============================================================= */
:root{
  /* Orange gradient family (from fox mascot) */
  --bc-orange-50:  #FFF4EA;
  --bc-orange-100: #FFE4C7;
  --bc-orange-300: #FFB35C;
  --bc-orange-400: #FFA23A;
  --bc-orange-500: #FF7A1A;
  --bc-orange-600: #F4511E;
  --bc-orange-700: #D8420F;

  /* Ink / neutrals (warm-tinted black from wordmark) */
  --bc-ink:      #14120F;
  --bc-charcoal: #211E1A;
  --bc-gray-700: #4A453F;
  --bc-gray-500: #82786D;
  --bc-gray-300: #C9C1B6;
  --bc-gray-200: #E9E3DA;
  --bc-gray-100: #F6F2EC;
  --bc-white:    #FFFFFF;

  /* Signature gradient */
  --bc-gradient: linear-gradient(135deg, var(--bc-orange-300) 0%, var(--bc-orange-500) 55%, var(--bc-orange-600) 100%);

  /* Type */
  --bc-font-display: 'Montserrat', sans-serif;
  --bc-font-mono: 'Space Mono', monospace;

  /* Shape / motion */
  --bc-radius-lg: 24px;
  --bc-radius-md: 16px;
  --bc-radius-sm: 10px;
  --bc-shadow-soft: 0 20px 45px -20px rgba(20, 18, 15, 0.18);
  --bc-shadow-card: 0 10px 30px -12px rgba(20, 18, 15, 0.12);
  --bc-ease: cubic-bezier(.22,.9,.32,1);
}

/* =============================================================
   BASE / RESET
============================================================= */
*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  font-family: var(--bc-font-display);
  color: var(--bc-charcoal);
  background: var(--bc-white);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4{ font-family: var(--bc-font-display); color: var(--bc-ink); font-weight: 700; margin: 0; }
p{ margin: 0; }
a{ text-decoration: none; color: inherit; }
img{ max-width: 100%; display:block; }
section{ position: relative; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* Accessible focus states */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline: 2px solid var(--bc-orange-600);
  outline-offset: 3px;
}

.skip-link{
  position:absolute; left:-999px; top:0; background:var(--bc-ink); color:var(--bc-white);
  padding: 10px 18px; z-index: 2000; border-radius: 0 0 8px 0;
}
.skip-link:focus{ left:0; }

/* Reusable */
.bc-eyebrow{
  font-family: var(--bc-font-mono);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  color: var(--bc-orange-600);
  font-weight: 700;
  display:flex; align-items:center; gap:8px;
  margin-bottom: 14px;
}
.bc-eyebrow-center{ justify-content:center; }
.bc-eyebrow-onDark{ color: var(--bc-orange-300); }

.bc-section-title{ font-size: clamp(1.7rem, 2.6vw, 2.5rem); line-height: 1.2; margin-bottom: 18px; }
.bc-section-text{ color: var(--bc-gray-700); font-size: 1.02rem; max-width: 560px; }
.bc-mx-auto{ margin-left:auto; margin-right:auto; }
.bc-section-head{ margin-bottom: 52px; }
.bc-section-head .bc-section-text{ max-width: 620px; margin-left:auto; margin-right:auto; }

.bc-text-gradient{
  background: var(--bc-gradient);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

.bc-dot-pulse{
  width:8px; height:8px; border-radius:50%; background: var(--bc-orange-500);
  box-shadow: 0 0 0 0 rgba(255,122,26,.6);
  animation: bc-pulse 1.8s infinite;
}
@keyframes bc-pulse{
  0%{ box-shadow: 0 0 0 0 rgba(255,122,26,.55); }
  70%{ box-shadow: 0 0 0 10px rgba(255,122,26,0); }
  100%{ box-shadow: 0 0 0 0 rgba(255,122,26,0); }
}

/* Buttons */
.btn{ font-family: var(--bc-font-display); font-weight: 600; border-radius: 999px; padding: 12px 24px; border:0; }
.bc-btn-primary{
  background: var(--bc-gradient); color: var(--bc-white);
  box-shadow: 0 12px 24px -10px rgba(244, 81, 30, 0.55);
  transition: transform .25s var(--bc-ease), box-shadow .25s var(--bc-ease);
}
.bc-btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 16px 30px -10px rgba(244, 81, 30, 0.65); color: var(--bc-white); }
.bc-btn-outline{
  background: transparent; color: var(--bc-ink); border: 1.5px solid var(--bc-gray-300);
  transition: border-color .25s var(--bc-ease), background .25s var(--bc-ease);
}
.bc-btn-outline:hover{ border-color: var(--bc-orange-500); background: var(--bc-orange-50); color: var(--bc-ink); }
.bc-btn-lg{ padding: 14px 30px; font-size: 1rem; }
.bc-btn-sm{ padding: 9px 20px; font-size: 0.9rem; }
.btn i{ margin-right: 8px; }

/* =============================================================
   HEADER
============================================================= */
.bc-header{
  position: sticky; top: 0; z-index: 1000;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(20,18,15,0.06);
  transition: box-shadow .3s var(--bc-ease);
}
.bc-header.bc-scrolled{ box-shadow: 0 8px 30px -18px rgba(20,18,15,0.35); }
.bc-navbar{ padding: 12px 0; }
.bc-logo-img{ height: 34px; width: auto; }
.bc-nav-links{ gap: 6px; }
.bc-nav-links .nav-link{
  color: var(--bc-charcoal); font-weight: 500; font-size: 0.96rem;
  padding: 8px 16px !important; border-radius: 999px; position: relative;
  transition: color .2s var(--bc-ease), background .2s var(--bc-ease);
}
.bc-nav-links .nav-link:hover{ color: var(--bc-orange-600); background: var(--bc-orange-50); }
.bc-nav-actions{ gap: 18px; }
.bc-link-login{ font-weight: 600; color: var(--bc-charcoal); font-size: 0.95rem; }
.bc-link-login:hover{ color: var(--bc-orange-600); }

.bc-toggler{ border:0; padding: 6px; }
.bc-toggler:focus{ box-shadow: none; }
.bc-toggler-bar{ display:block; width: 24px; height: 2px; background: var(--bc-ink); margin: 5px 0; border-radius: 2px; }

/* =============================================================
   HERO
============================================================= */
.bc-hero{
  padding: 130px 0 90px;
  overflow: hidden;
  background: var(--bc-white);
}
.bc-hero-glow{
  position:absolute; top:-200px; right:-160px; width:640px; height:640px;
  background: radial-gradient(circle, rgba(255,162,58,.28) 0%, rgba(255,162,58,0) 70%);
  z-index: 0; pointer-events:none;
}
.bc-hero .container{ position: relative; z-index: 1; }

.bc-hero-title{ font-size: clamp(2.1rem, 4.2vw, 3.4rem); line-height: 1.14; letter-spacing: -0.01em; margin-bottom: 22px; }
.bc-hero-sub{ color: var(--bc-gray-700); font-size: 1.08rem; max-width: 520px; margin-bottom: 30px; }
.bc-hero-cta{ display:flex; flex-wrap:wrap; gap: 14px; margin-bottom: 34px; }
.bc-btn-outline i{ color: var(--bc-orange-600); }

.bc-hero-trust{ display:flex; align-items:center; gap: 14px; }
.bc-hero-trust p{ color: var(--bc-gray-700); font-size: 0.92rem; }
.bc-hero-trust strong{ font-family: var(--bc-font-mono); color: var(--bc-ink); }
.bc-avatars{ display:flex; }
.bc-avatars span{
  width: 30px; height: 30px; border-radius: 50%; margin-left: -10px;
  border: 2px solid var(--bc-white); background: var(--bc-gradient);
}
.bc-avatars span:first-child{ margin-left: 0; }
.bc-avatars span:nth-child(2){ filter: hue-rotate(-8deg) brightness(1.05); }
.bc-avatars span:nth-child(3){ filter: hue-rotate(10deg); }
.bc-avatars span:nth-child(4){ filter: grayscale(.3); }

/* ---- Dashboard mockup (signature element) ---- */
.bc-dash-wrap{ position: relative; }
.bc-dash-card{
  background: var(--bc-white);
  border-radius: var(--bc-radius-lg);
  box-shadow: var(--bc-shadow-soft);
  border: 1px solid var(--bc-gray-200);
  overflow: hidden;
  transform: perspective(1200px) rotateY(-6deg) rotateX(2deg);
  transition: transform .5s var(--bc-ease);
}
.bc-dash-wrap:hover .bc-dash-card{ transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }

.bc-dash-topbar{
  display:flex; align-items:center; gap: 18px;
  padding: 14px 18px; background: var(--bc-gray-100); border-bottom: 1px solid var(--bc-gray-200);
}
.bc-dash-dots{ display:flex; gap: 6px; }
.bc-dash-dots span{ width: 9px; height: 9px; border-radius: 50%; background: var(--bc-gray-300); }
.bc-dash-dots span:nth-child(1){ background:#F4511E; }
.bc-dash-dots span:nth-child(2){ background:#FFA23A; }
.bc-dash-tabs{ display:flex; gap: 18px; font-size: 0.8rem; color: var(--bc-gray-500); font-weight: 600; }
.bc-dash-tabs .active{ color: var(--bc-orange-600); }

.bc-dash-body{ display:flex; }
.bc-dash-nav{
  width: 52px; background: var(--bc-ink); display:flex; flex-direction:column;
  align-items:center; gap: 22px; padding: 22px 0;
}
.bc-dash-nav i{ color: rgba(255,255,255,0.45); font-size: 0.95rem; transition: color .2s; }
.bc-dash-nav i.active{ color: var(--bc-orange-400); }

.bc-dash-main{ flex:1; padding: 18px; display:flex; flex-direction:column; gap: 14px; background: var(--bc-white); }
.bc-dash-widget{
  background: var(--bc-gray-100); border-radius: var(--bc-radius-sm); padding: 14px 16px;
  border: 1px solid var(--bc-gray-200);
}
.bc-dash-widget-head{ display:flex; justify-content:space-between; align-items:center; font-size: 0.76rem; color: var(--bc-gray-500); margin-bottom: 6px; font-weight: 600; }
.bc-badge-up{ color: #1E8F5F; background: #E4F6EC; padding: 2px 8px; border-radius: 999px; font-size: 0.72rem; }
.bc-dash-figure{ font-family: var(--bc-font-mono); font-size: 1.5rem; color: var(--bc-ink); font-weight: 700; }
.bc-spark{ width: 100%; height: 42px; margin-top: 4px; }

.bc-funnel-row{ display:grid; grid-template-columns: 70px 1fr 34px; align-items:center; gap: 10px; font-size: 0.78rem; margin-top: 8px; }
.bc-funnel-row span{ color: var(--bc-gray-700); }
.bc-funnel-row i{ display:block; height: 7px; width: 100%; background: var(--bc-gray-200); border-radius: 999px; position: relative; overflow:hidden; font-style: normal; }
.bc-funnel-row i::before{ content:""; position:absolute; inset:0; width: 100%; background: var(--bc-gradient); border-radius: 999px; }
.bc-funnel-row:nth-child(1) i::before{ width: 100%; }
.bc-funnel-row b{ font-family: var(--bc-font-mono); text-align:right; color: var(--bc-ink); font-size: 0.76rem; }

.bc-dash-kanban{ display:flex; gap: 10px; }
.bc-kanban-col{ flex:1; min-width:0; }
.bc-kanban-col p{ font-size: 0.68rem; text-transform:uppercase; letter-spacing:.06em; color: var(--bc-gray-500); margin-bottom: 6px; font-weight: 700; }
.bc-kanban-card{
  background: var(--bc-white); border: 1px solid var(--bc-gray-200); border-radius: 8px;
  padding: 8px 9px; font-size: 0.7rem; color: var(--bc-charcoal); margin-bottom: 6px;
  display:flex; align-items:center; gap: 6px; box-shadow: 0 4px 10px -6px rgba(20,18,15,.15);
}
.bc-kanban-card.done{ color: var(--bc-gray-500); text-decoration: line-through; }
.bc-kanban-card i{ font-size: 0.65rem; }

.bc-float-card{
  position: absolute; display:flex; align-items:center; gap: 10px;
  background: rgba(255,255,255,0.85); backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: var(--bc-radius-sm); padding: 10px 14px; box-shadow: var(--bc-shadow-card);
  animation: bc-float 4.5s ease-in-out infinite;
}
.bc-float-card i{ color: var(--bc-orange-600); font-size: 1.1rem; }
.bc-float-card strong{ display:block; font-size: 0.82rem; color: var(--bc-ink); }
.bc-float-card span{ font-size: 0.72rem; color: var(--bc-gray-500); }
.bc-float-1{ top: -22px; left: -18px; animation-delay: 0s; }
.bc-float-2{ bottom: -18px; right: -14px; animation-delay: 1s; }
.bc-float-2 strong{ font-family: var(--bc-font-mono); }
@keyframes bc-float{ 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-9px);} }

.bc-mascot-badge{
  position:absolute; bottom: 34%; left: -34px; width: 58px; height: 58px; border-radius: 50%;
  background: var(--bc-white); box-shadow: var(--bc-shadow-card); border: 3px solid var(--bc-white);
  display:flex; align-items:center; justify-content:center; padding: 6px;
}
.bc-mascot-badge img{ width: 100%; height: 100%; object-fit: contain; }

/* =============================================================
   LOGO STRIP
============================================================= */
.bc-logostrip{ padding: 34px 0; background: var(--bc-gray-100); border-top: 1px solid var(--bc-gray-200); border-bottom: 1px solid var(--bc-gray-200); }
.bc-logostrip-label{ text-align:center; font-size: 0.82rem; color: var(--bc-gray-500); margin-bottom: 18px; font-weight: 600; }
.bc-logostrip-row{ display:flex; flex-wrap:wrap; justify-content:center; gap: 34px; }
.bc-logostrip-row span{ display:flex; align-items:center; gap: 8px; font-weight: 600; color: var(--bc-gray-700); font-size: 0.9rem; }
.bc-logostrip-row i{ color: var(--bc-orange-500); }

/* =============================================================
   ABOUT
============================================================= */
.bc-about{ padding: 110px 0; }
.bc-about-visual{ position: relative; padding: 30px; }
.bc-about-card-main{
  background: var(--bc-ink); color: var(--bc-white); border-radius: var(--bc-radius-lg);
  padding: 46px 34px; min-height: 320px; display:flex; flex-direction:column; justify-content:flex-end;
  box-shadow: var(--bc-shadow-soft);
  background-image: radial-gradient(circle at 85% 15%, rgba(255,122,26,.35), transparent 55%);
}
.bc-about-card-main i{ font-size: 2.2rem; color: var(--bc-orange-400); margin-bottom: 18px; }
.bc-about-card-main p{ font-size: 1.4rem; font-weight: 600; line-height: 1.3; }
.bc-about-card-sm{
  position:absolute; background: var(--bc-white); border-radius: var(--bc-radius-md);
  box-shadow: var(--bc-shadow-card); padding: 16px 18px; display:flex; align-items:center; gap: 12px;
  border: 1px solid var(--bc-gray-200); font-weight: 600; font-size: 0.88rem; color: var(--bc-charcoal);
}
.bc-about-card-sm i{ color: var(--bc-orange-600); font-size: 1.1rem; }
.bc-about-card-sm1{ top: 6px; right: -6px; }
.bc-about-card-sm2{ bottom: 6px; left: -6px; }

.bc-about-stats{ margin-top: 36px; }
.bc-stat{ font-family: var(--bc-font-mono); font-size: 1.9rem; font-weight: 700; color: var(--bc-ink); }
.bc-about-stats p{ font-size: 0.82rem; color: var(--bc-gray-500); margin-top: 2px; }

/* =============================================================
   FEATURES
============================================================= */
.bc-features{ padding: 110px 0; background: var(--bc-gray-100); }
.bc-feature-card{
  background: var(--bc-white); border-radius: var(--bc-radius-md); padding: 32px 26px;
  height: 100%; border: 1px solid var(--bc-gray-200);
  transition: transform .3s var(--bc-ease), box-shadow .3s var(--bc-ease), border-color .3s var(--bc-ease);
}
.bc-feature-card:hover{ transform: translateY(-6px); box-shadow: var(--bc-shadow-soft); border-color: transparent; }
.bc-feature-icon{
  width: 52px; height: 52px; border-radius: 14px; background: var(--bc-gradient);
  display:flex; align-items:center; justify-content:center; color: var(--bc-white); font-size: 1.25rem;
  margin-bottom: 20px;
}
.bc-feature-card h3{ font-size: 1.12rem; margin-bottom: 8px; }
.bc-feature-card p{ color: var(--bc-gray-700); font-size: 0.92rem; }

/* =============================================================
   WHY CHOOSE
============================================================= */
.bc-why{ padding: 110px 0; }
.bc-why-item{
  background: var(--bc-white); border: 1px solid var(--bc-gray-200); border-radius: var(--bc-radius-md);
  padding: 26px 22px; height: 100%; transition: box-shadow .3s var(--bc-ease), border-color .3s var(--bc-ease);
}
.bc-why-item:hover{ box-shadow: var(--bc-shadow-card); border-color: var(--bc-orange-300); }
.bc-why-item i{ color: var(--bc-orange-600); font-size: 1.3rem; margin-bottom: 14px; }
.bc-why-item h3{ font-size: 1.02rem; margin-bottom: 6px; }
.bc-why-item p{ color: var(--bc-gray-700); font-size: 0.88rem; }

/* =============================================================
   INDUSTRIES
============================================================= */
.bc-industries{ padding: 110px 0; background: var(--bc-gray-100); }
.bc-industry-card{
  background: var(--bc-white); border-radius: var(--bc-radius-md); padding: 30px 16px; text-align:center;
  border: 1px solid var(--bc-gray-200); height: 100%;
  transition: transform .3s var(--bc-ease), background .3s var(--bc-ease);
}
.bc-industry-card:hover{ transform: translateY(-5px); background: var(--bc-orange-50); }
.bc-industry-card i{ font-size: 1.6rem; color: var(--bc-orange-600); margin-bottom: 14px; }
.bc-industry-card h3{ font-size: 0.94rem; font-weight: 600; }

/* =============================================================
   BENEFITS
============================================================= */
.bc-benefits{ padding: 110px 0; }
.bc-benefit-card{
  background: var(--bc-ink); border-radius: var(--bc-radius-md); padding: 26px 22px; height: 100%;
  background-image: radial-gradient(circle at 90% 0%, rgba(255,122,26,.28), transparent 60%);
}
.bc-benefit-num{ font-family: var(--bc-font-mono); font-size: 2.1rem; font-weight: 700; color: var(--bc-orange-400); margin-bottom: 8px; }
.bc-benefit-card p{ color: rgba(255,255,255,0.78); font-size: 0.88rem; }

/* =============================================================
   TESTIMONIALS
============================================================= */
.bc-testimonials{ padding: 110px 0; background: var(--bc-gray-100); }
.bc-testimonial-card{
  background: var(--bc-white); border-radius: var(--bc-radius-lg); padding: 46px; text-align:center;
  box-shadow: var(--bc-shadow-card); border: 1px solid var(--bc-gray-200);
}
.bc-quote-icon{ font-size: 1.6rem; color: var(--bc-orange-300); margin-bottom: 18px; }
.bc-testimonial-card p{ font-size: 1.12rem; color: var(--bc-charcoal); line-height: 1.6; margin-bottom: 26px; }
.bc-testimonial-author{ display:flex; align-items:center; justify-content:center; gap: 12px; }
.bc-testimonial-author div{ text-align:left; }
.bc-testimonial-author strong{ display:block; font-size: 0.94rem; }
.bc-testimonial-author span{ font-size: 0.8rem; color: var(--bc-gray-500); }
.bc-avatar-circle{
  width: 44px; height: 44px; border-radius: 50%; background: var(--bc-gradient); color: var(--bc-white);
  display:flex; align-items:center; justify-content:center; font-weight: 700; font-size: 0.85rem; font-family: var(--bc-font-mono);
}
.carousel-control-prev, .carousel-control-next{ width: 50px; opacity: 1; }
.bc-carousel-arrow{
  width: 40px; height: 40px; border-radius: 50%; background: var(--bc-white); color: var(--bc-ink);
  display:flex; align-items:center; justify-content:center; box-shadow: var(--bc-shadow-card); font-size: 0.85rem;
}
.bc-carousel-indicators{ position: static; margin-top: 24px; }
.bc-carousel-indicators button{
  width: 8px; height: 8px; border-radius: 50%; background: var(--bc-gray-300); opacity:1; border:0;
}
.bc-carousel-indicators button.active{ background: var(--bc-orange-600); }

/* =============================================================
   FAQ
============================================================= */
.bc-faq{ padding: 110px 0; }
.bc-accordion .accordion-item{ border: 1px solid var(--bc-gray-200); border-radius: var(--bc-radius-sm) !important; margin-bottom: 14px; overflow:hidden; }
.bc-accordion .accordion-button{
  font-family: var(--bc-font-display); font-weight: 600; color: var(--bc-ink); font-size: 0.98rem;
  background: var(--bc-white); box-shadow:none;
}
.bc-accordion .accordion-button:not(.collapsed){ color: var(--bc-orange-600); background: var(--bc-orange-50); }
.bc-accordion .accordion-button:focus{ box-shadow:none; }
.bc-accordion .accordion-button::after{ filter: sepia(1) saturate(4) hue-rotate(-10deg); }
.bc-accordion .accordion-body{ color: var(--bc-gray-700); font-size: 0.92rem; }

/* =============================================================
   CONTACT
============================================================= */
.bc-contact{ padding: 110px 0; }
.bc-contact-card{
  border-radius: var(--bc-radius-lg); overflow:hidden; box-shadow: var(--bc-shadow-soft);
}
.bc-contact-info{
  background: var(--bc-ink); color: var(--bc-white); padding: 52px 44px;
  background-image: radial-gradient(circle at 10% 100%, rgba(255,122,26,.3), transparent 55%);
}
.bc-contact-info h2{ color: var(--bc-white); font-size: 1.7rem; margin-bottom: 14px; }
.bc-contact-info p{ color: rgba(255,255,255,0.72); margin-bottom: 30px; }
.bc-contact-list{ list-style:none; padding:0; margin: 0 0 30px; display:flex; flex-direction:column; gap: 14px; }
.bc-contact-list li{ display:flex; align-items:center; gap: 12px; font-size: 0.92rem; color: rgba(255,255,255,0.9); }
.bc-contact-list i{ color: var(--bc-orange-400); width: 18px; }
.bc-social-row{ display:flex; gap: 12px; }
.bc-social-row a{
  width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.25);
  display:flex; align-items:center; justify-content:center; transition: background .2s, border-color .2s;
}
.bc-social-row a:hover{ background: var(--bc-orange-600); border-color: var(--bc-orange-600); }

.bc-contact-form-wrap{ background: var(--bc-white); padding: 52px 44px; }
.bc-contact-form .form-label{ font-size: 0.85rem; font-weight: 600; color: var(--bc-charcoal); margin-bottom: 6px; }
.bc-contact-form .form-control{
  border-radius: var(--bc-radius-sm); border: 1.5px solid var(--bc-gray-200); padding: 11px 14px; font-size: 0.94rem;
}
.bc-contact-form .form-control:focus{ border-color: var(--bc-orange-500); box-shadow: 0 0 0 3px rgba(255,122,26,.15); }
.bc-form-note{ margin-top: 14px; font-size: 0.88rem; color: var(--bc-orange-600); font-weight: 600; text-align:center; min-height: 1.2em; }

/* =============================================================
   FOOTER
============================================================= */
.bc-footer{ background: var(--bc-ink); color: rgba(255,255,255,0.7); padding: 80px 0 26px; }
.bc-footer-logo{ height: 32px; margin-bottom: 16px; filter: brightness(0) invert(1); }
.bc-footer p{ font-size: 0.9rem; margin-bottom: 20px; }
.bc-footer h4{ color: var(--bc-white); font-size: 0.92rem; margin-bottom: 18px; }
.bc-footer ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 12px; }
.bc-footer ul a{ font-size: 0.9rem; color: rgba(255,255,255,0.65); transition: color .2s; }
.bc-footer ul a:hover{ color: var(--bc-orange-400); }
.bc-newsletter-form{ display:flex; border-radius: 999px; overflow:hidden; border: 1px solid rgba(255,255,255,0.25); }
.bc-newsletter-form input{
  flex:1; background: transparent; border:0; padding: 12px 18px; color: var(--bc-white); font-size: 0.9rem;
}
.bc-newsletter-form input::placeholder{ color: rgba(255,255,255,0.45); }
.bc-newsletter-form input:focus{ outline:none; }
.bc-newsletter-form button{
  background: var(--bc-gradient); border:0; width: 46px; color: var(--bc-white); font-size: 0.9rem;
}
.bc-footer-rule{ border-color: rgba(255,255,255,0.12); margin: 44px 0 22px; }
.bc-footer-bottom{ display:flex; flex-wrap:wrap; justify-content:space-between; gap: 14px; font-size: 0.84rem; }
.bc-footer-legal{ display:flex; gap: 22px; }
.bc-footer-legal a{ color: rgba(255,255,255,0.6); transition: color .2s; }
.bc-footer-legal a:hover{ color: var(--bc-orange-400); }

/* =============================================================
   SCROLL TO TOP
============================================================= */
.bc-scroll-top{
  position: fixed; bottom: 26px; right: 26px; width: 46px; height: 46px; border-radius: 50%;
  background: var(--bc-gradient); color: var(--bc-white); border:0; box-shadow: var(--bc-shadow-card);
  display:flex; align-items:center; justify-content:center; z-index: 900;
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: opacity .3s var(--bc-ease), transform .3s var(--bc-ease), visibility .3s;
}
.bc-scroll-top.show{ opacity: 1; visibility: visible; transform: translateY(0); }
.bc-scroll-top:hover{ transform: translateY(-3px); }

/* =============================================================
   RESPONSIVE
============================================================= */
@media (max-width: 991.98px){
  .bc-nav-links{ margin: 18px 0; gap: 2px; }
  .bc-nav-actions{ justify-content:space-between; padding-top: 14px; border-top: 1px solid var(--bc-gray-200); }
  .bc-dash-card{ transform:none; }
  .bc-mascot-badge{ left: 6px; }
  .bc-hero{ padding-top: 110px; }
}

@media (max-width: 767.98px){
  .bc-about, .bc-features, .bc-why, .bc-industries, .bc-benefits, .bc-testimonials, .bc-faq, .bc-contact{ padding: 76px 0; }
  .bc-contact-info, .bc-contact-form-wrap{ padding: 38px 26px; }
  .bc-float-card{ display:none; }
  .bc-about-card-sm{ position: static; margin-top: 14px; }
  .bc-about-visual{ padding: 0; display:flex; flex-direction:column; }
}