/* Inlined from about/company.html */

/* Hero — editorial dark (matches Vision/TOP tone) */
    .co-hero {
      margin-top: 70px;
      padding: 110px 0 90px;
      position: relative;
      background:
        radial-gradient(circle at 15% 25%, rgba(234,179,8,0.12) 0%, transparent 50%),
        radial-gradient(circle at 85% 75%, rgba(202,138,4,0.10) 0%, transparent 55%),
        linear-gradient(180deg, #050b1a 0%, #0f172a 50%, #1e293b 100%);
      overflow: hidden;
    }
    .co-hero::before {
      content: '';
      position: absolute; inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 80px 80px;
      pointer-events: none;
    }
    .co-hero .container { position: relative; z-index: 2; }
    .co-hero-header {
      display: flex; align-items: center; gap: 16px; margin-bottom: 40px;
    }
    .co-hero-header .v-label {
      font-family: 'Lato', sans-serif;
      font-size: 0.75rem; letter-spacing: 0.36em; font-weight: 700;
      color: var(--accent); text-transform: uppercase;
    }
    .co-hero-header .v-rule { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(234,179,8,0.7) 0%, rgba(234,179,8,0.1) 100%); max-width: 200px; }
    .co-hero-header .v-meta {
      font-family: 'Lato', sans-serif; font-size: 0.72rem; letter-spacing: 0.18em;
      color: rgba(255,255,255,0.35); text-transform: uppercase;
    }
    .co-hero h1 {
      font-size: clamp(2.2rem, 4.5vw, 3.4rem);
      line-height: 1.4;
      letter-spacing: 0.04em;
      color: #fff;
      margin: 0 0 24px;
      font-weight: 900;
    }
    .co-hero h1 .accent { color: var(--accent); font-style: italic; }
    .co-hero .co-lead {
      color: rgba(255,255,255,0.78);
      font-size: 1.02rem;
      line-height: 2.05;
      max-width: 720px;
      margin: 0 0 48px;
    }
    .co-hero-stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
    @media (max-width: 900px) { .co-hero-stats { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 480px) { .co-hero-stats { grid-template-columns: 1fr; } }
    .co-stat {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 14px;
      padding: 22px 22px;
      backdrop-filter: blur(8px);
      transition: transform 0.3s, border-color 0.3s, background 0.3s;
    }
    .co-stat:hover { transform: translateY(-4px); border-color: rgba(234,179,8,0.4); background: rgba(234,179,8,0.06); }
    .co-stat .cs-label {
      font-family: 'Lato', sans-serif;
      font-size: 0.66rem;
      letter-spacing: 0.26em;
      font-weight: 700;
      color: rgba(255,255,255,0.5);
      text-transform: uppercase;
    }
    .co-stat .cs-num {
      font-family: 'Lato', serif;
      font-style: italic;
      font-weight: 900;
      font-size: 2.2rem;
      line-height: 1.1;
      margin-top: 6px;
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .co-stat .cs-num .cs-unit { color: rgba(255,255,255,0.6); font-weight: 600; font-size: 0.85rem; margin-left: 4px; font-style: normal; -webkit-text-fill-color: rgba(255,255,255,0.6); }
    .co-stat .cs-sub { color: rgba(255,255,255,0.72); font-size: 0.82rem; margin-top: 6px; line-height: 1.65; }

    @media (prefers-reduced-motion: no-preference) {
      .co-hero h1 { animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both; }
      .co-hero .co-lead { animation: heroRise 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both; }
      .co-hero-stats { animation: heroRise 1s cubic-bezier(0.22, 1, 0.36, 1) 0.45s both; }
      @keyframes heroRise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
    }

    .company-table { max-width: 820px; margin: 0 auto; background: #fff; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--card-shadow); border: 1px solid var(--border); }
    .company-table dl { display: grid; grid-template-columns: 220px 1fr; margin: 0; }
    .company-table dt { padding: 20px 24px; background: var(--bg-alt); font-weight: 700; color: var(--primary); border-bottom: 1px solid var(--border); font-size: 0.95rem; }
    .company-table dd { padding: 20px 24px; margin: 0; border-bottom: 1px solid var(--border); color: var(--text); font-size: 0.95rem; line-height: 1.8; }
    .company-table dl > *:nth-last-child(-n+2) { border-bottom: none; }
    .company-table ul { margin: 0; padding-left: 1.2em; }
    .company-table ul li { padding: 3px 0; }
    .company-table .sub-label { font-weight: 700; color: var(--accent-dark); display: block; margin-top: 10px; font-size: 0.9rem; }
    .company-table .sub-label:first-child { margin-top: 0; }
    @media (max-width: 768px) {
      .company-table dl { grid-template-columns: 1fr; }
      .company-table dt { border-bottom: none; padding-bottom: 8px; }
      .company-table dd { padding-top: 8px; }
    }