/* Preserve the trial homepage's complete animated story within the shared site shell. */
body.asaday-home.has-builder-story{padding-top:0!important}
.has-builder-story .narrative{--text:#f8f7ff;--muted:#b5acc7;--lavender:#bda5ff;--line:#c9b4ff29;color:var(--text);background:radial-gradient(ellipse 850px 560px at 65% 350px,#3e227e30,transparent),#050506;line-height:1.7}
.narrative h1,.narrative h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.15}
.narrative h3{font:400 30px/1.3 var(--serif);letter-spacing:-.025em}
.narrative h1 em,.narrative h2 em{font-weight:400;font-style:italic;color:var(--lavender)}
.narrative img{display:block}
.narrative .eyebrow{display:block;font:700 12px/1.7 var(--sans);text-transform:uppercase;letter-spacing:1.8px;color:#b4a3c9;margin-bottom:24px}
.narrative .button{min-height:50px;padding:12px 22px;gap:12px;border:1px solid var(--line);border-radius:10px;font:700 14px/1.45 var(--sans)}
.narrative .button:hover{color:#fff;border-color:#c5a9ff78}
.narrative .primary{background:linear-gradient(135deg,#7951f8,#5c2dda);color:#fff;border-color:#c2a7ff54;box-shadow:inset 0 1px #ffffff21,0 8px 22px #7148f61a}
.narrative .quiet{background:#d4bbff08}
.narrative .button-row{display:flex;gap:12px;flex-wrap:wrap}

/* Keep the desktop title and actions in separate columns on small laptops. */
@media(min-width:900px) and (max-width:1150px){
 .is-horizontal .thread-intro-copy{width:51vw;bottom:88px}
 .is-horizontal .thread-intro-copy h1{font-size:clamp(40px,4.4vw,51px)}
 .is-horizontal .thread-intro-actions{width:34vw;right:5vw;bottom:88px}
 .is-horizontal .thread-intro-actions .button-row{gap:8px}
 .is-horizontal .thread-intro-actions .button{font-size:12px;padding-inline:14px}
 .is-horizontal .thread-caption{left:71%;max-width:23vw;font-size:12px}
}
.story-paused *,.story-paused *::before,.story-paused *::after{animation-play-state:paused!important}
.narrative .thread-motion{min-height:44px}
/* Let visitors read immediately while the scribble and orb still animate. */
.narrative.intro-playing .thread-intro-copy.intro-reveal,.narrative.intro-playing .thread-intro-actions.intro-reveal{animation:none;opacity:1}
/* Reveal copy after the synchronous story layout, avoiding a mobile-to-desktop jump. */
html.story-initializing .narrative:not(.motion-ready):not(.motion-off) .thread-intro-copy,html.story-initializing .narrative:not(.motion-ready):not(.motion-off) .thread-intro-actions{visibility:hidden}