@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;--paper:#faf8f2;--ink:#27241f;--muted:#716f68;--accent:#ae3f2c;--tint:#eee2ce;--line:rgba(50,40,30,.15);--card:#fffdf7;--demo:#fffaf0;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);min-width:320px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:24px;z-index:100;padding:14px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:12px}
.product-stories{--paper:#101629;--ink:#fbf4e2;--muted:#b6bcce;--accent:#e9bd72;--tint:#292741;--line:#ffffff21;--card:#1b2238;--demo:#f4edda;color-scheme:dark}.product-bloom{--paper:#f4f8ef;--ink:#1c3c31;--muted:#657369;--accent:#236c50;--tint:#dce9cf;--card:#fffff9;--demo:#fffcf3}.product-muropolis{--paper:#fffaf0;--ink:#354436;--muted:#738171;--accent:#42836d;--tint:#e3ecc9;--card:#fffef8;--demo:#e8f1d5}.product-neon{--paper:#090f1b;--ink:#eefaff;--muted:#9ba9c2;--accent:#68f4e0;--tint:#102434;--line:#ffffff20;--card:#111b2b;--demo:#0c1422;color-scheme:dark}.product-food{--paper:#fff9f1;--ink:#413127;--muted:#857567;--accent:#b75527;--tint:#f1e0c5;--demo:#fffef9}.product-dokupit{--paper:#fbf4ef;--ink:#453630;--muted:#88786c;--accent:#b84f47;--tint:#efd7cd;--demo:#fffdf8}
.site-header{position:sticky;top:0;z-index:20;min-height:78px;padding:15px max(32px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:15px;letter-spacing:-.025em}.brand img{object-fit:contain}.header-tools{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.all-apps:hover{color:var(--accent)}.language-switch{display:flex;gap:4px;border:1px solid var(--line);padding:4px;border-radius:30px}.language-switch a{padding:7px 12px;border-radius:24px;font-size:12px;transition:background .2s}.language-switch a[aria-current]{background:var(--ink);color:var(--paper)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;padding:70px 0 60px;align-items:center;min-height:690px}.app-identity{display:flex;align-items:center;gap:13px;margin-bottom:28px}.app-identity img{border-radius:16px;width:52px;height:52px}.app-identity span{font-size:16px;font-weight:800}.app-identity p{margin:5px 0 0;font-size:12px;color:var(--muted)}h1{font-size:clamp(44px,5.3vw,74px);line-height:1.055;letter-spacing:-.065em;margin:0;max-width:740px;font-weight:800;text-wrap:balance}p{line-height:1.7}.lead{font-size:18px;color:var(--muted);margin:25px 0 28px;max-width:640px}.store-links{display:flex;gap:12px;flex-wrap:wrap}.store-link{display:flex;align-items:center;gap:12px;padding:12px 19px;min-height:61px;background:transparent;border:1px solid var(--line);border-radius:14px;font-size:17px;font-weight:800;transition:transform .2s,background .2s}.store-link.primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.store-link:hover{transform:translateY(-3px)}.store-link small{display:block;font-size:10px;font-weight:500;margin-bottom:2px;letter-spacing:.04em}.store-symbol{font-size:24px;font-weight:800;line-height:1}.try-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;margin-top:25px}.try-line{display:block;width:36px;height:1px;background:var(--accent);transition:width .25s}.try-link:hover .try-line{width:60px}.hero-scene{position:relative;min-height:535px;display:grid;place-items:center;isolation:isolate}.hero-scene:before{content:'';position:absolute;inset:5% -3%;border-radius:50%;background:var(--tint);z-index:-1;transform:rotate(-12deg)}.scene-word{position:absolute;top:-3px;right:0;color:var(--accent);font-size:clamp(58px,8vw,110px);font-weight:800;letter-spacing:-.07em;opacity:.2;z-index:-1}.screen-fan{position:relative;width:86%;height:490px}.fan-image{position:absolute;top:0;height:92%;width:auto;max-width:64%;object-fit:contain;border-radius:20px;border:5px solid var(--card);box-shadow:0 30px 45px #0002;animation:screen-float 8s ease-in-out infinite}.fan-front{left:14%;transform:rotate(-9deg);z-index:2}.fan-back{right:0;top:22px;transform:rotate(8deg);animation-delay:-4s}.scene-note{position:absolute;bottom:18px;left:20%;right:0;font-size:13px;font-weight:700;max-width:280px;padding:12px 18px;border-radius:999px;background:var(--card);box-shadow:0 10px 30px #0001;text-align:center;z-index:3}.product-stories .hero-scene:before{border-radius:45% 45% 8% 8%;background:radial-gradient(circle at 50% 40%,#5b4373,transparent 70%)}.product-stories .fan-image{max-width:96%;height:auto;width:90%;top:100px}.product-stories .fan-back{top:30px}.product-stories .scene-word{font-family:Georgia,serif;font-style:italic;opacity:.35}.product-neon h1{font-size:clamp(54px,6.5vw,89px);text-transform:uppercase}.product-neon .hero-scene:before{border-radius:8px;background:linear-gradient(135deg,#65f4df0d,#c048fc18);border:1px solid #68f4e036;transform:skewY(-4deg)}.product-neon .fan-image{border-color:#132337;box-shadow:0 15px 60px #56e9f721}.product-neon .scene-word{font-size:75px;transform:rotate(-90deg);left:-45%;right:auto;top:44%;white-space:nowrap}.product-muropolis .hero-scene:before{border-radius:40% 40% 30% 35%;background:radial-gradient(circle,#d9edb9,#e7f0d56b)}.product-bloom .hero-scene:before{border:1px dashed #236c5044;background:linear-gradient(125deg,#dceaca,#e6f0de);border-radius:48% 48% 10% 48%}.product-keys .hero-scene:before{border-radius:8px;background:repeating-linear-gradient(90deg,#aa483007 0 49px,#aa483015 49px 50px),repeating-linear-gradient(0deg,#aa483007 0 49px,#aa483015 49px 50px)}
.promise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card)}.promise-strip>.shell{display:grid;grid-template-columns:repeat(3,1fr)}.promise-strip span{display:flex;align-items:center;justify-content:center;gap:16px;padding:23px 15px;font-size:14px;font-weight:700}.promise-strip span+span{border-left:1px solid var(--line)}.promise-strip small{color:var(--accent);font-size:12px;font-weight:800}.section{padding-top:100px;padding-bottom:10px}.eyebrow{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--accent);margin-bottom:17px}h2{font-size:clamp(32px,4vw,52px);line-height:1.13;letter-spacing:-.05em;font-weight:800;margin:0;text-wrap:balance}h3{line-height:1.25;letter-spacing:-.025em}.experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.experience-copy>p{color:var(--muted);font-size:17px}.mini-steps{list-style:none;padding:0;counter-reset:step;display:grid;gap:13px;margin:27px 0}.mini-steps li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;counter-increment:step}.mini-steps li:before{content:counter(step,decimal-leading-zero);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--accent);font-size:11px}.experience-copy .demo-note{font-size:12px;max-width:410px;border-left:2px solid var(--line);padding-left:13px;margin-top:28px;line-height:1.65}.interactive-demo{color:#333b33;background:var(--demo);border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 70px #0000000d;overflow:hidden}.lab-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--muted);padding:23px 26px;border-bottom:1px solid #27241f16}.demo-button{border:1px solid #333b332a;border-radius:12px;background:#ffffff80;color:#333b33;padding:11px 16px;font-size:13px;font-weight:700;min-height:43px;transition:transform .18s,background .2s}.demo-button:hover{transform:translateY(-2px);background:#fff}.feedback{font-size:13px;line-height:1.5;min-height:40px;color:#656b60;margin:18px 0 0}.section-heading{max-width:740px;margin-bottom:34px}.section-heading p{font-size:17px;color:var(--muted);max-width:650px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.feature-index{color:var(--accent);font-size:12px;font-weight:800}.benefit-card h3{font-size:24px;margin:35px 0 16px}.benefit-card p{font-size:15px;color:var(--muted);margin:0}.benefit-card:nth-child(2){background:var(--tint);transform:translateY(17px)}.product-neon .benefit-card{border-radius:4px}.product-stories .benefit-card{border-radius:24px 24px 8px 8px}.product-keys .benefit-card{border-radius:8px}
.bloom-lab{position:relative;padding-bottom:24px}.character-display{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px}.whole-character{font-family:'Noto Serif SC','SimSun',serif;font-size:115px;line-height:1.1;color:#2b5e47;transition:opacity .3s,transform .4s}.split-parts{position:absolute;display:flex;gap:18px;top:32px;opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .35s,transform .4s}.character-display:hover .whole-character,.character-display:focus-within .whole-character,.bloom-lab.is-split .whole-character{opacity:0;transform:scale(.9)}.character-display:hover .split-parts,.character-display:focus-within .split-parts,.bloom-lab.is-split .split-parts{opacity:1;transform:scale(1);pointer-events:auto}.part-button{background:#e1efdc;border:1px solid #2b5e4729;border-radius:15px;width:100px;height:100px;font-size:67px;color:#2b5e47;font-family:serif}.part-button[aria-pressed=true]{background:#2b5e47;color:#fff}.pinyin{font-size:18px;margin-top:11px;color:#667663}.component-detail{background:#eaf1e2;padding:16px 22px;margin:0 24px;border-radius:13px;font-size:14px;line-height:1.6;min-height:80px}.component-detail strong{font-size:30px;display:inline-block;margin-right:12px}.word-example{display:flex;align-items:center;gap:20px;padding:19px 28px}.word-example>span{font-size:39px;color:#2b5e47;font-family:serif}.word-example small{display:block;font-size:13px;margin-top:5px}.flashcard{margin:0 25px;width:calc(100% - 50px);padding:17px;border:1px dashed #59856663;border-radius:13px;background:#fffaf0;color:#3f5b41;font-size:15px;font-weight:700;min-height:67px;transition:background .25s}.flashcard.flipped{background:#d7e7ce}.bao-sticker{position:absolute;bottom:88px;right:16px;width:82px;pointer-events:none}.keys-lab{padding-bottom:24px}.question{font-size:17px;text-align:center;margin:24px 20px 10px;color:#664539}.quiz-character{text-align:center;font-size:98px;line-height:1.25;color:#b44330;font-family:serif}.quiz-character small{display:block;font-size:15px;line-height:1.5;color:#857064;font-family:Manrope,system-ui}.quiz-options{display:flex;justify-content:center;gap:15px;margin:20px}.radical-option{background:#fffdf6;border:1px solid #ccaa93;border-radius:14px;width:80px;height:80px;font-size:45px;color:#9f432e;transition:transform .2s,background .2s}.radical-option:hover{transform:translateY(-4px)}.radical-option.correct{background:#d4e9cf;border-color:#537d47;color:#325b31}.radical-option.wrong{animation:shake .3s;border-color:#c54335;background:#f8ded3}.keys-lab>.feedback{text-align:center;margin:0 25px;min-height:44px}.keys-lab>.demo-button{display:block;margin:12px auto 0}
.story-book{display:grid;grid-template-columns:.8fr 1fr;color:#493a3a;min-height:440px;background:#faf2df}.book-cover{position:relative;background:#34314c;padding:20px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:6px solid #d6b887}.book-cover img{width:100%;object-fit:contain;border-radius:0}.book-cover span{font-family:Georgia,serif;color:#f9df9a;font-size:21px;line-height:1.4;padding:20px}.book-page{padding:35px 25px;display:flex;flex-direction:column;align-items:flex-start}.book-page-number{font-size:11px;letter-spacing:.13em;color:#a18d65}.book-page h3{font-family:Georgia,serif;font-size:28px;margin:30px 0 14px}.book-page>p:not(.feedback){font-family:Georgia,serif;font-size:19px;line-height:1.8;flex:1}.book-controls{display:flex;flex-wrap:wrap;gap:8px}.book-page>.feedback{font-family:Manrope,system-ui;font-size:11px;margin-bottom:0}.book-page.is-turning{animation:page-turn .5s}
.city-lab{background:#f6f9ec}.city-palette{display:flex;align-items:center;gap:9px;padding:14px}.city-tool{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#fffefa;border:1px solid #3d705433;border-radius:13px;color:#426146;font:700 13px Manrope;min-height:50px}.city-tool img{width:42px;height:42px;object-fit:contain}.city-tool[aria-pressed=true]{border-color:#42836d;background:#e3efd4}.city-palette>.demo-button{margin-left:auto;font-size:12px;padding:9px}.city-map{position:relative;background:#bfd99a;min-height:330px;isolation:isolate;overflow:hidden}.city-map:before{content:'';position:absolute;left:46%;top:0;bottom:0;width:25px;background:#ead8a5;transform:rotate(8deg);z-index:-1}.city-map:after{content:'';position:absolute;left:0;right:0;top:50%;height:25px;background:#ead8a5;transform:rotate(-3deg);z-index:-1}.city-hall{position:absolute;top:18%;left:35%;width:28%;height:145px;object-fit:contain;pointer-events:none}.city-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:30px 22px 42px}.city-slot{position:relative;min-width:0;height:105px;border:1px dashed #456a453d;color:#547343b3;background:#edf5dd38;border-radius:16px;font-size:30px;display:grid;place-items:center;transition:background .25s}.city-slot:nth-child(2){opacity:0;pointer-events:none}.city-slot img{height:115px;max-width:100%;object-fit:contain;animation:pop-in .4s ease-out}.city-slot:not(:has(img)):hover{background:#f0f7e173}.city-slot:has(img){border-color:transparent;background:transparent}.city-cat{position:absolute;bottom:25px;left:10%;width:58px;pointer-events:none;animation:cat-stroll 18s ease-in-out infinite}.city-status{padding:18px 22px;font-size:13px;color:#567048;min-height:57px}
.neon-lab{color:#e4f9ff;padding-bottom:18px}.neon-lab .lab-top{border-color:#68f4e027;color:#72dacf}.neon-canvas{width:100%;height:auto;display:block;touch-action:pan-y}.neon-controls{display:flex;gap:10px;justify-content:center;padding:0 20px}.neon-lab .demo-button{color:#e4f9ff;border-color:#68f4e040;background:#132a3b}.neon-lab .neon-jump{flex:1;background:#68f4e0;color:#09202a;user-select:none;touch-action:none}.neon-lab>.feedback{margin:16px 24px 0;color:#a9c6db;font-size:12px;text-align:center;min-height:30px}
.meal-lab{padding-bottom:23px}.meal-lab .lab-top label{display:flex;align-items:center;gap:8px;letter-spacing:0}.meal-lab select{border:1px solid #dfd4c4;border-radius:9px;background:#fffdf8;color:#5c4636;padding:10px;max-width:100%;font-size:13px}.meal-lab .lab-top select{padding:5px}.meal-days{padding:10px 25px}.meal-day{display:block;padding:17px 0;border-bottom:1px dashed #daccb8}.meal-day>span{display:block;color:#946941;font-size:12px;font-weight:700;margin-bottom:9px}.meal-day>select{width:100%}.meal-lab>.demo-button{margin:12px 25px;background:#b75527;color:#fff;border:none}.grocery-preview{background:#f4ecde;border-radius:14px;padding:16px 20px;margin:10px 25px 0;font-size:14px;min-height:90px}.grocery-preview p{margin:0}.grocery-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #daccb8;font-size:13px}.grocery-row:last-child{border:none}.grocery-row b{font-variant-numeric:tabular-nums}.grocery-row input{accent-color:#b75527}.grocery-row label{display:flex;gap:8px}.grocery-row:has(input:checked){opacity:.5;text-decoration:line-through}
.supplies-lab{padding-bottom:22px}.household-avatars{color:#b85f4d;font-size:11px;letter-spacing:0;padding:7px 10px;border-radius:30px;background:#f7e3d9}.supply-tabs{display:flex;justify-content:space-between;padding:19px 25px;font-size:13px;border-bottom:1px solid #dccab9;color:#875d4e;font-weight:700}.supply-tabs b{display:inline-grid;place-items:center;width:23px;height:23px;background:#b84f47;color:white;border-radius:50%;margin-left:6px}.supply-items{padding:0 25px}.supply-item{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid #dccab97a}.supply-emoji{font-size:28px}.supply-item>div{flex:1;min-width:0}.supply-item strong{font-size:14px;display:block}.supply-item [data-supply-state]{font-size:11px;display:block;margin-top:7px;color:#628469}.supply-action{border:1px solid #dbbdac;border-radius:9px;padding:9px 10px;font-size:11px;color:#9c5141;background:#fff8f0;min-height:40px;max-width:115px}.supply-action[data-stage="2"]{background:#b84f47;color:#fff;border-color:#b84f47}.supplies-lab>.feedback{margin:18px 25px 10px}.supplies-lab>.demo-button{margin-left:25px}
.carousel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:16px}.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;padding:0 3px 15px}.carousel-nav{display:flex;align-items:center;gap:9px}.carousel-nav>span{min-width:72px;text-align:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.carousel-button{border:1px solid var(--line);background:transparent;color:var(--ink);width:40px;height:40px;border-radius:50%;font-size:20px}.carousel-button:hover:not(:disabled){background:var(--tint)}.carousel-button:disabled{opacity:.3;cursor:default}.gallery{position:relative;display:flex;gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 7px}.gallery::-webkit-scrollbar{height:0}.shot{flex:none;margin:0;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:var(--tint)}.shot.portrait{width:clamp(230px,27vw,310px);aspect-ratio:9/16}.shot.landscape{width:min(78vw,760px);aspect-ratio:16/9}.shot img{width:100%;height:100%;object-fit:contain}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-bottom:95px}.faq-section h2{font-size:38px}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;font-size:16px;font-weight:700;line-height:1.5;padding:20px 35px 20px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:7px;top:16px;font-size:25px;font-weight:400;color:var(--accent)}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:0 0 23px;color:var(--muted);font-size:15px}.closing{text-align:center;padding:45px 50px 48px;border-radius:30px;background:var(--tint);position:relative}.closing>img{margin:0 auto 20px;border-radius:20px}.closing h2{max-width:760px;margin:0 auto 27px}.closing .store-links{justify-content:center}.related{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px 4px;margin-bottom:25px}.related>span{color:var(--muted);font-size:14px}.related>a{display:flex;align-items:center;gap:13px}.related img{border-radius:13px}.related strong{font-size:15px}.related small{display:block;font-size:11px;color:var(--muted);margin-top:5px}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 35px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer a:first-child{font-weight:800}
@keyframes screen-float{50%{translate:0 -12px}}@keyframes cat-stroll{0%,100%{left:10%;transform:scaleX(1)}45%{left:78%;transform:scaleX(1)}50%,90%{left:78%;transform:scaleX(-1)}95%{left:10%;transform:scaleX(-1)}}@keyframes pop-in{from{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes page-turn{from{opacity:.4;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:900px){.product-food .experience,.product-keys .experience{grid-template-columns:1.15fr .85fr}.product-food .experience-copy,.product-keys .experience-copy{order:2}.product-food .interactive-demo,.product-keys .interactive-demo{order:1}.product-stories .experience{grid-template-columns:.7fr 1.3fr}}
@media(max-width:1000px){.hero{gap:22px}.hero-scene{min-height:450px}.screen-fan{height:390px;width:94%}.hero{min-height:620px}.experience{gap:35px}.benefit-card{padding:24px}.benefit-card h3{font-size:22px}.story-book{grid-template-columns:.65fr 1fr}.book-page{padding:28px 20px}.faq-section{gap:35px}.scene-note{left:10%;font-size:12px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-header{padding:12px 18px;min-height:69px}.brand{font-size:13px;gap:8px}.brand img{width:30px;height:30px}.header-tools{gap:12px}.all-apps{display:none}.hero{grid-template-columns:1fr;padding:38px 0 32px;gap:27px;min-height:0}.hero-copy{max-width:620px}h1{font-size:clamp(40px,9vw,66px)}.app-identity{margin-bottom:23px}.lead{font-size:16px;max-width:550px}.hero-scene{min-height:360px;margin:auto;width:min(100%,450px)}.screen-fan{height:350px;width:90%}.fan-image{height:94%;border-width:4px}.scene-word{font-size:78px;top:-10px}.scene-note{bottom:4px;font-size:11px}.product-stories .hero-scene{min-height:330px}.product-stories .screen-fan{height:300px}.product-stories .fan-image{top:65px}.product-stories .fan-back{top:5px}.product-neon h1{font-size:clamp(48px,11vw,72px)}.product-neon .scene-word{font-size:54px;left:-35%}.promise-strip>.shell{grid-template-columns:1fr}.promise-strip span{justify-content:flex-start;padding:13px 4px;font-size:13px}.promise-strip span+span{border-left:0;border-top:1px solid var(--line)}.section{padding-top:62px}.experience{grid-template-columns:1fr;gap:25px}.experience-copy .demo-note{max-width:none;margin-top:20px}.experience-copy>p{font-size:16px}.mini-steps{display:flex;flex-wrap:wrap;gap:10px 20px;margin:20px 0}.mini-steps li{font-size:12px}.mini-steps li:before{width:27px;height:27px}.benefit-grid{grid-template-columns:1fr}.benefit-card:nth-child(2){transform:none}.benefit-card h3{margin-top:18px}.benefit-card{padding:25px}.benefit-card p{font-size:15px}.faq-section{grid-template-columns:1fr;gap:20px;padding-bottom:58px}.faq-section h2{font-size:32px}.closing{padding:35px 22px;border-radius:24px}.closing h2{font-size:31px}.related{align-items:flex-start;flex-direction:column;gap:16px;padding:28px 3px}.carousel{padding:10px;border-radius:18px}.carousel-toolbar{font-size:11px;gap:5px}.carousel-toolbar>span{max-width:135px}.carousel-nav{gap:5px}.carousel-nav>span{min-width:50px;font-size:11px}.carousel-button{width:34px;height:34px}.gallery{gap:11px}.shot.portrait{width:min(76vw,310px)}.shot.landscape{width:82vw}.book-page{padding:26px 19px}.book-page h3{font-size:25px}.book-page>p:not(.feedback){font-size:17px}.story-book{min-height:410px}.book-cover span{font-size:18px;padding:10px}.book-page .demo-button{font-size:11px;padding:9px 11px}.lab-top{padding:19px;font-size:10px}.supply-items{padding:0 19px}.supply-item{gap:10px}.supply-item strong{font-size:13px}.supply-emoji{font-size:25px}.supply-action{font-size:10px;max-width:97px;padding:8px}.city-palette{gap:7px;padding:12px}.city-tool{font-size:11px;padding:5px 8px;gap:4px}.city-tool img{width:33px;height:33px}.city-palette>.demo-button{padding:6px;font-size:10px}.city-slots{padding:25px 14px 42px;gap:9px}.city-slot{height:100px}.city-map{min-height:310px}}
html{overflow-x:clip}body{overflow-x:clip;color:var(--ink)}.hero-copy,.hero-scene,.interactive-demo{min-width:0}.whole-character{cursor:pointer}.flashcard.is-flipped{background:#d7e7ce}.radical-option.is-correct{background:#d4e9cf;border-color:#537d47;color:#325b31}.grocery-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #daccb8}.grocery-item input{accent-color:#b75527}.grocery-item.is-owned{opacity:.5;text-decoration:line-through}
@media(max-width:500px){.story-book{grid-template-columns:1fr}.book-cover{flex-direction:row;padding:12px;border-right:0;border-bottom:5px solid #d6b887;min-height:0}.book-cover img{width:105px;height:135px;object-fit:contain;border-radius:10px}.book-cover span{max-width:180px;font-size:21px}.book-page{padding:25px}.book-page h3{margin-top:20px}.book-page>p:not(.feedback){font-size:19px}.screen-fan{width:84%}.scene-word{max-width:100%;overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.faq-list details{overflow:hidden;transition:border-color .3s ease;background:transparent}.faq-list summary{transition:color .25s ease}.faq-list summary:after{content:'+'!important;transition:transform .4s cubic-bezier(.22,1,.36,1);transform-origin:center}.faq-list details.is-expanded{border-color:var(--accent)}.faq-list details.is-expanded summary{color:var(--accent)}.faq-list details.is-expanded summary:after{transform:rotate(135deg)}.faq-answer{position:relative;padding-left:17px}.faq-answer:before{content:'';position:absolute;left:0;top:3px;bottom:23px;width:2px;border-radius:2px;background:linear-gradient(var(--accent),transparent)}.faq-list summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}