:root{--bce-blue:#0866ff;--bce-ink:#07142f;--bce-white:#fff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.bce{width:100%;height:100svh;min-height:560px;overflow:hidden;background:radial-gradient(circle at 70% 30%,#eef7ff 0,#fff 44%,#f7f9fc 100%);color:var(--bce-ink)}.bce-stage{position:relative;width:100%;height:100%;isolation:isolate}.bce-scene{position:absolute;inset:auto 50% 0 auto;transform:translateX(50%) scale(.98);width:min(92vw,900px);height:86%;object-fit:contain;object-position:center bottom;opacity:0;transition:opacity .22s linear,transform .35s cubic-bezier(.2,.75,.2,1);pointer-events:none}.bce-scene.is-active{opacity:1;transform:translateX(50%) scale(1)}.bce-copy{position:absolute;z-index:4;left:clamp(20px,5vw,72px);top:clamp(22px,7vh,72px);width:min(520px,86vw);text-shadow:0 1px 0 rgba(255,255,255,.8)}.bce-kicker{font-size:12px;font-weight:900;letter-spacing:.22em;color:var(--bce-blue);margin-bottom:8px}.bce-copy h1{margin:0;font-size:clamp(32px,6vw,72px);line-height:.95;letter-spacing:-.055em;max-width:11ch}.bce-copy p{margin:14px 0 0;font-size:clamp(15px,2vw,21px);line-height:1.35;max-width:36ch;color:#42506a}.bce-progress{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:7px}.bce-progress i{width:30px;height:4px;border-radius:999px;background:#dbe2ed;overflow:hidden}.bce-progress i::after{content:"";display:block;width:0;height:100%;background:var(--bce-blue)}.bce-progress i.is-done::after{width:100%}.bce-progress i.is-current::after{animation:bceFill var(--bce-duration,2600ms) linear forwards}@keyframes bceFill{to{width:100%}}
@media(max-width:640px){.bce{min-height:520px}.bce-copy{top:22px;left:20px}.bce-copy h1{font-size:clamp(34px,11vw,54px);max-width:9ch}.bce-copy p{font-size:15px;max-width:28ch}.bce-scene{height:72%;width:112vw}.bce-progress{bottom:30px;left:18px;transform:none}}
@media(prefers-reduced-motion:reduce){.bce-scene{transition:none}.bce-progress i.is-current::after{animation:none;width:100%}}