@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#22212c;--muted:#74717e;--purple:#7651dd;--line:#e9e6ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}[hidden]{display:none!important}.nav{height:96px;max-width:1440px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.mark{background:var(--purple);color:white;font-style:italic;display:grid;place-items:center;width:37px;height:40px;border-radius:12px;margin-right:10px;font-size:30px}.dot{color:#9b7eea}.nav nav{display:flex;gap:32px;font-size:14px;color:#615d6a}.nav nav a:hover{color:var(--purple)}.nav-cta{border:1px solid var(--line);padding:13px 20px;border-radius:25px;font-size:14px;font-weight:600}.nav-cta span{margin-left:15px}.hero{max-width:1440px;margin:auto;min-height:660px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:60px 5% 80px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.8}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:var(--purple)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(58px,5.8vw,86px);line-height:1.09;letter-spacing:-5px;font-weight:650;margin:27px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.intro{color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 24px;border-radius:30px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:#fff}.listen-link{font-size:13px;font-weight:550}.listen-link>span{margin-right:8px;font-size:20px;vertical-align:middle}.beta-note{font-size:11px;color:#898492;margin-top:20px}.hero-art{position:relative;height:470px;isolation:isolate}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:330px;height:330px;left:18%;top:45px;background:radial-gradient(circle at 32% 22%,#f9d3c3 2%,#efc2d4 28%,#bda2ec 58%,#8a69d5 85%);box-shadow:inset -22px -24px 40px #6b46b42b,0 24px 75px #c8afe344;transform:rotate(-25deg)}.orb-two{width:100px;height:100px;top:40px;right:5%;background:radial-gradient(circle at 30% 25%,#f6edff,#bea5ea 60%,#8060bc)}.orbit{position:absolute;inset:35px 0 45px;border:1px solid #e7dff1;border-radius:50%;transform:rotate(-26deg);z-index:-1}.soundwave{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;left:6%;right:0;top:150px;height:140px;transform:rotate(-9deg)}.soundwave i{display:block;width:4px;min-width:3px;height:var(--height);background:linear-gradient(#ffffffb0,#fff);border-radius:4px;box-shadow:0 0 10px #fff5}.floating-label{position:absolute;background:#ffffffd9;border:1px solid #fff;padding:12px 17px;border-radius:30px;box-shadow:0 10px 30px #5c446910;font-size:11px;transform:rotate(-7deg)}.label-one{top:64px;left:0}.floating-label i{display:inline-block;width:5px;height:5px;background:#9c79da;border-radius:50%;margin-right:8px}.floating-card{position:absolute;bottom:49px;left:8%;right:0;display:flex;align-items:center;gap:13px;background:#ffffffed;border:1px solid #efe9f4;border-radius:15px;box-shadow:0 15px 40px #5c446914;padding:20px;transform:rotate(4deg)}.mini-icon{background:#eee7fa;color:var(--purple);padding:13px;border-radius:12px;font-size:22px}.floating-card strong{font-size:12px;display:block}.floating-card small{font-size:10px;display:block;margin-top:6px;color:var(--muted)}.tiny-wave{margin-left:auto;color:#a489d8;letter-spacing:2px}.art-caption{position:absolute;bottom:0;left:29%;font-size:8px;letter-spacing:3px;color:#aca4b5}.voice-section{background:#faf9fc;padding:75px max(5%,calc((100% - 1296px)/2)) 0;border-top:1px solid #f0edf4}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}h2{font-size:37px;line-height:1.25;letter-spacing:-1.6px;font-weight:600;margin:12px 0 0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.voice-tabs{display:flex;gap:6px;margin:32px 0 24px;flex-wrap:wrap}.voice-tabs button{border:1px solid transparent;background:none;color:var(--muted);padding:10px 17px;border-radius:25px;font-size:12px}.voice-tabs button.selected{border-color:#e4deef;background:white;color:var(--ink)}.voice-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.voice-card{text-align:left;border:1px solid #ffffffa0;border-radius:14px;padding:24px;min-height:235px;transition:transform .2s,box-shadow .2s;color:var(--ink)}.voice-card:hover,.voice-card.playing{transform:translateY(-4px);box-shadow:0 12px 24px #53446c12}.peach{background:#f4e8e2}.violet{background:#eae3f5}.green{background:#e7ece1}.blue{background:#e2eaf0}.voice-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.voice-portrait{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font:italic 34px Georgia;color:#ffffff;background:radial-gradient(circle at 25% 20%,#e6c4b1,#af7f89)}.violet .voice-portrait{background:radial-gradient(circle at 25% 20%,#dacbfc,#997cc0)}.green .voice-portrait{background:radial-gradient(circle at 25% 20%,#d3ddbf,#81986b)}.blue .voice-portrait{background:radial-gradient(circle at 25% 20%,#c5d9e9,#7b96b2)}.play{border:1px solid #ffffffb0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px;background:#ffffff80}.voice-card>strong{font-size:21px;font-family:Manrope;font-weight:600;display:block;margin-bottom:8px}.voice-detail{font-size:11px;color:#706877;display:block}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:5px}.card-bottom>span:first-child{font-size:8px;letter-spacing:1px;font-weight:600}.mini-bars{color:#93839d;letter-spacing:2px;font-size:13px}.preview-status{min-height:20px;font-size:11px;color:var(--muted);margin:18px 0 35px}.language-strip{border-top:1px solid var(--line);padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px}.language-strip>span{font-weight:600;white-space:nowrap}.language-strip p{margin:0;color:var(--muted);line-height:2}.language-strip b{margin:0 10px;color:#c5bccf}.possibilities{max-width:1440px;padding:95px 5%;margin:auto}.text-link{font-size:12px;color:var(--muted)}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}.use-art{height:270px;border-radius:14px;overflow:hidden;position:relative;padding:28px}.education .use-art{background:#f1eee7}.lesson-label{font-size:7px;letter-spacing:1.5px;color:#968e80}.lesson-paper{position:absolute;top:65px;left:30px;right:30px;transform:rotate(-5deg);background:#fffef9;border:1px solid #e6e0d5;padding:25px;box-shadow:0 10px 30px #5c493b0a}.lesson-paper>span{font:24px Georgia;line-height:1.2}.lesson-player{display:flex;align-items:center;gap:15px;font-size:10px;margin-top:23px;color:#958c7a}.lesson-player i{flex:1;height:3px;background:linear-gradient(to right,#9e957e 35%,#eeebe3 35%)}.lesson-player small{font-size:8px}.art-chip{position:absolute;bottom:20px;right:20px;background:#fff;padding:10px 14px;font-size:8px;border-radius:20px;transform:rotate(3deg)}.stories .use-art{background:#e9e3f2}.story-circle{position:absolute;height:260px;width:260px;border:1px solid #d8cde8;border-radius:50%;right:-80px;top:-80px}.story-title{font:38px Georgia;position:relative;display:block;line-height:1.05;margin-top:12px;color:#554367}.story-caption{font-size:7px;letter-spacing:1.7px;display:block;margin-top:20px;color:#8c7c9b}.story-wave{position:absolute;right:30px;bottom:20px;font-size:37px;letter-spacing:5px;color:#c5b1df}.products .use-art{background:#e7ece9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.chat-bubble{background:#fff;padding:16px 20px;border-radius:14px 14px 14px 3px;font-size:14px;box-shadow:0 8px 20px #375c4510;transform:rotate(-5deg);width:80%;display:flex;justify-content:space-between}.chat-bubble span{color:#8b9d90}.reply{background:#778c7e;color:white;transform:rotate(5deg);margin-left:22px}.reply span{color:white}.code-chip{position:absolute;bottom:23px;font-size:10px;color:#89968d}.use-card h3{font-size:18px;letter-spacing:-.5px;margin:23px 0 12px}.use-card p{font-size:13px;color:var(--muted);line-height:1.85;max-width:95%}.developer-section{background:#25232f;color:#fff;padding:75px max(5%,calc((100% - 1296px)/2));display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:70px}.developer-section .eyebrow{color:#b4a2d4}.developer-section h2{font-size:44px;margin:20px 0}.developer-section p:not(.eyebrow){font-size:14px;line-height:1.9;color:#aba5b7;margin-bottom:28px}.light{background:#eee8f7;color:#30283f}.dev-note{display:block;margin-top:20px;font-size:10px;color:#9a93a5}.code-window{background:#2f2c3a;border:1px solid #45404f;border-radius:13px;overflow:hidden;box-shadow:0 20px 40px #14111c20;min-width:0}.code-header{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #45404f;font-size:9px;color:#93899f}.code-header>span:first-child{letter-spacing:4px}.code-window pre{padding:16px 24px;overflow-x:auto;font-size:11px;line-height:1.9;color:#d9d4e4;tab-size:2}.code-purple{color:#c9a4ef}.code-green{color:#b5cfbb}.code-orange{color:#e3c3a2}.code-footer{padding:16px 24px;border-top:1px solid #45404f;font-size:9px;color:#aaa0b7}.code-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a0c1a6;margin-right:8px}.faq-section{max-width:1440px;padding:95px 5%;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:10px}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;font-weight:550;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:19px;font-weight:400;color:#9a90a5}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.85;color:var(--muted);margin:18px 22px 0 0}.closing{position:relative;text-align:center;background:#f6f3fa;padding:75px 20px 85px;overflow:hidden;isolation:isolate}.closing h2{font-size:62px;letter-spacing:-3px;margin:22px 0 30px;line-height:1.1}.closing-orb{position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#e9def575,#f8f4fa00 70%);top:-50px;left:calc(50% - 210px)}footer{max-width:1440px;margin:auto;padding:40px 5%;display:flex;align-items:center;gap:30px}footer .logo{font-size:22px}footer .mark{width:29px;height:32px;font-size:24px;border-radius:9px}footer p{font-size:11px;color:var(--muted);margin:0}footer>div{margin-left:auto;display:flex;gap:24px;font-size:10px;color:var(--muted)}@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:100px}}@media(max-width:1000px){h1{font-size:65px}.hero-art{transform:scale(.9)}.hero{grid-template-columns:1.1fr 1fr}.hero-actions{gap:18px}.listen-link{font-size:11px}.voice-card{padding:18px}.developer-section{gap:30px}.code-window pre{font-size:9px}footer p{display:none}.use-art{height:230px;padding:20px}.story-title{font-size:30px}}@media(max-width:760px){.nav{height:80px;padding:0 6%}.logo{font-size:24px}.nav nav{display:none}.nav-cta{font-size:12px;padding:10px 15px}.nav-cta span{margin-left:8px}.hero{display:flex;flex-direction:column;padding:36px 6% 38px;align-items:stretch;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:64px;letter-spacing:-3.8px;margin:23px 0}.intro{font-size:15px}.desktop{display:none}.hero-actions{gap:22px;margin-top:25px}.button{font-size:12px;padding:15px 22px;gap:25px}.listen-link{font-size:11px}.beta-note{font-size:10px}.hero-art{height:350px;transform:none;margin-top:25px}.orb-one{height:245px;width:245px;left:18%;top:20px}.orb-two{width:64px;height:64px;top:20px;right:5%}.orbit{inset:20px 0 35px}.soundwave{top:110px;height:100px;gap:4px}.soundwave i{width:3px;height:calc(var(--height) * .7)}.label-one{top:33px;font-size:9px;padding:10px 13px}.floating-card{bottom:35px;left:1%;padding:15px;gap:10px}.floating-card strong{font-size:10px}.floating-card small{font-size:9px}.tiny-wave{font-size:12px;letter-spacing:1px}.mini-icon{font-size:18px;padding:10px}.art-caption{font-size:7px;bottom:0}.voice-section{padding:45px 6% 0}.section-heading{display:block;margin-bottom:25px}h2{font-size:30px;letter-spacing:-1.2px}.section-heading>p{font-size:12px;margin-top:20px}.eyebrow{font-size:8px;letter-spacing:1.6px}.voice-tabs{gap:3px;margin-top:24px}.voice-tabs button{font-size:10px;padding:9px 11px}.voice-cards{grid-template-columns:repeat(2,1fr);gap:12px}.voice-card{padding:17px;min-height:215px}.voice-card>strong{font-size:21px}.voice-detail{font-size:10px;line-height:1.6;min-height:32px}.voice-portrait{width:40px;height:40px;font-size:28px}.voice-top{margin-bottom:20px}.card-bottom{margin-top:18px}.card-bottom>span:first-child{font-size:6px;letter-spacing:.7px}.mini-bars{font-size:10px;letter-spacing:1px}.preview-status{font-size:10px;line-height:1.7;margin-bottom:25px}.language-strip{display:block;padding:22px 0}.language-strip p{margin-top:12px;font-size:10px}.language-strip b{margin:0 6px}.possibilities{padding:50px 6%}.text-link{display:inline-block;margin-top:20px}.use-grid{grid-template-columns:1fr;gap:26px;margin-top:27px}.use-art{height:270px}.lesson-paper{left:35px;right:35px}.story-title{font-size:40px;margin-top:20px}.use-card h3{font-size:20px;margin:20px 0 10px}.use-card p{font-size:14px;max-width:none}.developer-section{grid-template-columns:1fr;padding:48px 6%;gap:35px}.developer-section h2{font-size:37px}.developer-section p:not(.eyebrow){font-size:13px}.code-window pre{padding:15px;font-size:9px}.code-header{padding:15px}.code-footer{padding:15px;font-size:8px}.faq-section{padding:50px 6%;grid-template-columns:1fr;gap:28px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.closing{padding:55px 6% 60px}.closing h2{font-size:53px}.closing .eyebrow{font-size:7px}footer{padding:30px 6%;flex-wrap:wrap;gap:22px}footer>div{margin:0;width:100%;justify-content:space-between;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.pricing-main{max-width:1200px;margin:0 auto;padding:65px 5% 80px;text-align:center}.pricing-main h1{font-size:68px}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:48px 0 25px;text-align:left}.price-card{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff}.price-card.featured{border-color:#bca5eb;background:#f8f5fe;box-shadow:0 15px 35px #7651dd0a}.price-card h2{font-size:46px;margin:24px 0 15px}.price-card h2 small{font:11px 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted)}.price-card p{font-size:13px;color:var(--muted)}.price-card>strong{display:block;margin-top:25px;font-size:21px;font-weight:550}.price-card>span:not(.eyebrow){display:block;font-size:12px;color:var(--muted);margin-top:8px}.price-card .button{width:100%;margin-top:24px;border:0}.price-card ul{padding:20px 0 0;list-style:none;border-top:1px solid var(--line);margin-top:25px;font-size:12px;line-height:2.5;color:var(--muted)}.price-card li:before{content:'✓';margin-right:10px;color:var(--purple)}.pricing-fine{font-size:12px;color:var(--muted);line-height:1.9}.pricing-faq{max-width:680px;margin:70px auto 0;text-align:left}.pricing-faq h2{margin-bottom:30px}.pricing-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.pricing-faq summary{cursor:pointer;font-size:15px}.pricing-faq details p{margin-top:15px;font-size:14px;line-height:1.8;color:var(--muted)}#pricing-status{color:#7651dd;line-height:1.7;font-size:14px;margin:20px 0;min-height:24px}@media(max-width:760px){.pricing-main{padding:35px 6% 50px}.pricing-main h1{font-size:54px}.price-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.price-card{padding:27px}.pricing-faq{margin-top:45px}}
.nav-auth{display:flex;align-items:center;gap:20px}.signin-link{font-size:13px;color:var(--muted)}@media(max-width:760px){.nav-auth{gap:10px}.signin-link{font-size:11px}.nav .logo{font-size:21px}.nav .mark{width:32px;height:35px;font-size:27px;margin-right:7px}.nav-cta{padding:10px 12px}.nav-cta span{margin-left:3px}}
@keyframes globe-turn{from{transform:rotate(-25deg)}to{transform:rotate(335deg)}}@keyframes moon-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes voice-pulse{0%,100%{transform:scaleY(.65);opacity:.65}50%{transform:scaleY(1);opacity:1}}@keyframes orbit-breathe{0%,100%{transform:rotate(-26deg) scale(1)}50%{transform:rotate(-18deg) scale(1.025)}}@keyframes card-drift{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-9px)}}
@media(prefers-reduced-motion:no-preference){.orb-one{animation:globe-turn 38s linear infinite}.orb-two{animation:moon-drift 7s ease-in-out infinite}.orbit{animation:orbit-breathe 15s ease-in-out infinite}.soundwave i{animation:voice-pulse 2s ease-in-out infinite;animation-delay:calc(var(--delay,0) * -1s)}.floating-card{animation:card-drift 8s ease-in-out infinite}.voice-card.playing .mini-bars{display:inline-block;animation:voice-pulse .8s ease-in-out infinite}.tiny-wave{display:inline-block;animation:voice-pulse 1.2s ease-in-out infinite}}
