/* Product tour shares the existing hero card with its original workspace image. */
.growth-media { overflow:hidden; isolation:isolate; }
.hero-media-track { display:flex; width:100%; height:100%; transition:transform .55s cubic-bezier(.22,.8,.25,1); touch-action:pan-y; }
.hero-media-slide { flex:0 0 100%; min-width:0; height:100%; }
.hero-video-player { position:relative; width:100%; height:100%; background:#101914; overflow:hidden; }
.hero-video-player video { display:block; width:100%; height:100%; object-fit:contain; }
.hero-video-play { position:absolute; inset:0; display:flex; flex-direction:row; align-items:flex-end; justify-content:flex-start; padding:16px; border:0; color:white; cursor:pointer; background:transparent; font:inherit; }
.hero-video-play .hero-play-icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:50%; background:#23c96d; box-shadow:0 3px 14px #0002; font-size:16px; padding-left:4px; }
.hero-video-player.is-started .hero-video-play { display:none !important; }
.hero-media-next { border:1px solid #ffffff80; cursor:pointer; box-shadow:0 4px 18px #0002; }
.hero-video-close svg { width:22px; height:22px; }
.hero-video-close:hover,.hero-video-close:focus-visible { opacity:1; }
.hero-video-dialog.is-paused .hero-video-close { opacity:1; }
.hero-video-close:focus-visible { outline:2px solid #ffffffa6; outline-offset:2px; }
.hero-media-next { position:absolute; right:12px; top:50%; transform:translateY(-50%); width:38px; height:48px; border-radius:20px; background:#f3fff7e8; color:#13a65b; font:32px/1 sans-serif; z-index:3; transition:background .2s,scale .2s; }
.hero-media-next:hover { background:white; scale:1.08; }
.hero-media-dots { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:7px; border-radius:20px; padding:8px 12px; background:#14352380; }
.hero-media-dots button { width:8px; height:8px; border:0; padding:0; border-radius:20px; background:#ffffff90; cursor:pointer; transition:width .25s; }
.hero-media-dots button[aria-pressed=true] { width:22px; background:#41e48c; }
.growth-media.is-playing .hero-media-dots { display:none; }
.hero-video-dialog { position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:#080e0b; color:white; overflow:hidden; }
.hero-video-dialog::backdrop { background:#080e0b; }
.hero-video-stage { position:relative; width:100%; height:100%; display:grid; place-items:center; }
.hero-video-stage .hero-video-player { width:100%; height:100%; }
.hero-video-close { position:absolute; top:max(12px,env(safe-area-inset-top)); right:max(12px,env(safe-area-inset-right)); z-index:5; display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; cursor:pointer; border-radius:50%; color:#fff; background:transparent; box-shadow:none; opacity:.55; transition:opacity .2s; filter:drop-shadow(0 1px 2px #000b); }
.hero-video-error { position:absolute; left:10%; right:10%; top:15%; padding:12px; border-radius:12px; background:#fff; color:#263a2c; text-align:center; font-size:13px; }
body.hero-video-open { overflow:hidden; }
.hero-video-player:fullscreen { width:100%; height:100%; }
@media (max-width:900px) and (orientation:portrait) {
  .hero-video-dialog[open] .hero-video-stage { position:absolute; left:50%; top:50%; width:100dvh; height:100vw; transform:translate(-50%,-50%) rotate(90deg); }
}
@media (max-width:620px) {
  .hero-media-next { right:7px; width:30px; height:40px; font-size:28px; }
  .hero-video-play .hero-play-icon { flex-basis:30px; width:30px; height:30px; font-size:13px; }
  .hero-video-play { gap:7px; padding:12px 12px 20px; }
  .hero-media-dots { bottom:8px; }
}
@media (prefers-reduced-motion:reduce) { .hero-media-track { transition:none; } }
@keyframes heroPlayPulse {
  0%,100% { transform:scale(1); box-shadow:0 0 0 0 rgba(24,194,100,.35); }
  50% { transform:scale(1.08); box-shadow:0 0 0 9px rgba(24,194,100,0); }
}
@media (max-width:900px) and (prefers-reduced-motion:no-preference) {
  .hero-video-player:not(.is-started) .hero-play-icon { animation:heroPlayPulse 1.8s ease-in-out infinite; }
}

/* Keep the mobile message badge fitted to its contents. */
@media (max-width:760px) {
  .growth-hero .growth-message-metric { width:max-content; max-width:calc(100% - 16px); min-height:0; grid-template-columns:30px max-content; gap:8px; padding:8px 10px; right:8px; top:0; border-radius:12px; }
  .growth-hero .growth-message-metric > svg.la-site-icon { width:30px!important; height:30px!important; padding:7px!important; border-radius:9px!important; }
  .growth-hero .growth-message-metric > svg:last-child:not(.la-site-icon) { display:none; }
  .growth-hero .growth-message-metric span small { font-size:9px; line-height:1.3; }
  .growth-hero .growth-message-metric span strong { font-size:16px; line-height:1.2; margin-top:3px; }
  .growth-hero .growth-message-metric span b { font-size:9px; margin-left:6px; }
}