/* CoverRail V1 preview: full-screen film; hero centered, phone peeks, scroll brings the phone in on the right */
.hx{height:calc(100svh + 220svh)!important;padding:0!important;background:#10161b}
.hx-pin{position:sticky!important;top:0;display:block!important;height:100svh!important;min-height:0;overflow:hidden;padding:0!important;flex-direction:row!important}
.hx-pin::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(8,12,16,.62),rgba(8,12,16,.42) 70%)}
.hx-film{display:none!important}
.hx-handoff{display:none!important}
.cr-film{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;background:#1a1f24}
.hx-copy{position:absolute!important;z-index:2;left:0;top:0;margin:0!important;padding:0!important;text-align:center!important;max-width:none!important;will-change:transform}
.hx-copy,.hx-copy *{opacity:1!important;visibility:visible!important}
.hx-copy.cr-left{text-align:left!important}
.hx .hx-copy h1{color:#fff!important;font-size:clamp(2rem,4.4vw,3.6rem)!important}
.hx .hx-copy p{color:rgba(255,255,255,.9)!important;margin-left:auto!important;margin-right:auto!important}
.hx .hx-copy.cr-left p{margin-left:0!important}
.hx .hx-actions{justify-content:center!important}
.hx .hx-copy.cr-left .hx-actions{justify-content:flex-start!important}
.hx .hx-copy .hx-terms{color:rgba(255,255,255,.72)!important}
.hx .hx-copy .cr-btn-ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important}
.cr-demo{position:absolute;z-index:3;left:0;top:0;background:transparent;will-change:transform}
.cr-demo iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.hx + *{margin-top:0!important}
@media (max-width:900px){ .hx .hx-copy h1{font-size:clamp(1.7rem,7vw,2.3rem)!important} .hx .hx-copy p{font-size:15px!important;margin-top:10px!important} .hx .hx-actions{margin-top:14px!important} .hx .hx-copy .hx-terms{margin-top:8px!important} }
.hx-pin::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,12,16,.72),rgba(8,12,16,.2) 62%);opacity:var(--e,0)}
@media (max-width:900px){.hx-pin::after{background:rgba(8,12,16,.5)}}

.cr-demo{overflow:hidden}
.cr-demo iframe{max-width:none}
.cr-try{position:absolute;z-index:3;left:0;top:0;opacity:0;color:#fff;will-change:transform}
.cr-try h2{font-size:clamp(2.2rem,5vw,4rem)!important;line-height:1.05;margin:0 0 10px;color:#fff!important}
.cr-try p{margin:0 0 18px;color:rgba(255,255,255,.88)!important;font-size:17px}
.cr-cards{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cr-track{display:flex;gap:12px;width:max-content;animation:crScroll 40s linear infinite}
.cr-card{display:flex;gap:10px;align-items:center;width:270px;padding:12px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px)}
.cr-card i{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.3)}
.cr-card b{display:block;font-size:13px;margin-bottom:2px}
.cr-card span{display:block;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.9)}
@keyframes crScroll{to{transform:translateX(-50%)}}
@media (max-width:900px){.cr-try p{font-size:14px;margin-bottom:10px}.cr-try h2{font-size:2rem!important}}
@media (max-width:900px){.cr-try p,.cr-cards{display:none!important}}

.cr-card{width:330px!important;align-items:flex-start!important}
.cr-av{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;display:block!important;border:2px solid rgba(255,255,255,.6)}
.cr-av svg{display:block}
.cr-card em{display:block;font-style:normal;font-size:11px;opacity:.75;margin-bottom:4px}
.cr-card .cr-q{font-size:12.5px;line-height:1.35}
.cr-card{width:245px!important;padding:8px 10px!important;gap:8px!important;border-radius:12px!important}
.cr-track{gap:8px!important}
.cr-av{width:38px!important;height:38px!important}
.cr-av svg{width:38px!important;height:38px!important}
.cr-card b{font-size:12px!important;margin-bottom:0!important}
.cr-card em{font-size:10px!important;margin-bottom:2px!important}
.cr-card .cr-q{font-size:11px!important;line-height:1.3!important}
.cr-try p{margin-bottom:12px!important;font-size:15px!important}
.cr-demo{overflow:visible!important;background:none!important;border:0!important;box-shadow:none!important}