/* Livi: shared design tokens and component rules. Section landscapes live in hero-world.css. */
:root{--page-gutter:32px;--page-content-width:1180px;--ink:#15264b;--copy:#435578;--muted:#647394;--surface:#fcfcffd9;--line:#ffffffdc;--radius:24px;--shadow:0 8px 24px #25396309;--section-space:88px;--body:16px;--nav-font-size:16px}
main{width:100%;max-width:calc(var(--page-content-width) + 2 * var(--page-gutter));padding:0 var(--page-gutter);margin:auto}
.navigation{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-content-width);margin-left:auto;margin-right:auto;padding:12px 22px;gap:22px}
.navigation .brand,.navigation nav a,.navigation .nav-cta,.navigation .menu-toggle{font-size:var(--nav-font-size);letter-spacing:-.3px}
.navigation .brand-image{width:36px;height:36px}.navigation nav{gap:26px}
.navigation .nav-cta{background:#ffffffa6;color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:11px 18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
main>.page-section,main>.hero,main>.site-footer{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;min-width:0}
main>.page-section{padding-top:var(--section-space);padding-bottom:var(--section-space);min-height:0;scroll-margin-top:100px}
main>.chapter-world{width:100%;margin-left:0;margin-right:0}
h1,.section-heading h2,.section-copy h2,.download-section h2{color:var(--ink);font-weight:550;line-height:1.08;letter-spacing:-.045em}
.section-heading h2,.section-copy h2,.download-section h2{font-size:clamp(36px,4.2vw,54px);margin:18px 0 24px}
.section-heading{margin-bottom:36px}.section-heading>p,.section-heading>div>p,.section-sub{font-size:18px;font-weight:400;line-height:1.6;color:var(--copy);letter-spacing:-.2px}
.section-heading .eyebrow,.section-copy>.eyebrow,.chapter-copy>.eyebrow{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:1.4px;line-height:1.5}
.section-copy>p:not(.section-sub),.section-description,.chapter-copy>p:not(.section-sub),.hero-copy .description{font-size:var(--body);line-height:1.7;color:var(--copy);font-weight:400}
.section-description{margin-bottom:30px}.split-section{gap:64px;align-items:center}
.page-section .section-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:14px 22px;background:var(--ink);color:#fff;border:1px solid #ffffff40;border-radius:16px;font-size:15px;font-weight:500;line-height:1.4;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.page-section .section-cta:hover{background:#253963}
.page-section .text-button{font-size:14px;font-weight:500;line-height:1.5;color:var(--ink)}
.feature-mascot,.games-world .game-card,.courses-world .course-card,.prompts-world .prompt-board,.reviews-world .review-card,.faq-world details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.features-world .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.features-world .feature-mascot{min-height:410px;display:flex;flex-direction:column;padding:0;filter:none;transition:transform .25s,box-shadow .25s}
.features-world .feature-mascot:nth-child(n){background:var(--surface)}
.features-world .feature-art{height:240px;padding:26px 30px 10px;overflow:visible;flex-shrink:0}
.features-world .feature-content{padding:22px 30px 30px;flex:1}
.features-world .feature-mascot h3,.game-content h3,.course-info h3{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.5px;color:var(--ink);margin:0 0 12px}
.features-world .feature-mascot p,.game-content p{font-size:15px;line-height:1.6;color:var(--copy);margin:0;min-height:0}
.features-world .feature-mascot:hover{transform:translateY(-3px);box-shadow:0 12px 28px #25396312;filter:none}
.personalized-benefits{margin:28px 0;gap:18px 20px}.personalized-benefits li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}.personalized-benefits li:before{display:none}.personalized-benefits svg{width:20px;height:20px;flex-shrink:0;color:var(--muted)}
.path-visual{min-height:620px}.path-phone{width:270px;transform:none}.path-badge,.path-step{display:none}
.courses-world .course-card{flex-basis:350px;padding:10px;display:flex;flex-direction:column}
#courses .course-info{padding:18px 16px 16px;display:flex;flex-direction:column;flex:1}
#courses .course-card h3{font-size:20px;line-height:1.35;min-height:80px;margin:0 0 18px}
#courses .course-card .course-meta{font-size:12px;line-height:1.5;color:var(--muted);margin:auto 0 18px}
#courses .course-card .text-button,#games .game-content .text-button{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:11px 15px;border-radius:13px;background:#253963bf;color:#fff;border:1px solid #ffffff60;font-size:14px;font-weight:500;box-shadow:none}
#courses .course-card .text-button:hover,#games .game-content .text-button:hover{background:#253963df}
#courses>.section-cta,#games>.section-cta{margin-top:28px}
.page-section .carousel-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#ffffffa6;color:var(--ink);font-size:20px;box-shadow:none}
.games-world .game-grid{gap:24px}#games .game-card{padding:22px}#games .game-card:nth-child(n){background:var(--surface)}#games .game-phone{width:100%;max-width:198px;height:auto}#games .game-phone img{width:100%;height:auto;display:block}#games .game-content{padding:24px 0 0}#games .game-content p{margin:0 0 22px}#games .game-content .text-button{margin-top:auto}
.prompts-world .prompt-board{padding:30px}.prompts-world .board-top{margin-bottom:26px}.prompts-world .prompt-board h3{font-size:25px;line-height:1.3;letter-spacing:-.5px}.prompts-world .prompt-board>p{font-size:15px;line-height:1.7;background:#ffffffa6;color:var(--copy);border:1px solid var(--line);border-radius:16px;padding:20px;min-height:210px}
.prompt-studio-visual{padding:20px 0}.prompt-studio-visual .prompt-mascot{display:none}.prompt-footer>span,.model-preview>span{display:none}.prompt-footer{justify-content:flex-end}.model-preview{border-top:1px solid #25396312;padding-top:18px;margin-top:22px}.model-preview>div{margin-top:0;gap:12px}.model-preview>div>:is(button,a){background:none;box-shadow:none;border:0;border-radius:0;padding:4px 0;color:var(--copy);font-size:13px}
.prompts-world .category-tabs{gap:8px;margin:26px 0}.prompts-world .category-tabs button{padding:9px 13px;border:1px solid #ffffffc9;background:#ffffff80;border-radius:12px;font-size:12px;color:var(--copy)}.prompts-world .category-tabs button[aria-pressed=true]{background:#253963;color:#fff;box-shadow:none}
.prompt-benefits{margin:28px 0;gap:18px}.prompt-benefits>div{padding-left:36px}.prompt-benefits>div>span{background:none;border:0;color:var(--muted)}.prompt-benefits b{font-size:14px;font-weight:500}.prompt-benefits p{font-size:13px;line-height:1.6}
.reviews-world .section-heading{margin-bottom:0}.reviews-world .section-heading p{margin-bottom:0}#reviews-track{margin-top:28px;padding-bottom:20px;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:none;scroll-behavior:auto;pointer-events:auto;touch-action:pan-y;overflow-anchor:none;cursor:default;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}#reviews-track::-webkit-scrollbar{display:none}
.reviews-world .review-card{flex-basis:350px;min-width:350px;padding:30px;background:#fcfcff}.reviews-world .review-card:nth-child(n){background:#fcfcff}.reviews-world .review-card h3{font-size:18px;line-height:1.4;letter-spacing:-.3px;font-weight:600}.reviews-world .review-card blockquote{font-size:15px;line-height:1.6;color:var(--copy)}.review-store-label{display:flex;align-items:center;gap:8px}.appstore-icon{width:23px;height:23px}.appstore-review-heading{font-size:12px}.appstore-review-heading>span:last-child{display:none}
.achievements-world .achievement-certificate{transform:none;border-radius:20px;box-shadow:var(--shadow)}.achievement-visual{padding:20px 0}.achievement-halo,.achievement-caption{display:none}.achievements-world .highlights{font-size:14px;line-height:1.6;color:var(--copy);margin:26px 0}
.faq-world .section-heading{text-align:left;margin-bottom:32px}.faq-world .faq-list{max-width:none;width:100%;gap:14px}.faq-world details{padding:0 26px}.faq-world summary{font-size:17px;font-weight:500;padding:23px 0}.faq-world summary>span{background:none;border:0;color:var(--muted)}.faq-world details p{font-size:15px;line-height:1.7;color:var(--copy);margin:0 42px 25px 0}
.chapter-world{padding:48px;margin-top:40px;margin-bottom:40px;border-radius:var(--radius);box-shadow:var(--shadow)}.chapter-world .app-store{margin-top:26px}.chapter-visual{min-height:340px}.chapter-halo,.chapter-note{display:none}
.social-world .section-heading{text-align:center}.social-world .minimalist-social{gap:24px}.social-world .minimalist-social :is(a,button){background:none;border:0;box-shadow:none;border-radius:0;padding:10px 0;color:var(--copy);font-size:14px;gap:10px}.social-symbol{width:24px;height:24px}.social-world .minimalist-social :is(a,button):hover{background:none;transform:none;color:var(--ink)}
.site-footer{padding:36px 0 24px;gap:32px}.site-footer h3{font-size:13px}.site-footer>div>a,.site-footer>div>button,.footer-brand p{font-size:13px;line-height:1.6}.footer-bottom{font-size:11px;color:var(--muted)}
.hero{padding:64px 0 44px;min-height:650px;align-items:center}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(59px,5.985vw,81.7px);margin-top:0;margin-bottom:24px}.hero-copy .description{max-width:450px;margin-top:18px;margin-bottom:0}.hero-copy .hero-actions{margin-top:34px;gap:24px;align-items:center}.hero-actions .app-store{min-height:70px;padding:16px 24px;border-radius:20px;background:#000;box-shadow:none}.hero-actions .app-store small{font-size:12px}.hero-actions .app-store b{font-size:26px}.hero-actions .explore{background:none;border:0;border-radius:0;box-shadow:none;padding:10px 0;min-height:44px;font-size:14px;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-actions .explore span{font-size:20px}.apple-logo{display:inline-block;flex-shrink:0;width:29px;height:35px;background:currentColor;mask:url('../assets/apple-logo.png') center/contain no-repeat;-webkit-mask:url('../assets/apple-logo.png') center/contain no-repeat}.nav-cta .apple-logo{width:18px;height:22px}
.hero-dragon{height:auto;min-height:0;display:flex;align-items:center;margin-left:-30px;margin-right:-65px}.hero-phone-composition{position:relative;width:100%;max-width:830px;aspect-ratio:1.5;margin-top:20px}.hero-phone-composition .dragon-app{width:100%;max-width:none;transform:none;margin:0;display:block}.phone-sides{clip-path:polygon(0 0,34% 0,34% 100%,0 100%,0 0,66% 0,100% 0,100% 100%,66% 100%,66% 0)}.phone-center-layer{position:absolute;inset:0;transform:translateY(-20px);clip-path:inset(0 34% 0 34%)}
@media(max-width:1100px){.hero-copy h1{font-size:66px}.navigation{gap:16px}.navigation nav{gap:20px}}
@media(max-width:1000px){.split-section{gap:36px}.features-world .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-world .game-grid{gap:18px}#games .game-card{padding:18px 14px}#games .game-phone{max-width:185px}.chapter-world{padding:36px}.path-phone{width:250px}}
@media(min-width:651px) and (max-width:850px){.hero{min-height:600px;padding-top:50px;padding-bottom:35px}.hero-copy h1{font-size:57px}.hero-phone-composition{width:120%;flex-shrink:0}.hero-dragon{margin-right:-30px}.hero-copy .description{font-size:15px}.hero-actions .explore{font-size:13px}}
@media(max-width:650px){:root{--page-gutter:24px;--section-space:64px;--body:15px;--nav-font-size:13px}.navigation{padding:10px 14px;gap:8px}.navigation .brand-image{width:30px;height:30px}.navigation .nav-cta{padding:9px 11px}.navigation .menu-toggle{padding:9px}.nav-cta .apple-logo{width:15px;height:18px}.section-heading h2,.section-copy h2,.download-section h2{font-size:37px;letter-spacing:-1.5px}.section-heading>p,.section-heading>div>p,.section-sub{font-size:17px}.split-section{gap:30px}.features-world .feature-grid{grid-template-columns:1fr;gap:20px}.features-world .feature-mascot{min-height:0}.features-world .feature-art{height:225px;padding:24px 30px 10px}.features-world .feature-content{padding:20px 28px 28px}.path-visual{min-height:580px}.path-phone{width:250px}.personalized-benefits{gap:16px}.personalized-benefits li{font-size:13px}.games-world .game-grid{grid-template-columns:1fr}#games .game-card{padding:24px}#games .game-phone{max-width:210px}.reviews-world .review-card{flex-basis:calc(100vw - 70px);min-width:0;padding:28px}.prompts-world .prompt-board{padding:24px}.prompts-world .prompt-board>p{font-size:14px}.faq-world details{padding:0 20px}.faq-world summary{font-size:16px}.faq-world details p{margin-right:0}.chapter-world{padding:32px 24px}.chapter-visual{min-height:290px}.social-world .minimalist-social{grid-template-columns:repeat(2,1fr);gap:12px 20px}.footer-bottom{font-size:10px}.hero{min-height:0;padding:40px 0 20px;display:flex;flex-direction:column}.hero-copy h1{font-size:clamp(54px,12.35vw,76px)}.hero-copy .hero-actions{gap:16px;margin-top:32px}.hero-actions .explore{font-size:14px}.hero-dragon{width:100%;height:460px;min-height:0;margin:25px 0 0;overflow:hidden;justify-content:center;align-items:flex-start}.hero-phone-composition{width:760px;max-width:none;flex-shrink:0;transform:translateX(-5px);margin:0}.hero-phone-composition .dragon-app{width:100%}.achievement-visual{order:2}}
@media(max-width:370px){:root{--page-gutter:18px;--nav-font-size:11px}.hero-phone-composition{width:700px}.hero-dragon{height:430px}}
@media(prefers-reduced-motion:reduce){.features-world .feature-mascot{transition:none}.features-world .feature-mascot:hover{transform:none}}
.features-world:before{background:linear-gradient(180deg,#f4f7ffff 0%,#f5f7ffd9 25%,#f5f7ffcf 65%,#f5f6fb55 90%,#f5f6fb 100%),url('../assets/hero-world.png') center 65% / cover no-repeat}
/* Review refinements: softer product color, lavender glass, refined feature type. */
.hero-phone-composition .dragon-app{filter:saturate(.78) contrast(.97) drop-shadow(0 16px 20px #25396318)}
.features-world .feature-mascot:nth-child(n){background:linear-gradient(145deg,#ffffff94,#e8e2f5a8);border-color:#ffffffd9;box-shadow:0 10px 28px #2539630a,inset 0 1px #ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.features-world .feature-mascot h3{font-size:22px;font-weight:500;letter-spacing:-.65px;line-height:1.25;margin-bottom:14px}
.features-world .feature-mascot p{font-size:15px;font-weight:400;letter-spacing:.05px;line-height:1.7;color:#526181}
.personalized-world .path-badge{display:flex;left:50%;bottom:100px;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(135deg,#ffffffe6,#ffffffad);border:1px solid white;border-radius:22px;padding:18px 22px;box-shadow:0 10px 25px #25396312;backdrop-filter:blur(20px)}
.personalized-world .path-badge b{font-size:13px;font-weight:550}.personalized-world .path-badge small{font-size:10px;line-height:1.5}.personalized-world .path-step{display:flex;bottom:8px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;padding:13px 18px;background:#ffffffbf;font-size:11px;border:1px solid white;border-radius:25px}
@media(max-width:650px){.features-world .feature-mascot h3{font-size:21px}.personalized-world .path-badge{padding:15px 17px;bottom:90px}.personalized-world .path-badge b{font-size:12px}.personalized-world .path-badge small{font-size:9px}.personalized-world .path-step{font-size:10px}}

/* Games share the translucent lavender material and typography of Features. */
#games .game-card:nth-child(n){background:linear-gradient(145deg,#ffffff94,#e8e2f5a8);border:1px solid #ffffffd9;box-shadow:0 10px 28px #2539630a,inset 0 1px #ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:22px 24px}
#games .game-content{padding:20px 0 0;flex:0 1 auto}
#games .game-content h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.6px;margin:0 0 10px}
#games .game-content p{font-size:15px;font-weight:400;line-height:1.65;letter-spacing:.05px;color:#526181;margin:0 0 18px;min-height:0}
#games .game-content .text-button{display:inline-flex;justify-content:flex-start;align-self:flex-start;width:auto;min-height:40px;margin:0;padding:9px 13px;border:1px solid #ffffffbf;border-radius:12px;background:#ffffff57;color:#344b73;box-shadow:none;font-size:14px;font-weight:500;line-height:1.4;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#games .game-content .text-button:hover{background:#ffffffa6;color:#15264b}
#games .game-card{align-self:start}
@media(max-width:650px){#games .game-card:nth-child(n){padding:22px 24px}#games .game-content h3{font-size:21px}#games .game-content p{font-size:15px}}
/* Equal game cards and clear, light secondary actions. */
#games .game-grid{align-items:stretch}
#games .game-card{align-self:stretch;height:100%}
#games .game-content{flex:1;display:flex;flex-direction:column}
#games .game-content .text-button{margin-top:auto;background:#ffffffed;border:1px solid #fff;color:#253963;box-shadow:0 3px 10px #2539630a,inset 0 1px #fff}
#games .game-content .text-button:hover{background:#fff;color:#15264b;box-shadow:0 5px 14px #25396312}

/* Restore the original prompt studio composition; retain its dark primary CTA. */
.prompts-world .section-copy h2{font-size:clamp(38px,4.8vw,64px);font-weight:550;letter-spacing:-.055em;line-height:1.08}
.prompts-world .prompt-studio-visual{padding:50px 0 95px}
.prompts-world .prompt-board{padding:30px;border:1px solid #ffffffed;background:linear-gradient(140deg,#ffffffce,#d0c9f275,#91dfe052);box-shadow:0 20px 45px #25396316,inset 0 1px white;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:29px}
.prompts-world .board-top{margin-bottom:30px}.prompts-world .prompt-board h3{font-size:27px;line-height:1.2;letter-spacing:-1px;font-weight:500}.prompts-world .prompt-board>p{min-height:210px;padding:22px;color:#435578;background:#ffffffa6;font-size:13px;line-height:1.9;border-radius:18px}
.prompts-world .prompt-studio-visual .prompt-mascot{display:block;bottom:-45px}
.prompts-world .prompt-footer{justify-content:space-between}.prompts-world .prompt-footer>span{display:inline;font-size:8px;color:#7d89a2}.prompts-world .prompt-footer .section-cta{background:linear-gradient(135deg,#ffffffed,#ffffff99);color:#253963;padding:16px 21px;border:1px solid white;box-shadow:0 8px 22px #25396312,inset 0 1px white;border-radius:25px}
.prompts-world .model-preview{margin-top:26px;padding-top:21px;border-top:1px solid #ffffffa6}.prompts-world .model-preview>span{display:inline;font-size:7px;letter-spacing:1px;color:#657ba5}.prompts-world .model-preview>div{margin-top:12px;gap:8px}.prompts-world .model-preview>div>:is(a,button){border:1px solid white;background:#ffffffb3;border-radius:20px;padding:10px 13px;font-size:10px;color:#253963;box-shadow:none}
.prompts-world .category-tabs button{background:#ffffffa3;border:1px solid white;border-radius:20px;color:#435578;font-size:12px;padding:10px 15px}.prompts-world .category-tabs button[aria-pressed=true]{background:#afc2ebc9;color:#253963;box-shadow:inset 0 1px white}
.prompts-world .prompt-benefits>div{padding-left:42px}.prompts-world .prompt-benefits>div>span{background:#ffffffb3;border:1px solid white}.prompts-world .prompt-benefits b{font-size:13px;font-weight:550}.prompts-world .prompt-benefits p{font-size:11px;line-height:1.6}
.prompts-world .section-copy>.section-cta{background:#15264b;color:#fff}
@media(max-width:650px){.prompts-world .section-copy h2{font-size:38px}.prompts-world .prompt-studio-visual{padding-top:55px;padding-bottom:90px}.prompts-world .prompt-board{padding:24px}.prompts-world .prompt-board h3{font-size:25px}.prompts-world .prompt-board>p{min-height:190px}.prompts-world .prompt-benefits p{font-size:12px}}

/* Restore achievements and FAQ presentation, with the current dark achievement CTA. */
.achievements-world .section-copy h2,.faq-world .section-heading h2{font-size:clamp(38px,4.8vw,64px);font-weight:550;letter-spacing:-.055em;line-height:1.08}
.achievements-world .achievement-visual{padding:45px 0 65px}.achievements-world .achievement-halo{display:block}.achievements-world .achievement-certificate{transform:rotate(-3deg);border-radius:18px;box-shadow:0 22px 40px #25396320,inset 0 1px white}
.achievements-world .achievement-caption{display:block}.achievements-world .section-copy>.section-cta{background:#15264b;color:#fff}.achievements-world .highlights{font-size:14px;line-height:1.7}
.faq-world .section-heading{text-align:center;margin-bottom:38px}.faq-world .faq-list{gap:16px;max-width:none;margin:0 auto}.faq-world details{padding:0 28px;border:1px solid #ffffffed;border-radius:24px;background:linear-gradient(135deg,#ffffffbf,#ffffff75);box-shadow:0 10px 25px #25396308,inset 0 1px white;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.faq-world summary{font-size:18px;font-weight:550;padding:24px 0}.faq-world summary>span{width:30px;height:30px;border-radius:50%;background:#ffffff90;border:1px solid white;color:#7187b2;font-size:20px}.faq-world details[open]{background:linear-gradient(135deg,#ffffffdf,#ffffff99)}.faq-world details p{font-size:16px;line-height:1.8;color:#536786;margin:0 45px 26px 0}
@media(max-width:650px){.achievements-world .section-copy h2,.faq-world .section-heading h2{font-size:38px}.achievements-world .achievement-visual{padding:35px 5px 65px}.faq-world .section-heading{margin-bottom:30px}.faq-world .faq-list{gap:13px}.faq-world details{padding:0 20px;border-radius:22px}.faq-world summary{font-size:16px;padding:20px 0}.faq-world details p{font-size:15px;margin:0 0 23px}}

/* Restore social links and match the hero's softer phone treatment. */
.social-world .section-heading{margin-bottom:32px}.social-world .section-heading h2{font-size:clamp(38px,4.8vw,64px);font-weight:550;letter-spacing:-.055em;line-height:1.08}.social-world .section-heading>p{font-size:clamp(18px,1.9vw,23px);line-height:1.5;color:#536786}
.social-world .minimalist-social{gap:14px}.social-world .minimalist-social :is(a,button){display:inline-flex;align-items:center;gap:12px;padding:17px 21px;background:transparent;border:1px solid transparent;border-radius:22px;box-shadow:none;font-size:13px;color:#253963;transition:transform .2s,background .2s}.social-world .minimalist-social :is(a,button):hover{background:#ffffff45;transform:translateY(-3px)}.social-world .social-symbol{width:28px;height:28px;flex-shrink:0}.social-world .minimalist-social :is(a,button)>span:last-child{color:#7187b2;font-size:17px;margin-left:6px}
.chapter-world .chapter-phones{filter:saturate(.78) contrast(.97) drop-shadow(0 16px 20px #25396318)}
@media(max-width:650px){.social-world .section-heading h2{font-size:38px}.social-world .section-heading>p{font-size:19px}.social-world .minimalist-social{gap:12px}.social-world .minimalist-social :is(a,button){padding:16px 14px;gap:9px;font-size:12px;justify-content:center}.social-world .social-symbol{width:25px;height:25px}.social-world .minimalist-social :is(a,button)>span:last-child{margin-left:0}}
/* Final download panel echoes the reserved cinematic section. */
.chapter-world{background:radial-gradient(ellipse at 90% 10%,#343455,transparent 55%),linear-gradient(135deg,#151e35,#101a2e);border:1px solid #ffffff26;box-shadow:0 18px 45px #15264b20,inset 0 1px #ffffff16}
.chapter-world h2{color:#f2f5ff}.chapter-world .chapter-copy>.eyebrow{color:#b3c1df}.chapter-world .chapter-copy>.section-sub{color:#c4cee3}
.chapter-world .app-store{background:#000;border:1px solid #ffffff45;color:#fff;box-shadow:0 8px 22px #0002}
.chapter-world .chapter-visual:before{content:'';position:absolute;left:3%;right:0;bottom:7%;height:38%;border-radius:50%;background:radial-gradient(ellipse,#afc2eb65 0%,#d0c9f230 38%,transparent 72%);filter:blur(25px);pointer-events:none}
.chapter-world .chapter-phones{filter:saturate(.78) contrast(.97) drop-shadow(0 8px 15px #afc2eb40) drop-shadow(0 0 5px #ffffff16)}
.chapter-world .app-store{background:#fff;color:#000;border:1px solid #fff;box-shadow:0 8px 24px #0002}
.chapter-world .app-store:hover{background:#f5f6fb}
/* Soften the actual mockup image, not only its surrounding light. */
.chapter-world .chapter-phones{filter:saturate(.68) contrast(.88) brightness(.98) blur(.45px) drop-shadow(0 8px 19px #afc2eb3d);opacity:.94}
.chapter-world .chapter-visual:after{content:'';position:absolute;left:0;right:0;bottom:1%;height:15%;background:radial-gradient(ellipse at center,#b7c9ed29,transparent 70%);filter:blur(18px);pointer-events:none}

/* Reuse the exact hero phone composition and its natural aspect ratio. */
.chapter-world .chapter-visual{display:flex;align-items:center;justify-content:center;overflow:visible}
.chapter-world .chapter-visual .hero-phone-composition{width:115%;max-width:none;flex-shrink:0;aspect-ratio:3/2;height:auto;margin:0;transform:none}
.chapter-world .chapter-visual .hero-phone-composition .dragon-app{width:100%;max-width:none;height:auto;transform:none;margin:0;opacity:1;filter:saturate(.78) contrast(.97) drop-shadow(0 16px 20px #25396318)}
.chapter-world .chapter-visual .phone-center-layer{transform:translateY(-20px)}
.chapter-world .chapter-visual:after{display:none}
@media(max-width:650px){.chapter-world .chapter-visual .hero-phone-composition{width:112%;transform:none;margin:0}.chapter-world .chapter-visual .hero-phone-composition .dragon-app{width:100%;height:auto}}
/* Backlight is a separate layer behind the unchanged phone composition. */
.chapter-world .chapter-visual{isolation:isolate}
.chapter-world .chapter-visual:before{content:'';position:absolute;z-index:0;left:-8%;right:-8%;top:1%;bottom:0;height:auto;border-radius:50%;background:radial-gradient(ellipse at 50% 48%,#ffffffe0 0%,#f0e9ff9c 25%,#c9b4fb66 46%,#b5a0ef24 62%,transparent 76%);filter:blur(30px);opacity:.85;pointer-events:none}
.chapter-world .chapter-visual .hero-phone-composition{position:relative;z-index:1}
/* Games follow the same card material and information hierarchy as Courses. */
#games .game-card:nth-child(n){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:10px;align-self:stretch;height:100%}
#games .game-phone{margin:12px auto 0;max-width:198px;width:100%;height:auto}
#games .game-content{padding:18px 16px 16px;flex:1;display:flex;flex-direction:column}
#games .game-content h3{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.35;margin:0 0 12px}
#games .game-content p{font-size:15px;font-weight:400;line-height:1.6;color:var(--copy);letter-spacing:0;margin:0 0 18px}
#games .game-content .text-button{display:flex;width:100%;align-self:stretch;align-items:center;justify-content:space-between;margin-top:auto;min-height:44px;padding:11px 15px;border-radius:13px;background:#253963bf;color:#fff;border:1px solid #ffffff60;font-size:14px;font-weight:500;line-height:1.5;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#games .game-content .text-button:hover{background:#253963df;color:#fff;box-shadow:none}
@media(max-width:1000px) and (min-width:651px){#games .game-phone{max-width:185px}#games .game-content{padding:18px 12px 14px}#games .game-content .text-button{font-size:13px;padding:11px 12px}}
@media(max-width:650px){#games .game-phone{max-width:210px;margin-top:16px}#games .game-content{padding:20px 16px 16px}}
/* Compact footer, matching its original proportions. */
.site-footer{padding:40px 0 25px;gap:45px}
.site-footer h3{font-size:11px;font-weight:550;margin:0 0 18px}
.site-footer>div>a,.site-footer>div>button{font-size:10px;line-height:1.5;margin:12px 0}
.site-footer .footer-brand>a{font-size:20px}
.site-footer .footer-brand p{font-size:11px;line-height:1.5;margin-top:15px}
.site-footer .footer-bottom{font-size:8px;padding-top:20px}
@media(max-width:650px){.site-footer{gap:25px 15px}.site-footer .footer-bottom{font-size:7px;gap:20px}}

/* Restored cinematic section uses the supplied YouTube playlist directly. */
.playlist-section{padding:80px max(var(--page-gutter),calc((100vw - var(--page-content-width))/2));scroll-margin-top:110px}.playlist-section .section-heading{margin-bottom:30px}.playlist-section .section-heading h2{color:#f2f5ff}.playlist-section .section-heading>p{color:#bec9de}.playlist-section .eyebrow{color:#aebedb}.playlist-player{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #ffffff30;border-radius:24px;overflow:hidden;background:#0c1323}.playlist-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.playlist-link{display:inline-flex;margin-top:22px;font-size:14px;color:#e4eaff}.playlist-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.playlist-section{padding-top:60px;padding-bottom:60px}.playlist-player{border-radius:16px}}

.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:650px){.video-grid{grid-template-columns:1fr;gap:20px}}
/* Film previews first; a single player appears only after selection. */
.film-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.film-gallery-controls button,.selected-film-heading button{border:1px solid #ffffff35;border-radius:14px;padding:11px 15px;background:#ffffff10;color:#edf2ff;font-size:13px}.film-gallery-controls button:hover,.selected-film-heading button:hover{background:#ffffff20}.film-gallery-controls>span{font-size:13px;color:#b5c1d8}.film-preview-track{display:flex;gap:22px;overflow:hidden;scrollbar-width:none;scroll-behavior:auto;overflow-anchor:none;padding:4px 0 16px;touch-action:pan-y}.film-preview-track::-webkit-scrollbar{display:none}.film-preview-card{flex:0 0 340px;position:relative;aspect-ratio:16/9;padding:0;border:1px solid #ffffff30;border-radius:20px;overflow:hidden;background:#0c1323;color:white;text-align:left;box-shadow:0 8px 22px #0002}.film-preview-card img{width:100%;height:100%;object-fit:cover;display:block}.film-preview-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#101a2e99);pointer-events:none}.film-preview-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#101a2e80;border:1px solid #ffffff90;font-size:17px;padding-left:3px;backdrop-filter:blur(10px)}.film-preview-label{position:absolute;z-index:1;bottom:16px;left:18px;font-size:14px}.film-preview-card[aria-pressed=true]{border-color:#d0c9f2;box-shadow:0 0 0 2px #d0c9f250}.selected-film-player{margin-top:28px}.selected-film-player[hidden]{display:none}.selected-film-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.selected-film-heading h3{font-size:18px;font-weight:500;color:#f2f5ff;margin:0}.selected-film-player{scroll-margin-top:115px}
@media(max-width:650px){.film-preview-card{flex-basis:280px}.film-preview-track{gap:16px}.film-gallery-controls{align-items:flex-start}.film-gallery-controls>span{font-size:12px;max-width:120px;text-align:right}}

.film-preview-card{border-radius:18px;border-color:#ffffff26;box-shadow:none}.film-preview-label{font-size:15px;font-weight:500;line-height:1.4;right:18px}.film-preview-play{width:40px;height:40px;background:#101a2e66;border-color:#ffffff80;font-size:14px}.film-preview-track{padding-top:0}
/* Compact cinema overlay, expanding only when the full description is requested. */
dialog.cinema-dialog{width:min(600px,calc(100vw - 40px));max-width:760px;max-height:88vh;margin:auto;padding:22px;border:1px solid #ffffff60;border-radius:24px;background:linear-gradient(140deg,#19233a,#25283f);color:#edf2ff;box-shadow:0 30px 90px #0006;overflow-y:auto}
dialog.cinema-dialog::backdrop{background:#101a2e99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cinema-dialog .selected-film-heading{gap:20px;margin-bottom:17px}.cinema-dialog .selected-film-heading h3{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.4px}.cinema-dialog .selected-film-heading button{width:34px;height:34px;padding:0;border-radius:50%;font-size:23px;flex-shrink:0}.cinema-dialog .playlist-player{border-radius:15px}.cinema-description{margin-top:18px}.cinema-description p{font-size:14px;line-height:1.65;color:#c5cee1;white-space:pre-line;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cinema-description>button{border:0;background:none;color:#e3dafa;padding:10px 0 0;font-size:13px;text-decoration:underline;text-underline-offset:4px}.cinema-dialog.expanded{width:min(760px,calc(100vw - 40px))}.cinema-dialog.expanded .cinema-description p{display:block;overflow:visible}
@media(max-width:650px){dialog.cinema-dialog{width:calc(100vw - 28px);padding:18px;border-radius:20px}.cinema-dialog .selected-film-heading h3{font-size:18px}.cinema-dialog.expanded{width:calc(100vw - 28px)}}

.film-preview-track{mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}

/* Cinema: a compact framed gallery with a soft light across the upper corner. */
#ai-films{width:100%;margin:24px 0 48px;padding:0;background:none;scroll-margin-top:125px}
#ai-films .film-inner{position:relative;isolation:isolate;overflow:hidden;padding:34px 18px 26px;border:1px solid #6087b45c;border-radius:24px;background:radial-gradient(ellipse at 103% 0%,#528fd0a3 0,transparent 29%),radial-gradient(ellipse at 78% 26%,#71618b45 0,transparent 42%),linear-gradient(125deg,#0b2037,#08172b 65%,#101c30);box-shadow:inset 0 1px 0 #c6deff0b,0 12px 36px #091b3214}
#ai-films .section-heading{position:relative;margin:0 20px 26px}
#ai-films .eyebrow{font-size:11px;letter-spacing:1.8px;color:#b6c6df}
#ai-films .section-heading h2{font-size:clamp(30px,3.5vw,44px);line-height:1.12;letter-spacing:-1.7px;margin:12px 0 10px;color:#f3f5ff}
#ai-films .section-heading>p{font-size:16px;line-height:1.5;letter-spacing:-.25px;margin:0;color:#c6d0e3}
#ai-films .film-preview-track{gap:16px;padding:0 0 2px}
#ai-films .film-preview-card{flex-basis:calc((100% - 48px)/3.5);border-radius:12px;border-color:#a7bfd52b;box-shadow:none}
#ai-films .film-preview-label{font-size:12px;line-height:1.35;left:11px;right:10px;bottom:10px}
#ai-films .film-preview-play{width:38px;height:38px;font-size:13px;background:#18233285;border-color:#ffffff8c}
@media(max-width:650px){#ai-films{margin:16px 0 32px}#ai-films .film-inner{padding:26px 12px 20px;border-radius:20px}#ai-films .section-heading{margin:0 10px 22px}#ai-films .section-heading h2{font-size:32px;letter-spacing:-1.2px}#ai-films .section-heading>p{font-size:14px}#ai-films .eyebrow{font-size:9px;letter-spacing:1.2px}#ai-films .film-preview-card{flex-basis:240px}#ai-films .film-preview-track{gap:12px}}

/* Glass player overlay with a direct link to the full YouTube video. */
dialog.cinema-dialog{width:min(530px,calc(100vw - 32px));max-width:530px;padding:18px;border-radius:24px;border:1px solid #ffffff65;background:radial-gradient(ellipse at 100% 0%,#b8c5ef30,transparent 60%),linear-gradient(135deg,#64636a9c,#303342e8);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:inset 0 1px 2px #ffffff35,0 24px 80px #0006}
.cinema-dialog .selected-film-heading{margin:0 8px 16px;gap:20px}.cinema-brand{display:flex;align-items:center;gap:10px;font-size:15px;color:#f6f7fb}.cinema-brand img{width:36px;height:36px;border-radius:50%;background:#ffffffd9}.cinema-dialog .selected-film-heading button{background:none;border:0;border-radius:8px;color:#e1e5f0;font-size:30px;font-weight:300}.cinema-dialog .playlist-player{border-radius:15px;border-color:#ffffff1a}.cinema-details{display:flex;align-items:flex-end;gap:18px;margin:20px 2px 4px}.cinema-copy{flex:1;min-width:0}.cinema-copy h3{margin:0 0 7px;color:#f7f8fc;font-size:20px;font-weight:550;line-height:1.3;letter-spacing:-.4px}.cinema-copy p{margin:0;color:#d9dce6;font-size:15px;line-height:1.5;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#film-description-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:14px 23px;border:1px solid #ffffff45;border-radius:30px;background:#ffffff1c;color:#f5f6fb;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}#film-description-toggle:hover{background:#ffffff30}#film-description-toggle span{font-size:20px;line-height:1}
@media(max-width:480px){dialog.cinema-dialog{padding:14px;border-radius:20px}.cinema-details{gap:12px;margin-top:16px}.cinema-copy h3{font-size:17px}.cinema-copy p{font-size:13px}#film-description-toggle{padding:12px 15px;font-size:13px;gap:8px}.cinema-brand{font-size:14px}}

/* Layered glass and a clearer hierarchy for the cinema player. */
dialog.cinema-dialog{background:radial-gradient(ellipse at 0% 0%,#ffffff32,transparent 48%),radial-gradient(ellipse at 100% 100%,#b5a9df30,transparent 55%),linear-gradient(125deg,#6c74868c 0%,#333d51d9 42%,#44465dd9 100%);border-color:#e6edff70;backdrop-filter:blur(36px) saturate(125%);-webkit-backdrop-filter:blur(36px) saturate(125%);box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -1px 1px #b8c8ff24,0 26px 90px #050c2666,0 0 36px #c2c6ff12}
.cinema-brand{font-size:14px;font-weight:500;letter-spacing:.1px;color:#fafbff}.cinema-brand img{box-shadow:0 2px 12px #101a2e20}
.cinema-copy h3{font-size:21px;font-weight:550;line-height:1.3;letter-spacing:-.55px;color:#fff;text-wrap:balance}.cinema-copy p{font-size:14px;line-height:1.65;letter-spacing:.05px;color:#e0e5ef}.cinema-details{gap:20px;margin-top:21px}
#film-description-toggle{background:linear-gradient(145deg,#fffffffa,#dce4f5ed);border:1px solid #ffffffd9;color:#17243e;font-size:13px;font-weight:600;letter-spacing:.1px;padding:14px 22px;box-shadow:inset 0 1px 0 #fff,0 4px 14px #101b3329;text-shadow:none}#film-description-toggle:hover{background:#fff;box-shadow:inset 0 1px 0 #fff,0 6px 18px #101b3338}#film-description-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:480px){.cinema-copy h3{font-size:18px}.cinema-copy p{font-size:13px}.cinema-details{gap:14px}#film-description-toggle{padding:12px 16px;font-size:12px}}

/* Supplied cinema artwork inside the frame; original navy outside it. */
#ai-films{width:100vw;margin-left:calc(50% - 50vw);margin-right:0;margin-top:0;margin-bottom:0;padding:36px max(var(--page-gutter),calc((100vw - var(--page-content-width))/2));background:radial-gradient(ellipse at 90% 10%,#343455,transparent 55%),linear-gradient(135deg,#151e35,#101a2e)}
#ai-films .film-inner{background:#061a35 url('../assets/cinema-background.png') center center/cover no-repeat}
@media(max-width:650px){#ai-films{padding-top:24px;padding-bottom:24px}}

/* Translucent cinema glass blends into the surrounding navy. */
#ai-films .film-inner{background:linear-gradient(125deg,#ffffff0b,#c1ceef05 55%,#ffffff08);border:1px solid #b5c7e626;backdrop-filter:blur(24px) saturate(110%);-webkit-backdrop-filter:blur(24px) saturate(110%);box-shadow:inset 0 1px 0 #ffffff1c,inset 0 -1px 0 #ffffff06,0 14px 35px #050e1d1a}
#ai-films .film-inner:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/cinema-background.png') center/cover no-repeat;opacity:.24;filter:blur(14px) saturate(.65);transform:scale(1.06)}
#ai-films .film-preview-card{border-color:#c2d2eb24;box-shadow:0 3px 12px #02091614}

/* Match the page text axis and give Cinema the breathing room of a full section. */
#ai-films{padding-top:64px;padding-bottom:64px}
#ai-films .film-inner{margin:0 -24px;padding:48px 24px 42px;min-height:440px}
#ai-films .section-heading{margin:0 0 34px}
#ai-films .section-heading h2{font-size:clamp(36px,4.2vw,54px);font-weight:550;line-height:1.08;letter-spacing:-.045em;margin:18px 0 20px}
#ai-films .section-heading>p{font-size:18px;line-height:1.6;max-width:760px}
#ai-films .film-preview-track{gap:22px}
#ai-films .film-preview-card{flex-basis:calc((100% - 44px)/2.8);border-radius:16px}
#ai-films .film-preview-label{font-size:14px;left:16px;right:16px;bottom:14px}
@media(max-width:650px){#ai-films{padding-top:40px;padding-bottom:40px}#ai-films .film-inner{margin:0 -12px;padding:32px 12px 28px;min-height:0}#ai-films .section-heading{margin-bottom:28px}#ai-films .section-heading h2{font-size:37px;margin:16px 0 18px}#ai-films .section-heading>p{font-size:16px}#ai-films .film-preview-track{gap:14px}#ai-films .film-preview-card{flex-basis:280px}#ai-films .film-preview-label{font-size:13px}}

/* Cinema cards: clean frames with an editorial title beneath the image. */
#ai-films .film-inner{border-radius:28px;border-color:#c2d3ee30;box-shadow:inset 0 1px 0 #ffffff21,0 20px 50px #040b1c24}
#ai-films .film-preview-track{align-items:stretch;padding-bottom:4px}
#ai-films .film-preview-card{display:flex;flex-direction:column;aspect-ratio:auto;padding:0;text-align:left;background:linear-gradient(145deg,#dce6ff0b,#dce6ff04);border:1px solid #c8d8f024;border-radius:18px;box-shadow:none;transition:border-color .25s,background .25s;overflow:hidden;color:#f2f5fc;font-family:inherit}
#ai-films .film-preview-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;flex-shrink:0;border-bottom:1px solid #c8d8f014}
#ai-films .film-preview-card:after{display:none}
#ai-films .film-preview-label{position:static;display:block;padding:18px 20px 20px;font-family:inherit;font-size:17px;font-weight:500;line-height:1.45;letter-spacing:-.35px;text-shadow:none;min-height:86px;text-wrap:pretty}
#ai-films .film-preview-play{top:0;left:0;transform:none;inset:0 0 auto;height:auto;aspect-ratio:16/9;width:100%;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:0;padding:0;pointer-events:none}
#ai-films .film-preview-play:before{content:'▶';display:grid;place-items:center;padding-left:2px;width:44px;height:44px;border-radius:50%;font-size:13px;background:#17243e55;border:1px solid #ffffff70;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff26,0 4px 16px #050b211f}
#ai-films .film-preview-card:hover{background:#dce6ff10;border-color:#d9e7ff55}
#ai-films .film-preview-card:focus-visible{outline:2px solid #e1e9ff;outline-offset:2px}
#ai-films .film-preview-card[aria-pressed=true]{border-color:#d9e7ff7a;box-shadow:inset 0 0 0 1px #d9e7ff20}
@media(max-width:650px){#ai-films .film-inner{border-radius:22px}#ai-films .film-preview-card{border-radius:15px}#ai-films .film-preview-label{font-size:16px;padding:16px 17px 18px;min-height:80px}}

/* Soft glass cards echo the toolkit, adapted to the cinema's navy palette. */
#ai-films .film-preview-card{padding:10px 10px 0;border-radius:24px;background:linear-gradient(145deg,#f1f4ff1f,#b9b2db16);border:1px solid #ecf1ff45;box-shadow:inset 0 1px 1px #ffffff30,0 8px 24px #02091b1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#ai-films .film-preview-card img{border-radius:15px;border:1px solid #ffffff15}
#ai-films .film-preview-label{width:100%;min-height:88px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px 13px;font-size:17px;font-weight:550;line-height:1.4;letter-spacing:-.35px;color:#f7f8ff;text-shadow:0 1px 12px #d8ddff20;background:radial-gradient(ellipse at 50% 100%,#d0c9f218,transparent 75%)}
#ai-films .film-preview-play{position:absolute;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff36,#e4ecff0f 55%,#ffffff20);border:1px solid #ffffff80;box-shadow:inset 0 1px 2px #ffffff85,inset 0 -1px 2px #ffffff26,0 5px 20px #05102630;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);color:#fff}
#ai-films .film-preview-play:before{content:'▶';width:auto;height:auto;padding:0 0 0 2px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:16px}
#ai-films .film-preview-card:hover{background:linear-gradient(145deg,#f1f4ff29,#b9b2db20);border-color:#ecf1ff70}
@media(max-width:650px){#ai-films .film-preview-card{border-radius:21px;padding:8px 8px 0}#ai-films .film-preview-card img{border-radius:13px}#ai-films .film-preview-label{font-size:16px;min-height:84px;padding:18px 10px}#ai-films .film-preview-play{width:48px;height:48px}}

/* Slightly richer glass for the main Cinema container. */
#ai-films .film-inner{background:linear-gradient(125deg,#b6ccec20,#7583b91c 55%,#b3a9d923);border-color:#c2d3ee40;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}
#ai-films .film-inner:before{opacity:.34;filter:blur(14px) saturate(.85)}

/* Cinema showcase: editorial introduction beside a cinematic browsing surface. */
#ai-films{padding-top:88px;padding-bottom:88px;background:radial-gradient(ellipse at 55% 115%,#44206b 0,transparent 68%),linear-gradient(#070a12,#0c0918);color:white}
#ai-films .film-inner{display:grid;grid-template-columns:.8fr 1.65fr;align-items:center;gap:54px;margin:0;padding:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
#ai-films .film-inner:before{display:none}
#ai-films .section-heading{margin:0}#ai-films .section-heading h2{font-size:clamp(38px,4.1vw,56px);margin:22px 0 25px;color:#fff}#ai-films .section-heading>p{font-size:20px;line-height:1.65;color:#e0dce9}#ai-films .eyebrow{color:#b6abc9;font-size:10px;letter-spacing:1.5px}
.cinema-showcase{position:relative;min-width:0;overflow:hidden;border-radius:26px;background:#080a0e;box-shadow:0 24px 64px #0007;border:1px solid #ffffff12;padding-bottom:20px}
.cinema-showcase-top{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:23px 25px;background:linear-gradient(#060a12a6,transparent);color:white}.cinema-showcase-top span:first-child{font-size:21px;font-weight:600;letter-spacing:-.6px}.cinema-showcase-top span:last-child{font-size:10px;color:#ffffffb0;letter-spacing:.5px}
.cinema-featured{position:relative;aspect-ratio:16/10;min-height:310px;overflow:hidden}.cinema-featured>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cinema-featured:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070a0ed9,transparent 90%),linear-gradient(0deg,#080a0e,transparent 70%)}
.cinema-featured-copy{position:absolute;z-index:1;left:26px;right:26px;bottom:32px}.cinema-featured-tag{font-size:8px;letter-spacing:1.6px;color:#d6c0fb}.cinema-featured-copy h3{font-size:clamp(25px,3vw,39px);font-weight:500;letter-spacing:-1px;line-height:1.15;color:white;margin:12px 0}.cinema-featured-copy p{font-size:12px;color:#d5d3dd;margin:0 0 20px}#cinema-featured-play{display:inline-flex;align-items:center;gap:10px;background:#f3efff;color:#201834;border:1px solid #fff8;border-radius:9px;padding:11px 17px;font:inherit;font-size:12px;font-weight:550;cursor:pointer}#cinema-featured-play:hover{background:white}
.cinema-shelf-label{font-size:15px;color:#f0edf5;margin:0 24px 14px;font-weight:500;letter-spacing:-.2px}
#ai-films .film-preview-track{margin:0 18px;gap:12px;align-items:stretch}#ai-films .film-preview-card{flex-basis:calc((100% - 24px)/3.2);padding:0;background:none;border:0;border-radius:9px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}#ai-films .film-preview-card img{aspect-ratio:3/4;border-radius:9px;border:1px solid #ffffff16;object-fit:cover}#ai-films .film-preview-label{font-size:11px;line-height:1.4;letter-spacing:-.1px;font-weight:400;min-height:48px;padding:9px 2px 0;text-align:left;justify-content:flex-start;align-items:flex-start;background:none;text-shadow:none;color:#e4dfea}#ai-films .film-preview-play{display:none}#ai-films .film-preview-card:hover{background:none;border:0}#ai-films .film-preview-card:hover img{border-color:#e0d0ff99}#ai-films .film-preview-card[aria-pressed=true]{box-shadow:none}#ai-films .film-preview-card[aria-pressed=true] img{border-color:#e0d0ff}
@media(max-width:850px){#ai-films .film-inner{grid-template-columns:1fr;gap:32px}#ai-films .section-heading{max-width:620px}#ai-films .section-heading>p{font-size:18px}.cinema-featured{aspect-ratio:16/9}}
@media(max-width:650px){#ai-films{padding-top:48px;padding-bottom:48px}#ai-films .section-heading h2{font-size:37px}.cinema-showcase{border-radius:19px}.cinema-showcase-top{padding:18px}.cinema-featured{min-height:300px}.cinema-featured-copy{left:20px;right:20px;bottom:25px}.cinema-shelf-label{margin-left:18px}#ai-films .film-preview-track{margin:0 12px;gap:10px}#ai-films .film-preview-card{flex-basis:135px}#ai-films .film-preview-label{font-size:11px;min-height:45px}.cinema-showcase-top span:first-child{font-size:18px}}

/* Dark brand palette: navy with restrained lavender, blue and mint light. */
#ai-films{background:radial-gradient(ellipse at 78% 82%,#77719d40 0,transparent 60%),radial-gradient(ellipse at 12% 22%,#6f8bb533 0,transparent 55%),radial-gradient(ellipse at 95% 10%,#73b6bd18 0,transparent 45%),linear-gradient(135deg,#142541,#1a2844 52%,#252d4b)}
.cinema-showcase{background:#111e33;border-color:#afc2eb26;box-shadow:0 24px 64px #0a142c45}
.cinema-featured:after{background:linear-gradient(90deg,#111e33d9,transparent 90%),linear-gradient(0deg,#111e33,transparent 70%)}

/* Deeper navy with brighter brand-colored light. */
#ai-films{background:radial-gradient(ellipse at 75% 95%,#9283d66b 0,transparent 55%),radial-gradient(ellipse at 95% 16%,#649fe64d 0,transparent 43%),radial-gradient(ellipse at 15% 35%,#687db426 0,transparent 48%),linear-gradient(135deg,#070e20,#0b142a 55%,#151d36)}
.cinema-showcase{background:#0a1427;border-color:#afc2eb38;box-shadow:0 24px 64px #03081770}
.cinema-featured:after{background:linear-gradient(90deg,#0a1427d9,transparent 90%),linear-gradient(0deg,#0a1427,transparent 70%)}

/* Black base keeps the colored cinema light focused. */
#ai-films{background:radial-gradient(ellipse at 75% 95%,#9283d65c 0,transparent 55%),radial-gradient(ellipse at 95% 16%,#649fe640 0,transparent 43%),linear-gradient(135deg,#020307,#050811 55%,#0b0d19)}
.cinema-showcase{background:#050810;border-color:#afc2eb30;box-shadow:0 24px 64px #0009}
.cinema-featured:after{background:linear-gradient(90deg,#050810d9,transparent 90%),linear-gradient(0deg,#050810,transparent 70%)}

/* Widescreen source thumbnails fill the portrait cards without embedded bars. */
#ai-films .film-preview-card img{height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;width:100%}

/* Compact cinema showcase; film names remain available to the player and screen readers. */
#ai-films .film-preview-label{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;display:block}
.cinema-showcase{padding-bottom:16px}
.cinema-featured{aspect-ratio:16/8.5;min-height:260px}
#ai-films .film-preview-card img{aspect-ratio:4/4.3}
@media(max-width:850px){.cinema-featured{aspect-ratio:16/7.8;min-height:260px}}
@media(max-width:650px){.cinema-featured{min-height:240px}.cinema-showcase{padding-bottom:14px}}

/* Muted shelf label and a diffuse light edge around the cinema surface. */
.cinema-shelf-label{color:#aaaeba;font-weight:400}
.cinema-showcase{border-color:transparent;box-shadow:0 0 18px #b9c8f018,0 0 48px #b9c8f00d,0 24px 64px #0008}

/* Playback takes over the featured frame with a soft transition. */
.cinema-featured-copy{transition:opacity .35s ease,transform .35s ease}
.cinema-showcase-top{transition:opacity .3s ease}
.cinema-inline-player{position:absolute;inset:0;z-index:3;opacity:0;background:#000;transition:opacity .4s ease}
.cinema-inline-player[hidden],.cinema-stop[hidden]{display:none}
.cinema-inline-player iframe{display:block;width:100%;height:100%;border:0}
.is-playing .cinema-featured-copy{opacity:0;transform:translateY(12px);pointer-events:none}
.is-playing .cinema-showcase-top{opacity:0;pointer-events:none}
.is-playing .cinema-inline-player{opacity:1}
.cinema-stop{position:absolute;z-index:4;right:12px;top:12px;width:32px;height:32px;border:1px solid #ffffff60;border-radius:50%;background:#101a2eb3;backdrop-filter:blur(12px);color:#fff;font-size:23px;line-height:1;cursor:pointer}
@media(prefers-reduced-motion:reduce){.cinema-featured-copy,.cinema-showcase-top,.cinema-inline-player{transition:none}}

/* Inset playback keeps the featured frame's spacing and rounded shape. */
.cinema-inline-player{inset:22px 24px;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #0004}
.cinema-inline-player iframe{border-radius:inherit}
.cinema-stop{right:32px;top:30px}
@media(max-width:650px){.cinema-inline-player{inset:16px 18px;border-radius:14px}.cinema-stop{right:24px;top:22px}}

/* Playback header sits above the video, with a centered close control. */
.cinema-playback-bar{position:absolute;z-index:5;top:14px;left:24px;right:24px;height:48px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:14px;border:1px solid #ffffff32;background:linear-gradient(125deg,#e0e8ff22,#c0c9e012);box-shadow:inset 0 1px 0 #ffffff24;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cinema-playback-bar[hidden]{display:none}
.cinema-playback-brand{display:flex;align-items:center;gap:9px;color:#f6f7fc;font-size:13px;font-weight:500;letter-spacing:-.1px}.cinema-playback-brand img{width:30px;height:30px;border-radius:50%;background:#ffffffdf}
.cinema-playback-bar .cinema-stop{position:static;flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #ffffff32;border-radius:50%;font-family:Arial,sans-serif;font-size:24px;line-height:1;background:#ffffff0d;box-shadow:inset 0 1px 0 #ffffff16}
.cinema-playback-bar .cinema-stop[hidden]{display:none}
.cinema-inline-player{inset:74px 24px 16px}
.is-playing .cinema-featured{background:#000}
.is-playing .cinema-featured>img,.is-playing .cinema-featured:after{opacity:0}
@media(max-width:650px){.cinema-playback-bar{left:18px;right:18px;top:10px;height:42px;padding:5px 8px;border-radius:12px}.cinema-playback-brand img{width:26px;height:26px}.cinema-playback-brand{font-size:12px}.cinema-inline-player{inset:62px 18px 14px}}

/* Refined cinema caption and softly lit playback toolbar. */
.cinema-shelf-label{font-family:inherit;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase;color:#b5bccd;margin-top:8px;margin-bottom:16px}
.cinema-playback-bar{border-color:transparent;background:linear-gradient(125deg,#dce6ff15,#bac8e309);box-shadow:0 0 14px #c8d8ff18,0 0 28px #c8d8ff0b;}
.cinema-playback-bar .cinema-stop{position:relative;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:0;color:#eef2fc;flex-basis:32px;width:32px;height:32px}
.cinema-playback-bar .cinema-stop:before,.cinema-playback-bar .cinema-stop:after{content:'';position:absolute;left:7px;top:15.5px;width:18px;height:1px;background:currentColor;border-radius:1px;transform:rotate(45deg)}
.cinema-playback-bar .cinema-stop:after{transform:rotate(-45deg)}
.cinema-playback-bar .cinema-stop:hover{color:#fff;background:#ffffff08}
.cinema-playback-bar .cinema-stop:focus-visible{outline:1px solid #e0eaff99;outline-offset:2px;border-radius:6px}
@media(max-width:650px){.cinema-shelf-label{font-size:10px;letter-spacing:1.4px}}

/* Clear old floating-close offsets inside the playback header. */
.cinema-playback-bar .cinema-stop{inset:auto;transform:none;margin:0;align-self:center;flex-shrink:0}

/* Mobile home: fluid content and an uncropped, proportional phone composition. */
@media(max-width:650px){
main>.hero{width:100%;min-width:0;align-items:stretch;padding-top:32px;padding-bottom:28px;gap:0}
.hero .hero-copy{width:100%;min-width:0;max-width:100%;padding:0}
.hero .hero-copy h1{font-size:clamp(40px,11.4vw,64px);line-height:1.04;letter-spacing:-.045em;max-width:100%;margin:0 0 22px}
.hero .hero-copy .description{width:100%;max-width:450px;font-size:15px;line-height:1.7;margin:0}
.hero .hero-copy .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:26px}
.hero .hero-actions .app-store{flex:0 0 auto;min-height:62px;padding:12px 20px;border-radius:17px}
.hero .hero-actions .app-store b{font-size:24px}.hero .hero-actions .app-store small{font-size:11px}
.hero .hero-actions .explore{font-size:13px;min-height:44px;padding:8px 0;align-self:auto}
.hero .hero-dragon{width:100%;max-width:100%;height:auto;min-height:0;margin:34px 0 0;padding:12px 0 0;overflow:visible;align-items:center;justify-content:center}
.hero .hero-phone-composition{width:100%;max-width:100%;height:auto;aspect-ratio:3/2;margin:0;transform:none;flex-shrink:1}
.hero .hero-phone-composition .dragon-app{width:100%;height:auto;max-width:100%;margin:0;transform:none}
.hero .phone-center-layer{transform:translateY(-10px)}
}
@media(max-width:390px){.hero .hero-copy .hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero .hero-actions .explore{align-self:flex-start}}