/* A large reading companion, hand-drawn word bubble, and four quiet learning doors. */
.is-public-home{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.is-public-home .site-main{max-width:1536px;padding:0 48px}
.is-public-home .topbar{min-height:82px;padding-top:15px;padding-bottom:15px}
.is-public-home .brand-name{font-size:24px}
.is-public-home .topnav .nav-link{font-size:18px;padding:10px 15px}
.is-public-home .wf-learning-shortcut{font-size:14px}
.is-public-home .account-pill{font-size:15px}
.is-public-home .wf-landing{font-family:inherit}
.is-public-home .wf-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;min-height:0;padding:16px 0;align-items:center}
.is-public-home .wf-hero-copy{padding-bottom:10px;z-index:2}
.is-public-home .wf-hero h1{font-size:72px;font-weight:800;line-height:1.1;letter-spacing:-.055em;margin:0 0 28px;color:#263c38;white-space:nowrap}
.is-public-home .wf-hero h1 br{display:block}
.is-public-home .wf-hero h1>.wf-title-highlight{position:relative;display:inline-block;z-index:0}
.is-public-home .wf-hero h1>.wf-title-highlight:after{content:"";position:absolute;left:-.06em;right:-.1em;bottom:.06em;height:.38em;background:#e1cfee;z-index:-1;border-radius:28% 13% 22% 16%;transform:rotate(-7deg);clip-path:polygon(0 13%,97% 0,100% 82%,5% 100%)}
.is-public-home .wf-hero h1>.wf-title-period{display:inline-block;width:.13em;height:.13em;border-radius:50%;background:currentColor;vertical-align:baseline;margin-left:.13em;position:static}
.is-public-home .wf-hero h1>.wf-title-period:after{content:none}
.wf-hero-features{margin:0 0 28px;color:#42584e;font-size:23px;font-weight:500;line-height:1.6}
.wf-hero-features>p{margin:0 0 8px;letter-spacing:-.035em}
.is-public-home .wf-hero-actions{gap:28px}
.is-public-home .wf-hero-actions .wf-button{font-size:18px;min-height:58px;padding:15px 26px;border-radius:9px}
.is-public-home .wf-hero-actions .wf-text-link{font-size:18px;font-weight:500}
.is-public-home .wf-hero-reader{--wf-reader-height:clamp(470px,calc(100svh - 232px),620px);--wf-bubble-height:clamp(145px,18svh,180px);height:var(--wf-reader-height);width:100%;max-width:none;margin:0;padding:0;position:relative;min-width:0;scroll-margin-top:100px}
.wf-reading-bubble{position:absolute;left:0;top:0;width:90%;height:var(--wf-bubble-height);z-index:3}
.wf-bubble-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.wf-bubble-outline path{fill:#faf8f2;stroke:#20241f;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.is-public-home .wf-reading-screen{position:absolute;left:18px;top:13px;width:calc(100% - 36px);height:calc(100% - 33px);border:0;border-radius:14px;background:transparent;box-shadow:none;z-index:3}
/* Crop transparent padding in CSS; keep all motion frames and the ear silhouette. */
.is-public-home .wf-hero-reader>.wf-bunny-scene{position:absolute;left:auto;right:-2px;top:calc(var(--wf-bubble-height) - 28px);bottom:auto;width:min(460px,calc((var(--wf-reader-height) - var(--wf-bubble-height) + 28px) * .949495),100%);height:auto;aspect-ratio:470/495;max-width:none;margin:0;pointer-events:none;z-index:2;overflow:hidden}
.is-public-home .wf-bunny-scene>picture{position:absolute;inset:0;overflow:hidden;width:100%;height:100%}
.is-public-home .wf-hero-reader .wf-bunny-image,.is-public-home .wf-hero-reader .wf-bunny-video{position:absolute;inset:auto;width:204.25532%;height:109.09091%;max-width:none;left:-62.76596%;top:-5.05051%;object-fit:fill;object-position:initial}
.wf-reading-bubble.is-engaged{height:320px}
.is-public-home .wf-hero-reader:has(>.wf-reading-bubble.is-engaged){--wf-bubble-height:320px;height:calc(var(--wf-reader-height) + 115px)}
.is-public-home .wf-featured{padding-top:55px}
.wf-core-ways{margin:0 0 12px;position:relative;z-index:4}
.wf-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px;background:#f2f1e9;border:1px solid #e0e2d7;border-radius:15px;isolation:isolate}
.wf-core-way{position:relative;display:block;min-width:0;padding:16px 23px;border-radius:10px;background:transparent;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,background .24s}
.wf-core-way+.wf-core-way:before{content:"";position:absolute;left:0;top:23px;bottom:23px;width:1px;background:#dcded2;transition:opacity .2s}
.wf-core-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wf-core-heading h2{font-size:20px;font-weight:650;line-height:1.5;letter-spacing:-.02em;margin:0;color:#263c38}
.wf-core-heading>span{font-size:20px;color:#688476;transition:transform .24s}
.wf-core-way p{font-size:14px;color:#6b756c;line-height:1.65;margin:9px 0 0}
.wf-core-way:focus-visible{outline:3px solid #9c83b2;outline-offset:3px;background:#fffdf8;transform:translateY(-8px);box-shadow:0 12px 24px #263c3812}
.wf-core-way:active{transform:translateY(-12px);background:#fffdf8}
@media(hover:hover){.wf-core-way:hover{transform:translateY(-8px);background:#fffdf8;box-shadow:0 12px 24px #263c3812}.wf-core-way:hover:before{opacity:0}.wf-core-way:hover .wf-core-heading>span{transform:translate(2px,-2px)}}
@media(min-width:1700px){.is-public-home .wf-hero{gap:44px;padding-top:16px;padding-bottom:16px}.is-public-home .wf-hero h1{font-size:76px}.is-public-home .wf-hero-reader>.wf-bunny-scene{right:4px}.wf-hero-features{font-size:23px}}
@media(min-width:1101px) and (max-width:1350px){.is-public-home .site-main{padding-left:36px;padding-right:36px}.is-public-home .wf-hero{gap:22px;padding-top:16px}.is-public-home .wf-hero h1{font-size:64px}.wf-hero-features{font-size:21px;margin-bottom:28px}.is-public-home .topnav .nav-link{font-size:17px;padding-left:11px;padding-right:11px}.wf-core-way{padding:16px 17px}.wf-core-way p{font-size:14px}}
@media(min-width:901px) and (max-width:1100px){.is-public-home .site-main{padding-left:30px;padding-right:30px}.is-public-home .wf-hero{gap:20px;padding-top:16px}.is-public-home .wf-hero h1{font-size:56px;margin-bottom:24px}.wf-hero-features{font-size:19px;margin-bottom:28px}.is-public-home .wf-hero-actions{gap:18px}.is-public-home .wf-hero-actions .wf-button{font-size:17px;padding:13px 20px}.is-public-home .wf-hero-actions .wf-text-link{font-size:16px}.wf-reading-bubble{width:96%}.is-public-home .wf-hero-reader>.wf-bunny-scene{right:-3px}.is-public-home .topnav .nav-link{font-size:15px;padding-left:9px;padding-right:9px}.wf-core-way{padding:16px 14px}.wf-core-heading h2{font-size:19px}.wf-core-way p{font-size:13px}}
@media(max-width:900px){.is-public-home .site-main{padding:0 32px 85px}.is-public-home .wf-hero{grid-template-columns:1fr;gap:30px;padding:42px 0 22px}.is-public-home .wf-hero-copy{padding:0;max-width:none}.is-public-home .wf-hero h1{font-size:72px;margin-bottom:28px}.wf-hero-features{font-size:24px;margin-bottom:28px}.is-public-home .wf-hero-reader{--wf-reader-height:730px;--wf-bubble-height:220px;max-width:650px;margin:auto}.wf-reading-bubble{width:92%}.is-public-home .wf-hero-reader>.wf-bunny-scene{width:510px;right:5px}.is-public-home .topbar{min-height:76px}.wf-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-core-way:nth-child(3):before{content:none}.wf-core-way:nth-child(n+3){border-top:1px solid #dcded2}.wf-core-way{padding:20px}.wf-core-way p{font-size:15px}}
@media(max-width:600px){.is-public-home .site-main{padding:0 22px 85px}.is-public-home .topbar{min-height:68px}.is-public-home .brand-name{font-size:20px}.is-public-home .account-pill{font-size:12px}.is-public-home .wf-hero{padding:30px 0 18px;gap:28px}.is-public-home .wf-hero h1{font-size:46px;margin-bottom:25px;letter-spacing:-.055em}.wf-hero-features{font-size:18px;line-height:1.8;margin-bottom:27px}.wf-hero-features>p{margin-bottom:8px;letter-spacing:-.035em}.is-public-home .wf-hero-actions{gap:24px}.is-public-home .wf-hero-actions .wf-button{font-size:18px;min-height:52px;padding:13px 21px}.is-public-home .wf-hero-actions .wf-text-link{font-size:17px}.is-public-home .wf-hero-reader{--wf-reader-height:570px;--wf-bubble-height:225px;max-width:430px}.wf-reading-bubble{width:100%}.wf-bubble-outline path{stroke-width:5}.is-public-home .wf-reading-screen{left:13px;top:17px;width:calc(100% - 26px);height:calc(100% - 44px);border-radius:12px}.is-public-home .wf-hero-reader>.wf-bunny-scene{width:100%;right:0;top:calc(var(--wf-bubble-height) - 18px)}.wf-reading-bubble.is-engaged{height:335px}.is-public-home .wf-hero-reader:has(>.wf-reading-bubble.is-engaged){--wf-bubble-height:335px;height:calc(var(--wf-reader-height) + 110px)}.is-public-home .wf-featured{padding-top:35px}.wf-core-grid{padding:5px;border-radius:12px}.wf-core-way{padding:17px 13px}.wf-core-heading h2{font-size:18px}.wf-core-heading>span{font-size:17px}.wf-core-way p{font-size:13px;line-height:1.7;margin-top:7px}}
@media(max-width:370px){.is-public-home .wf-hero h1{font-size:42px}.wf-hero-features{font-size:17px}.is-public-home .wf-hero-actions{gap:17px}.is-public-home .wf-hero-actions .wf-button{font-size:17px;padding-left:18px;padding-right:18px}.is-public-home .wf-hero-actions .wf-text-link{font-size:16px}.is-public-home .wf-hero-reader{--wf-reader-height:535px}.wf-core-way{padding:16px 10px}.wf-core-heading h2{font-size:17px}.wf-core-way p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wf-core-way,.wf-core-heading>span{transition:none!important;transform:none!important}}
