/* Hub Lead identity over the supplied light-trace film; reference layout is not copied. */
.professional-page .header { background:transparent; margin-bottom:-132px; }
.professional-page .hero { background:#050910; }
.cinematic-stage { position:relative; isolation:isolate; overflow:hidden; background:#050910 url('assets/hero-light-trails.jpg') center/cover no-repeat; }
.hero-background-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; pointer-events:none; }
.cinematic-stage::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(4,8,17,.87),rgba(4,8,17,.62) 47%,rgba(4,8,17,.48)),linear-gradient(180deg,rgba(4,8,17,.26),transparent 20%,rgba(4,8,17,.28) 76%,#050910 100%); }
.professional-page .trial-layout { position:relative; z-index:1; padding-top:calc(132px + 45px); padding-bottom:105px; }
.professional-page .trial-headline { min-width:0; }
.professional-page .trial-headline h1.conversion-title { max-width:780px; margin:0 0 38px; color:#fff; font-family:Mulish,Arial,sans-serif; font-size:clamp(42px,4.6vw,68px); font-weight:500; line-height:1.11; letter-spacing:-.025em; text-wrap:balance; }
.professional-page .trial-headline h1.conversion-title em { font-family:'Instrument Serif',Georgia,serif; font-weight:400; font-style:italic; font-size:1.105em; letter-spacing:0; white-space:normal; }
.professional-page .trial-headline h1.conversion-title span { display:block; }
.professional-page .trial-main-title { max-width:650px; margin:0; color:#f3f0fa; font-family:'Inter Tight',Arial,sans-serif; font-size:clamp(30px,3.1vw,45px); font-weight:450; line-height:1.13; letter-spacing:-.03em; text-wrap:balance; }
.professional-page .trial-card { background:linear-gradient(165deg,rgba(26,19,43,.91),rgba(16,15,29,.9)); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.professional-page .conversion-story { padding-top:30px; background:#050910; }
.professional-page .hero-artwork { margin-top:0; max-width:1593px; background:#050910; }
.professional-page .laptop-rise,.professional-page .laptop-scene { background:#050910; mix-blend-mode:normal; }
.laptop-video { display:block; width:100%; height:auto; aspect-ratio:5/2; object-fit:contain; background:#050910; }
.performance-visual .pipeline-video { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:contain; background:transparent; border-radius:12px; }
.media-toggle { position:absolute; right:24px; bottom:20px; z-index:2; display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ffffff55; border-radius:50%; color:#fff; background:#0d1429d9; cursor:pointer; font:500 19px/1 Arial,sans-serif; }
.media-toggle:hover,.media-toggle:focus-visible { background:#30224c; outline:2px solid #fff; outline-offset:2px; }
.media-toggle[aria-pressed="true"] { background:#37265f; }
.pipeline-toggle { right:16px; bottom:16px; }
@media(prefers-reduced-motion:reduce) { .media-toggle { display:none; } }
html.static-preview .media-toggle { display:none; }
@media(max-width:1100px) { .professional-page .trial-layout { padding-top:calc(132px + 30px); } }
@media(max-width:760px) {
 .cinematic-stage::before { background:linear-gradient(180deg,rgba(4,8,17,.78),rgba(4,8,17,.72) 45%,rgba(4,8,17,.68) 75%,#050910 100%); }
 .professional-page .trial-layout { padding-top:calc(132px + 28px); padding-bottom:75px; gap:40px; }
 .professional-page .trial-headline h1.conversion-title { font-size:clamp(39px,7.5vw,58px); margin-bottom:28px; }
 .professional-page .trial-main-title { font-size:clamp(29px,5.3vw,40px); }
 .professional-page .conversion-story { padding-top:16px; }
}
@media(max-width:640px) {
 .professional-page .header { margin-bottom:-112px; }
 .professional-page .trial-layout { padding-top:calc(112px + 35px); padding-bottom:60px; }
 .professional-page .trial-headline h1.conversion-title { font-size:clamp(36px,9vw,46px); line-height:1.12; }
 .professional-page .trial-main-title { font-size:clamp(27px,7vw,36px); }
 .professional-page .hero-artwork { margin-top:0; }
 .performance-visual .pipeline-video { width:100%; }
}
@media(max-width:360px) { .professional-page .trial-headline h1.conversion-title { font-size:35px; } }
@media(prefers-reduced-motion:reduce) { .professional-page .laptop-scene { animation:none!important; } }