/* ── SECTIONS ── */
    section {
      padding: 100px 10%;
      position: relative;
      z-index: 1;
    }

    /* ── HERO ── */
    #home {
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding-top: 120px;
      padding-bottom: 80px;
    }

    .hero-inner {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 48px;
    }

    .hero-left {
      flex: 0 0 65%;
      max-width: 65%;
    }

    .hero-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 0.78rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent);
      background: var(--accent-dim);
      border: 1px solid rgba(108,99,255,0.25);
      padding: 6px 14px;
      border-radius: 100px;
      margin-bottom: 28px;
      opacity: 0;
      animation: fadeUp 0.6s 0.1s forwards;
    }

    .hero-tag::before {
      content: '';
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--accent);
      animation: pulse 2s infinite;
    }

    @keyframes pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(0.8); }
    }

    .hero-heading {
      font-family: var(--font-display);
      font-size: clamp(3rem, 6vw, 5.5rem);
      font-weight: 800;
      line-height: 1.0;
      letter-spacing: -0.03em;
      margin-bottom: 24px;
      opacity: 0;
      animation: fadeUp 0.7s 0.2s forwards;
    }

    .hero-heading .accent { color: var(--accent); }

    .hero-sub {
      font-size: clamp(0.95rem, 1.4vw, 1.1rem);
      color: var(--muted);
      max-width: 480px;
      line-height: 1.8;
      margin-bottom: 12px;
      opacity: 0;
      animation: fadeUp 0.7s 0.35s forwards;
    }

    .hero-roles {
      font-size: 0.95rem;
      color: var(--muted);
      margin-bottom: 40px;
      opacity: 0;
      animation: fadeUp 0.7s 0.45s forwards;
    }

    .hero-roles span {
      color: var(--text);
      font-weight: 500;
    }

    .hero-btns {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      opacity: 0;
      animation: fadeUp 0.7s 0.55s forwards;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 28px;
      border-radius: 8px;
      font-family: var(--font-body);
      font-size: 0.9rem;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.25s;
      text-decoration: none;
      letter-spacing: 0.02em;
    }

    .btn-primary {
      background: var(--accent);
      color: #fff;
      border: none;
      box-shadow: 0 0 0 0 var(--accent-glow);
    }

    .btn-primary:hover {
      background: #00a822;
      transform: translateY(-2px);
      box-shadow: 0 8px 30px var(--accent-glow);
    }

    .btn-outline {
      background: transparent;
      color: var(--text);
      border: 1px solid var(--border);
    }

    .btn-outline:hover {
      border-color: var(--accent);
      color: var(--accent);
      transform: translateY(-2px);
    }

    /* Hero Right — Profile Image */
    .hero-right {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      animation: fadeIn 1s 0.5s forwards;
    }

    .profile-ring {
      position: relative;
      width: 280px;
      height: 280px;
    }

    .profile-ring::before {
      content: '';
      position: absolute;
      inset: -3px;
      border-radius: 50%;
      background: conic-gradient(var(--accent), transparent, var(--accent), transparent);
      animation: spin 6s linear infinite;
      z-index: 0;
    }

    .profile-ring::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      background: var(--bg);
      z-index: 1;
    }

    .profile-img {
      position: absolute;
      inset: 6px;
      border-radius: 50%;
      object-fit: cover;
      z-index: 2;
      width: calc(100% - 12px);
      height: calc(100% - 12px);
    }

    @keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }