/* Match the homepage entrance while keeping both comparison images aligned. */
.ai-body .ai-hero{animation:none}
.ai-mode .ai-title-mask{display:block;overflow:hidden;padding:0 .08em .08em 0;margin-bottom:-.08em}
.ai-mode .ai-title-line{display:block;animation:ai-title-rise .87s cubic-bezier(.65,0,.35,1) .155s both}
.ai-mode .ai-title-mask:nth-child(2) .ai-title-line{animation-delay:.281s}
.ai-mode .ai-eyebrow{animation:ai-content-rise .63s cubic-bezier(.65,0,.35,1) .078s both}
.ai-mode .ai-hero-copy{animation:ai-content-rise .776s cubic-bezier(.65,0,.35,1) .417s both}
.ai-mode .ai-hero-stage{animation:ai-stage-reveal .87s cubic-bezier(.65,0,.35,1) .155s both}
@keyframes ai-title-rise{from{opacity:.3;transform:translateY(112%)}to{opacity:1;transform:translateY(0)}}
@keyframes ai-content-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ai-stage-reveal{from{opacity:0;clip-path:inset(16% 12% 16% 12% round 32px);transform:scale(.985)}to{opacity:1;clip-path:inset(0 0 0 0 round 32px);transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.ai-mode .ai-title-line,.ai-mode .ai-eyebrow,.ai-mode .ai-hero-copy,.ai-mode .ai-hero-stage{animation:none}}

@media(max-width:640px){.llwrap .ai-hero .ai-hero-copy>p{max-width:none}}

@media(max-width:640px){.llwrap .ai-hero .ai-visual-caption{justify-content:center;text-align:center}.llwrap .ai-hero .ai-visual-caption>span{max-width:none;text-align:center;white-space:nowrap}}

/* Keep the free-design note beside the hero action across screen sizes. */
.llwrap .ai-hero .ai-hero-copy{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:16px}
.llwrap .ai-hero .ai-hero-copy>p{grid-column:1/-1}
.llwrap .ai-hero .ai-hero-copy>small{margin-top:0;white-space:normal;line-height:1.5}
@media(max-width:640px){.llwrap .ai-hero .ai-hero-copy{column-gap:14px}}