.feature-film{padding:124px 0;background:#f7f9fc;overflow:hidden}.watch-film{background:#090b0f;color:#f7f8fb}.chat-film{background:linear-gradient(180deg,#f7f9fc,#eef3f9)}.film-shell{width:min(1180px,calc(100% - 48px));margin:auto}.film-heading{max-width:760px;margin-bottom:48px}.film-heading.centered{margin-inline:auto;text-align:center}.film-heading>p{margin:0 0 17px;color:#78869b;font-size:12px;font-weight:650;letter-spacing:.17em}.watch-film .film-heading>p{color:#7899c3}.film-heading h2{margin:0;color:#111720;font-size:clamp(40px,5vw,68px);font-weight:520;line-height:1.16;letter-spacing:-.065em}.watch-film .film-heading h2{color:#f4f7fb}.film-heading>span{display:block;max-width:650px;margin-top:22px;color:#748092;font-size:17px;line-height:1.85}.film-heading.centered>span{margin-inline:auto}.watch-film .film-heading>span{color:#818b99}.film-stage{position:relative;height:660px;border:1px solid rgba(255,255,255,.52);border-radius:30px;overflow:hidden;background:#8fb3e7 url("./assets/cinematic-alpine.png") center/cover;box-shadow:0 40px 100px rgba(27,48,82,.2),inset 0 1px rgba(255,255,255,.72);isolation:isolate}.film-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(9,72,178,.08),rgba(255,189,140,.18));z-index:-1}.film-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;animation:orb-drift 13s ease-in-out infinite}.orb-a{left:-120px;top:-100px;width:430px;height:430px;background:#1684ff55}.orb-b{right:-100px;bottom:-130px;width:420px;height:420px;background:#ffc59b55;animation-delay:-6s}.screen-window{position:absolute;border:1px solid rgba(255,255,255,.62);border-radius:18px;overflow:hidden;background:rgba(244,247,250,.91);box-shadow:0 28px 70px rgba(13,32,64,.3);backdrop-filter:blur(24px)}.quiz-window{left:7%;top:10%;width:58%;height:73%;transform:perspective(1400px) rotateY(2deg) rotateX(1deg)}.screen-chrome{height:47px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#1f232a;color:#9ca5b2;font-size:12px}.screen-chrome i{width:9px;height:9px;border-radius:50%;background:#f36f66}.screen-chrome i:nth-child(2){background:#efbe56}.screen-chrome i:nth-child(3){background:#6bc66f}.screen-chrome span{margin-left:auto;margin-right:auto;transform:translateX(-22px)}.quiz-sheet{position:relative;height:calc(100% - 47px);padding:54px;background:linear-gradient(145deg,#f8fafb,#e7eef2);color:#202a36}.quiz-sheet small,.article-page small{font-size:10px;letter-spacing:.17em;color:#718094}.quiz-sheet h3{margin:22px 0 29px;font:500 27px/1.55 "YuMincho",serif}.quiz-options{display:grid;gap:9px;width:78%}.quiz-options span{padding:13px 16px;border:1px solid #dce3e9;border-radius:10px;background:#fff;color:#697687;font-size:13px}.quiz-options .is-read{border-color:#75a9ee;background:#edf5ff;color:#2e68ac;box-shadow:0 0 0 3px #70a6ee16}.focus-frame{position:absolute;left:41px;right:41px;top:84px;height:223px;border:1px solid #79aef1aa;border-radius:12px;box-shadow:inset 0 0 0 999px #6da4ea05}.focus-frame b{position:absolute;right:9px;top:9px;padding:5px 8px;border-radius:999px;background:#255fae;color:white;font-size:9px}.focus-frame i{position:absolute;left:0;right:0;height:1px;background:#8abfff;box-shadow:0 0 14px #62a8ff;animation:read-scan 3.8s cubic-bezier(.45,0,.55,1) infinite}.product-panel{position:absolute;border:1px solid rgba(255,255,255,.23);border-radius:22px;background:linear-gradient(145deg,rgba(30,32,38,.91),rgba(14,16,20,.94));color:#f3f5f7;box-shadow:0 34px 80px rgba(8,13,25,.47),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(28px) saturate(120%)}.solve-panel{right:5%;top:18%;width:41%;padding:20px;animation:panel-hover 7s ease-in-out infinite}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}.panel-head span{display:flex;align-items:center;gap:9px;font-weight:600}.panel-head img{border-radius:6px}.panel-head em{font-style:normal;color:#8993a1;font-size:10px}.solve-status{display:flex;align-items:center;gap:8px;margin:18px 0;color:#aab3be;font-size:11px}.solve-status i{width:7px;height:7px;border-radius:50%;background:#75d49d;box-shadow:0 0 13px #75d49d}.solve-panel article{position:relative;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.04);animation:answer-rise 6s cubic-bezier(.16,1,.3,1) infinite}.solve-panel article small{display:block;color:#808b99;font-size:9px;letter-spacing:.15em}.solve-panel article strong{display:block;margin:12px 0 15px;font-size:30px;letter-spacing:-.04em}.solve-panel article p{margin:0;color:#c7cdd5;font-size:13px;line-height:1.8}.solve-panel article button{position:absolute;right:15px;top:15px;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:6px 9px;background:rgba(255,255,255,.05);color:#b6bec8;font:inherit;font-size:9px}.history-line{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:11px 4px 0;color:#737e8b;font-size:10px}.history-line b{font-weight:500}.stage-caption{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:rgba(255,255,255,.78);font-size:12px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.watch-stage{background:#11141a}.watch-stage:before{z-index:2;background:linear-gradient(90deg,rgba(4,7,11,.12),rgba(4,7,11,.28))}.video-frame{position:absolute;inset:0;overflow:hidden;background:#080a0d}.video-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 9%;filter:saturate(.88) brightness(.72);animation:cinema-pan 15s ease-in-out infinite alternate}.video-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(6,8,12,.32) 66%,rgba(6,8,12,.72))}.video-top{position:absolute;z-index:3;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;color:white;font-size:12px}.video-top span{padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0b0e12aa;backdrop-filter:blur(14px);font-size:10px}.video-timeline{position:absolute;z-index:3;left:4%;right:4%;bottom:31px;height:3px;background:#ffffff34}.video-timeline i{display:block;width:18%;height:100%;background:#f03d43;animation:timeline-run 12s linear infinite}.subtitle-pulse{position:absolute;z-index:3;left:6%;bottom:62px;padding:8px 12px;background:#07090cbc;color:#fff;font-size:16px;font-weight:700;letter-spacing:.04em;animation:subtitle-in 7s ease-in-out infinite}.watch-panel{z-index:4;right:4%;top:15%;width:46%;padding:20px;animation:panel-hover 8s ease-in-out infinite}.user-bubble{width:max-content;max-width:90%;margin:22px 0 18px auto;padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:13px 13px 3px 13px;background:rgba(255,255,255,.07);font-size:12px}.answer-stream{display:flex;gap:10px;color:#dce1e7;font-size:13px;line-height:1.8}.answer-stream>span{color:#91bfff}.answer-stream p{margin:0}.answer-stream b{color:#fff}.context-chip{width:max-content;margin:18px 0 14px;padding:6px 9px;border:1px solid rgba(142,190,255,.16);border-radius:999px;background:rgba(78,132,203,.1);color:#8fb8ec;font-size:9px}.panel-composer{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#77818d;font-size:11px}.panel-composer>span{flex:1}.panel-composer>b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f1f3f6;color:#222831}.panel-composer button{height:28px;display:flex;align-items:center;gap:2px;border:0;background:none}.panel-composer button i{width:2px;height:8px;border-radius:2px;background:#98a4b2;animation:voice-wave 1.2s ease-in-out infinite}.panel-composer button i:nth-child(2),.panel-composer button i:nth-child(4){animation-delay:-.25s}.panel-composer button i:nth-child(3){animation-delay:-.5s}.chat-stage{background:#739cda url("./assets/cinematic-alpine.png") center/cover}.article-window{left:5%;top:9%;width:65%;height:78%;transform:rotate(-1.2deg)}.article-page{height:calc(100% - 47px);padding:51px;background:linear-gradient(145deg,#eff4f0,#dce6e4);color:#293741}.article-page h3{margin:24px 0 19px;font:500 36px/1.43 "YuMincho",serif;letter-spacing:-.04em}.article-page p{width:78%;font-size:13px;line-height:2;color:#596970}.article-lines{margin-top:25px}.article-lines i{display:block;width:75%;height:6px;margin:10px 0;border-radius:4px;background:#ccd8d6}.article-lines i:nth-child(2){width:88%}.article-lines i:nth-child(3){width:60%}.chat-panel{right:4%;top:10%;width:47%;padding:20px;animation:panel-hover 7.5s ease-in-out infinite}.chat-panel .user-bubble{margin-top:17px}.chat-panel .answer-stream{padding:2px 3px 13px}.chat-panel .follow{animation:conversation-step 8s ease-in-out infinite}.chat-panel .answer-stream.follow{animation-delay:.35s}.chat-panel .panel-composer{margin-top:3px}.mic-live i{background:#8ebeff!important}.watch-film .stage-caption{color:#c2c8d1}@keyframes read-scan{0%{top:4%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:96%;opacity:0}}@keyframes panel-hover{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}@keyframes answer-rise{0%,18%{opacity:0;transform:translateY(14px);filter:blur(5px)}35%,85%{opacity:1;transform:none;filter:none}100%{opacity:.95}}@keyframes orb-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(35px,-20px,0) scale(1.08)}}@keyframes cinema-pan{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.1) translate3d(-2%,-1%,0)}}@keyframes timeline-run{from{width:18%}to{width:84%}}@keyframes subtitle-in{0%,12%,100%{opacity:0;transform:translateY(8px)}22%,76%{opacity:1;transform:none}88%{opacity:0}}@keyframes voice-wave{0%,100%{height:5px;opacity:.55}50%{height:15px;opacity:1}}@keyframes conversation-step{0%,35%{opacity:0;transform:translateY(9px);filter:blur(4px)}48%,90%{opacity:1;transform:none;filter:none}100%{opacity:0}}@media(max-width:820px){.feature-film{padding:82px 0}.film-shell{width:min(100% - 24px,1180px)}.film-heading{margin-bottom:30px;padding-inline:6px}.film-heading h2{font-size:38px}.film-heading>span{font-size:15px}.film-stage{height:560px;border-radius:22px}.quiz-window,.article-window{left:4%;right:4%;top:6%;width:auto;height:62%;transform:none}.quiz-sheet{padding:31px}.quiz-sheet h3{font-size:21px}.focus-frame{left:22px;right:22px;top:63px;height:205px}.product-panel{left:7%;right:7%;top:auto;bottom:48px;width:auto}.solve-panel,.watch-panel,.chat-panel{padding:16px}.video-frame>img{object-position:33% top}.watch-panel{left:5%;right:5%;bottom:46px}.chat-panel{left:7%;right:5%;bottom:39px}.article-page{padding:28px}.article-page h3{font-size:25px}.article-page p{width:100%;font-size:11px}.chat-panel .answer-stream.follow,.chat-panel .user-bubble.follow{display:none}.stage-caption{font-size:10px;bottom:15px}.solve-panel article strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.film-stage *{animation:none!important}}