:root {
   /* HERO TITLE */
   .hero-section {
    padding: 48px 28px 36px;
    border-bottom: 0.5px solid var(--border);
    animation: fadeUp 0.5s ease both;
  }

  .hero-title {
    font-family: 'Syne', sans-serif;
    font-size: clamp(32px, 8vw, 44px);
    font-weight: 700;
    color: var(--text);
    line-height: 1.00;
    margin-bottom: 10px;
    letter-spacing: -0.01em;
  }
  
   
   /* STATS GRID */
  .stats-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .stat-card {
    background: var(--bg2);
    border: 0.5px solid var(--border2);
    border-radius: 10px;
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
  }

  .stat-card-o { border-top: 1.5px solid var(--orange); }
  .stat-card-y { border-top: 1.5px solid var(--yellow); }

  a.stat-card {
    text-decoration: none;
    transition: border-color 0.2s, background 0.2s;
    cursor: pointer;
  }
  a.stat-card-o:hover { background: #0f0f0f; border-color: var(--orange); }
  a.stat-card-y:hover { background: #0f0f0f; border-color: var(--yellow); }

  .stat-platform {
    font-size: 16px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
  }

  .stat-platform-o { color: var(--orange); }
  .stat-platform-y { color: var(--yellow); }

  .stat-handle {
    font-size: 15px;
    color: var(--text3);
    margin-bottom: 16px;
    font-weight: 300;
  }

  .stat-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .stat-item {}

  .stat-num {
    font-family: 'Syne', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    line-height: 1;
    margin-bottom: 3px;
  }

  .stat-label {
    font-size: 14px;
    color: var(--text3);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 300;
  }

  /* AUDIENCE */
  .audience-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .audience-card {
    background: var(--bg2);
    border: 0.5px solid var(--border2);
    border-radius: 8px;
    padding: 14px 16px;
    text-align: center;
	overflow: hidden;
  }

  .audience-num {
    font-family: 'Syne', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--orange);
    margin-bottom: 4px;
	word-wrap: break-word;
  }

  .audience-label {
    font-size: 14px;
    color: var(--text3);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.4;
	word-wrap: break-word;
  }

  /* CONTENT PILLARS */
  .pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .pillar-card {
    background: var(--bg2);
    border: 0.5px solid var(--border2);
    border-radius: 8px;
    padding: 16px;
	overflow: hidden;
  }

  .pillar-icon {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .pillar-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--text);
    margin-bottom: 4px;
    font-family: 'Syne', sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .pillar-desc {
    font-size: 14px;
    color: var(--text3);
    line-height: 1.5;
    font-weight: 300;
	word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* COLLABS */
  .collab-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .collab-card {
    background: var(--bg2);
    border: 0.5px solid var(--border2);
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .collab-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
  }

  .collab-dot-o { background: var(--orange); }
  .collab-dot-y { background: var(--yellow); }

  .collab-name {
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
  }

  .collab-type {
    font-size: 16px;
    color: var(--text3);
    margin-top: 2px;
    font-weight: 300;
  }
  /* BACK LINK */
  .back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--text3);
    text-decoration: none;
    letter-spacing: 0.06em;
    transition: color 0.2s;
    margin-bottom: 0;
  }
  
  @media (min-width: 1440px) {
  .site { max-width: 900px; }
  nav { max-width: 900px; }
}

@media (min-width: 1920px) {
  .site { max-width: 1080px; }
  nav { max-width: 1080px; }
}
@media (max-width: 600px) {
  .stats-grid { gap: 12px; }
  .stat-card { padding: 16px; }
  .stat-num { font-size: 14px; }
  .stat-label { font-size: 11px; }
  .stat-handle { font-size: 14px; }
  .stat-platform { font-size: 11px; }
  .audience-grid { gap: 10px; }
  .audience-card { padding: 14px; }
  .audience-num { font-size: 13px; }
  .audience-label { font-size: 12px; }
  .collab-name { font-size: 15px; font-weight: 500; color: var(--text); }
  .collab-type { font-size: 14px; color: var(--text3); margin-top: 2px; font-weight: 300; }
  .collab-grid {grid-template-columns: 1fr;}
  .collab-card {min-width: 0;}
  .pillar-desc {font-size: 12px; color: var(--text3); margin-top: 2px; font-weight: 300; }

  
}
  
  a.collab-card:hover {
  border-color: var(--orange);
}

a.collab-card {
  text-decoration: none;
  color: inherit;
}