:root{--color-ink: #1c3a14;--color-ink-strong: #141a12;--color-accent: #2e7431;--color-accent-soft: #d6e6c3;--color-muted: #4f6146;--color-canvas: #eaf0e2;--color-surface: #fbfcf7;--color-surface-alt: #f7faf2;--color-border: #dce6d0;--color-highlight: #ffe58a;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Hiragino Sans,sans-serif;font-size:100%;color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}img{max-width:100%}a{color:inherit;text-decoration:none}button,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #b45a25;outline-offset:4px}h1,h2,h3,p,figure{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.mobile-break,.mobile-label,.mobile-copy{display:none}.container{width:min(100% - 40px,1200px);margin-inline:auto}.narrow{max-width:850px}.center{text-align:center}.section-space{padding-block:120px}.section-label{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:900;letter-spacing:.17em}h1,h2,h3{letter-spacing:-.035em}h2{font-size:clamp(2.125rem,4.5vw,4rem);line-height:1.3}.section-intro{max-width:810px;margin:22px auto 0;color:var(--color-muted);font-size:clamp(var(--font-size-base),1.6vw,1.25rem);line-height:1.9}.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:12px 18px;border-radius:12px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:8;border-bottom:1px solid var(--color-ink);background:#eaf0e2f5}.header-inner{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;width:132px;flex:none;align-items:center}.brand img{display:block;width:100%;height:auto;animation:logo-write 1.6s cubic-bezier(.6,.05,.3,1) .2s both}.desktop-nav{display:flex;align-items:center;gap:44px;font-size:1.125rem;font-weight:800}.desktop-nav a,.footer-nav a{transition:color .2s ease}.desktop-nav a:hover,.footer-nav a:hover{color:var(--color-accent)}.desktop-nav a[aria-current=page]{color:var(--color-accent);text-decoration:underline;text-underline-offset:8px}.header-action{padding:13px 27px;border:2px solid var(--color-ink);border-radius:999px;font-size:1.0625rem;font-weight:800;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.header-action:hover{background:var(--color-ink);color:#fff}.mobile-menu{display:none}.button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:16px;padding:14px 26px;border-radius:999px;font-size:var(--font-size-base);font-weight:900;line-height:1.4;text-align:center;transition:background-color .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--color-ink-strong);color:#fff}.button-dark:hover{background:#2b3627}.button-soft{background:var(--color-accent-soft);color:var(--color-ink)}.button-soft:hover{background:#c8ddaf}.button-ghost{justify-content:space-between;padding:7px 8px 7px 28px;border:2px solid #d3dfc4;background:#f5f8ef;color:#4f6146}.button-ghost:hover{border-color:var(--color-accent);color:var(--color-ink)}.button-circle{display:grid;width:46px;height:46px;flex:none;place-items:center;border-radius:50%;background:#dde9cf;color:var(--color-accent);font-size:26px}.hero{position:relative;overflow:hidden}.hero-leaf{position:absolute;z-index:1;width:330px;height:auto;pointer-events:none}.hero-leaf-left{top:150px;left:-100px;transform-origin:left bottom;animation:leaf-sway 7s ease-in-out infinite}.hero-leaf-right{top:0;right:-40px;width:380px;transform:scaleX(-1)}.hero-grid{position:relative;display:grid;height:940px;grid-template-columns:600px minmax(0,1fr);gap:0}.hero-copy{position:relative;z-index:2;padding:110px 0 0 80px}.hero h1{width:700px;max-width:none;font-size:clamp(3.1875rem,5.84vw,5.25rem);font-weight:900;line-height:1.18;white-space:nowrap}.highlight-underline{background-image:linear-gradient(transparent 70%,var(--color-highlight) 70%,var(--color-highlight) 91%,transparent 91%);background-repeat:no-repeat;background-size:0 100%;animation:highlight-write 1s cubic-bezier(.6,.05,.3,1) .8s forwards}.hero-lead{max-width:500px;margin-top:30px;color:var(--color-muted);font-size:1.3125rem;font-weight:500;line-height:1.85}.hero-actions{display:flex;width:min(100%,470px);flex-direction:column;gap:14px;margin-top:36px}.hero-actions .button{width:100%;min-height:70px;font-size:1.25rem}.hero-actions .button-ghost{min-height:64px;font-size:1.125rem}.hero-visual{position:relative;min-height:940px;scroll-margin-top:24px}.hero-owl{position:absolute;z-index:3;top:673px;left:-409px;width:150px;filter:drop-shadow(0 10px 10px rgb(28 58 20 / 12%));animation:float 6s ease-in-out infinite}.hero-owl img{display:block;width:100%;height:auto}.owl-eyes{position:absolute;inset:0;pointer-events:none}.owl-patch{position:absolute;top:17.5%;width:10.25%;height:8.89%;border-radius:50%;background:#fff;animation:owl-wake-patch 6s infinite}.owl-patch-left{left:32.96%}.owl-patch-right{left:51.52%}.owl-eye{position:absolute;top:18.89%;width:6.65%;height:6.67%;border-radius:50%;background:#07913a;transform:scaleY(.1);animation:owl-wake-eye 6s infinite}.owl-eye-left{left:34.76%}.owl-eye-right{left:53.32%}.owl-eye span{position:absolute;top:22%;left:22%;width:56%;height:56%;border-radius:50%;background:#0c341a}.owl-eye span:after{position:absolute;top:2%;right:2%;width:40%;height:40%;border-radius:50%;background:#fff;content:""}.quiz-correct .owl-patch{opacity:1;animation:none}.quiz-correct .owl-eye{opacity:1;transform:scaleY(1);animation:none}.owl-speech{position:absolute;top:50px;left:103%;width:max-content;max-width:230px;padding:12px 18px;border:2px solid var(--color-border);border-radius:24px;background:#fff;font-family:Klee One,Zen Maru Gothic,sans-serif;font-size:1rem;font-weight:600;white-space:pre-line}.phone-figure{position:absolute;z-index:2;top:70px;left:265px}.phone{width:344px;height:710px;padding:10px;border:3px solid var(--color-ink-strong);border-radius:51px;background:var(--color-ink-strong);box-shadow:0 34px 58px #1c3a1445}.phone-screen{display:flex;position:relative;height:100%;flex-direction:column;overflow:hidden;border-radius:40px;background:#f4f7ee}.phone-island{position:absolute;top:10px;left:50%;width:92px;height:24px;border-radius:999px;background:var(--color-ink-strong);transform:translate(-50%)}.phone-content{display:flex;flex:1;flex-direction:column;gap:13px;padding:58px 17px 22px}.phone-topline{display:flex;align-items:center;gap:10px;color:var(--color-muted);font-size:13px;font-weight:700}.phone-close{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:50%;background:#e3ebd8;color:var(--color-muted);font-size:25px;font-weight:500;line-height:1}.phone-progress{height:9px;flex:1;overflow:hidden;border-radius:999px;background:#e3ebd8}.phone-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-accent);transition:width .35s}.phone-source{color:#7a6a2e;font-size:12.5px;font-weight:800}.phone-source:before{content:"✎";margin-right:6px}.phone-card{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:17px 18px;border:2px solid #c7e3ae;border-radius:18px;background:#e3f4d3}.phone-card p{font-size:17px;font-weight:900;line-height:1.55}.phone-options{display:flex;flex-direction:column;gap:9px}.phone-options button{display:flex;min-height:51px;align-items:center;gap:12px;padding:8px 12px;border:2px solid var(--color-border);border-radius:14px;background:#fff;color:var(--color-ink);cursor:pointer;font:inherit;font-size:15px;font-weight:800;text-align:left;transition:border-color .15s,background-color .15s,transform .15s}.phone-options button:not(:disabled):hover{border-color:#8fc27a;background:#f3faec;transform:translate(3px)}.phone-options button:focus-visible,.phone-next:focus-visible{outline:3px solid #b45a25;outline-offset:2px}.phone-options button>span:first-child{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:8px;background:var(--color-canvas);color:var(--color-accent);font-size:13px;font-weight:900}.phone-options button.is-correct{border-color:var(--color-accent);background:#e6f7ea;animation:answer-pop .45s ease-out}.phone-options button.is-correct>span:first-child{background:var(--color-accent);color:#fff}.phone-options button.is-wrong{border-color:#c2562b;background:#fbe7dd;color:#5e240d;animation:answer-shake .5s ease-out}.phone-options button.is-wrong>span:first-child{background:#c2562b;color:#fff}.phone-options button.is-dim{opacity:.45}.phone-feedback{padding:11px 13px;border-radius:14px;font-size:13px;font-weight:800;line-height:1.5}.phone-feedback.is-correct{background:var(--color-accent);color:#fff}.phone-feedback.is-wrong{background:#fbe7dd;color:#5e240d}.phone-next{min-height:50px;margin-top:auto;border:0;border-radius:999px;background:var(--color-accent);color:#fff;cursor:pointer;font:inherit;font-size:15px;font-weight:900}.phone-next:disabled{background:#e3ebd8;color:#6b7a62;cursor:default}.quiz-confetti{position:absolute;z-index:5;top:45%;left:50%;width:0;height:0;pointer-events:none}.quiz-confetti span{position:absolute;width:9px;height:13px;border-radius:2px;background:#ffe58a;opacity:0}.quiz-confetti span:nth-child(2n){background:#2e7431}.quiz-confetti span:nth-child(3n){background:#f2a65a}.quiz-confetti span:nth-child(1){--burst-x: -115px;--burst-y: -130px;--rotation: 300deg}.quiz-confetti span:nth-child(2){--burst-x: -65px;--burst-y: -175px;--rotation: -240deg}.quiz-confetti span:nth-child(3){--burst-x: 8px;--burst-y: -190px;--rotation: 350deg}.quiz-confetti span:nth-child(4){--burst-x: 78px;--burst-y: -160px;--rotation: -300deg}.quiz-confetti span:nth-child(5){--burst-x: 125px;--burst-y: -110px;--rotation: 280deg}.quiz-confetti span:nth-child(6){--burst-x: -130px;--burst-y: 20px;--rotation: -200deg}.quiz-confetti span:nth-child(7){--burst-x: 125px;--burst-y: 25px;--rotation: 240deg}.quiz-confetti span:nth-child(8){--burst-x: -20px;--burst-y: -95px;--rotation: -340deg}.quiz-correct .quiz-confetti span{animation:confetti-burst 1.15s cubic-bezier(.2,.7,.4,1) both}.highlight-preview{position:absolute;z-index:3;top:596px;left:-36px;display:flex;width:266px;min-height:283px;flex-direction:column;gap:9px;padding:18px 20px;border:2px solid var(--color-border);border-radius:22px;background:#fffdf5;box-shadow:0 20px 35px #1c3a1424;animation:highlight-bob 5.5s ease-in-out infinite}.highlight-preview>span{color:#7a6a2e;font-size:12px;font-weight:800}.highlight-preview strong{font-family:Zen Old Mincho,serif;font-size:19px}.highlight-preview small{color:var(--color-muted);font-size:12px}.highlight-preview p{margin-top:6px;font-family:Zen Old Mincho,serif;font-size:15.5px;line-height:1.95}.highlight-preview mark{background:linear-gradient(transparent 52%,var(--color-highlight) 52%);color:inherit}.quiz-correct .hero-owl img{animation:owl-hop .9s ease-out}.quiz-wrong .hero-owl img{animation:answer-shake .6s ease-out}@keyframes answer-pop{0%{transform:scale(.96)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes answer-shake{20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes owl-hop{25%{transform:translateY(-20px) rotate(-4deg)}50%{transform:translateY(0)}70%{transform:translateY(-7px) rotate(3deg)}}@keyframes owl-wake-patch{0%,58%,88%,to{opacity:0}60%,86%{opacity:1}}@keyframes owl-wake-eye{0%,58%,88%,to{opacity:0;transform:scaleY(.1)}62%,72%,76%,86%{opacity:1;transform:scaleY(1)}74%{opacity:1;transform:scaleY(.12)}}@keyframes confetti-burst{0%{opacity:1;transform:translate(0) rotate(0)}55%{opacity:1;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--rotation))}to{opacity:0;transform:translate(var(--burst-x),calc(var(--burst-y) + 80px)) rotate(var(--rotation))}}.problem-section{background:var(--color-canvas)}.problem-section h2{margin-top:18px}.problem-squiggle{position:relative;display:inline-block;white-space:nowrap}.problem-squiggle svg{position:absolute;right:0;bottom:-16px;left:0;width:100%;height:27px;overflow:visible}.problem-squiggle path{fill:none;stroke:#8dc21f;stroke-width:8;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:draw-squiggle 6s ease-in-out infinite}.problem-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:72px}.sticky-note{position:relative;display:grid;min-height:214px;place-items:center;padding:34px 26px;border-radius:5px 5px 24px;box-shadow:0 20px 28px #1c3a1417;font-family:Klee One,Zen Maru Gothic,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.7;text-align:center;transition:scale .25s cubic-bezier(.3,1.6,.5,1);animation:note-bob 5s ease-in-out infinite}.sticky-note:before{position:absolute;top:-13px;left:calc(50% - 48px);width:96px;height:28px;background:#ffffff8c;content:"";transform:rotate(-3deg)}.sticky-note:hover{scale:1.04}.sticky-yellow{background:#fff1a8;transform:rotate(-3deg)}.sticky-green{background:#d8efc4;transform:rotate(2deg) translateY(28px)}.sticky-white{background:#fff;transform:rotate(-2deg)}.problem-conclusion{margin-top:100px;font-size:clamp(21px,2.5vw,28px);font-weight:900;line-height:1.7;text-align:center}.method-section h2,.features-section h2,.steps-section h2,.usage-section h2{margin-top:0}.learning-flow{width:min(100%,1060px);margin:56px auto 0;padding:36px 42px 30px;border:2px solid var(--color-border);border-radius:32px;background:var(--color-surface);box-shadow:0 22px 38px #1c3a1414;text-align:left}.learning-flow-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.learning-flow-heading strong{font-size:1.3125rem;font-weight:900}.learning-flow-heading span{color:var(--color-muted);font-size:.95rem;font-weight:700}.learning-flow svg{display:block;width:100%;height:auto;margin-top:16px;overflow:visible}.flow-grid{fill:none;stroke:#dce5d0;stroke-width:2;stroke-dasharray:4 6}.flow-axis{fill:none;stroke:#b9c6ae;stroke-width:2}.flow-axis-label{fill:var(--color-muted);font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:700}.flow-baseline{fill:none;stroke:#8d9a87;stroke-width:3.5;stroke-dasharray:8 7}.flow-line-static{fill:none;stroke:var(--color-accent);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:.22}.flow-line{fill:none;stroke:var(--color-accent);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw-learning-flow 8s ease-in-out infinite}.flow-points circle{fill:#8dc21f;stroke:var(--color-accent);stroke-width:3}.flow-labels{fill:var(--color-muted);font-family:Zen Maru Gothic,sans-serif;font-size:17px;font-weight:700;text-anchor:middle}.learning-flow p{color:var(--color-muted);font-size:.875rem}.flow-stickers{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:36px}.flow-stickers span{padding:14px 24px;border:2px solid var(--color-border);border-radius:999px;background:#fff;box-shadow:0 16px 28px -18px #1c3a1473;font-size:1.125rem;font-weight:800}.features-section{background:var(--color-canvas)}.feature-list{display:flex;flex-direction:column;gap:110px;margin-top:90px}.feature-row{display:grid;grid-template-columns:540px minmax(0,1fr);align-items:center;gap:60px}.feature-row.feature-reverse{grid-template-columns:minmax(0,1fr) 540px}.feature-reverse .feature-copy{order:2}.feature-reverse .feature-illustration{order:1}.feature-number{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:900;letter-spacing:.12em}.feature-copy h3{margin-top:15px;font-size:clamp(var(--font-size-2xl),3.2vw,2.875rem);line-height:1.35}.feature-copy p:not(.feature-number){max-width:510px;margin-top:22px;color:var(--color-muted);font-size:1.3125rem;line-height:1.9}.feature-illustration{position:relative;display:grid;min-height:640px;place-items:center;overflow:hidden}.feature-illustration:before{position:absolute;width:360px;height:400px;background:url(/images/leaf-branch.svg) center / contain no-repeat;content:"";opacity:.65;transform:rotate(65deg)}.feature-reverse .feature-illustration:before{transform:scaleX(-1) rotate(60deg)}.feature-phone{--feature-screen-radius: 46px;position:relative;display:flex;width:300px;height:620px;flex-direction:column;overflow:hidden;padding:12px;border-radius:58px;background:#141a12;box-shadow:0 44px 80px -40px #1c3a1499}.feature-phone:before{position:absolute;inset:12px;border-radius:var(--feature-screen-radius);background:#f4f7ee;content:""}.feature-phone-island{position:relative;z-index:1;width:96px;height:28px;flex:none;margin:12px auto 0;border-radius:999px;background:#141a12}.feature-phone-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:13px;padding:16px 16px 10px}.feature-phone-content>strong{font-size:1.375rem;font-weight:900}.feature-phone-banner{padding:13px 14px;border-radius:16px;background:var(--color-accent);color:#fff;font-size:.875rem;font-weight:800}.feature-highlight-card{display:flex;flex-direction:column;gap:8px;padding:13px 14px;border:1.5px solid #e1e9d6;border-radius:16px;background:#fff}.feature-highlight-card mark{width:fit-content;background:var(--color-highlight);color:var(--color-ink);font-family:Zen Old Mincho,serif;font-size:.9rem;line-height:1.7}.feature-highlight-card small{color:var(--color-muted);font-size:.75rem}.feature-highlight-selected{margin-top:20px;padding-block:22px}.feature-quiz-settings{display:flex;flex-direction:column;gap:10px;margin-top:8px}.feature-quiz-settings>span{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1.5px solid #e1e9d6;border-radius:14px;background:#fff;font-size:.875rem}.feature-phone-button{display:grid;min-height:50px;place-items:center;margin-top:auto;border-radius:999px;background:var(--color-accent);color:#fff;font-size:.875rem;font-weight:800;text-align:center}.feature-phone-tabs{position:relative;z-index:1;padding:13px 5px 19px;border-top:1px solid var(--color-border);border-radius:0 0 var(--feature-screen-radius) var(--feature-screen-radius);background:#fbfcf7;color:var(--color-muted);font-size:.65rem;font-weight:800;text-align:center;white-space:nowrap}.feature-review-card{display:flex;flex-direction:column;gap:13px;padding:20px;border:1.5px solid #e1e9d6;border-radius:20px;background:#fff}.feature-review-card small{color:var(--color-muted)}.feature-review-card b{font-size:3.375rem;line-height:1}.feature-review-card b span{font-size:1.25rem}.feature-review-card i{width:60%;height:10px;border-radius:999px;background:var(--color-accent);box-shadow:80px 0 #e3ebd8}.steps-section{background:#dfe9d2}.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:72px;padding:0;list-style:none}.steps-list li{text-align:center}.steps-list li>span{display:grid;width:112px;height:112px;place-items:center;margin:0 auto 22px;border-radius:43% 57% 48% 52%/50% 43% 57% 50%;background:var(--color-accent);color:#fff;font-family:Klee One,sans-serif;font-size:56px;font-weight:600;animation:blob-morph 7s ease-in-out infinite}.steps-list li:nth-child(2)>span{animation-delay:-2.3s}.steps-list li:nth-child(3)>span{animation-delay:-4.6s}.steps-list h3{font-size:1.75rem}.steps-list p{max-width:320px;margin:14px auto 0;color:#3f5940;font-size:1.1875rem;line-height:1.85}.usage-section{background:var(--color-canvas)}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:64px}.usage-grid:focus-visible{outline:3px solid #b45a25;outline-offset:4px}.usage-grid article{display:flex;min-height:340px;flex-direction:column;gap:24px;padding:36px;border:2px solid var(--color-border);border-radius:28px;background:var(--color-surface);box-shadow:0 20px 35px -25px #1c3a1459;transition:transform .25s}.usage-grid article:nth-child(1){transform:rotate(-2deg)}.usage-grid article:nth-child(2){transform:rotate(2deg) translateY(16px)}.usage-grid article:nth-child(3){transform:rotate(-1deg)}.usage-grid article:hover{transform:scale(1.03)}.usage-grid span{color:var(--color-accent);font-size:.875rem;font-weight:900}.usage-grid h3{margin-top:16px;font-family:Klee One,Zen Maru Gothic,sans-serif;font-size:1.5rem;font-weight:600}.usage-grid p{margin-top:12px;color:var(--color-muted);font-size:var(--font-size-base);line-height:1.85}.usage-grid blockquote{margin:0;color:var(--color-ink);font-size:1.125rem;line-height:1.95}.usage-grid blockquote:before{display:block;margin-bottom:6px;color:#8dc21f;content:"“";font-size:3.5rem;line-height:.7}.usage-grid .usage-attribution{display:flex;align-items:center;gap:14px;margin-top:auto;font-size:1.0625rem;font-weight:700}.usage-attribution span{display:grid;width:52px;height:52px;flex:none;place-items:center;border-radius:50%;background:var(--color-accent);color:#fff;font-size:1.25rem}.usage-grid article:nth-child(2) .usage-attribution span{background:#d9c38a;color:#2b2410}.usage-grid article:nth-child(3) .usage-attribution span{background:#1f5427}.genre-intro{margin:85px 24px 24px;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:900;text-align:center}.genre-strip{overflow:hidden}.genre-strip-reverse{margin-top:16px}.genre-strip-reverse .genre-track{--genre-period-seconds: 52;animation-direction:reverse;animation-duration:52s}.genre-track{--genre-period-seconds: 46;--genre-half-gap: 7px;display:flex;width:max-content;gap:14px;animation:genre-scroll 46s linear infinite}.genre-track span{display:inline-flex;align-items:center;padding:16px 28px;border:2px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:1.1875rem;font-weight:800;white-space:nowrap}.genre-track .genre-green{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.genre-track .genre-yellow{border-color:#f0dd7a;background:#fff1a8}.pricing-teaser{padding-block:90px;background:var(--color-canvas)}.pricing-teaser-card{position:relative;display:grid;min-height:500px;grid-template-columns:minmax(0,1fr) minmax(0,470px);grid-template-rows:auto auto;align-items:center;column-gap:64px;overflow:hidden;padding:64px 72px;border:2px solid var(--color-border);border-radius:34px;background:var(--color-surface);box-shadow:0 24px 40px #1c3a141a}.pricing-teaser-leaf{position:absolute;right:-55px;bottom:-90px;width:255px;height:auto;pointer-events:none}.pricing-teaser-copy{grid-column:1;grid-row:1;align-self:end}.pricing-teaser h2{font-size:clamp(2.125rem,4vw,3.5rem)}.pricing-teaser-copy>p{max-width:615px;margin-top:24px;color:var(--color-muted);font-size:1.25rem;line-height:1.9}.pricing-teaser .button{grid-column:1;grid-row:2;width:fit-content;margin-top:24px}.pricing-teaser-plans{display:flex;grid-column:2;grid-row:1 / span 2;flex-direction:column;gap:18px}.teaser-plan{display:flex;min-height:110px;align-items:center;justify-content:space-between;gap:12px;padding:20px 25px;border:2px solid #e1e9d6;border-radius:26px;background:#fff}.teaser-plan>div{display:flex;flex-direction:column;gap:4px}.teaser-plan strong{font-size:1.3125rem;font-weight:900}.teaser-plan span:not(.teaser-plan-badge){color:var(--color-muted);font-size:1rem}.teaser-plan b{flex:none;font-size:3.25rem;line-height:1;white-space:nowrap}.teaser-plan b small{margin-left:2px;font-size:1.25rem}.teaser-plan-premium{position:relative;border:3px solid var(--color-accent)}.teaser-plan-badge{position:absolute;top:-15px;left:24px;padding:4px 14px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:.875rem;font-weight:800}.pricing-teaser-plans>p{color:var(--color-muted);font-size:.9375rem}.release-section{position:relative;padding:40px 0 90px;background:var(--color-canvas)}.release-inner{position:relative;display:flex;min-height:762px;flex-direction:column;align-items:center;justify-content:center;gap:26px;overflow:hidden;border-radius:48px;background-color:#d6e6c3;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgb(46 116 49 / 8%) 39px,rgb(46 116 49 / 8%) 40px);text-align:center}.release-leaf{position:absolute;bottom:-60px;width:330px;height:auto;pointer-events:none}.release-leaf-left{left:-50px}.release-leaf-right{right:-50px;transform:scaleX(-1)}.release-owl,.release-brand,.release-inner h2,.release-status{position:relative;z-index:1}.release-owl{display:block;width:150px;height:auto;animation:float 6s ease-in-out infinite}.release-chips{position:absolute;z-index:2;top:21%;left:calc(50% + 95px);display:flex;flex-direction:column;gap:9px;transform:rotate(-5deg)}.release-chips span{width:fit-content;padding:7px 12px;border:2px solid var(--color-border);border-radius:999px;background:#fff;font-size:.875rem;font-weight:800;opacity:0;white-space:nowrap}.release-chips span:nth-child(1){background:var(--color-highlight);animation:release-chip 6s ease-out infinite}.release-chips span:nth-child(2){margin-left:22px;animation:release-chip 6s ease-out 2s infinite}.release-chips span:nth-child(3){margin-left:45px;background:var(--color-accent);color:#fff;animation:release-chip 6s ease-out 4s infinite}.release-brand{display:block;width:240px;height:auto;animation:logo-write-loop 7s cubic-bezier(.6,.05,.3,1) infinite}.release-inner h2{font-size:clamp(2.125rem,4.5vw,4rem)}.release-actions{position:relative;z-index:1;display:flex;align-items:center;gap:24px}.release-status{display:inline-flex;min-height:76px;align-items:center;justify-content:center;gap:12px;padding:0 44px;border-radius:999px;background:var(--color-ink-strong);color:#fff;font-size:1.3125rem;font-weight:900}.release-status:before{content:"↓";font-size:1.5em;font-weight:500}.release-qr{display:flex;align-items:center;gap:14px;padding:10px 20px 10px 10px;border-radius:22px;background:var(--color-surface);text-align:left}.release-qr img{display:block;width:96px;height:96px;flex:none;border-radius:12px}.release-qr small{font-size:.9375rem;font-weight:700;line-height:1.5}.site-footer{padding:56px 0 30px;border-top:1px solid var(--color-ink);background:var(--color-canvas)}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:50px}.footer-identity img{display:block;width:195px;height:auto}.footer-identity p{margin-top:10px;color:var(--color-muted);font-size:var(--font-size-base);font-weight:700}.footer-nav{display:flex;flex-wrap:wrap;gap:20px 32px;font-size:var(--font-size-sm);font-weight:800}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:23px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--font-size-xs);line-height:1.7}.footer-bottom small{font-size:inherit;white-space:nowrap}.pricing-hero{position:relative;overflow:hidden;padding:70px 0 98px}.pricing-leaf{position:absolute;width:340px;height:auto;pointer-events:none}.pricing-leaf-left{top:-40px;left:-110px}.pricing-leaf-right{top:-80px;right:-110px;width:360px;transform:scaleX(-1)}.pricing-hero .container{position:relative;z-index:1}.pricing-hero h1{font-size:clamp(2.9375rem,5.4vw,4.25rem);line-height:1.28}.pricing-hero p:not(.section-label){max-width:735px;margin:22px auto 0;color:var(--color-muted);font-size:var(--font-size-lg);line-height:1.8}.plan-overview{display:inline-flex;align-items:center;gap:4px;margin:36px auto 0;padding:6px;border-radius:999px;background:#d7e4c8}.plan-overview button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:10px;padding:0 30px;border:0;border-radius:999px;background:transparent;color:var(--color-muted);cursor:pointer;font:inherit;font-size:1.1875rem;font-weight:700;white-space:nowrap}.plan-overview button.is-selected{background:var(--color-surface);color:var(--color-ink);box-shadow:0 3px 12px #1c3a1429}.plan-overview button:focus-visible{outline:3px solid #b45a25;outline-offset:2px}.plan-overview button span{padding:5px 12px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:.875rem}.plan-section{position:relative;padding-top:24px;padding-bottom:89px}.plan-grid{display:grid;width:min(100% - 40px,980px);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}.plan-card{position:relative;display:flex;min-height:652px;flex-direction:column;padding:48px 44px 44px;border:2px solid var(--color-border);border-radius:31px;background:var(--color-surface);box-shadow:0 24px 38px #1c3a1417}.plan-card-premium{border:3px solid var(--color-accent)}.plan-recommended{position:absolute;top:-17px;left:40px;padding:5px 16px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:.9375rem;font-weight:800}.plan-owl{position:absolute;top:-93px;right:27px;width:112px;height:auto;animation:float 6s ease-in-out infinite}.plan-yearly-bubble{position:absolute;top:-64px;right:140px;padding:10px 18px;border:2px solid var(--color-border);border-radius:20px;background:#fff;font-family:Klee One,sans-serif;font-size:1rem;font-weight:700;white-space:nowrap}.plan-yearly-bubble[hidden]{display:none}.plan-card h3{font-size:var(--font-size-2xl)}.plan-price{margin-top:10px;font-size:27px;font-weight:900}.plan-price strong{font-size:84px;line-height:1}.plan-price-period{margin-left:4px;color:var(--color-muted);font-size:16px;font-weight:500;white-space:nowrap}.plan-coming-soon{width:fit-content;margin-top:23px;padding:10px 17px;border-radius:999px;background:var(--color-accent-soft);color:var(--color-ink);font-size:var(--font-size-base);font-weight:900}.plan-description{min-height:57px;margin-top:15px;color:var(--color-muted);font-size:var(--font-size-base);line-height:1.7}.plan-description[data-price-note]{white-space:pre-line}.plan-card ul{display:flex;flex-direction:column;gap:16px;margin:25px 0 28px;padding:27px 0 0;border-top:1px solid var(--color-border);list-style:none}.plan-card li{position:relative;padding-left:27px;font-size:var(--font-size-base);font-weight:700;line-height:1.65}.plan-card li:before{position:absolute;top:2px;left:0;content:"✓";color:var(--color-accent);font-size:18px;font-weight:900}.plan-card .button{margin-top:auto}.plan-caution{margin-top:auto;padding:16px 18px;border-radius:13px;background:var(--color-canvas);color:#385237;font-size:var(--font-size-sm);font-weight:700;line-height:1.8}.plan-note{margin-top:22px;color:var(--color-muted);font-size:var(--font-size-sm)}.access-section{padding:90px 0 139px;background:var(--color-canvas)}.access-grid{display:grid;grid-template-columns:minmax(0,1fr) 560px;align-items:center;gap:64px;padding:64px 72px;border:2px solid var(--color-border);border-radius:32px;background:var(--color-surface);box-shadow:0 30px 60px -30px #1c3a1459}.access-grid h2{font-size:3.125rem;line-height:1.35}.access-grid p:not(.section-label){margin-top:24px;color:var(--color-muted);font-size:1.25rem;line-height:1.9}.access-books{position:relative;display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.access-books>span{display:flex;min-height:183px;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:12px;border:5px double rgb(255 255 255 / 48%);border-radius:3px 8px 8px 3px;background:#1f5427;box-shadow:inset 5px 0 #0000001f,5px 7px 12px #1c3a1429;color:#fff;font-family:Zen Old Mincho,serif;font-size:1.4rem;font-weight:700;text-align:center;writing-mode:vertical-rl;transition:transform .25s}.access-books>span:hover{transform:translateY(-4px) rotate(-2deg)}.access-books>span:nth-child(2){background:#c9973b;color:#2b1f0a}.access-books>span:nth-child(3){background:#7e2d2a}.access-books>span:nth-child(4){background:#f1e8cf;color:#1f3f33}.access-books>span:nth-child(5){background:#243a5e}.access-books>span:nth-child(6){background:#a9c08a;color:#243a1a}.access-books>.locked{filter:blur(2px);opacity:.65}.access-books small{font-family:Zen Maru Gothic,sans-serif;font-size:.65rem;font-weight:800;writing-mode:horizontal-tb}.access-lock{position:absolute;z-index:2;right:8%;bottom:53px;left:8%;width:fit-content;margin:auto;padding:14px 24px;border-radius:999px;background:var(--color-ink);box-shadow:0 14px 26px -12px #1c3a148c;color:#fff;font-size:1rem;text-align:center}.faq-section{padding:110px 0 118px;background:#dfe9d2}.faq-section h2{text-align:center}.faq-section .section-label{display:block;text-align:center}.faq-inner{max-width:950px}.faq-list{display:flex;flex-direction:column;gap:14px;margin-top:56px}.faq-list details{border:2px solid var(--color-border);border-radius:24px;background:var(--color-surface)}.faq-list summary{position:relative;min-height:84px;padding:20px 70px 20px 30px;cursor:pointer;font-size:1.3125rem;font-weight:900;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:before{position:absolute;z-index:1;top:50%;right:45px;width:10px;height:10px;border-right:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);content:"";pointer-events:none;transform:translateY(calc(-50% - 3px)) rotate(45deg)}.faq-list summary:after{position:absolute;top:50%;right:30px;width:40px;height:40px;border-radius:50%;background:#e3ebd8;content:"";pointer-events:none;transform:translateY(-50%)}.faq-list details[open] summary:before{border-color:#fff;transform:translateY(calc(-50% + 3px)) rotate(225deg)}.faq-list details[open] summary:after{background:var(--color-accent)}.faq-list details p{padding:0 30px 28px;color:var(--color-muted);font-size:1.15625rem;line-height:1.9}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes note-bob{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes highlight-bob{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}@keyframes draw-squiggle{0%,8%{stroke-dashoffset:420;opacity:1}30%,86%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes blob-morph{0%,to{border-radius:43% 57% 48% 52%/50% 43% 57% 50%;rotate:0deg}50%{border-radius:60% 40% 55% 45%/45% 60% 40% 55%;rotate:8deg}}@keyframes genre-scroll{to{transform:translate(calc(-50% - var(--genre-half-gap)))}}@keyframes logo-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes logo-write-loop{0%{clip-path:inset(0 100% 0 0);opacity:1}28%,88%{clip-path:inset(0);opacity:1}96%,to{clip-path:inset(0);opacity:0}}@keyframes release-chip{0%{opacity:0;transform:translateY(8px) scale(.4)}8%,34%{opacity:1}46%,to{opacity:0;transform:translateY(-16px) scale(1)}}@keyframes highlight-write{to{background-size:100% 100%}}@keyframes leaf-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes draw-learning-flow{0%,8%{stroke-dashoffset:1200;opacity:1}45%,88%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@media(max-width:1050px){.header-inner{gap:18px}.desktop-nav{gap:18px;font-size:var(--font-size-sm)}.header-action{padding-inline:16px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{padding-left:18px}.hero h1{width:630px;font-size:clamp(3.75rem,6vw,5rem)}.phone-figure{right:0;left:auto}.hero-owl{left:-240px}.highlight-preview{left:-90px}.feature-row,.feature-row.feature-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(min-width:801px)and (max-width:1240px){.hero-grid{height:auto;grid-template-columns:minmax(0,1fr);padding-top:72px}.hero-copy{max-width:650px;padding:0}.hero h1{width:auto;font-size:clamp(3.5rem,6vw,4.5rem)}.hero-leaf-left{top:610px;left:-180px}.hero-visual{min-height:790px}.phone-figure{top:20px;right:10%;left:auto}.hero-owl{top:610px;left:3%}.highlight-preview{top:540px;left:8%}}@media(min-width:1241px){.owl-speech{max-width:190px}}@media(max-width:800px){.section-space{padding-block:85px}.desktop-nav,.header-action{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{display:flex;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2px solid var(--color-border);border-radius:14px;background:var(--color-surface);cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:20px;height:2px;border-radius:2px;background:var(--color-ink)}.mobile-menu[open] summary span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu[open] summary span:nth-child(2){opacity:0}.mobile-menu[open] summary span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-menu nav{position:absolute;top:58px;right:0;display:flex;width:220px;flex-direction:column;padding:14px;border:2px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:0 16px 30px #1c3a141f}.mobile-menu nav a{padding:11px;font-weight:800}.mobile-menu nav a[aria-current=page]{color:var(--color-accent);text-decoration:underline;text-underline-offset:5px}.hero-grid{height:auto;grid-template-columns:1fr;gap:0;padding-top:65px}.hero-copy{max-width:680px;padding:0}.hero h1{width:auto;font-size:clamp(3.1875rem,8.4vw,4.4rem)}.hero-leaf-left{top:720px;left:-180px}.hero-leaf-right{top:550px;right:-60px}.hero-visual{min-height:790px}.phone-figure{top:30px;right:8%}.hero-owl{top:660px;left:9%}.highlight-preview{top:550px;left:5%}.problem-notes,.usage-grid{gap:16px}.feature-row{gap:35px}.feature-illustration{min-height:550px}.feature-phone{transform:scale(.86)}.pricing-teaser-card{padding:50px 40px}.footer-nav{max-width:420px}.access-grid{grid-template-columns:1fr 1fr;gap:35px;padding-inline:40px}}@media(min-width:621px)and (max-width:1240px){.hero-visual{min-height:1160px}.highlight-preview{top:800px;left:45%}}@media(min-width:621px)and (max-width:800px){.hero-visual{min-height:1190px}.highlight-preview{top:830px}}@media(max-width:620px){.desktop-label{display:none}.mobile-label{display:inline}.desktop-copy{display:none}.mobile-copy{display:block}.section-space{padding-block:45px}h2{font-size:2.125rem;line-height:1.35}.header-inner{width:100%;min-height:68px;gap:6px;padding:0 10px 0 18px}.brand{width:112px}.header-action{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;padding:0 16px;font-size:.875rem}.mobile-menu summary{width:44px;height:44px;gap:4px;border:0;border-radius:0;background:transparent}.mobile-menu summary span{width:26px}.mobile-menu[open] summary span:first-child{transform:translateY(6px) rotate(45deg)}.mobile-menu[open] summary span:last-child{transform:translateY(-6px) rotate(-45deg)}.home-page .header-inner{position:relative;z-index:1}.home-page .site-header:after{position:absolute;top:38px;right:0;width:120px;height:117px;background:url(/images/leaf-vine.svg) right center / 200px 117px no-repeat;content:"";pointer-events:none;transform:scaleX(-1)}.hero-grid{padding-top:28px;padding-bottom:0}.hero h1{font-size:clamp(2.5rem,11.8vw,2.875rem);line-height:1.22}.hero-lead{margin-top:18px;font-size:1.0625rem;line-height:1.85}.hero-actions{align-items:stretch;gap:12px;margin-top:25px}.hero-actions .button{min-height:62px;font-size:1rem}.hero-actions .button-ghost{min-height:58px;font-size:.875rem}.button-circle{width:38px;height:38px}.hero-visual{min-height:1040px;margin-top:9px}.hero-leaf-left{top:440px;left:-170px;width:260px}.hero-leaf-right{top:490px;right:-50px;width:250px}.hero-owl{top:938px;bottom:auto;left:65px;width:84px}.owl-speech{top:23px;font-size:.75rem}.phone-figure{top:40px;right:auto;left:50%;transform:translate(-50%)}.phone{width:min(300px,calc(100vw - 48px));height:640px}.phone-content{gap:6px;padding:50px 15px 16px}.phone-card{min-height:112px;padding:12px 15px}.phone-card p{font-size:15px}.phone-options{gap:6px}.phone-options button{min-height:46px;font-size:14px}.phone-feedback{padding:8px 10px}.highlight-preview{inset:704px auto auto 14px;width:230px;min-height:0;gap:4px;padding:14px 16px}.highlight-preview small{display:none}.highlight-preview p{line-height:1.5}.problem-section{padding-top:50px}.problem-section h2{font-size:2.25rem}.problem-section .section-intro{font-size:1.0625rem}.problem-notes,.usage-grid,.steps-list{grid-template-columns:1fr}.problem-notes{width:300px;gap:26px;margin-top:44px}.sticky-note{min-height:0;padding:32px 26px 28px;font-size:1.25rem}.sticky-note:before{top:-11px;left:calc(50% - 40px);width:80px;height:24px}.sticky-green{transform:rotate(2deg)}.problem-conclusion{width:min(100% - 36px,500px);margin:36px auto 0}.learning-flow{margin-top:30px;padding:22px 16px 16px}.learning-flow-heading{flex-direction:row;align-items:center;gap:8px}.learning-flow-heading strong,.learning-flow-heading span{font-size:.8125rem;white-space:nowrap}.learning-flow-heading span{font-size:.6875rem}.learning-flow p{margin-top:16px;white-space:nowrap}.learning-flow svg{margin-top:8px}.flow-labels,.flow-stickers,.features-section{display:none}.mobile-menu nav a[href="/#features"]{display:none}.footer-nav a[href="/#features"]{display:none}.mobile-break{display:inline}.feature-list{gap:65px;margin-top:50px}.feature-row,.feature-row.feature-reverse{grid-template-columns:minmax(0,1fr);gap:28px}.feature-reverse .feature-copy,.feature-reverse .feature-illustration{order:initial}.feature-copy p:not(.feature-number){font-size:var(--font-size-base)}.feature-illustration{min-height:300px}.steps-list{gap:26px;margin-top:32px}.steps-list li{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:18px;text-align:left}.steps-list li>span{width:72px;height:72px;grid-row:1 / span 2;margin:0;font-size:2.25rem}.steps-list h3{grid-column:2;margin-top:4px;font-size:1.3125rem}.steps-list p{grid-column:2;margin:6px 0 0;font-size:1rem}.steps-section{padding-bottom:29px}.usage-section{padding-bottom:56px}.usage-grid{display:flex;width:100vw;gap:14px;margin:24px 0 0;padding:12px 20px 24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.usage-grid article{min-height:362px;flex:0 0 290px;gap:18px;padding:26px;scroll-snap-align:center}.usage-grid article:nth-child(1),.usage-grid article:nth-child(2),.usage-grid article:nth-child(3){transform:none}.usage-grid blockquote{font-size:1rem;font-weight:500;line-height:1.9}.usage-grid blockquote:before{margin-bottom:0;font-size:44px}.usage-grid .usage-attribution{font-size:.9375rem}.usage-attribution span{width:44px;height:44px;font-size:1.125rem}.genre-intro{margin:36px 20px 20px;font-size:19px;line-height:1.6}.genre-strip-reverse{margin-top:10px}.genre-track{--genre-period-seconds: 36;--genre-half-gap: 5px;gap:10px;animation-duration:36s}.genre-strip-reverse .genre-track{--genre-period-seconds: 40;animation-duration:40s}.genre-track span{padding:12px 20px;font-size:1rem;font-weight:700}.pricing-teaser{padding-block:40px}.pricing-teaser-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px;padding:32px 22px 28px}.pricing-teaser-leaf{display:none}.pricing-teaser-copy{grid-column:1;grid-row:1}.pricing-teaser h2{font-size:2rem;line-height:1.35}.pricing-teaser-copy>p{margin-top:16px;font-size:1rem;line-height:1.85}.pricing-teaser-plans{grid-column:1;grid-row:2;gap:14px;padding-top:6px}.teaser-plan{min-height:82px;padding:18px 20px;border-radius:20px}.teaser-plan strong{font-size:1.0625rem}.teaser-plan span:not(.teaser-plan-badge){font-size:.8125rem}.teaser-plan b{font-size:2.375rem}.teaser-plan b small{font-size:1rem}.teaser-plan-badge{top:-13px;left:16px;padding:3px 12px;font-size:.78125rem}.pricing-teaser-plans>p{font-size:.8125rem}.pricing-teaser .button{grid-column:1;grid-row:3;width:100%;min-height:56px;margin-top:6px;padding:10px;font-size:1.03125rem}.pricing-teaser .button span{display:none}.release-section{padding:24px 20px 44px}.release-inner{width:100%;min-height:616px;gap:26px;padding:56px 20px 44px;border-radius:36px}.release-leaf{bottom:-40px;width:190px;opacity:1}.release-leaf-left{left:-70px}.release-leaf-right{right:-70px}.release-owl{width:110px}.release-chips{top:120px;left:calc(50% + 48px);gap:4px}.release-chips span{padding:4px 7px;font-size:.6875rem}.release-brand{width:180px}.release-inner h2{font-size:1.625rem;line-height:1.45}.release-actions{width:100%}.release-status{width:100%;min-height:62px;padding:0 12px;font-size:1.0625rem}.release-qr{display:none}.footer-top,.footer-bottom{flex-direction:column}.site-footer{padding:36px 0 23px}.footer-top{gap:22px}.footer-identity img{width:114px}.footer-nav{gap:14px 22px}.footer-bottom{gap:7px;margin-top:10px}.pricing-hero{padding:32px 0 10px}.pricing-hero:before,.pricing-hero:after{position:absolute;width:150px;height:88px;background:url(/images/leaf-vine.svg) center / contain no-repeat;content:"";pointer-events:none}.pricing-hero:before{top:40px;left:-90px}.pricing-hero:after{top:0;right:-90px;transform:scaleX(-1)}.pricing-hero h1{font-size:1.875rem;line-height:1.4}.pricing-hero p:not(.section-label){margin-top:16px;font-size:var(--font-size-base)}.pricing-leaf{display:none}.plan-overview{margin-top:24px}.plan-overview button{min-height:50px;gap:4px;padding:0 14px;font-size:.875rem}.plan-overview button span{padding:4px 8px;font-size:.6875rem}.plan-section{width:100vw;padding:36px 0 40px}.plan-grid,.access-grid{grid-template-columns:minmax(0,1fr)}.plan-grid{gap:22px}.plan-card{min-height:auto;padding:32px 24px 28px}.plan-card-premium{margin-top:84px}.plan-card h3{font-size:23px}.plan-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:12px;font-size:23px}.plan-price strong{font-size:64px}.plan-description{min-height:0;margin-top:10px;font-size:15.5px}.plan-card ul{gap:14px;margin:20px 0 0;padding-top:20px}.plan-card li{padding-left:38px;font-weight:500;line-height:1.6}.plan-card li:before{top:0;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#e2f5d4;font-size:16px}.plan-owl{top:-49px;width:70px}.plan-yearly-bubble{top:-48px;right:90px;padding:7px 10px;font-size:.75rem}.plan-card .button{margin-top:28px;padding-inline:8px;white-space:nowrap}.plan-card-premium .button{font-size:1.03125rem}.plan-caution{margin-top:16px}.plan-note{font-size:.8125rem}.access-section{padding:45px 0 56px}.access-grid{gap:24px;padding:32px 22px 52px;border:2px solid var(--color-border);border-radius:36px;background:var(--color-surface);box-shadow:0 22px 38px #1c3a1414}.access-grid h2{margin-top:0;font-size:1.8125rem;line-height:1.4}.access-grid p:not(.section-label){margin-top:18px;font-size:1rem;line-height:1.85}.access-books{max-width:460px;gap:34px 8px}.access-books>span{position:relative;height:128px;min-height:0;gap:0;padding:8px;overflow:visible;font-size:1rem}.access-books small{position:absolute;top:100%;left:0;width:100%;margin-top:5px;color:var(--color-muted);font-size:.6875rem;text-align:center}.access-lock{right:0;bottom:53px;left:0;padding:11px 16px;font-size:.875rem;white-space:nowrap}.faq-section h2{margin-top:0;font-size:2rem}.faq-list{gap:16px;margin-top:32px}.faq-list details{border:0;border-radius:20px}.faq-list details[open]{min-height:222px}.faq-list summary{display:flex;min-height:82px;align-items:center;padding:18px 64px 18px 18px;font-size:1rem}.faq-list summary:before{right:30px}.faq-list summary:after{right:18px;width:34px;height:34px}.faq-list details p{padding:0 18px 20px;font-size:.9375rem}.faq-section{padding:45px 0 87px}}@media(max-width:380px){.hero-owl{left:12%}.owl-speech{max-width:calc(100vw - 160px)}}@media(max-width:360px){.pricing-hero h1{font-size:2.125rem}.learning-flow-heading{flex-direction:column;align-items:flex-start}.learning-flow-heading strong,.learning-flow-heading span{white-space:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.desktop-nav a,.footer-nav a,.header-action,.phone-progress span,.phone-options button,.sticky-note{transition:none}.button:hover{transform:none}.sticky-note:hover{scale:1}.brand img,.highlight-underline,.hero-leaf,.hero-owl,.release-owl,.release-brand,.release-chips span,.plan-owl,.owl-patch,.owl-eye,.highlight-preview,.problem-squiggle path,.flow-line,.sticky-note,.steps-list li>span,.genre-track,.quiz-correct .hero-owl img,.quiz-wrong .hero-owl img,.quiz-correct .quiz-confetti span,.phone-options button.is-correct,.phone-options button.is-wrong{animation:none}.brand img{clip-path:none}.release-brand{clip-path:none;opacity:1}.release-chips span{opacity:1}.highlight-underline{background-size:100% 100%}.owl-patch,.owl-eye{opacity:0}.quiz-correct .owl-patch,.quiz-correct .owl-eye{opacity:1}.problem-squiggle path{stroke-dashoffset:0}.flow-line{stroke-dashoffset:0}}
