:root{--ink:#193e35;--green:#164b40;--lime:#d7ee92;--paper:#fafaf4;--muted:#647169;--line:#dce2d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #62972d;outline-offset:5px}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.site-header{width:min(1320px,calc(100% - 80px));margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-size:29px;letter-spacing:-1.4px;font-weight:800;white-space:nowrap}.brand-dot{color:#698341}.mark{font-size:35px;margin-right:9px}.site-header nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600}.login-link{margin-left:22px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--green);color:white;border:1px solid var(--green);padding:19px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:transform .18s,background .18s}.button:hover{background:#236553;transform:translateY(-2px)}.button.small{padding:13px 18px;gap:19px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:46px;padding-top:70px;padding-bottom:90px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#7e9c4b}.hero h1{font-size:clamp(44px,5vw,68px);line-height:1.09;letter-spacing:-3.6px;margin:25px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#588167;letter-spacing:-3px}.lead{font-size:16px;line-height:1.9;max-width:455px;color:#59685f}.actions{display:flex;align-items:center;gap:27px;margin-top:30px}.text-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:9px}.text-link:hover{text-decoration:underline}.play{font-size:22px}.micro{font-size:10px;line-height:1.7;color:var(--muted);margin-top:19px}.hero-visual{height:475px;position:relative;background:#eaf0df;border-radius:50% 45% 43% 48%}.visual-caption{position:absolute;top:14px;right:24px;font-size:8px;letter-spacing:2px;transform:rotate(5deg)}.paper-back{position:absolute;left:12px;top:27px;background:#f1efde;border:1px solid #dadccb;border-radius:9px;width:305px;height:315px;transform:rotate(-9deg);padding:28px;box-shadow:0 10px 30px #193e3508}.paper-back>span{font-size:8px;letter-spacing:2px}.paper-back h3{font-family:Georgia,serif;font-size:28px;margin:15px 0 7px}.paper-back p{font-size:10px}.paper-lines{height:110px;margin-top:22px;background:repeating-linear-gradient(transparent 0,transparent 15px,#c6cbbd 16px,transparent 17px)}.quiz-preview{position:absolute;left:48px;right:0;top:98px;padding:25px;background:white;border:1px solid #d9e0d6;border-radius:13px;box-shadow:0 18px 55px #20382a13;transform:rotate(2deg)}.quiz-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.pill{padding:7px 11px;border-radius:5px;background:#f0f3e9;color:#426544;font-weight:600}.progress{background:#edf0e8;border-radius:5px;height:4px;margin-top:17px;overflow:hidden}.progress>span{display:block;width:30%;height:100%;background:#819e4d}.quiz-preview h2{font-size:20px;line-height:1.4;margin:22px 0 16px;max-width:300px}.answer{display:flex;align-items:center;gap:10px;border:1px solid #e4e7df;border-radius:7px;padding:11px;margin:8px 0;font-size:11px}.answer b{display:grid;place-items:center;background:#f5f6f1;border-radius:4px;width:23px;height:23px;font-size:10px;flex-shrink:0}.answer.selected{background:#eff5e2;border-color:#a9bf81}.answer.selected b{background:#dbeabf}.answer>span{margin-left:auto}.preview-footer{display:flex;justify-content:space-between;color:#788375;font-size:9px;margin-top:20px}.feedback-note{position:absolute;bottom:3px;left:6px;right:45px;display:flex;gap:12px;background:var(--lime);padding:17px 20px;border:1px solid #bed77b;border-radius:9px;transform:rotate(-3deg);box-shadow:0 8px 20px #193e3510}.check-circle{border:1px solid #a4bd6b;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}.feedback-note strong{font-size:12px}.feedback-note p{font-size:10px;line-height:1.6;margin:5px 0 0;max-width:270px}.example-label{position:absolute;bottom:-28px;right:35px;font-size:9px;color:#7a8476}.subjects{border-block:1px solid var(--line);padding:26px 0}.subjects .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.subjects span{font-size:9px;letter-spacing:1.4px;max-width:130px;line-height:1.8}.subjects p{display:flex;gap:30px;align-items:center;font-size:16px;font-family:Georgia,serif;margin:0}.subjects i{color:#91a871;font-style:normal;font-size:18px}.section{padding-top:100px;padding-bottom:95px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}h2{letter-spacing:-1.4px;font-size:38px;line-height:1.2;margin:16px 0}p{line-height:1.75}.section-heading>p{max-width:260px;font-size:14px;color:var(--muted);margin-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{border-top:1px solid #b9c6b6;padding-top:21px;position:relative}.step-number{font-size:11px;color:#788671}.step-icon{display:grid;place-items:center;width:42px;height:42px;margin:25px 0;background:#edf1df;border-radius:11px;font-size:25px;font-family:Georgia,serif}.steps h3{font-size:20px;letter-spacing:-.5px}.steps p{font-size:14px;color:var(--muted);max-width:305px}.step-detail{display:block;font-size:10px;color:#647754;margin-top:23px}.benefits{background:#eef1e6;border-radius:16px;padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.benefit-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:330px}.benefit-copy .text-link{margin-top:20px}.benefit-list article{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid #d6dece}.benefit-list article:first-child{padding-top:0}.benefit-list article:last-child{border:0;padding-bottom:0}.benefit-list article>span{font-size:11px;color:#7e906d;margin-top:4px}.benefit-list h3{font-size:16px;margin:0}.benefit-list p{font-size:13px;color:var(--muted);margin:8px 0 0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;font-weight:600;padding:24px 30px 24px 0;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;font-size:23px;font-weight:400;top:20px}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);margin:0 25px 22px 0}.final-cta{background:var(--green);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:52px 62px}.final-cta h2{font-size:48px;line-height:1.1;margin-bottom:0;position:relative;z-index:1}.final-cta .eyebrow{color:#b5c7b8}.final-cta>div{z-index:1}.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.lime:hover{background:#e1f5b1}.light-link{display:block;font-size:12px;text-align:center;margin-top:18px;color:#d2dfd3}.cta-star{position:absolute;left:49%;bottom:-63px;font-size:260px;color:#286050;font-family:Georgia,serif;line-height:1}.site-footer{padding-block:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer .brand{font-size:22px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer nav{display:flex;gap:24px;font-size:11px}.skip{position:fixed;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:16px}.demo-main{max-width:680px;padding:55px 24px 80px;margin:auto}.demo-card{background:white;border:1px solid var(--line);border-radius:16px;padding:34px;margin-top:28px}.demo-card h2{font-size:27px;line-height:1.4}.demo-choice{display:flex;text-align:left;width:100%;padding:17px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;margin:12px 0;gap:14px;line-height:1.5}.demo-choice:hover:not(:disabled){border-color:var(--green)}.demo-choice[aria-pressed=true]{border:2px solid var(--green);background:#eef5e3}.demo-choice:disabled{cursor:default;opacity:1}.demo-feedback{padding:20px;background:#f2f5e9;border-radius:8px;margin:20px 0;font-size:14px}.demo-feedback.wrong{background:#fff3da}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.demo-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.demo-note{font-size:12px;color:var(--muted)}.score{font-size:64px;letter-spacing:-3px;color:var(--green)}.button:disabled{opacity:.45;cursor:default;transform:none}.demo-card .text-link{background:none;border:0;padding:12px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1450px){.hero{padding-top:100px;padding-bottom:115px}}@media(max-width:1000px){.site-header nav{gap:18px}.nav-link{display:none}.hero{gap:25px}.hero h1{font-size:52px}.hero-visual{height:455px}.quiz-preview{left:5px;padding:20px}.feedback-note{left:0;right:0;bottom:0}.actions{gap:17px;flex-wrap:wrap}.subjects p{gap:16px;font-size:14px}.subjects span{display:none}.subjects .wrap{justify-content:center}.benefits{gap:40px;padding:38px}.faq{gap:45px}.site-footer nav{gap:14px}}
@media(max-width:700px){.wrap,.site-header{width:calc(100% - 40px)}.site-header{height:80px;gap:12px}.brand{font-size:25px}.mark{font-size:30px}.site-header nav{gap:14px}.login-link{margin:0;font-size:12px}.button.small{font-size:11px;padding:11px 13px;gap:8px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:62px;gap:40px}.hero h1{font-size:clamp(40px,9.5vw,62px);letter-spacing:-2px}.hero h1 em{letter-spacing:-2px}.hero-copy .lead{font-size:15px}.hero-visual{max-width:440px;width:100%;margin:auto;height:450px}.quiz-preview{left:20px;top:97px;right:3px}.paper-back{left:10px;width:270px}.feedback-note{bottom:0;right:25px}.visual-caption{right:5px}.micro{font-size:9px}.subjects{padding:20px 0}.subjects p{flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px}.subjects i{font-size:13px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:30px}h2{font-size:31px;letter-spacing:-1px}.section-heading>p{max-width:100%}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-top:18px;padding-left:66px}.step-number{position:absolute;top:24px;left:0}.step-icon{position:absolute;top:33px;left:0}.steps h3{margin-top:8px}.steps p{max-width:100%}.step-detail{margin-top:15px}.benefits{grid-template-columns:1fr;padding:28px;gap:35px}.faq{grid-template-columns:1fr;gap:20px}.final-cta{padding:35px 28px;align-items:flex-start;gap:30px;flex-direction:column}.final-cta h2{font-size:42px}.cta-star{left:auto;right:-60px;font-size:220px;bottom:-25px}.site-footer{flex-wrap:wrap;padding-block:30px;gap:5px 20px}.site-footer nav{width:100%;padding-top:20px}.site-footer p{font-size:10px}.demo-main{padding-top:25px}.demo-card{padding:23px}.demo-card h2{font-size:23px}.demo-actions{flex-wrap:wrap}.demo-main h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:400px){.site-header .brand{font-size:21px;letter-spacing:-1px}.site-header .mark{font-size:23px;margin-right:5px}.site-header nav{gap:10px}.site-header .button.small{padding:10px;font-size:10px}.site-header .button.small span{display:none}}

.brand-symbol{display:block;flex-shrink:0;margin-right:9px}.site-footer .brand-symbol{width:28px;height:28px}@media(max-width:400px){.site-header .brand-symbol{width:27px;height:27px;margin-right:6px}.site-header .brand{font-size:20px}}