.page-section{padding:100px 0;scroll-margin-top:30px}.section-heading{margin-bottom:30px}.section-heading h2,.section-copy h2,.download-section h2{font-size:clamp(36px,4.1vw,56px);line-height:1.1;letter-spacing:-2.2px;font-weight:500;margin:20px 0 17px}.section-heading>p,.section-heading>div>p,.section-sub{font-size:20px;letter-spacing:-.4px;color:#6c7994;line-height:1.5}.section-description,.section-copy>p:not(.section-sub),.download-section>div>p:not(.section-sub){color:#65708a;font-size:14px;line-height:1.9;max-width:640px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border-radius:27px;padding:26px;min-width:0}.feature-icon{width:42px;height:42px;border-radius:14px;background:#ffffff80;box-shadow:inset 0 1px white;border:1px solid white;display:grid;place-items:center;font-size:24px;color:#7891bd}.feature h3{font-size:17px;letter-spacing:-.5px;margin:20px 0 10px;font-weight:550}.feature>p{font-size:12px;line-height:1.8;color:#65708a;min-height:44px}.mini-ui{border:1px solid #ffffffc9;border-radius:19px;padding:18px;height:170px;margin-top:23px;overflow:hidden;box-shadow:inset 0 1px white,0 7px 20px #6177aa08}.lavender{background:linear-gradient(135deg,#ede9fc,#d0c9f270)}.blue{background:linear-gradient(135deg,#eef3ff,#afc2eb70)}.mint{background:linear-gradient(135deg,#e9f9f6,#91dfe060)}.gold{background:linear-gradient(135deg,#fff8e8,#ffd76a50)}.mini-ui small,.game-preview>small{display:block;font-size:7px;letter-spacing:1.4px;color:#6c7994}.mini-ui>b{display:block;margin:13px 0;font-size:17px;font-weight:500;letter-spacing:-.5px}.ui-chips{display:flex;gap:5px;flex-wrap:wrap}.ui-chips span{font-size:8px;padding:6px 9px;background:#ffffff90;border:1px solid white;border-radius:15px}.ui-line{height:6px;border-radius:5px;background:#8095c230;margin-top:12px;width:90%}.ui-line.short{width:60%}.mock-question{padding:13px 0;font-size:11px}.mock-list{display:flex;align-items:center;gap:8px;font-size:9px;padding:12px 0;border-bottom:1px solid #ffffff99}.mock-list span:last-child{margin-left:auto}.abstract-landscape{height:88px;background:radial-gradient(circle at 75% 28%,#fff8ca 0 12px,transparent 13px),linear-gradient(145deg,transparent 45%,#90b7b5 45% 65%,transparent 65%),linear-gradient(35deg,transparent 40%,#b8c6e5 40% 65%,transparent 65%),linear-gradient(#edf5ff,#cad6ef);border-radius:12px;margin:10px 0}.bubble{font-size:10px;background:#ffffffa6;padding:10px;border-radius:12px;margin:9px 0;width:90%}.bubble.user{margin-left:auto;background:#afc2eb60}.award{font-size:47px;color:#b99b55;text-align:center;margin:8px}.gold>b{text-align:center;font-size:13px}.mock-note{font-size:9px;color:#8894aa;margin:17px 0;letter-spacing:.3px}.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.section-copy .eyebrow{line-height:1.6}.personal-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.personal-tags span{font-size:10px;padding:9px 12px;background:#ffffff70;border:1px solid white;border-radius:20px}.highlights{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin:26px 0 30px;font-size:11px;color:#65708a}.highlights li:before{content:'✧';margin-right:9px;color:#8092b9}.section-cta{display:inline-flex;gap:23px;align-items:center;font-size:12px;font-weight:550;padding:14px 20px;border:1px solid white;border-radius:16px;background:linear-gradient(135deg,#ffffffb8,#afc2eb50);box-shadow:inset 0 1px white,0 7px 20px #6177aa0a;color:var(--livi-navy);transition:transform .2s}.section-cta:hover{transform:translateY(-2px)}.learning-visual{position:relative;display:flex;justify-content:center;padding:20px}.device{width:282px;min-height:470px;border-radius:36px;padding:22px;transform:rotate(-6deg);box-shadow:14px 22px 40px #6177aa15,inset 0 1px white;background:linear-gradient(140deg,#ffffffe6,#eef0fbcc)}.device-notch{width:65px;height:13px;margin:0 auto 24px;background:#253963;border-radius:20px}.device>.app-logo{display:block;margin-bottom:22px}.device>small{font-size:7px;letter-spacing:1px;color:#8894aa}.device h3{font-size:26px;font-weight:500;letter-spacing:-1px;line-height:1.15;margin:12px 0}.device .mini-ui{height:130px;padding:15px}.device .mini-ui>b{font-size:15px}.device .mock-list{padding:18px 0;font-size:9px}.device .mock-list b{font-weight:450}.progress-bar{height:5px;background:#d0c9f260;border-radius:20px;margin:18px 0}.progress-bar>span{display:block;width:35%;height:100%;background:#afc2eb;border-radius:20px}.learning-float{position:absolute;bottom:20px;right:0;transform:rotate(5deg);padding:18px;border-radius:20px;display:flex;gap:12px;align-items:center}.learning-float>span{font-size:27px;color:#a898c3}.learning-float b{font-size:12px;font-weight:500}.learning-float small{display:block;font-size:8px;margin-top:6px;color:#7d89a2}.row-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.carousel-controls{display:flex;gap:8px;margin-bottom:20px}.carousel-controls button{width:39px;height:39px;border-radius:50%;border:1px solid white;background:#ffffff70;color:inherit}.course-track,.films-track,.reviews-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 2px 20px;scrollbar-width:thin;scrollbar-color:#afc2eb50 transparent}.course-card{flex:0 0 250px;scroll-snap-align:start;border-radius:25px;padding:12px 12px 22px}.course-cover{height:185px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.course-cover:before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid #ffffffa0;transform:translate(45px,-45px);box-shadow:inset 3px 4px 15px #ffffff40}.course-cover>span{font-size:65px;color:#627baa;position:relative}.course-cover small{font-size:7px;letter-spacing:1.2px;margin-top:18px;color:#7f8ca5}.course-card h3{font-size:18px;font-weight:550;margin:20px 10px 8px}.course-card p{font-size:11px;color:#65708a;line-height:1.7;margin:0 10px 20px;min-height:38px}.text-button{display:inline-block;padding:0;border:0;background:none;font-size:11px;color:#536b99;cursor:pointer}.course-card .text-button{margin:0 10px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;margin-bottom:27px}.game-card{border-radius:27px;padding:12px 12px 23px}.game-preview{height:230px;border-radius:19px;padding:20px;display:flex;flex-direction:column;justify-content:center}.game-preview .abstract-landscape{height:135px;margin-top:0}.choice-pills{display:flex;justify-content:center;gap:10px}.choice-pills span{border:1px solid white;background:#ffffff80;border-radius:20px;padding:7px 23px;font-size:10px}.game-preview>small:last-child{margin-top:17px;text-align:center;font-size:6px}.game-card h3{font-size:20px;font-weight:500;margin:22px 13px 9px}.game-card>b{font-size:10px;margin:0 13px;font-weight:550}.game-card>p{font-size:12px;color:#65708a;line-height:1.8;margin:11px 13px 20px;min-height:66px}.game-card .text-button{margin-left:13px}.prompt-tile{font-size:13px;line-height:1.6;padding:18px 0}.prompt-tile span{display:block;font-size:9px;color:#8b97ab;margin:8px 0}.detective-art{font-size:76px;color:#859cbe;text-align:center}.detective-art span{display:block;font-size:11px}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.category-tabs button{font-size:10px;padding:9px 12px;border:1px solid white;border-radius:20px;background:#ffffff50;color:#6c7994}.category-tabs button[aria-pressed=true]{background:#afc2eb80;color:#253963}.prompt-board{border-radius:29px;padding:30px;position:relative;min-width:0}.board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.board-top>span:last-child{font-size:10px;color:#7d89a2}.prompt-board h3{font-size:26px;letter-spacing:-1px;font-weight:500;margin:23px 0}.prompt-board>p{font-size:14px;line-height:2;color:#65708a;padding:22px;border-radius:18px;background:#ffffff60;border:1px solid white;min-height:220px}.prompt-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.prompt-footer>span{font-size:8px;color:#7d89a2}.prompt-footer button{font-size:10px;padding:12px}.prompt-sticker{position:absolute;right:-20px;top:-30px;border-radius:19px;padding:19px;transform:rotate(9deg);font-size:12px;line-height:1.5}.film-section{width:100vw;margin-left:calc(50% - 50vw);padding:90px max(30px,calc((100vw - 1180px)/2));background:radial-gradient(ellipse at 90% 10%,#343455,transparent 55%),linear-gradient(135deg,#151e35,#101a2e);color:#edf2ff;scroll-margin-top:0}.film-section .eyebrow{color:#a4b0c9}.film-section .section-heading p,.film-section .section-description{color:#a4b0c9}.film-section .carousel-controls button{background:#ffffff10;border-color:#ffffff30}.film-card{flex:0 0 430px;scroll-snap-align:start}.film-poster{aspect-ratio:16/9;width:100%;border-radius:23px;border:1px solid #ffffff25;position:relative;overflow:hidden;text-align:left;padding:22px;color:white;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:filter .3s}.film-poster:hover{filter:brightness(1.2)}.film-poster small{font-size:7px;letter-spacing:1.5px;color:#fff9}.film-poster b{font-size:30px;letter-spacing:-1px;font-weight:450;margin-top:auto}.poster-caption{font-size:7px;letter-spacing:1.5px;color:#fff7;margin-top:10px}.film-poster .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:47px;height:47px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:#ffffff12;border-color:#ffffff66;font-size:23px}.queen{background:radial-gradient(ellipse at 65% 15%,#baa48650,transparent 50%),linear-gradient(130deg,#383349,#131b2c)}.ocean{background:linear-gradient(150deg,#1b3e50,#2e5670 50%,#152539)}.pink{background:linear-gradient(135deg,#6f496f,#ab769b 50%,#3d3158)}.game{background:linear-gradient(135deg,#1c3a42,#4b7774,#1b263d)}.poster-art{position:absolute;inset:0;z-index:-1;opacity:.65;background:linear-gradient(150deg,transparent 55%,#ffffff0a 55% 56%,transparent 56%),radial-gradient(ellipse at 65% 70%,#ffffff12,transparent 40%)}.queen .poster-art:after{content:'♛';position:absolute;right:60px;top:5px;font-size:180px;color:#dfcaa426}.ocean .poster-art:after{content:'';position:absolute;width:230px;height:40px;background:#bcc8d72b;right:20px;top:80px;clip-path:polygon(0 0,100% 0,85% 100%,10% 100%);box-shadow:0 40px 0 #fff1}.pink .poster-art:after{content:'';position:absolute;width:180px;height:250px;right:45px;top:-5px;border:2px solid #ffc5e137;border-radius:100px 100px 0 0;transform:rotate(15deg)}.game .poster-art{background:repeating-linear-gradient(0deg,transparent,transparent 23px,#fff1 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#fff1 24px)}.film-card h3{font-weight:450;font-size:17px;margin:19px 0 10px}.film-card p{font-size:12px;color:#a4b0c9;line-height:1.8}.film-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.film-bottom .section-cta{background:#ffffff0e;border-color:#ffffff30;color:white}.film-bottom p{font-size:11px;color:#a4b0c9}.certificate-visual{position:relative;padding:25px 0}.certificate{aspect-ratio:1.3;padding:26px;border-radius:12px;position:relative;background:linear-gradient(135deg,#ffffffe6,#f8f8ffc0);transform:rotate(-7deg);box-shadow:0 25px 50px #6177aa15,inset 0 1px white}.cert-top{display:flex;justify-content:space-between;align-items:center}.cert-top .brand{font-size:12px}.cert-top>span:last-child{font-size:5px;letter-spacing:1px;color:#8b97ab}.cert-star{font-size:34px;color:#b5a1d0;margin:20px 0 8px}.certificate>small{font-size:7px;letter-spacing:2px;color:#7c89a4}.certificate h3{font-size:30px;letter-spacing:-1px;font-weight:450;line-height:1.15;margin:14px 0}.certificate>p{font-size:11px;color:#7d89a2}.cert-rule{height:1px;background:#afc2eb55;width:70%;margin:18px 0}.certificate>span{font-size:7px;color:#7d89a2}.cert-seal{position:absolute;bottom:20px;right:24px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ffecc2,#ffd76a66);display:grid;place-items:center;font-size:26px;border:1px solid #e7c97977}.certificate-pill{position:absolute;bottom:0;right:10px;padding:14px 22px;border-radius:20px;font-size:11px;transform:rotate(5deg)}.review-placeholder{flex:0 0 calc((100% - 40px)/3);min-width:270px;padding:28px;border-radius:25px;scroll-snap-align:start}.review-person{display:flex;align-items:center;gap:12px}.avatar-placeholder{width:36px;height:36px;background:linear-gradient(135deg,#afc2eb66,#d0c9f277);border:1px solid white;border-radius:50%}.review-person span{font-size:11px}.review-person small{display:block;font-size:7px;color:#8894aa;margin-top:6px}.rating-placeholder{font-size:9px;color:#a99970;margin-top:23px}.skeleton-lines{margin-top:20px}.skeleton-lines i{display:block;height:6px;background:#afc2eb30;margin:11px 0;border-radius:10px}.skeleton-lines i:last-child{width:60%}.review-placeholder>p{font-size:11px;color:#8894aa;margin:22px 0}.review-placeholder>small{font-size:6px;letter-spacing:1px;color:#8894aa}.social-links{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.social-links button{border:1px solid white;border-radius:20px;padding:10px 17px;background:#ffffff70;color:#536b99;font-size:11px}.social-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.social-card{aspect-ratio:9/16;border-radius:22px;padding:18px 13px;text-align:left;color:var(--livi-navy);display:flex;flex-direction:column;position:relative;overflow:hidden}.social-card:before{content:'';position:absolute;width:140px;height:140px;right:-70px;top:45px;border-radius:50%;border:1px solid white;box-shadow:inset 0 2px 10px #fff7}.social-card>small{font-size:5px;letter-spacing:1px;color:#7d89a2}.social-art{font-size:50px;margin:auto;text-align:center;color:#7893b7}.social-card b{font-size:12px;line-height:1.4;font-weight:550}.social-card>span:last-child{font-size:8px;margin-top:11px;color:#65708a}.faq-list{max-width:800px;display:grid;gap:12px}.faq-list details{border-radius:20px;padding:0 23px}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;font-size:14px;padding:22px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:#8395b7}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#65708a;line-height:1.9;margin:0 0 23px}.download-section{margin:50px 0 100px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:55px 60px;border-radius:35px;gap:35px;scroll-margin-top:30px;background:linear-gradient(135deg,#ffffffb8,#d0c9f230,#91dfe035)}.download-section .app-store{margin-top:25px}.download-art{position:relative;display:flex;justify-content:center;padding:20px 0}.mini-device{border-radius:30px;padding:20px;width:215px;min-height:355px;transform:rotate(9deg);background:linear-gradient(140deg,#fff,#eef1fb);box-shadow:10px 20px 35px #6177aa18}.mini-device .app-logo{font-size:20px}.mini-device h3{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin:18px 0}.mini-device .mini-ui{height:110px;padding:13px;margin-top:15px}.mini-device .mini-ui>b{font-size:12px}.mascot-placeholder{position:absolute;bottom:3px;left:-12px;display:flex;flex-direction:column;align-items:center;border-radius:35px;padding:22px 25px;transform:rotate(-7deg)}.mascot-placeholder>span{font-size:53px;color:#899ecc}.mascot-placeholder b{font-size:11px;font-weight:500;margin-top:6px}.mascot-placeholder small{font-size:7px;color:#8894aa;margin-top:6px}.site-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;margin:0;padding:40px 0 25px;border-top:1px solid white;color:#65708a}.footer-brand p{font-size:11px;margin-top:15px}.site-footer h3{font-size:11px;font-weight:550;color:var(--livi-navy);margin:0 0 18px}.site-footer>div>a,.site-footer>div>button{display:block;font-size:10px;margin:12px 0;color:#65708a}.site-footer button{padding:0;border:0;background:none;text-align:left}.site-footer .brand{font-size:20px;color:var(--livi-navy)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff90;padding-top:20px;font-size:8px}.challenge-options{display:grid;gap:10px}.challenge-options button{padding:16px;border:1px solid white;border-radius:15px;background:#afc2eb40;text-align:left;font-size:12px;line-height:1.6;color:var(--livi-navy)}
@media(max-width:1000px){.split-section{gap:35px}.feature{padding:20px}.social-grid{grid-template-columns:repeat(3,1fr)}.social-card{aspect-ratio:3/4}.social-art{font-size:65px}.social-card b{font-size:16px}.download-section{padding:40px 35px}.highlights{grid-template-columns:1fr}.game-preview{height:200px;padding:15px}.game-card>p{min-height:85px}}
@media(max-width:650px){.page-section{padding:62px 0}.section-heading h2,.section-copy h2,.download-section h2{font-size:37px;letter-spacing:-1.7px}.section-heading>p,.section-heading>div>p,.section-sub{font-size:17px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature>p{min-height:0}.feature .mini-ui{height:165px}.split-section{grid-template-columns:1fr;gap:35px}.highlights{grid-template-columns:1fr 1fr;font-size:10px}.learning-visual{padding:25px 0}.learning-float{right:-4px;bottom:5px}.row-heading{align-items:flex-start}.row-heading .carousel-controls{margin-top:30px;gap:5px}.carousel-controls button{width:30px;height:30px}.course-card{flex-basis:240px}.game-grid{grid-template-columns:1fr}.game-card>p{min-height:0}.game-preview{height:230px}.game-preview .abstract-landscape{height:145px}.game-card{padding:15px 15px 25px}.prompt-board{padding:25px}.prompt-sticker{right:-8px;top:-22px;font-size:10px;padding:14px}.prompt-board>p{font-size:13px}.film-section{padding:65px 25px}.film-card{flex-basis:calc(100vw - 65px)}.film-poster{border-radius:20px;padding:18px}.film-poster b{font-size:24px}.film-bottom{align-items:flex-start;flex-direction:column;gap:8px}.certificate-visual{order:2;margin:10px 8px}.certificate{padding:23px}.certificate h3{font-size:26px}.review-placeholder{flex-basis:calc(100% - 10px);min-width:0}.social-grid{grid-template-columns:repeat(2,1fr);gap:12px}.social-card{aspect-ratio:9/14;padding:18px}.social-art{font-size:50px}.social-card b{font-size:13px}.faq-list summary{font-size:12px}.download-section{grid-template-columns:1fr;padding:35px 25px;margin:30px 0 65px;gap:25px;border-radius:28px}.download-art{padding-bottom:15px}.mascot-placeholder{left:-4px;bottom:0}.site-footer{grid-template-columns:repeat(3,1fr);gap:25px 15px}.footer-brand{grid-column:1/-1}.site-footer .footer-brand>a{font-size:20px}.footer-bottom{font-size:7px;gap:20px}.certificate>small{font-size:6px}.cert-top .brand{font-size:10px}.cert-top>span:last-child{font-size:4px}}
@media(min-width:651px) and (max-width:850px){.hero-visual .orbit{width:420px}}