/* ============================================================
   COMPANY — HERO (solo extra, NO API values)
   ============================================================ */

.company-hero__shell{
  border-radius:22px;
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(59,130,246,.14), rgba(255,255,255,0) 60%),
    radial-gradient(650px 420px at 82% 28%, rgba(15,23,42,.10), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.82));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 20px 60px rgba(15,23,42,.10);
  backdrop-filter: blur(10px);
}

.company-hero__img{
  filter: drop-shadow(0 26px 40px rgba(15,23,42,.16));
  transform: translateY(2px);
}

.company-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:9999px;
  line-height:1;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

.company-btn__text{
  font-weight:800;
  letter-spacing:.2px;
  font-size:.85rem;
}

.company-btn--primary{
  background: rgba(15,23,42,.94);
  box-shadow:0 14px 34px rgba(15,23,42,.20);
}

.company-btn--primary:hover{
  transform: translateY(-1px);
  box-shadow:0 18px 42px rgba(15,23,42,.26);
}

.company-btn--ghost{
  background: rgba(255,255,255,.85);
}

.company-btn--ghost:hover{
  transform: translateY(-1px);
  border-color: rgba(59,130,246,.30);
  box-shadow:0 14px 32px rgba(15,23,42,.12);
}

/* responsive */
@media (max-width: 980px){
  .company-hero__shell{
    padding:52px 26px 44px 26px !important;
  }
  .company-hero__visual{
    --mw:420px !important;
  }
  .company-hero__img{
    max-width:420px !important;
    width:min(420px, 100%) !important;
  }
}

@media (max-width: 780px){
  .company-hero__shell{
    padding:44px 20px 36px 20px !important;
  }
  .company-hero__visual{
    display:none !important;
  }
  .company-hero__img{ padding:52px 22px 40px 22px !important; 
  }
}

@media (prefers-reduced-motion: reduce){
  .company-btn{ transition:none; }
  .company-hero__img{ transform:none; }
}