.gemini-hero-shell {
      background-color: #f8fafc;
      color: #0f172a;
      overflow-x: hidden;
    }

    /* Ambient animated mesh gradients */
    .mesh-gradient-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden;
      pointer-events: none;
      z-index: 0;
    }

    .blob-1 {
      position: absolute;
      top: -10%;
      right: 5%;
      width: 650px;
      height: 650px;
      background: radial-gradient(circle, rgba(14, 165, 233, 0.13) 0%, rgba(59, 130, 246, 0.04) 50%, transparent 70%);
      filter: blur(60px);
      animation: floatSlow 18s ease-in-out infinite alternate;
    }

    .blob-2 {
      position: absolute;
      top: 25%;
      left: -8%;
      width: 700px;
      height: 700px;
      background: radial-gradient(circle, rgba(99, 102, 241, 0.1) 0%, rgba(6, 182, 212, 0.05) 50%, transparent 70%);
      filter: blur(70px);
      animation: floatSlowReverse 22s ease-in-out infinite alternate;
    }

    @keyframes floatSlow {
      0% { transform: translate(0, 0) scale(1); }
      100% { transform: translate(-40px, 50px) scale(1.08); }
    }

    @keyframes floatSlowReverse {
      0% { transform: translate(0, 0) scale(1); }
      100% { transform: translate(50px, -40px) scale(1.12); }
    }

    .glass-card {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(226, 232, 240, 0.9);
    }

    .glass-panel-subtle {
      background: rgba(248, 250, 252, 0.7);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(241, 245, 249, 0.8);
    }

    /* 3D Perspective container */
    .perspective-container {
      perspective: 1200px;
      transform-style: preserve-3d;
    }

    .card-layer {
      transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
      transform-style: preserve-3d;
    }

    /* Custom range sliders */
    input[type=range] {
      -webkit-appearance: none;
      height: 8px;
      border-radius: 9999px;
      background: #e2e8f0;
      outline: none;
    }
    input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #2563eb;
      box-shadow: 0 2px 6px rgba(37, 99, 235, 0.4);
      cursor: pointer;
      transition: transform 0.15s ease, background-color 0.15s ease;
      border: 2px solid #ffffff;
    }
    input[type=range]::-webkit-slider-thumb:hover {
      transform: scale(1.15);
      background: #1d4ed8;
    }

    /* Ticker animation */
    @keyframes ticker {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .ticker-wrap {
      display: flex;
      width: 200%;
      animation: ticker 30s linear infinite;
    }
    .ticker-wrap:hover {
      animation-play-state: paused;
    }

    /* Pulse dot */
    .pulse-green {
      box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
      animation: pulseGreen 2s infinite;
    }
    @keyframes pulseGreen {
      0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
      70% { box-shadow: 0 0 0 9px rgba(34, 197, 94, 0); }
      100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
    }
  
.gemini-hero-shell{position:relative;isolation:isolate;overflow:hidden;font-family:Switzer,Arial,sans-serif}
.gemini-hero-shell h1{max-width:none}
.gemini-hero-shell p,.gemini-hero-shell h1{margin:0}
.gemini-hero-shell a{text-decoration:none}
.gemini-hero-shell svg{display:block;vertical-align:middle}
.gemini-hero-shell .mesh-gradient-bg{inset:0;z-index:-1}
.gemini-motion-caption{max-width:1280px;margin:-45px auto 0;padding:0 32px 35px;text-align:right;font-size:12px;color:#52616a;position:relative;z-index:2}
.gemini-motion-caption button{border:0;background:transparent;color:#0277b0;text-decoration:underline;padding:0;font-size:12px}
.motion-paused .gemini-hero-shell *{animation-play-state:paused!important}
@media(max-width:639px){.gemini-motion-caption{text-align:left;margin:0;padding:0 16px 25px}.gemini-hero-shell #hero-tilt-container{padding:0 5px}}
@media(prefers-reduced-motion:reduce){.gemini-hero-shell *{animation:none!important;transition:none!important}.gemini-hero-shell #tilt-box,.gemini-hero-shell #float-card-1,.gemini-hero-shell #float-card-2{transform:none!important}}