/* Start hero motion, separate from the shallow announcement strip. */
html body .hero{padding-top:28px}
html body .hero .start-hero-film{position:relative;left:50%;transform:translateX(-50%);width:min(1600px,calc(100vw - 48px));min-height:430px;margin:0;box-sizing:border-box;isolation:isolate;overflow:hidden;border-radius:18px;background:#171724;display:flex;align-items:center;justify-content:center;padding:56px 40px 78px}
html body .start-hero-film .tool-background-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:-2}
html body .start-hero-film:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#12111dcc,#12111d88);z-index:-1}
html body .start-hero-copy{max-width:1000px;position:relative}
html body .start-hero-copy .eyebrow{color:#e2d4ff}
html body .start-hero-copy h1{color:#fff;font-size:clamp(42px,5.4vw,72px);line-height:1.06;margin:18px 0 22px}
html body .start-hero-copy h1 span{color:#d9c9ff}
html body .start-hero-copy .intro{color:#f3eff9;font-size:18px;line-height:1.5;margin:0 auto;max-width:780px}
html body .start-hero-film .tool-video-toggle{position:absolute;right:20px;bottom:18px;min-height:44px;padding:10px 16px;border:1px solid #ffffff80;border-radius:24px;background:#171724d9;color:#fff;font:13px Arial,sans-serif;cursor:pointer}
html body .start-hero-film .tool-video-toggle:focus-visible{outline:3px solid #dfff66;outline-offset:3px}
@media(max-width:600px){html body .hero{padding-top:16px}html body .hero .start-hero-film{width:calc(100vw - 28px);min-height:410px;border-radius:12px;padding:34px 20px 78px}html body .start-hero-copy h1{font-size:38px}html body .start-hero-copy .intro{font-size:15px}html body .start-hero-film:before{background:#12111dbb}}