/* Revision 4: separate hands-on and picture-book sections. */
.home-v4 .welcome{grid-template-columns:.94fr 1.3fr;gap:4px;padding-block:35px 28px;min-height:510px}.home-v4 .welcome h1{font-size:51px;line-height:1.22;white-space:nowrap}.home-v4 .welcome-intro{max-width:390px;font-size:18px;line-height:1.85;margin:21px 0 27px;text-wrap:pretty}.home-v4 .welcome-visual img{aspect-ratio:1.25;max-height:505px}.store-primary{min-height:63px;gap:12px;padding:13px 24px}.store-primary>svg{width:28px;height:32px}.home-v4 .device-support{font-size:12px;line-height:1.7;margin-top:10px}.home-v4 .alternative-trial{margin-top:23px}.home-v4 .flow-section{padding-block:43px}.learning-belief{max-width:760px;margin-bottom:28px}.learning-belief h2{font-size:35px;line-height:1.35}.learning-belief h2 br{display:none}.learning-belief p{font-size:16px;max-width:670px;line-height:1.8;margin-top:12px}.home-v4 .format-image{height:180px}.home-v4 .format-copy{padding:17px 18px 21px}.home-v4 .format-copy p{font-size:13px;line-height:1.8}.home-v4 .format-scene .format-image{padding:0;display:block}.home-v4 .format-scene .format-image>img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 37%}.home-v4 .format-books .format-image{padding:20px 15px 15px;gap:10px;overflow:visible;align-items:center}.mini-book{display:block;position:relative;flex:0 0 30%;height:auto;transform:perspective(450px) rotateY(-12deg) rotate(-5deg);z-index:1;box-shadow:4px 6px 10px #56422325;border-radius:2px 5px 5px 2px;border-left:4px solid #9c7849;background:#e9ddc7}.mini-book:before{content:'';position:absolute;right:-5px;top:3px;bottom:-3px;width:7px;background:repeating-linear-gradient(90deg,#fffef8 0 1px,#d7c6ac 1px 2px);transform:skewY(25deg);border-radius:0 3px 3px 0;z-index:-1}.mini-book:after{content:'';position:absolute;bottom:-5px;left:1px;right:-3px;height:6px;background:repeating-linear-gradient(#fffef8 0 1px,#d5c7ac 1px 2px);border-radius:0 0 3px 3px;z-index:-1}.mini-book:nth-child(2){transform:perspective(450px) rotateY(-10deg) rotate(0deg);margin-top:12px;z-index:2;border-left-color:#60875a}.mini-book:nth-child(3){transform:perspective(450px) rotateY(-9deg) rotate(6deg);border-left-color:#537b8d}.mini-book img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:0 4px 4px 0}.scene-experience{background:#eef6e8;padding:54px 0}.book-experience{background:#fff7e8;padding:60px 0 63px}.experience-layout{display:grid;grid-template-columns:.78fr 1.5fr;gap:48px;align-items:center}.experience-copy{padding:8px 0}.experience-kicker{font-size:13px!important;font-weight:650;color:#417347;letter-spacing:.06em;margin:0 0 12px!important}.experience-copy h2{font-size:40px;line-height:1.22;margin:0 0 18px}.experience-copy>p{font-size:15px;line-height:1.9;margin:13px 0}.wash-words{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin-top:23px;max-width:330px}.wash-words span{font-size:12px;color:#65755d}.wash-words b{display:block;font-size:17px;font-weight:550;line-height:1.5;color:#2d5239}.experience-copy .experience-note{font-size:12px;color:#6d795f;margin-top:22px}.home-scene-stage{min-width:0}.home-scene-stage .demo-shell{border-radius:20px;box-shadow:0 9px 30px #48643a16;margin:0;border:5px solid #fff}.home-scene-stage .demo-start{position:relative;display:block;padding:0;height:405px;background:#edf5ed url('/assets/media/wash-bathroom-sink-web-v1.webp') center/cover;overflow:hidden}.home-scene-stage .demo-start>img{position:absolute;inset:10px 0 auto;width:70%;height:100%;max-width:none;object-fit:contain;border-radius:0;margin:auto}.home-scene-stage .demo-start>div{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2}.home-scene-stage .demo-start .btn{margin:0;min-height:49px;padding:10px 28px;font-size:16px;box-shadow:0 4px 15px #294b3440;border:3px solid white;white-space:nowrap}.home-scene-stage .wash-guidance{padding:21px 19px}.home-scene-stage .wash-guidance h2{font-size:24px}.home-scene-stage .wash-guidance>p[lang=en]{font-size:20px}.home-scene-stage .wash-tools{gap:6px}.home-scene-stage .wash-tools img{height:47px}.home-scene-stage .wash-tools button{padding:6px 3px;min-height:73px}.home-scene-stage .demo-feedback{font-size:13px}.home-scene-stage .demo-toolbar{gap:7px;padding:10px 12px}.home-scene-stage .demo-toolbar button{font-size:12px;padding:7px 12px}.home-scene-stage .demo-toolbar>span{font-size:12px}.paper-book{position:relative;min-width:0;padding:0 6px 9px 9px;perspective:1800px}.paper-book .inline-reader{position:relative;border:0;border-left:9px solid #9b7751;border-bottom:8px solid #9b7751;border-radius:4px 14px 10px 4px;background:#fffdf5;overflow:visible;box-shadow:0 18px 25px -16px #5a381e66,4px 7px 0 -1px #d8c8ae,7px 11px 0 -2px #c2a881;transform:rotateY(-2deg)}.paper-book .inline-reader:before{content:'';position:absolute;left:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,#88694f40,transparent);z-index:3;pointer-events:none}.paper-book .inline-reader figure{padding:14px 14px 0 18px;background:transparent;border-radius:0 12px 0 0;overflow:hidden}.paper-book .inline-reader figure img{border-radius:1px 5px 3px 1px}.paper-book .inline-reader-controls{padding:16px 20px 6px 23px;grid-template-columns:45px 1fr 45px}.paper-book .inline-reader [data-reader-sentence]{font-size:26px}.paper-book .reader-status{margin-bottom:8px}.paper-book .inline-reader button{background:#f5f7e9}.book-experience .experience-kicker{color:#8c6b38}.book-experience .experience-copy h2{color:#55452f}.home-learning-details .flow-heading{margin-bottom:25px}.learning-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.learning-detail{display:grid;grid-template-columns:.94fr 1fr;gap:12px;align-items:center;border-radius:20px;background:#eef5fa;border:1px solid #dfe7ee;padding:25px 0 25px 26px;overflow:hidden;text-decoration:none;color:#425546}.learning-detail:hover{text-decoration:none}.learning-detail.words-detail{background:#fff0e6;border-color:#f0e2d6}.detail-number{display:block;font-size:35px;line-height:1.2;font-weight:700;color:#346349;margin-bottom:15px}.detail-number>span{font-size:13px;font-weight:500}.learning-detail h3{font-size:23px}.learning-detail p{font-size:14px;line-height:1.8;margin:10px 0 15px}.detail-link{font-size:12px;color:#326543}.learning-detail>img{height:215px;width:100%;object-fit:cover;object-position:left top;border-radius:9px 0 0 9px;box-shadow:0 4px 15px #354f3320}.home-v4 .download-end{margin-top:12px}.home-v4 .download-end .device-support{font-size:12px}
@media(max-width:1050px){.home-v4 .welcome h1{font-size:42px}.home-v4 .welcome{min-height:465px}.home-v4 .welcome-intro{font-size:16px;max-width:340px}.experience-layout{gap:30px;grid-template-columns:.72fr 1.28fr}.experience-copy h2{font-size:34px}.home-scene-stage .demo-start{height:350px}.home-v4 .format-image{height:150px}.home-v4 .format-copy{padding:15px}.learning-belief h2{font-size:32px}.learning-detail{padding-left:21px;grid-template-columns:1fr 1fr}.learning-detail h3{font-size:21px}.learning-detail p{font-size:12px}.detail-number{font-size:30px}.learning-detail>img{height:200px}}
@media(max-width:780px){.home-v4 .welcome{grid-template-columns:.95fr 1.05fr;min-height:440px}.home-v4 .welcome h1{font-size:34px}.home-v4 .welcome-intro{font-size:15px}.home-v4 .device-support{font-size:11px;max-width:260px}.home-v4 .format-image{height:175px}.learning-belief h2{font-size:29px}.learning-belief p{font-size:15px}.experience-layout{grid-template-columns:.68fr 1.32fr;gap:23px}.experience-copy h2{font-size:30px}.experience-copy>p{font-size:13px}.wash-words{gap:11px 10px}.wash-words b{font-size:15px}.home-scene-stage .demo-start{height:315px}.home-scene-stage .wash-play{grid-template-columns:1fr}.home-scene-stage .wash-scene{max-height:330px}.home-scene-stage .bear-zone{max-width:330px;margin:auto}.home-scene-stage .wash-tools{grid-template-columns:repeat(4,1fr)}.paper-book .inline-reader figure{padding:10px 9px 0 12px}.paper-book .inline-reader-controls{padding:13px 10px 5px 13px;grid-template-columns:36px 1fr 36px}.paper-book .inline-reader [data-reader-sentence]{font-size:20px}.paper-book .inline-reader-controls>button{width:35px;height:42px}.learning-detail-grid{gap:16px}.learning-detail{grid-template-columns:1fr;padding:21px 20px 0;gap:18px}.learning-detail>img{height:185px;border-radius:9px 9px 0 0}.learning-detail p{font-size:14px}.learning-detail p br{display:none}.learning-detail h3{font-size:23px}.learning-detail .detail-number{margin-bottom:10px}.scene-experience,.book-experience{padding-block:42px}}
@media(max-width:620px){.home-v4 .welcome{grid-template-columns:1fr;gap:18px;padding-top:26px;padding-bottom:13px;min-height:0}.home-v4 .welcome h1{font-size:38px;letter-spacing:-.045em}.home-v4 .welcome-intro{font-size:16px;max-width:310px;margin:17px 0 21px}.home-v4 .device-support{max-width:none;font-size:11px}.home-v4 .welcome-visual{margin-top:-2px}.home-v4 .welcome-visual img{width:100%;max-height:300px;aspect-ratio:1.25}.home-v4 .alternative-trial{margin-top:21px}.home-v4 .flow-section{padding-block:32px}.learning-belief{margin-bottom:23px}.learning-belief h2{font-size:28px}.learning-belief h2 br{display:block}.learning-belief p{font-size:14px;line-height:1.85;max-width:330px}.home-v4 .format-image{height:129px}.home-v4 .format-copy{padding:12px 13px 17px}.home-v4 .format-copy p{font-size:12px;line-height:1.8}.home-v4 .format-books .format-image{padding:15px 8px 16px;gap:7px}.mini-book{border-left-width:3px;flex-basis:29%}.scene-experience,.book-experience{padding-block:32px}.experience-layout{grid-template-columns:1fr;gap:23px}.experience-copy{padding:0}.experience-copy h2{font-size:30px;margin-bottom:13px}.experience-copy h2 br{display:none}.experience-copy>p{font-size:14px;line-height:1.85;margin:9px 0}.experience-kicker{font-size:12px!important;margin-bottom:9px!important}.wash-words{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px;max-width:none}.wash-words b{font-size:12px;font-weight:550}.wash-words span{font-size:11px}.experience-copy .experience-note{font-size:11px;margin:15px 0 0}.home-scene-stage .demo-start{height:320px}.home-scene-stage .demo-start>img{width:88%}.home-scene-stage .demo-shell{border-width:4px;border-radius:16px}.home-scene-stage .demo-start>div{bottom:15px}.home-scene-stage .demo-start .btn{font-size:15px;min-height:47px;padding:8px 25px}.home-scene-stage .wash-guidance{padding:19px 17px}.home-scene-stage .demo-toolbar{padding:8px 7px;gap:4px}.home-scene-stage .demo-toolbar button{font-size:11px;padding:7px 9px}.home-scene-stage .demo-toolbar>span{font-size:11px}.paper-book{padding:0 5px 12px 2px}.paper-book .inline-reader{border-left-width:7px;border-bottom-width:6px;transform:none;border-radius:3px 10px 8px 3px}.paper-book .inline-reader figure{padding:10px 9px 0 12px}.paper-book .inline-reader-controls{grid-template-columns:40px 1fr 40px;gap:5px;padding:14px 9px 4px 12px}.paper-book .inline-reader-controls>button{width:39px;height:43px}.paper-book .inline-reader [data-reader-sentence]{font-size:20px}.paper-book .reader-meta{gap:10px}.learning-detail-grid{grid-template-columns:1fr;gap:17px}.learning-detail{grid-template-columns:1fr 1fr;padding:22px 0 22px 22px;gap:13px}.learning-detail>img{height:205px;border-radius:8px 0 0 8px}.learning-detail h3{font-size:21px}.learning-detail p{font-size:12px;margin:9px 0 13px}.detail-number{font-size:31px}.detail-number>span{font-size:12px}.home-learning-details .flow-heading h2{font-size:26px}.home-v4 .download-end{margin-top:10px}.home-v4 .format-grid{gap:13px}}