/* ===== Reset (scoped to this iframe doc) ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
    html {
      width: 100%;
      background: transparent;
      overflow-x: hidden;
      -webkit-text-size-adjust: 100%;
    }
    body {
      font-family: 'inter',"inter Fallback", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
      color: hsl(210, 40%, 98%);
      -webkit-font-smoothing: antialiased;
      min-height: 105px; /* topbar + header */
    }
    /* ===== Tokens ===== */
    :root {
      --bg: hsl(222, 47%, 6%);
      --bg-card: hsl(222, 47%, 8%);
      --fg: hsl(210, 40%, 98%);
      --primary: hsl(210, 100%, 52%);
      --cyan: hsl(187, 80%, 52%);
      --purple: hsl(270, 70%, 60%);
      --muted: hsl(215, 20%, 65%);
      --border: hsl(222, 30%, 18%);
      --radius: 0.75rem;
      --gradient-btn: linear-gradient(135deg, var(--cyan) 0%, var(--primary) 50%, var(--purple) 100%);
      --topbar-h: 41px;
      --header-h: 64px;
      --max-w: 1600px;
    }
    a { color: inherit; text-decoration: none; }
    button { cursor: pointer; border: none; background: none; font: inherit; color: inherit; }
    ul { list-style: none; }
    img { display: block; max-width: 100%; }
    /* ===== Wrapper ===== */
    .gs-header-wrap {
      position: relative;
      width: 100%;
      background: var(--bg);
    }
    /* ===== Top Bar ===== */
    .topbar {
      background: var(--bg-card);
      border-bottom: 1px solid var(--border);
      height: var(--topbar-h);
      display: flex;
      align-items: center;
      transition: max-height 0.3s ease, opacity 0.3s ease, border-color 0.3s ease;
      max-height: var(--topbar-h);
      overflow: hidden;
      opacity: 1;
    }
    .topbar.hidden { max-height: 0; opacity: 0; border-bottom-color: transparent; }
    .topbar-inner {
      width: 100%;
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 0 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }
    .topbar-contact { display: flex; align-items: center; gap: 1.25rem; min-width: 0; }
    .topbar-contact a, .topbar-contact span {
      display: inline-flex; align-items: center; gap: 0.4rem;
      font-size: 0.8125rem; color: var(--muted); transition: color 0.2s;
      white-space: nowrap;
    }
    .topbar-contact a:hover { color: var(--primary); }
    .topbar-contact .icon { color: var(--primary); width: 14px; height: 14px; flex-shrink: 0; }
    .topbar-location { display: none; }
    @media (min-width: 640px) { .topbar-location { display: inline-flex; } }
    .topbar-social { display: flex; align-items: center; gap: 0.6rem; flex-shrink: 0; }
    .topbar-social a { color: var(--muted); transition: color 0.2s; display: inline-flex; padding: 4px; }
    .topbar-social a:hover { color: var(--primary); }
    .topbar-social svg { width: 16px; height: 16px; }
    /* ===== Main header ===== */
    .site-header {
      height: var(--header-h);
      background: hsla(222, 47%, 6%, 0.92);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid transparent;
      transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }
    .site-header.scrolled {
      background: hsla(222, 47%, 6%, 0.97);
      box-shadow: 0 4px 20px rgba(0,0,0,0.4);
      border-bottom-color: var(--border);
    }
    .header-inner {
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 0 1rem;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
    }
    /* ===== Logo ===== */
    .logo-link {
      display: flex; align-items: center;
      height: 48px; position: relative; flex-shrink: 0;
    }
    .logo-link img {
      height: 100%; width: 120px; position: relative; z-index: 2;
      filter: drop-shadow(0 0 4px hsla(210, 100%, 52%, 0.4));
    }
    .logo-bars {
      position: absolute; inset: 0;
      display: flex; align-items: center; justify-content: center;
      gap: 1.5px; z-index: 1; pointer-events: none;
    }
    .logo-bars .bar {
      width: 2.5px; border-radius: 9999px;
      background: linear-gradient(to top, var(--primary) 0%, var(--primary) 60%, hsla(210,100%,52%,0.4) 100%);
      animation: barPulse var(--dur) ease-in-out infinite var(--delay);
    }
    @keyframes barPulse {
      0%, 100% { height: var(--min); }
      50%      { height: var(--max); }
    }
    /* ===== Desktop Nav ===== */
    .desktop-nav { display: none; align-items: center; gap: 0.1rem; flex: 1; justify-content: center; }
    @media (min-width: 1024px) { .desktop-nav { display: flex; } }
    .nav-item { position: relative; }
    .nav-link {
      display: inline-flex; align-items: center; gap: 4px;
      padding: 0.5rem 0.5rem;
      font-size: 0.8125rem; font-weight: 500;
      color: var(--muted); transition: color 0.2s;
      white-space: nowrap;
    }
    .nav-link:hover, .nav-link.active { color: var(--primary); }
    .nav-link.gembot { color: var(--primary); font-weight: 600; }
    .nav-link.ar-preview { color: var(--cyan); font-weight: 600; }
    .nav-link .chevron { width: 12px; height: 12px; }
    .dropdown {
      position: absolute; top: 100%; left: 0; padding-top: 0.5rem;
      opacity: 0; pointer-events: none;
      transform: translateY(8px);
      transition: opacity 0.2s, transform 0.2s;
      z-index: 50;
    }
    .nav-item:hover > .dropdown,
    .nav-item:focus-within > .dropdown {
      opacity: 1; pointer-events: auto; transform: translateY(0);
    }
    .dropdown-menu {
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: 0 10px 40px rgba(0,0,0,0.5);
      min-width: 220px;
      padding: 0.5rem 0;
    }
    .dropdown-menu a {
      display: block; padding: 0.5rem 1rem;
      font-size: 0.875rem; color: var(--muted);
      transition: color 0.2s, background 0.2s;
    }
    .dropdown-menu a:hover { color: var(--primary); background: hsla(210, 100%, 52%, 0.08); }
    
    
    /* ===== CTA ===== */
    .header-cta-desktop { display: none; align-items: center; flex-shrink: 0; }
    @media (min-width: 1024px) { .header-cta-desktop { display: flex; z-index: 9999; } }
    .btn-hero {
      display: inline-flex; align-items: center; justify-content: center;
      padding: 0.625rem 1.25rem;
      font-size: 0.875rem; font-weight: 600;
      border-radius: var(--radius);
      background: linear-gradient(90deg, #00bfff, #0080ff)!important;
      color: hsl(222, 47%, 6%);
      transition: transform 0.15s, box-shadow 0.2s, opacity 0.2s;
      box-shadow: 0 0 20px hsla(187, 80%, 52%, 0.25);
      -webkit-appearance: none; appearance: none;
    }
    .btn-hero:hover { transform: translateY(-1px); box-shadow: 0 0 30px hsla(187, 80%, 52%, 0.35); opacity: 0.95; color:white; }
    .btn-hero:active { transform: translateY(0); }
    /* ===== Mobile toggle ===== */
    .mobile-toggle {
      display: inline-flex; align-items: center; justify-content: center;
      width: 44px; height: 44px; color: var(--fg);
      border-radius: 8px;
    }
    .mobile-toggle:active { background: hsla(0,0%,100%,0.06); }
    @media (min-width: 1024px) { .mobile-toggle { display: none; } }
    .mobile-toggle svg { width: 24px; height: 24px; }
    /* ===== Mobile Nav ===== */
    .mobile-nav {
      display: none;
      background: var(--bg-card);
      border-top: 1px solid var(--border);
      max-height: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
      transition: max-height 0.3s ease;
    }
    .mobile-nav.open {
      display: block;
      max-height: 80vh;
      max-height: 80dvh;
    }
    @media (min-width: 1024px) { .mobile-nav, .mobile-nav.open { display: none; } }
    .mobile-nav-inner { padding: 1rem; }
    .mobile-nav-link {
      display: flex; align-items: center; gap: 0.5rem;
      padding: 0.625rem 0;
      font-size: 1rem; font-weight: 500;
      color: var(--muted); transition: color 0.2s;
    }
    .mobile-nav-link:hover, .mobile-nav-link.active { color: var(--primary); }
    .mobile-nav-link.gembot { color: var(--primary); font-weight: 600; }
    .mobile-nav-link.ar-preview { color: var(--cyan); font-weight: 600; }
    .mobile-sub {
      margin-left: 0.75rem; padding-left: 0.75rem;
      border-left: 1px solid var(--border);
      margin-top: 0.25rem; margin-bottom: 0.25rem;
    }
    .mobile-sub a {
      display: block; padding: 0.4rem 0;
      font-size: 0.875rem; color: var(--muted); transition: color 0.2s;
    }
    .mobile-sub a:hover { color: var(--primary); }
    .mobile-cta-wrap {
      padding-top: 0.75rem; margin-top: 0.5rem;
      border-top: 1px solid var(--border);
      z-index: 9999;
    }
    .btn-hero.full {
      width: 100%; font-size: 1rem;
      padding: 0.85rem 1.5rem;
      background: var(--gradient-btn);
      color: white;
    }