/* Custom Design System Tokens */
    body { font-family: 'Inter', sans-serif; background-color: #F8FAFC; }
    h1, h2, h3 { font-family: 'Rubik', sans-serif; }
    .mono { font-family: 'JetBrains Mono', monospace; }
    
    /* Glassmorphism Header */
    .glass {
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    }
    
    /* Iframe Container */
    .iframe-container {
      position: relative;
      width: 100%;
      height: 700px;
      border-radius: 24px;
      overflow: hidden;
      border: 1px solid #E2E8F0;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);
      background-color: #0B0F19; /* Dark industrial bg */
    }

    /* Tab Controls */
    .tab-active {
      background-color: #0F172A;
      color: white;
      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.3);
      border: 1px solid #0F172A;
    }
    
    .tab-inactive {
      background-color: #FFFFFF;
      color: #64748B;
      border: 1px solid #E2E8F0;
    }
    .tab-inactive:hover {
      background-color: #F1F5F9;
      color: #334155;
    }

    /* Animations */
    .fade-in-up {
      animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
      opacity: 0;
      transform: translateY(20px);
    }
    @keyframes fadeInUp {
      to { opacity: 1; transform: translateY(0); }
    }
    .delay-100 { animation-delay: 0.1s; }
    .delay-200 { animation-delay: 0.2s; }