.showcase{padding-top:25px;padding-bottom:130px;scroll-margin-top:24px}.showcase-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:46px}.showcase-heading h2{font:600 clamp(40px,4.6vw,63px)/.96 var(--serif);letter-spacing:-.055em;margin:0}.showcase-heading h2 em{font-weight:500;color:#759d58}.showcase-heading>p{margin:0 0 7px;color:#496057;font-size:17px}.showcase-carousel{position:relative}.showcase-viewport{overflow:hidden;border-radius:42px;background:#e8efdb;box-shadow:0 32px 70px rgba(16,37,31,.12)}.showcase-track{display:flex;transition:transform .72s cubic-bezier(.22,.8,.25,1);will-change:transform}.showcase-slide{flex:0 0 100%;min-width:0;min-height:620px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:70px;padding:52px 76px;background:radial-gradient(circle at 18% 44%,rgba(255,255,255,.8),transparent 32%),linear-gradient(135deg,#eef4df,#e6edda)}.showcase-device-wrap{display:grid;place-items:center;min-width:0}.demo-phone{width:274px;height:520px;background:#142923;border:8px solid #142923;border-radius:36px;box-shadow:0 28px 50px rgba(16,37,31,.25);transform:rotate(-2.5deg);overflow:hidden;position:relative}.demo-status{height:25px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:500 8px var(--mono)}.demo-status span:last-child{font-size:7px;color:#8aa49a}.demo-screen{height:459px;border-radius:26px;overflow:hidden;position:relative;padding:24px 17px;text-align:center}.demo-home{width:34px;height:3px;border-radius:3px;background:#dbe5e0;margin:8px auto}.demo-topline{display:flex;justify-content:space-between;align-items:center;font:500 7px var(--mono);letter-spacing:.11em;color:rgba(16,37,31,.58)}.demo-topline b{font:500 8px var(--mono)}.showcase-copy{max-width:510px}.showcase-index{font:500 10px var(--mono);letter-spacing:.12em;color:#6e857c}.showcase-label{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#64824e;margin:16px 0 13px}.showcase-copy h3{font:600 clamp(34px,3.4vw,50px)/.98 var(--serif);letter-spacing:-.047em;margin:0 0 22px}.showcase-copy h3 em{font-weight:500;color:#759d58}.showcase-copy>p:last-of-type{font-size:16px;color:#405b51;margin:0 0 24px}.showcase-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#314b42;font-size:13px;font-weight:700}.showcase-copy li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:9px;border-radius:50%;background:#bed77f;color:#173028;font-size:10px}.showcase-controls{min-height:68px;display:flex;align-items:center;gap:24px;padding:17px 8px 0}.showcase-arrows{display:flex;gap:8px}.showcase-arrows button,.showcase-pause{border:1px solid var(--line);background:transparent;color:var(--ink);height:42px;min-width:42px;border-radius:999px;display:inline-grid;place-items:center;font:700 17px var(--sans);cursor:pointer;transition:background .2s,color .2s,transform .2s}.showcase-arrows button:hover,.showcase-pause:hover{background:var(--ink);color:var(--white);transform:translateY(-1px)}.showcase-arrows button:focus-visible,.showcase-pause:focus-visible,.showcase-dots button:focus-visible{outline:3px solid #8aaa66;outline-offset:3px}.showcase-dots{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.showcase-dots button{border:0;background:rgba(16,37,31,.22);width:8px;height:8px;padding:0;border-radius:99px;cursor:pointer;transition:width .25s,background .25s}.showcase-dots button.is-active{width:30px;background:var(--ink)}.showcase-pause{display:flex;padding:0 15px;gap:8px;font-size:11px;font-weight:800}.showcase-pause span{font-size:10px}.showcase-pause b{font:inherit}.color-screen{background:#e4f2fb}.color-prompt{display:flex;align-items:center;gap:9px;background:#fff;border-radius:16px;padding:10px;margin-top:13px;text-align:left;box-shadow:0 8px 18px rgba(57,103,133,.1)}.color-prompt i{width:41px;height:41px;background:#378ee7;border-radius:50%;border:3px solid #c2ddf7}.color-prompt div{flex:1}.color-prompt small,.color-prompt strong{display:block;line-height:1.1}.color-prompt small{font-size:8px;color:#60747c}.color-prompt strong{font-size:17px}.color-prompt>span{font-size:16px}.bubble-field{height:254px;position:relative;margin:8px 0}.bubble{position:absolute;width:61px;height:61px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.65);border:2px solid #78b9ef;font-size:31px;box-shadow:0 8px 12px rgba(37,107,159,.12)}.bubble.b1{left:6px;top:17px}.bubble.b2{right:9px;top:4px;border-color:#f1ca5b}.bubble.b3{left:82px;top:75px}.bubble.b4{right:5px;top:122px;border-color:#ee8791}.bubble.b5{left:4px;top:149px}.bubble.b6{left:88px;top:185px;border-color:#7ec08b}.catch-tray{height:55px;background:#fff;border-radius:15px;display:flex;align-items:center;gap:9px;padding:8px 11px}.catch-tray>span{font-size:28px}.catch-tray i{width:27px;height:27px;background:#eff1ef;border:1px dashed #bdc7c2;border-radius:50%}.catch-tray small{margin-left:auto;font-weight:800}.math-screen{background:#fff1dd}.math-title{margin:27px 0 17px}.math-title small{display:block;color:#8c6b47;font-size:9px}.math-title strong{display:block;font:700 42px/1 var(--serif);letter-spacing:-.04em;margin-top:6px}.math-groups{display:grid;gap:8px;margin:0 auto 23px}.math-groups div{background:rgba(255,255,255,.7);border:1px solid rgba(187,123,60,.15);border-radius:12px;padding:8px;font-size:23px;letter-spacing:4px}.demo-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-options span{display:grid;place-items:center;min-height:48px;border-radius:12px;background:#fff;font-size:14px;font-weight:800;box-shadow:0 5px 12px rgba(16,37,31,.06)}.demo-options span:nth-child(2){border:2px solid #dd8d42}.reading-screen{background:#eee9ff}.reading-icon{width:62px;height:62px;border-radius:20px;background:#b9a9ff;color:#fff;display:grid;place-items:center;margin:31px auto 14px;font:600 26px var(--serif);transform:rotate(-4deg)}.reading-screen>small,.sentence-screen>small,.animal-screen>small{font-size:8px;color:#655e7d;text-transform:uppercase;letter-spacing:.09em}.reading-screen blockquote{font:600 24px/1.15 var(--serif);letter-spacing:-.03em;margin:12px 0 24px}.waveform{height:42px;display:flex;align-items:center;justify-content:center;gap:4px}.waveform i{width:4px;height:14px;border-radius:4px;background:#7a65ca}.waveform i:nth-child(2n){height:28px}.waveform i:nth-child(3n){height:38px}.mic-button{width:54px;height:54px;border-radius:50%;background:#7962ce;color:#fff;display:grid;place-items:center;margin:17px auto 5px;border:7px solid rgba(121,98,206,.18);background-clip:padding-box}.reading-screen>p{font-size:9px;margin:0;color:#6f648d}.sentence-screen{background:#eff7da}.sentence-hero{width:64px;height:64px;display:grid;place-items:center;background:#d8f29b;border-radius:20px;color:#719052;font-size:31px;margin:30px auto 11px;transform:rotate(5deg)}.sentence-line{min-height:105px;margin:15px 0;background:rgba(255,255,255,.65);border:1px solid rgba(86,122,60,.14);border-radius:17px;padding:15px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px}.sentence-line span,.word-bank span{background:#fff;padding:8px 11px;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 4px 8px rgba(16,37,31,.07)}.sentence-line i{width:52px;height:31px;border:1px dashed #a8ba8c;border-radius:9px}.word-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0 0 18px}.word-bank span:nth-child(2){border:2px solid #88a95c;padding:6px 9px}.sentence-screen button{width:100%;border:0;border-radius:12px;background:#183029;color:#fff;padding:12px;font:800 10px var(--sans)}.animal-screen{background:#ffe8d5}.animal-emoji{width:105px;height:105px;border-radius:35px;background:#fff6eb;display:grid;place-items:center;font-size:71px;margin:26px auto 9px;box-shadow:0 12px 24px rgba(182,110,60,.1)}.animal-screen h4{font:600 26px/.95 var(--serif);margin:7px 0 22px}.animal-options span:nth-child(2){border:2px solid #de8748}.mini-success{display:inline-block;margin-top:18px;background:#fff;border-radius:99px;padding:8px 13px;font-size:8px;font-weight:800;color:#98704c}.lock-screen{padding-top:36px}.school-screen{background:#dff0fb}.lock-symbol{width:88px;height:88px;display:grid;place-items:center;margin:32px auto 18px;border-radius:28px;background:#fff;font-size:50px;box-shadow:0 14px 26px rgba(47,105,141,.12);transform:rotate(-4deg)}.lock-screen>p{font:500 8px var(--mono);letter-spacing:.12em;margin:0 0 10px;color:#507080}.lock-screen h4{font:600 31px/.97 var(--serif);letter-spacing:-.04em;margin:0 0 14px}.lock-screen>span{display:block;font-size:10px;line-height:1.45;color:#516b75;padding:0 20px}.lock-info{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.8);border-radius:16px;text-align:left;padding:12px;margin-top:42px}.lock-info i{width:35px;height:35px;border-radius:12px;background:#bfe0f3;display:grid;place-items:center;font-style:normal}.lock-info small,.lock-info strong{display:block}.lock-info small{font-size:7px;color:#66808c}.lock-info strong{font-size:9px}.night-screen{background:#182445;color:#f7f2e7}.night-sky{height:120px;display:flex;align-items:center;justify-content:center;gap:22px;margin:17px 0 8px}.night-sky b{font-size:87px;line-height:1;color:#f6d878;font-weight:400}.night-sky i{color:#aebcff;font-style:normal}.night-screen>p,.night-screen>span{color:#b9c4e4}.night-screen h4{color:#fff}.good-night{margin-top:45px;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:11px;font-size:9px}.good-night b{color:#f6adbb}.weekly-screen{background:#edf6dd}.weekly-ring{width:154px;height:154px;border-radius:50%;margin:35px auto 17px;background:conic-gradient(#86a95a 0 100%);display:grid;place-items:center;position:relative}.weekly-ring:before{content:"";position:absolute;inset:12px;background:#edf6dd;border-radius:50%}.weekly-ring div{position:relative;z-index:1}.weekly-ring strong,.weekly-ring small{display:block}.weekly-ring strong{font:600 31px var(--serif)}.weekly-ring small{font-size:8px;text-transform:uppercase;letter-spacing:.08em}.weekly-screen h4{font:600 27px/1 var(--serif);letter-spacing:-.035em;margin:0 0 10px}.weekly-screen>p{font-size:9px;color:#58705b;margin:0 12px 22px}.week-days{display:flex;justify-content:space-between}.week-days span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:500 7px var(--mono);background:rgba(16,37,31,.08)}.week-days span.done{background:#8daa61;color:#fff}.theme-night{background:#10182d;border-color:#10182d}.theme-school{transform:rotate(2deg)}.theme-week{transform:rotate(1.5deg)}

@media (max-width:1000px){.showcase-heading{grid-template-columns:1fr;gap:22px}.showcase-heading>p{max-width:650px}.showcase-slide{grid-template-columns:.8fr 1.2fr;gap:42px;padding:48px 38px}.demo-phone{width:250px;height:478px}.demo-screen{height:417px}.bubble-field{height:218px}.bubble.b6{top:158px}.catch-tray{height:50px}.showcase-copy h3{font-size:38px}}
@media (max-width:720px){.showcase{padding-top:5px;padding-bottom:90px}.showcase-heading{margin-bottom:30px}.showcase-heading h2{font-size:42px}.showcase-heading>p{font-size:15px}.showcase-viewport{border-radius:28px}.showcase-slide{min-height:auto;grid-template-columns:1fr;gap:35px;padding:34px 20px 40px}.demo-phone{width:246px;height:470px}.demo-screen{height:409px}.showcase-copy{text-align:center;margin:0 auto}.showcase-copy h3{font-size:36px}.showcase-copy ul{text-align:left;display:inline-grid}.showcase-controls{gap:12px}.showcase-dots{gap:6px}.showcase-dots button{width:7px;height:7px}.showcase-dots button.is-active{width:20px}.showcase-pause b{display:none}.showcase-pause{padding:0;min-width:42px}.showcase-arrows button,.showcase-pause{height:38px;min-width:38px}}
@media (prefers-reduced-motion:reduce){.showcase-track,.showcase-dots button,.showcase-arrows button,.showcase-pause{transition:none}}