.ofilm{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#081A33;container-type:inline-size;box-shadow:0 50px 100px -40px rgba(8,26,51,.7);isolation:isolate;font-family:'IBM Plex Sans',sans-serif}
@media (max-width:700px){.ofilm{aspect-ratio:4/5;border-radius:20px}}
.ofb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;transform:scale(1.04)}
.ofb video.on{opacity:1;animation:ofkb 14s linear forwards}
@keyframes ofkb{to{transform:scale(1.15)}}
.ofov{position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,rgba(8,26,51,.95),rgba(8,26,51,.8) 55%,rgba(14,42,82,.62)),radial-gradient(60% 60% at 82% 82%,rgba(61,139,255,.35),transparent 70%)}
.ofs{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2.2cqw;padding:6cqw 8cqw 9cqw;color:#fff;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.ofs.on{opacity:1;visibility:visible}
.ofs .l{opacity:0;transform:translateY(2.4cqw);filter:blur(6px)}
.ofs.on .l{animation:ofin .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes ofin{to{opacity:1;transform:none;filter:none}}
.ofilm.paused .ofs .l,.ofilm.paused .ofb video{animation-play-state:paused}
.ofk{font-size:1.35cqw;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#9CCBFF}
.ofh{font-family:'Sora',sans-serif;font-weight:600;font-size:5cqw;line-height:1.06;letter-spacing:-.04em;max-width:84%}
.ofh.xl{font-size:7cqw}
.ofg{background:linear-gradient(100deg,#FFFFFF 35%,#9CCBFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.ofp{font-size:2cqw;line-height:1.5;color:#C9D8EE;max-width:72%}
.ofchips{display:flex;flex-wrap:wrap;gap:1.2cqw}
.ofchip{padding:1.1cqw 2.2cqw;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);font-size:2.1cqw;font-weight:500;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.oflist{display:grid;grid-template-columns:1fr 1fr;gap:1.4cqw 4cqw;font-size:2.3cqw;font-weight:500}
.ofli:before{content:"";display:inline-block;width:1.6cqw;height:.3cqw;margin:0 1.2cqw .5cqw 0;border-radius:2px;background:#3D8BFF;vertical-align:middle}
.ofcols{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw;width:100%}
.ofcol{height:100%;padding:3cqw;border-radius:2cqw;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ofcol>span:first-child{font-family:'Sora',sans-serif;font-weight:600;font-size:1.8cqw;color:#3D8BFF}
.ofcol b{display:block;font-family:'Sora',sans-serif;font-weight:600;font-size:3.2cqw;line-height:1.1;letter-spacing:-.03em;margin:1cqw 0 1.2cqw}
.ofcol span{font-size:1.8cqw;line-height:1.5;color:#C9D8EE}
.ofstats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw;width:100%}
.ofstat{height:100%;padding:2.4cqw;border-radius:1.6cqw;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02))}
.ofstat b{display:block;font-family:'Sora',sans-serif;font-weight:600;font-size:5.4cqw;line-height:1;letter-spacing:-.05em;background:linear-gradient(180deg,#FFFFFF,#9CCBFF);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.2cqw}
.ofstat span{font-size:1.65cqw;line-height:1.35;color:#C9D8EE;display:block}
.ofq{font-family:'Sora',sans-serif;font-weight:500;font-size:4cqw;line-height:1.2;letter-spacing:-.035em;max-width:86%}
.ofmark svg{width:8cqw;height:8cqw;display:block}
.ofbtns{display:flex;flex-wrap:wrap;gap:1.4cqw}
.ofbtn{display:inline-flex;align-items:center;min-height:44px;padding:1.3cqw 2.8cqw;border-radius:999px;font-family:inherit;font-weight:600;font-size:1.9cqw;text-decoration:none;border:0;cursor:pointer;background:linear-gradient(180deg,#5A9DFF,#3D8BFF);color:#06132A !important;box-shadow:0 10px 30px -10px rgba(61,139,255,.8)}
.ofbtn.g{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#FFFFFF !important;box-shadow:none}
.ofposter{position:absolute;inset:0;z-index:5;width:100%;border:0;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;background-size:cover;background-position:center;color:#fff;font-family:inherit;cursor:pointer;transition:opacity .6s ease}
.ofposter .pb{width:10cqw;height:10cqw;border-radius:50%;background:linear-gradient(180deg,#5A9DFF,#3D8BFF);display:flex;align-items:center;justify-content:center;animation:ofpulse 2.2s ease-out infinite;transition:transform .3s ease}
.ofposter:hover .pb{transform:scale(1.08)}
@keyframes ofpulse{0%{box-shadow:0 0 0 0 rgba(61,139,255,.6)}100%{box-shadow:0 0 0 3.5cqw rgba(61,139,255,0)}}
.ofposter strong{font-family:'Sora',sans-serif;font-weight:600;font-size:3.6cqw;letter-spacing:-.03em}
.ofposter .s{font-size:1.5cqw;letter-spacing:.16em;text-transform:uppercase;color:#C9D8EE}
.ofilm.started .ofposter{opacity:0;pointer-events:none}
.ofctl{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:16px;padding:14px 22px 16px;background:linear-gradient(transparent,rgba(5,15,34,.75));opacity:0;transition:opacity .3s ease}
.ofilm.started .ofctl{opacity:1}
.ofpp{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ofbar{flex:1;height:5px;border-radius:5px;background:rgba(255,255,255,.2);overflow:hidden;cursor:pointer}
.ofbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3D8BFF,#9CCBFF)}
.oft{flex:none;font-size:13px;color:#C9D8EE;font-variant-numeric:tabular-nums;min-width:84px;text-align:right}
@container (max-width:640px){
.ofs{padding:8cqw 7cqw 18cqw;gap:3.6cqw}
.ofk{font-size:3cqw}.ofh{font-size:8.4cqw;max-width:100%}.ofh.xl{font-size:11cqw}
.ofp{font-size:4cqw;max-width:100%}.ofchip{font-size:3.6cqw;padding:2cqw 3.6cqw}.ofchips{gap:2cqw}
.oflist{grid-template-columns:1fr;font-size:4.2cqw;gap:2.4cqw}.ofli:before{width:3cqw;height:.6cqw;margin-right:2.4cqw}
.ofcols{grid-template-columns:1fr;gap:3cqw}.ofcol{padding:4.5cqw;border-radius:4cqw}.ofcol>span:first-child{font-size:3.4cqw}.ofcol b{font-size:5.6cqw}.ofcol span{font-size:3.5cqw}
.ofstats{grid-template-columns:1fr 1fr;gap:3cqw}.ofstat{padding:4cqw;border-radius:3.5cqw}.ofstat b{font-size:10cqw}.ofstat span{font-size:3.3cqw}
.ofq{font-size:6.8cqw;max-width:100%}.ofmark svg{width:15cqw;height:15cqw}
.ofbtn{font-size:3.8cqw;padding:2.6cqw 4.6cqw}.ofbtns{gap:2.6cqw}
.ofposter .pb{width:18cqw;height:18cqw}.ofposter strong{font-size:6.6cqw}.ofposter .s{font-size:3cqw}
}
@media (prefers-reduced-motion:reduce){.ofs .l{filter:none}.ofb video.on{animation:none}.ofposter .pb{animation:none}}
.ofmute{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.ofmute:hover,.ofpp:hover{background:rgba(255,255,255,.18)}
.ofli{display:block}
.ofcredit{margin:14px 4px 0;font-size:12.5px;color:#5A7397}.ofcredit a{color:inherit}