/* ══════════════════════════════
   COMPANY SECTION
══════════════════════════════ */

#company {
  background: linear-gradient(140deg, #0D2B55 0%, #0A1628 50%, #0A0E17 100%);
  padding: 100px 64px;
}

#company::before {
  content: '';
  position: absolute; right: -180px; top: -180px;
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(37,99,235,0.16) 0%, transparent 65%);
  pointer-events: none;
}
#company::after {
  content: '';
  position: absolute; left: -80px; bottom: -80px;
  width: 400px; height: 400px; border-radius: 50%;
  background: radial-gradient(circle, rgba(126,200,227,0.08) 0%, transparent 65%);
  pointer-events: none;
}

.company-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px; align-items: center;
  width: 100%; max-width: 1280px; margin: 0 auto;
  position: relative; z-index: 1;
}

/* Text column */
.company-text h2 { color: var(--white); margin-bottom: 30px; }
.company-text p  {
  font-size: 15px; line-height: 1.85;
  color: rgba(255,255,255,0.55); margin-bottom: 20px;
}
.company-text p:last-child { margin-bottom: 0; }

/* Stats column */
.company-stats { display: flex; flex-direction: column; gap: 20px; }

.stat-card {
  background: rgba(200,230,245,0.05);
  border: 1px solid rgba(200,230,245,0.09);
  border-radius: 20px; padding: 28px 32px;
  position: relative; overflow: hidden;
  transition: transform 0.35s, border-color 0.35s, background 0.35s;
}
.stat-card:hover {
  transform: translateX(-6px);
  border-color: rgba(126,200,227,0.3);
  background: rgba(200,230,245,0.09);
}
.stat-card::before {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, var(--sky-mid), var(--accent));
  border-radius: 0 2px 2px 0;
}

.stat-num {
  font-family: 'Unbounded', sans-serif;
  font-size: clamp(28px, 4vw, 40px); font-weight: 900;
  color: var(--sky-mid); line-height: 1;
}
.stat-desc {
  font-size: 13.5px; color: rgba(255,255,255,0.5);
  margin-top: 8px; line-height: 1.5;
}

/* ── RESPONSIVE ── */
@media (max-width: 960px) {
  #company { padding: 80px 32px; }

  .company-grid { grid-template-columns: 1fr; gap: 44px; }

  #company::before { width: 300px; height: 300px; right: -80px; top: -80px; }
}

@media (max-width: 700px) {
  .stat-card { padding: 22px 24px; }
  .stat-num  { font-size: 30px; }
}

@media (max-width: 480px) {
  #company { padding: 60px 16px; }
}

@media (hover: none) {
  .stat-card:hover { transform: none; }
}