@font-face{font-family:Manrope;src:url('/design/manrope.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fbfcf9;color:#2b3e2c;font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6B8F6B;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.045em}h1{font-size:clamp(38px,4.1vw,62px);font-weight:750}h2{font-size:clamp(30px,3vw,44px);font-weight:720}h3{font-size:20px;letter-spacing:-.025em}p{color:#6e7b6b}em{font-style:normal;color:#6B8F6B}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(40px,calc((100% - 1180px)/2));background:#fbfcf9f5;backdrop-filter:blur(14px);border-bottom:1px solid #e8ede3}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.05em;font-weight:800;white-space:nowrap}.brand>span,.mini-brand{background:#6B8F6B;color:white;width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;font-weight:800}.site-header nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:650}.site-header nav>a:not(.button):hover,.footer a:hover{color:#6B8F6B}.site-header .login{margin-left:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:15px 22px;border-radius:12px;font-size:14px;font-weight:700;transition:transform .18s,background .18s;line-height:1.5}.button:hover{transform:translateY(-2px);background:#6B8F6B}.primary{background:#6B8F6B;color:white;box-shadow:0 4px 12px #3656360c}.site-header .button{font-size:12px;padding:12px 16px;gap:10px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:70px;padding-bottom:85px;min-height:680px}.eyebrow{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#6B8F6B;margin-bottom:24px}.lead{font-size:17px;max-width:470px;margin-top:25px;line-height:1.8}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:13px;font-weight:700;color:#6B8F6B}.text-link:hover{text-decoration:underline}.micro{font-size:12px;line-height:1.8}.hero .micro{margin-top:22px}.product-window{border:1px solid #e0e7da;border-radius:24px;background:#f0f4ed;box-shadow:0 20px 70px #324a3510;overflow:hidden;position:relative}.hero-product{transform:rotate(1deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 21px;background:white;border-bottom:1px solid #e7ece2;font-size:13px;font-weight:700}.window-bar small{margin-left:auto;color:#6B8F6B;font-size:10px}.mini-brand{width:24px;height:24px;border-radius:7px}.window-content{padding:24px}.lesson-title{margin-bottom:22px}.lesson-title small{color:#83927c;font-size:10px}.lesson-title h2{font-size:26px;margin-top:8px;letter-spacing:-.035em}.exercise-demo{background:white;border:1px solid #e6eadf;border-radius:17px;padding:22px;margin-top:14px}.exercise-demo header{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:13px;line-height:1.4}.number{display:grid;place-items:center;flex:0 0 31px;height:33px;border-radius:9px;background:#6B8F6B;color:white;transform:rotate(-4deg);font-size:11px}.dots{margin-left:auto;color:#6B8F6B}.exercise-demo p{font-size:13px;color:#41503f;line-height:2.4}.answer{display:inline-block;padding:0 13px;background:#e7f2e1;border:1px solid #6B8F6B;border-radius:8px;color:#6B8F6B}.answer small{margin-left:16px}.wordbank{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.wordbank>span{padding:6px 12px;border:1px solid #dfe6d8;border-radius:9px;background:#f7f9f3;color:#5a7053;font-size:12px}.wordbank .used{opacity:.45;border-style:dashed}.choice{display:grid;gap:8px;margin-top:12px}.choice span{padding:9px 12px;border:1px solid #e2e7dc;border-radius:8px;font-size:11px}.choice .correct{background:#edf6e8;border-color:#a5bea0}.choice b{float:right}.lesson-bottom{display:flex;justify-content:space-between;font-size:9px;color:#778a6e;margin-top:20px}.demo-label{display:block;text-align:right;padding:0 24px 12px;font-size:10px;color:#83957a}.intro{padding:40px 0 100px}.section-lead{font-size:16px;margin-top:24px;max-width:570px}.intro .section-lead{max-width:670px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.benefits article{border-top:1px solid #dce4d5;padding-top:23px}.benefits article>span{font-size:12px;color:#8b9a81}.benefits h3{margin:15px 0 12px}.benefits p,.audience-grid p,.feature-grid p{font-size:14px}.tinted{background:#f0f4eb;padding:85px 0}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}.section-top>p{max-width:330px;font-size:15px}.exercise-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.exercise-gallery .exercise-demo{margin:0;padding:24px 20px;box-shadow:0 8px 25px #304b3010}.pairs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pairs span{padding:10px;border:1px solid #cbdcc4;border-radius:9px;text-align:center;background:#f5f8f0;font-size:12px}.sentence{margin-top:35px;margin-bottom:25px}.chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:32px}.chip{font-size:11px;padding:6px 12px;border:1px solid #dce4d4;border-radius:20px;color:#6B8F6B;display:inline-block}.centered{text-align:center;margin-top:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-top:100px;padding-bottom:100px}.split .text-link{display:inline-block;margin-top:24px}.split>div>p+p{margin-top:18px;font-size:14px}.tinted .split{padding-block:0}.media-stack{padding:10px 20px 25px;background:#f2f5ed;border-radius:26px}.media-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.media-tiles svg{width:100%;display:block}.media-tiles small{font-size:10px;color:#8a9781}.video-demo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#314737;border-radius:12px;gap:10px}.video-demo>span{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#ffffff20;color:white}.video-demo small{color:#c5d3bc}.audio-demo{display:flex;align-items:center;gap:12px;padding:15px 12px;border-radius:12px;background:#f0f5eb}.audio-demo small{font-size:9px;white-space:nowrap}.play{padding:7px 11px;background:#6B8F6B;color:white;border-radius:9px;font-size:12px}.track{flex:1;height:4px;background:#d0dcc7;border-radius:4px;min-width:20px}.homework-demo,.chat-demo,.student-demo{border:1px solid #e0e7d8;border-radius:22px;background:white;overflow:hidden;box-shadow:0 14px 45px #2a402810}.hw-content{padding:28px}.status-pill{display:inline-block;font-size:10px;font-weight:700;color:#6B8F6B;padding:5px 10px;border-radius:8px;background:#f0f4df;margin-bottom:16px}.hw-content h3{font-size:23px}.hw-content>p{font-size:12px;margin:8px 0 20px}.hw-row{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;padding:13px 0;font-size:13px}.hw-row b{color:#6B8F6B}.feedback{background:#f4f7ef;border-radius:12px;padding:15px;margin-top:14px}.feedback small{font-size:10px;color:#89967b}.feedback p{font-size:12px;margin-top:4px}.demo-actions{display:flex;gap:10px;margin-top:20px;font-size:10px}.demo-actions span{border:1px solid #dae2d3;border-radius:8px;padding:8px 12px}.demo-actions span:first-child{background:#6B8F6B;color:white}.inline-steps{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:30px 0 0;font-size:11px;color:#6B8F6B}.inline-steps li:not(:last-child):after{content:' →';margin-left:8px;color:#9baa92}.student-demo{padding:28px}.student-demo header{display:flex;align-items:center;gap:12px}.avatar{background:#edf2e7;border-radius:12px;width:46px;height:46px;display:grid;place-items:center;font-weight:700;color:#6B8F6B}.student-demo small{font-size:10px;color:#87957d}.online{margin-left:auto;font-size:10px;color:#6B8F6B}.student-lesson{padding:24px;background:#f6f8f2;border-radius:14px;margin-top:26px}.student-lesson h3{margin:6px 0 14px}.student-links{display:grid;margin-top:16px}.student-links>span{display:flex;justify-content:space-between;border-bottom:1px solid #edf0e8;padding:15px 0;font-size:12px}.student-links b{color:#7d926e;font-size:10px}.chat-body{padding:24px}.context-tag{display:inline-block;font-size:10px;background:#f0f5ec;border-radius:8px;padding:6px 10px;color:#7a8e6e}.chat-user{margin:22px 0 14px 45px;background:#eaf2e2;border-radius:14px 14px 3px 14px;padding:15px;font-size:13px;color:#43553c}.chat-answer{background:#f5f7f1;border-radius:14px;padding:17px;margin-right:25px}.chat-answer small{font-size:10px;color:#87977b}.chat-answer p{font-size:13px;margin-top:8px}.chat-input{display:flex;justify-content:space-between;border:1px solid #e0e7d8;border-radius:11px;padding:12px;margin-top:22px;font-size:11px;color:#99a48f}.chat-input span{color:#6B8F6B}#how,#audience{padding-block:70px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;list-style:none;margin:45px 0 0;counter-reset:steps}.steps li{border-top:1px solid #dae3d2;padding-top:20px}.steps li>span{font-size:30px;color:#a2b298;letter-spacing:-.05em}.steps h3{margin:18px 0 12px;font-size:18px}.steps p{font-size:13px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px}.audience-grid article{background:white;border:1px solid #e5eade;border-radius:18px;padding:27px}.audience-grid h3{margin-bottom:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 45px;margin-top:40px}.feature-grid article{border-top:1px solid #d6e0ce;padding:25px 0}.feature-grid article>span{float:right;color:#839b73}.feature-grid h3{font-size:17px;margin-bottom:10px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:100px}.pricing .micro{margin-top:20px}.price-card{background:white;border:1px solid #d9e4d0;border-radius:24px;padding:36px;box-shadow:0 12px 36px #28412808}.price-card h3{font-size:28px}.price-card ul{padding-left:18px;margin:24px 0;font-size:14px;line-height:2}.price-card .button{width:100%;margin-top:24px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-block:35px 100px}.faq details{border-bottom:1px solid #e0e7d8;padding:20px 0}.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:15px;font-weight:650}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#6B8F6B;font-size:22px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;padding:16px 25px 0 0}.final-cta{padding:65px 30px;text-align:center;background:#edf3e5;border-radius:28px}.final-cta .eyebrow{margin-bottom:18px}.final-cta h2{font-size:clamp(34px,4vw,52px)}.final-cta p{margin:20px auto 28px}.footer{padding-block:55px 30px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.footer p{font-size:12px;margin-top:10px}.footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}.footer>small{width:100%;border-top:1px solid #e7ebdf;padding-top:20px;font-size:10px;color:#9aa58e}.skip{position:absolute;left:20px;top:-80px;z-index:200;background:white;padding:12px;border-radius:10px}.skip:focus{top:10px}.reveal{transition:opacity .55s,transform .55s}.js-animate .reveal:not(.visible){opacity:0;transform:translateY(18px)}@media(min-width:901px) and (max-width:1100px){.site-header nav{gap:14px}.site-header .login{margin-left:0}.hero{gap:25px}.split{gap:45px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.site-header{padding:16px 24px}.menu-toggle{display:block;background:#edf3e7;border:1px solid #dce6d5;border-radius:10px;width:40px;height:40px;color:#466640;cursor:pointer}.site-header nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid #e0e6d8;border-radius:18px;box-shadow:0 15px 35px #24322418;padding:20px;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav>a{padding:12px}.site-header .login{margin-left:0}.site-header nav>.button{margin-top:8px}.hero{gap:36px;padding-block:50px 70px;grid-template-columns:1fr 1fr;min-height:0}.hero h1{font-size:38px}.hero-product{transform:none}.window-content{padding:16px}.exercise-demo{padding:16px}.exercise-demo header{gap:8px;font-size:11px}.lead{font-size:15px}.hero .actions{gap:16px}.benefits{gap:24px}.split{gap:36px;padding-block:65px}.exercise-gallery{grid-template-columns:1fr 1fr}.exercise-gallery>article:last-child{grid-column:1/-1}.steps{grid-template-columns:1fr 1fr}.audience-grid{gap:14px}.audience-grid article{padding:20px}.pricing,.faq{gap:40px}.feature-grid{gap:0 25px}.tinted{padding-block:65px}.intro{padding-bottom:65px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{padding:14px 18px}.brand{font-size:22px}.hero{grid-template-columns:1fr;padding-top:36px;gap:35px}.hero h1{font-size:clamp(34px,8.7vw,48px)}.eyebrow{font-size:10px;margin-bottom:18px;letter-spacing:.09em}.hero .lead{font-size:15px;max-width:100%}.hero .actions{align-items:stretch;flex-direction:column}.hero .text-link{text-align:center;padding:6px}.hero .micro{text-align:center;font-size:10px}.hero-product{border-radius:18px}.window-content{padding:20px}.lesson-title h2{font-size:24px}.exercise-demo{padding:19px}.exercise-demo header{font-size:12px}.section-top{display:block;margin-bottom:26px}.section-top>p{margin-top:20px;max-width:100%}.intro{padding-top:0}.benefits{grid-template-columns:1fr;gap:25px;margin-top:30px}.benefits article{display:grid;grid-template-columns:32px 1fr;gap:0 10px;padding-top:17px}.benefits h3{margin:0 0 10px}.benefits p{grid-column:2}.exercise-gallery{grid-template-columns:1fr;gap:14px}.exercise-gallery>article:last-child{grid-column:auto}.chips{gap:7px;margin-top:25px}.chip{font-size:10px;padding:5px 9px}.split{grid-template-columns:1fr;gap:28px;padding-block:50px}.reverse>div:first-child{order:2}.media-stack{padding:0 12px 15px;border-radius:20px}.section-lead{font-size:15px;margin-top:20px}.homework-demo .window-bar{padding:16px;font-size:12px}.hw-content{padding:23px}.student-demo{padding:22px}.chat-body{padding:18px}.chat-user{margin-left:20px}.chat-answer{margin-right:12px}#how,#audience{padding-block:45px}.steps{gap:24px 18px;margin-top:28px}.steps li>span{font-size:25px}.steps h3{font-size:16px;margin-top:12px}.steps p{font-size:12px}.audience-grid{grid-template-columns:1fr}.audience-grid article{padding:24px}.audience-grid h3{font-size:19px}.feature-grid{grid-template-columns:1fr 1fr;gap:0 20px}.feature-grid article{padding:20px 0}.feature-grid h3{font-size:15px;margin-right:12px}.feature-grid p{font-size:12px}.feature-grid article>span{font-size:11px}.pricing{grid-template-columns:1fr;padding-block:55px;gap:28px}.price-card{padding:25px}.price-card h3{font-size:26px}.faq{grid-template-columns:1fr;gap:20px;padding-block:20px 55px}.faq summary{font-size:14px}.final-cta{padding:45px 20px;border-radius:22px}.final-cta p{font-size:14px}.final-cta p br{display:none}.final-cta .button{width:100%}.footer{padding-top:35px;gap:25px}.footer nav{gap:20px}.tinted{padding-block:50px}.online{font-size:9px}.audio-demo{gap:8px}.audio-demo small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.js-animate .reveal:not(.visible){opacity:1;transform:none}}

.button{background:#6B8F6B;color:#101B13}.button:hover{background:#6B8F6B;filter:brightness(.96)}

.brand .brand-logo{display:block;width:170px;height:auto}.footer .brand .brand-logo{width:160px}@media(max-width:620px){.brand .brand-logo{width:145px}}

/* Accent actions retain readable white labels in every state. */
.button,.button:visited,.button:hover,.button:focus-visible,.button:active,.site-header nav .button,.site-header nav .button:hover{color:#fff}.button span,.button svg{color:inherit}

/* Clear pricing rhythm and restrained, viewport-aware product demonstrations. */
.pricing{gap:72px;align-items:start}.pricing>div:first-child{padding-top:20px}.pricing .section-lead{margin:26px 0 30px;line-height:1.7}.pricing>div>h3{margin:0 0 12px;font-size:21px}.pricing>div>h3+p{line-height:1.75;max-width:530px}.pricing>div:first-child>.button{margin-top:24px}.price-card{border:0;box-shadow:0 12px 40px #2841280d;padding:36px}.price-card h3{margin:0 0 22px;font-size:28px}.price-card ul{margin:0 0 24px;line-height:2.05}.price-card .micro{margin:0;line-height:1.75}.price-card .button{margin-top:26px}
.motion-demo{position:relative}.motion-word{position:absolute;z-index:4;pointer-events:none;display:grid;place-items:center;background:#e8f0e1;border:1px solid #aec7a1;border-radius:8px;font-size:12px;color:#405939;box-shadow:0 8px 18px #2c432b1a}
.motion-demo:not(.demo-playing) .motion-word{visibility:hidden}
.demo-playing .answer{animation:none}.demo-playing .choice .correct{animation:demo-choice 4.2s ease infinite}
@keyframes demo-choice{0%,100%{box-shadow:none}15%,30%{box-shadow:0 0 0 3px #6b8f6b22}}
.video-demo{position:relative;overflow:hidden}.video-demo::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 20%,#90aa7850,transparent 70%);transform:translateX(-15%)}.video-demo>span,.video-demo>small{position:relative}.video-demo::after{content:'';position:absolute;left:12%;right:12%;bottom:8px;height:2px;background:#adc398;transform:scaleX(.08);transform-origin:left;border-radius:3px}.demo-playing.video-demo::after{animation:demo-progress 5s ease-in-out infinite}.demo-playing.video-demo::before{animation:demo-video 5s ease-in-out infinite}
.audio-demo .track{position:relative;overflow:hidden}.audio-demo .track::after{content:'';position:absolute;inset:0;background:#6b8f6b;transform:scaleX(.15);transform-origin:left}.demo-playing.audio-demo .track::after{animation:demo-progress 6s linear infinite}
@keyframes demo-progress{0%,8%{transform:scaleX(.08)}85%,95%{transform:scaleX(.92)}100%{transform:scaleX(.08)}}@keyframes demo-video{50%{transform:translateX(15%);opacity:.6}}

.demo-playing.student-demo .student-links>span{animation:demo-row 4.2s ease infinite}.demo-playing.student-demo .student-links>span:nth-child(2){animation-delay:.12s}.demo-playing.student-demo .student-links>span:nth-child(3){animation-delay:.24s}
@keyframes demo-row{0%,100%{background:transparent;transform:none}15%,30%{background:#f0f5eb;transform:translateX(3px)}}
.demo-playing.chat-demo .chat-answer,.demo-playing.homework-demo .feedback{animation:demo-message 4.2s ease infinite}
@keyframes demo-message{0%,100%{box-shadow:none}15%,30%{box-shadow:0 0 0 3px #6b8f6b16}}
.motion-word::after{content:'';position:absolute;right:-8px;bottom:-11px;width:15px;height:19px;background:white;clip-path:polygon(0 0,0 85%,30% 62%,52% 100%,72% 88%,50% 54%,90% 50%);filter:drop-shadow(0 1px 1px #0008)}
.js-animate .reveal:not(.visible){opacity:1;transform:none}.reveal{transition:transform .25s ease}
@media(max-width:620px){.pricing{gap:30px}.pricing>div:first-child{padding-top:0}.pricing .section-lead{margin:20px 0 24px}.price-card{padding:28px}}
@media(prefers-reduced-motion:reduce){.motion-word{display:none}.demo-playing .answer{color:#46653b}.demo-playing .student-links>span,.demo-playing .chat-answer,.demo-playing .feedback{opacity:1;transform:none;clip-path:none}}
