/* Minimal cinematic polish: non-destructive, performance-first */
:root{--cinema-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
#app :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.045em}
#app :is(p,li){text-wrap:pretty}
#app :is(button,a,[role="button"]){transition:color .3s var(--cinema-ease),background-color .3s var(--cinema-ease),border-color .3s var(--cinema-ease),box-shadow .3s var(--cinema-ease),transform .3s var(--cinema-ease)}
#app :is(button,a,[role="button"]):focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(hover:hover) and (pointer:fine){#app :is(.pricing-card,.feature-card,.plan-card):hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:767px){#app :is(.pricing-card,.feature-card,.plan-card):hover{transform:none}}

/* Alternating editorial panels: existing markup and functionality preserved */
#app .apple-hero,#app .rg-growth-section,#app .apple-bottom-cta{background:#090a0c;color:#f8f8f7}
#app .apple-highlights,#app .apple-lead-calculator,#app .pricing-section{background:#fafafa;color:#101114}
#app .apple-hero,#app .apple-highlights,#app .apple-lead-calculator,#app .rg-growth-section,#app .pricing-section,#app .apple-bottom-cta{position:relative;isolation:isolate;transition:background-color .6s var(--cinema-ease),color .6s var(--cinema-ease)}
#app .apple-hero :is(h1,h2),#app .rg-growth-section :is(h1,h2,h3),#app .apple-bottom-cta :is(h1,h2,h3){color:#fafafa}
#app .apple-highlights :is(h1,h2),#app .apple-lead-calculator :is(h1,h2),#app .pricing-section :is(h1,h2){color:#101114}
#app :is(.apple-highlights,.apple-lead-calculator,.rg-growth-section,.pricing-section) :is(h2,h3){letter-spacing:-.045em}
#app :is(.apple-feature-card,.price-card,.pricing-choice-card){transition:transform .5s var(--cinema-ease),box-shadow .5s var(--cinema-ease),border-color .4s ease}
@media(hover:hover) and (pointer:fine){#app :is(.apple-feature-card,.price-card,.pricing-choice-card):hover{transform:translate3d(0,-4px,0)}}
@media(max-width:767px){#app :is(.apple-feature-card,.price-card,.pricing-choice-card):hover{transform:none}}

/* Unified cinematic timing — logo reveal inspired, without scroll hijacking. */
#app .um-scene{--um-rise:24px;opacity:0;transform:translate3d(0,var(--um-rise),0);transition:opacity 850ms cubic-bezier(.22,1,.36,1),transform 1100ms cubic-bezier(.22,1,.36,1);will-change:auto}
#app .um-scene.um-visible{opacity:1;transform:translate3d(0,0,0)}
#app .um-scene :is(h1,h2,h3){transition:opacity 950ms cubic-bezier(.22,1,.36,1)}
@media(max-width:767px){#app .um-scene{--um-rise:12px;transition-duration:650ms,800ms}}
@media(prefers-reduced-motion:reduce){#app .um-scene{opacity:1!important;transform:none!important;transition:none!important}}
