/* A short first screen leads straight into the working product demo. */
.trial-first .journey{height:auto;padding-bottom:0}
.trial-first .cinema{position:relative;top:0;height:660px;min-height:560px}
.trial-first .scene-intro{top:50%;max-width:850px}
.trial-first .scene-intro h1{font-size:clamp(42px,5.8vw,80px);line-height:1.06}
.trial-first .hero-copy{max-width:580px;font-size:18px;line-height:1.65}
.trial-first .hero-footnote{display:block;color:#fff;font-size:14px;letter-spacing:0}
.trial-first .film-footer,.trial-first .warehouse-tag,.trial-first .scene-story{display:none}
.trial-first .hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.trial-first .site-header nav{gap:24px}
.trial-first .header-cta{white-space:nowrap;gap:12px}
.demo-trial{margin-top:28px;padding:28px;border-radius:16px;background:#123c35;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}
.demo-trial h3{margin:0 0 8px;font-size:24px}
.demo-trial p{margin:0;line-height:1.6;max-width:540px}
.demo-trial .button{flex-shrink:0;color:#123c35}
.trial-first #working-demo{scroll-margin-top:100px}
.trial-first .extra-workflow{padding:0}
.trial-first .extra-workflow #workflow{width:100%;margin:0;border-radius:0;padding:28px}
@media(max-width:700px){
 .trial-first .cinema{height:auto;min-height:590px}
 .trial-first .scene-intro{top:50%;left:7%;right:7%}
 .trial-first .hero-copy{font-size:15px}
 .trial-first .hero-actions{gap:20px;align-items:flex-start;flex-direction:column}
 .trial-first .hero-footnote{font-size:12px}
 .trial-first .header-cta{font-size:11px;padding:12px}
 .demo-trial{flex-direction:column;align-items:flex-start;padding:22px}
 .demo-trial h3{font-size:21px}
}