.reel-shadow{box-shadow:0 30px 90px -20px rgba(168,85,247,.35),0 10px 30px -10px rgba(59,130,246,.15)}.dark .reel-shadow{box-shadow:0 0 60px -10px rgba(168,85,247,.35),0 0 120px -20px rgba(59,130,246,.2)}.bcf-stage{position:relative;width:100%}.bcf-stage:before{content:"";position:absolute;left:50%;top:50%;width:var(--bcf-card-w);height:calc(var(--bcf-card-w) * 16 / 9);transform:translate(-50%,-50%);border-radius:40px;background:radial-gradient(closest-side,rgba(139,108,255,.5),rgba(139,108,255,0) 72%);filter:blur(46px);z-index:0;pointer-events:none}.bcf-viewport{--bcf-card-w:222px;--bcf-gap:26px;position:relative;z-index:1;display:flex;gap:var(--bcf-gap);padding-inline:calc(50% - var(--bcf-card-w) / 2);padding-block:40px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;perspective:1500px;perspective-origin:50% 42%;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.bcf-viewport::-webkit-scrollbar{display:none}.bcf-card{flex:0 0 var(--bcf-card-w);width:var(--bcf-card-w);scroll-snap-align:center;transform-style:preserve-3d;transform:translateZ(0);will-change:transform}.bcf-viewport.bcf-safari-flat{perspective:none}.bcf-viewport.bcf-safari-flat .bcf-card{transform-style:flat;transform:none}.bcf-phone{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;isolation:isolate;background:#14141d;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -18px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.04)}.bcf-phone img,.bcf-phone video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;backface-visibility:hidden}.bcf-phone:after{background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 22% 78%,rgba(0,0,0,.28))}.bcf-phone:after,.bcf-phone:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:22px}.bcf-phone:before{z-index:2;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.bcf-label{position:absolute;top:10px;left:10px;z-index:3;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:#efeaff;background:rgba(10,10,15,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);letter-spacing:.01em;pointer-events:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.bcf-card{animation:bcf-coverflow linear both;animation-timeline:view(inline);animation-range:cover 0 cover 100%}.bcf-viewport.bcf-safari-flat .bcf-card{animation-name:bcf-coverflow-safari-flat}@keyframes bcf-coverflow{0%{transform:translateZ(-260px) translateX(46px) rotateY(46deg) scale(.92);opacity:.6}50%{transform:translateZ(120px) translateX(0) rotateY(0deg) scale(1);opacity:1}to{transform:translateZ(-260px) translateX(-46px) rotateY(-46deg) scale(.92);opacity:.6}}@keyframes bcf-coverflow-safari-flat{0%{transform:translateX(24px) scale(.92);opacity:.6}50%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(-24px) scale(.92);opacity:.6}}}}.bcf-poster{left:50%;top:40px;transform:translateX(-50%);width:222px;z-index:0}.bcf-poster,.bcf-poster:before{position:absolute;pointer-events:none}.bcf-poster:before{content:"";inset:-6% -22%;border-radius:40px;background:radial-gradient(closest-side,rgba(139,108,255,.5),rgba(139,108,255,0) 72%);filter:blur(46px);z-index:-1}@media (min-width:900px){.bcf-poster{width:250px}}@media (max-width:430px){.bcf-poster{width:240px}}.bcf-dot{position:relative;width:24px;height:24px;border-radius:999px;background:transparent;border:none;padding:0;cursor:pointer;transition:all .25s ease}.bcf-dot:before{content:"";position:absolute;inset:50% auto auto 50%;width:7px;height:7px;border-radius:999px;background:rgba(20,20,30,.25);transform:translate(-50%,-50%);transition:all .25s ease}.dark .bcf-dot:before{background:rgba(255,255,255,.32)}.bcf-dot.bcf-active{width:30px}.bcf-dot.bcf-active:before{width:26px;border-radius:5px;background:linear-gradient(90deg,#8b6cff,#37e0d8);box-shadow:0 0 14px rgba(139,108,255,.55)}@media (min-width:900px){.bcf-viewport{--bcf-card-w:250px;--bcf-gap:30px}}@media (max-width:430px){.bcf-viewport{--bcf-card-w:240px;--bcf-gap:16px}}@keyframes swipe-hint{0%{opacity:0;transform:translateX(20px)}15%,70%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px);pointer-events:none}}