/* Video-first preview: Julee's existing palette and typography, a single-column hero. */
/* Pronounced horizontal shake, then rest. Scope remains the video CTA only. */
@keyframes julee-session-nudge {
  0%, 4%, 36%, 100% { transform: translateX(0) rotate(0); }
  8%, 16% { transform: translateX(-10px) rotate(-1.8deg); }
  12%, 20% { transform: translateX(10px) rotate(1.8deg); }
  24% { transform: translateX(-7px) rotate(-1.2deg); }
  28% { transform: translateX(7px) rotate(1.2deg); }
  32% { transform: translateX(-3px) rotate(-.5deg); }
}
@media(prefers-reduced-motion:no-preference){
  .jg-page .hero-action .hero-cta{animation:none}
  .jg-page .hero-action .hero-cta:focus,.jg-page .hero-action .hero-cta:active{animation:none;transform:none}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .jg-page .hero-action .hero-cta:hover{animation:none;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .jg-page .hero-action .hero-cta{animation:none;transform:none;transition:none}
}
.jg-page .hero{padding:28px 0 52px}
.jg-page .hero-heading{max-width:780px;margin:0 auto 22px}
.jg-page .offer-line{font-size:11px;letter-spacing:1.2px;margin-bottom:12px;color:var(--accent)}
.jg-page .offer-line span{margin-inline:8px}
.jg-page .hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.09;letter-spacing:-.025em;margin:0 0 14px;word-spacing:normal}
.jg-page .hero-sub{max-width:590px;font-size:16px;line-height:1.6}
.jg-page .hero-player{width:100%;margin:0 auto}
.jg-page .hero-player .video-shell{width:100%;max-width:286px;margin:0 auto;padding:5px;border-radius:16px;box-shadow:0 10px 32px #24232612}
.jg-page .hero-player .video-frame{border-radius:11px;overflow:hidden}
.jg-page .hero-action{width:100%;max-width:390px;margin:18px auto 0;text-align:center}
.jg-page .hero-action .hero-cta{display:flex;justify-content:center;width:100%;margin:0;min-height:58px;font-size:15px;border-radius:7px}
.jg-page .action-note{margin:11px 0 0;font-size:11px;line-height:1.7;color:var(--muted)}
.jg-page .hero-stage{display:block;max-width:760px;margin:44px auto 0;padding:36px 42px;border-radius:16px;text-align:center}
.jg-page .stage-copy h2{font-size:38px;margin-bottom:18px}
.jg-page .stage-copy h2 br{display:none}
.jg-page .stage-copy .eyebrow{margin-bottom:14px}
.jg-page .stage-copy p:not(.eyebrow):not(.fine){max-width:580px;margin-inline:auto}
.jg-page .stage-copy .button{display:inline-flex;width:auto;min-width:260px;justify-content:center}
@media(max-width:767px){
.jg-page .hero{padding-top:18px;padding-bottom:34px}
.jg-page .hero-heading{margin-bottom:16px}
.jg-page .offer-line{font-size:9px;letter-spacing:.8px;margin-bottom:10px}
.jg-page .offer-line span{margin-inline:5px}
.jg-page .hero h1{font-size:clamp(30px,8.3vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:12px}
.jg-page .hero-sub{font-size:14px;line-height:1.55;max-width:360px}
.jg-page .hero-player .video-shell{max-width:260px;padding:4px;border-radius:14px}
.jg-page .hero-player .video-frame{border-radius:10px}
.jg-page .hero-action{max-width:360px;margin-top:16px}
.jg-page .hero-action .hero-cta{min-height:56px;font-size:14px}
.jg-page .action-note{font-size:10px;margin-top:9px}
.jg-page .hero-stage{margin-top:30px;padding:26px 20px;border-radius:14px}
.jg-page .stage-copy h2{font-size:31px;line-height:1.14}
.jg-page .stage-copy p:not(.eyebrow):not(.fine){font-size:14px;line-height:1.75}
.jg-page .stage-copy .button{display:flex;width:100%;min-width:0}
.jg-page .section{padding-top:46px;padding-bottom:46px}
}
@media(max-width:360px){.jg-page .hero-player .video-shell{max-width:244px}.jg-page .offer-line{font-size:8px}.jg-page .hero h1{font-size:29px}}
