/* Immersive video opening; the rest of DAYLO retains its blue and white design. */
.hero.hero-cinema{position:relative;isolation:isolate;display:grid;place-items:center;min-height:690px;min-height:clamp(650px,calc(100svh - 85px),840px);padding:74px 32px 118px;overflow:hidden;background:#071020;color:#fff}
.hero-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;background:#071020}
.hero-backdrop picture,.hero-backdrop img,.hero-backdrop video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero-backdrop video{opacity:0;transition:opacity .8s ease}
.hero-cinema.has-video .hero-backdrop video{opacity:1}
.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07102030 0%,#07102062 34%,#07102066 62%,#071020d9 100%),linear-gradient(90deg,#07102060,transparent 35%,transparent 65%,#07102060)}
.hero-cinema .hero-copy{position:relative;width:100%;max-width:1120px;text-shadow:0 2px 24px #0005}
.hero-cinema .hero-copy>.eyebrow{background:#ffffff14;border:1px solid #ffffff40;color:#fff;backdrop-filter:blur(8px);padding:9px 16px;letter-spacing:.12em;font-size:11px}
.hero-cinema .status-dot{background:#dcff77;box-shadow:0 0 0 4px #dcff7714}
.hero-cinema h1{font-size:clamp(48px,5.5vw,80px);line-height:1.12;letter-spacing:-.055em;margin:26px auto 0;max-width:1100px}
.hero-cinema h1>span,.hero-cinema h1>em{display:block}
.hero-cinema h1>em{color:#dfff75;margin-top:3px;font-weight:650}
.hero-worldwide{display:flex;gap:8px;align-items:center;justify-content:center;color:#e2e9f5;font-size:12px;letter-spacing:.06em;margin-top:27px}
.hero-worldwide .icon{width:17px;height:17px;stroke-width:1.4}
.hero-cinema .hero-description{color:#e9edf5;font-size:16px;line-height:1.85;max-width:650px;margin-top:13px}
.hero-cinema .hero-actions{margin-top:28px;gap:13px}
.hero-cinema .hero-actions .button{min-height:56px;font-size:13px;padding:16px 24px;text-shadow:none}
.hero-cinema .primary{background:#244bff;box-shadow:0 7px 24px #0002}
.hero-cinema .primary:hover{background:#345bff}
.hero-cinema .secondary{background:#ffffff0c;color:#fff;border-color:#ffffff75;backdrop-filter:blur(8px)}
.hero-cinema .secondary:hover{background:#ffffff21;border-color:#fff}
.hero-cinema .hero-note{color:#d9e0ed;font-size:11px;margin-top:19px}
.hero-cinema .hero-note .icon{stroke:#dfff75}
.hero-bottom{position:absolute;bottom:26px;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff29;padding-top:19px;min-height:61px}
.hero-genres{display:flex;align-items:center;gap:28px;color:#e9edf5;font-size:10px;font-weight:650;letter-spacing:.04em}
.hero-genres span+span:before{content:"";display:inline-block;vertical-align:middle;width:3px;height:3px;border-radius:50%;background:#c8d2e3;margin-inline-end:28px}


body:has(.hero[data-video-in-view=true]) .floating-chat{visibility:hidden;opacity:0;pointer-events:none}
.promise-strip{padding-block:33px 35px;align-items:start;gap:30px}
.promise-strip>div{justify-content:flex-start;align-items:flex-start;padding-inline:12px;gap:15px}
.promise-strip>div+div{padding-inline-start:30px}
.promise-strip strong{font-size:13px;line-height:1.5}.promise-strip p>span{font-size:11px;line-height:1.8;margin-top:5px}.promise-symbol.icon{margin-top:3px;width:28px;height:28px}
html[lang=zh-Hans] .hero-cinema h1{letter-spacing:-.05em;line-height:1.2;font-size:clamp(45px,5.4vw,78px)}
html[dir=rtl] .hero-cinema h1{letter-spacing:0;line-height:1.35;font-size:clamp(45px,5.3vw,74px)}
@media(max-width:1000px){.hero.hero-cinema{min-height:690px;padding-inline:40px}.hero-cinema h1{font-size:clamp(44px,6.6vw,68px)}.hero-bottom{width:calc(100% - 80px)}.promise-strip{gap:17px}.promise-strip>div{gap:10px;padding-inline:0}.promise-strip>div+div{padding-inline-start:17px}.promise-strip strong{font-size:12px}.promise-strip p>span{font-size:10px}}
@media(max-width:700px){.hero.hero-cinema{min-height:690px;min-height:max(690px,calc(100svh - 72px));padding:64px 24px 115px}.hero-cinema .hero-copy>.eyebrow{font-size:10px}.hero-cinema h1{font-size:clamp(38px,8.2vw,55px);letter-spacing:-.05em;line-height:1.13;margin-top:24px}.hero-cinema h1>em{margin-top:9px}.hero-worldwide{margin-top:24px;font-size:11px}.hero-cinema .hero-description{font-size:14px;max-width:470px;line-height:1.85;margin-top:12px}.hero-cinema .hero-actions{margin-top:24px;gap:11px}.hero-cinema .hero-actions .button{min-height:52px;font-size:12px;padding:14px 18px}.hero-cinema .hero-note{font-size:10px;max-width:320px;margin:17px auto 0}.hero-bottom{width:calc(100% - 48px);bottom:19px;padding-top:16px;min-height:51px}.hero-genres{gap:11px;font-size:9px}.hero-genres span+span:before{margin-inline-end:11px}.hero-backdrop:after{background:linear-gradient(180deg,#07102055 0%,#07102080 45%,#07102099 75%,#071020e6 100%)}.promise-strip{grid-template-columns:1fr;gap:21px;padding-block:27px}.promise-strip>div,.promise-strip>div+div{padding:0;border:0;gap:16px}.promise-strip strong{font-size:13px}.promise-strip p>span{font-size:11px;max-width:500px}.promise-symbol.icon{width:27px;height:27px}html[lang=zh-Hans] .hero-cinema h1{font-size:clamp(36px,8.7vw,55px);line-height:1.22}html[dir=rtl] .hero-cinema h1{font-size:clamp(36px,8.5vw,52px);line-height:1.45}}
@media(max-width:380px){.hero.hero-cinema{padding-inline:20px}.hero-cinema .hero-actions{flex-direction:column;align-items:stretch;margin-inline:auto;max-width:300px}.hero-cinema .hero-actions .button{width:100%}.hero-cinema .hero-note{font-size:9px}.hero-genres{gap:8px;font-size:8px}.hero-genres span+span:before{margin-inline-end:8px}.hero-bottom{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.hero-backdrop video{transition:none}}