.service-hero {
        position: relative;
        min-height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
      }
      .service-hero-grid {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        gap: 4rem;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        padding: 120px 5% 80px;
        position: relative;
        z-index: 2;
        width: 100%;
      }
      .service-hero-content { text-align: left; }
      .service-hero-content .main-title { font-size: clamp(2.5rem, 4vw, 4rem); line-height: 1.1; margin: 1rem 0; }
      .service-hero-content .description { margin-bottom: 2rem; font-size: 1.1rem; max-width: 520px; }
      .service-hero-content .hero-btns { justify-content: flex-start; }

      /* Hero Background Animations adapted to global theme */
      .gear-anim { position: absolute; right: 5%; top: 20%; font-size: 8rem; animation: spin 20s linear infinite; opacity: .04; pointer-events: none; z-index: 0; }
      .gear-anim2 { position: absolute; right: 20%; top: 50%; font-size: 5rem; animation: spin 15s linear infinite reverse; opacity: .03; pointer-events: none; z-index: 0; }
      @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

      /* 3D Code Window adapted to global theme */
      .code-window {
        background: #0d1117;
        border-radius: 16px;
        border: 1px solid rgba(124,58,237,0.3);
        overflow: hidden;
        box-shadow: 0 32px 80px rgba(0,0,0,.6);
        transform: perspective(1000px) rotateY(-5deg);
        transition: transform .6s ease, box-shadow .6s ease;
        z-index: 2;
        position: relative;
      }
      .code-window:hover { transform: perspective(1000px) rotateY(0); box-shadow: 0 32px 80px rgba(124,58,237,.25); }
      .code-topbar { background: #161b22; padding: .7rem 1rem; display: flex; align-items: center; gap: .5rem; border-bottom: 1px solid rgba(255,255,255,.06); }
      .c-dot { width: 10px; height: 10px; border-radius: 50%; }
      .code-file { flex: 1; text-align: center; font-size: .75rem; color: #94a3b8; font-family: 'Inter', sans-serif; letter-spacing: 0.05em; }
      .code-body { padding: 1.8rem; font-family: 'Courier New', monospace; font-size: .85rem; line-height: 1.8; text-align: left; }
      .ln { color: #6e7681; } .kw { color: #ff7b72; } .fn { color: #d2a8ff; } .st { color: #a5d6ff; } .cm { color: #8b949e; font-style: italic; }

      /* Use Cases Grid specific to this page */
      .usecases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin-top: 3rem; }
      .uc-card { background: #141625; border: 1px solid rgba(124,58,237,0.2); border-radius: 14px; padding: 2rem 1.5rem; text-align: center; transition: all .3s; }
      .uc-card:hover { border-color: #7c3aed; transform: translateY(-4px); box-shadow: 0 16px 40px rgba(124,58,237,.15); }
      .uc-icon { font-size: 2.5rem; margin-bottom: 1rem; }
      .uc-title { font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 1.1rem; margin-bottom: .5rem; color: #f1f5f9; }
      .uc-desc { color: #94a3b8; font-size: .9rem; line-height: 1.5; }

      /* Simple Skills Grid utility */
      .simple-skills-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; max-width: 1000px; margin: 2rem auto 0; }

      @media (max-width: 960px) {
        .service-hero-grid { grid-template-columns: 1fr; text-align: center; gap: 3rem; }
        .service-hero-content { text-align: center; }
        .service-hero-content .description { margin: 0 auto 2rem; }
        .service-hero-content .hero-btns { justify-content: center; }
        .code-window { display: none; }
      }