@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--navy:#10284e;--ink:#152b48;--blue:#215de8;--yellow:#ffd35a;--cream:#fcfcf8;--line:#dce4ee;--muted:#51647d;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--cream);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(3.5rem,6.3vw,6.6rem);line-height:.99;font-weight:700;margin:25px 0 28px}h2{font-size:clamp(2.45rem,4.4vw,4.25rem);line-height:1.08;font-weight:650;margin:10px 0 0}h3{font-size:1.75rem;line-height:1.15}.shell{width:min(100% - 80px,1320px);margin-inline:auto}.skip-link{position:absolute;left:15px;top:-100px;background:var(--yellow);color:var(--navy);padding:12px 16px;z-index:100}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #e27d26;outline-offset:4px}#practice,#how-it-works,#about{scroll-margin-top:90px}
.site-header{background:var(--cream);border-bottom:1px solid #e8ecf1;position:relative;z-index:5}.header-inner{min-height:82px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:baseline;gap:0;text-decoration:none;color:var(--navy);font-family:Outfit,Arial,sans-serif;font-weight:800;letter-spacing:-.065em;font-size:1.64rem;white-space:nowrap}.brand-mark{letter-spacing:-.085em}.brand-mark span{font-size:.65em;vertical-align:top;letter-spacing:-.08em;color:var(--blue)}.brand-word{letter-spacing:-.06em}.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.nav a{text-decoration:none;font-size:.95rem;font-weight:700}.nav a:hover,.text-link:hover,.footer-inner>a:hover{text-decoration:underline;text-underline-offset:5px}.button{border:0;border-radius:100px;padding:16px 24px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;font-weight:800;transition:transform .18s ease,background-color .18s ease}.button:hover{transform:translateY(-2px)}.button-small{font-size:.91rem;padding:13px 20px;gap:15px}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#1d4376}.button-yellow{background:var(--yellow);color:var(--navy)}.button-yellow:hover{background:#ffe284}.button-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy);padding:13px 20px}.text-link{font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:13px}
.hero{background:#f4f8ff;overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:64px;padding-block:76px 84px}.hero-copy{max-width:660px}.eyebrow,.section-kicker,.micro-label,.choice-label,.use-number{font-size:.78rem;font-weight:800;letter-spacing:.11em}.eyebrow{color:var(--blue);display:flex;align-items:center;gap:12px}.eyebrow-line{width:30px;height:2px;background:var(--blue)}.hero h1 em,.approach-section h2 em{font-style:normal;color:var(--blue)}.hero-description{font-size:1.18rem;line-height:1.65;color:#415777;max-width:560px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.hero-footnote{display:flex;gap:9px;align-items:center;margin-top:34px;color:#51647d;font-size:.88rem}.tiny-star{font-size:1.25rem;color:var(--blue)}.hero-visual{height:530px;position:relative;border-radius:155px 24px 24px 24px;background:var(--yellow)}.hero-visual:before{content:'';position:absolute;width:120px;height:120px;border:25px solid var(--yellow);border-radius:50%;left:-42px;bottom:-42px;z-index:0}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;position:relative;border-radius:155px 24px 24px 24px}.hero-caption{position:absolute;left:-28px;bottom:30px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:19px 23px;border-radius:15px;box-shadow:0 15px 35px #10284e30;font-size:.95rem;line-height:1.4}.caption-icon{font-size:1.8rem;color:var(--yellow)}
.practice-section{padding:110px 0 85px;background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:43px}.section-heading>div{max-width:720px}.section-kicker{color:var(--blue);margin:0}.section-heading>p{max-width:365px;line-height:1.6;color:var(--muted);margin:0;font-size:1.02rem}.practice-app{border:1px solid #dce5f1;border-radius:22px;display:grid;grid-template-columns:315px 1fr;overflow:hidden;box-shadow:0 19px 55px #10284e0c}.lesson-sidebar{background:#f3f7ff;padding:35px 24px;display:flex;flex-direction:column}.choice-label{color:#4c6180;margin-bottom:13px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#e4ecfa;padding:5px;border-radius:12px;gap:3px}.segmented button{border:0;background:transparent;color:#405777;border-radius:9px;font-size:.88rem;font-weight:800;padding:11px 4px}.segmented button.is-active{background:var(--navy);color:#fff}.topic-label{margin-top:38px}.topic-list{display:grid;gap:8px}.topic-choice{background:transparent;color:var(--ink);border:1.5px solid transparent;border-radius:12px;display:flex;gap:12px;align-items:center;padding:12px 13px;text-align:left;font-weight:750}.topic-choice.is-active{background:#fff;border-color:#bdd1f5;box-shadow:0 4px 16px #1a4a9a10}.topic-choice:hover:not(.is-active){background:#e7efff}.topic-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1.15rem;color:var(--blue)}.topic-chevron{margin-left:auto;color:var(--blue);font-size:1.15rem}.sidebar-note{margin-top:auto;padding-top:70px;display:flex;align-items:start;gap:12px;color:#49617c}.sidebar-note>span{color:var(--blue);font-size:1.5rem}.sidebar-note p{font-size:.88rem;line-height:1.5;margin:3px 0 0}.lesson-main{padding:34px clamp(26px,4vw,61px) 31px}.lesson-topline,.quiz-heading,.quiz-bottom,.practice-under{display:flex;justify-content:space-between;align-items:center;gap:20px}.pill{color:var(--blue);background:#e8f0ff;border-radius:100px;padding:9px 13px;font-weight:800;font-size:.73rem;letter-spacing:.07em}.lesson-count,#quiz-progress{color:#62738c;font-size:.8rem;font-weight:800;letter-spacing:.06em}.study-area{min-height:276px;display:flex;flex-direction:column;align-items:flex-start;padding-top:29px}.micro-label{color:#65768c;margin:0}.study-word{font-family:Outfit,Arial,sans-serif;font-weight:700;font-size:clamp(2.9rem,5vw,4.8rem);line-height:1.1;letter-spacing:-.04em;color:var(--navy);margin:14px 0 8px}.study-meaning{color:#17666c;font-weight:800;font-size:1.35rem;margin:0 0 4px}.study-prompt{color:#5b6d84;margin:0 0 21px}.study-buttons{display:flex;gap:10px;align-items:center;width:100%;margin-top:auto}.icon-button{display:grid;place-items:center;background:#eaf1ff;color:var(--navy);width:49px;height:49px;border:0;border-radius:50%}.icon-button svg{width:22px;height:22px}.next-card{border:0;background:transparent;color:var(--blue);font-weight:800;margin-left:auto;padding:12px 0}.next-card:hover,.print-link:hover{text-decoration:underline;text-underline-offset:4px}.lesson-divider{height:1px;background:#e1e6ee;margin:29px 0 28px}.quiz-heading{align-items:end;margin-bottom:17px}.quiz-heading h3{font-size:1.43rem;margin:7px 0 0}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer-option{border:1.5px solid #dae3f0;border-radius:12px;text-align:left;background:#fff;padding:13px 17px;min-height:52px;color:var(--ink);font-weight:700}.answer-option:not(:disabled):hover{border-color:var(--blue);background:#f6f9ff}.answer-option.correct{background:#dbf6ee;border-color:#167f6f;color:#145b51}.answer-option.incorrect{background:#fff0ed;border-color:#d16b52;color:#8e3f32}.answer-option:disabled{cursor:default}.quiz-bottom{min-height:52px;margin-top:14px}.quiz-bottom p{font-weight:750;margin:0;color:#20586b}.quiz-next{padding:11px 16px;font-size:.85rem;gap:13px}.practice-under{padding-top:21px;color:var(--muted);font-size:.94rem}.print-link{border:0;background:transparent;color:var(--blue);font-weight:800;padding:8px 0}
.who-section{padding:97px 0 105px;background:#f7f9fd}.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.use-card{min-height:350px;border-radius:18px;padding:28px 31px 33px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.card-family{background:#dff0ff}.card-learners{background:#fff0bf}.card-teachers{background:#d6f4ec}.use-number{color:#254f77}.use-symbol{font-size:3.6rem;margin:auto 0 10px;color:var(--blue);font-family:Outfit,Arial,sans-serif;line-height:1}.card-learners .use-symbol{color:#be7412}.card-teachers .use-symbol{color:#177c70}.use-card h3{max-width:290px;margin-bottom:11px}.use-card p{font-size:.96rem;line-height:1.55;margin:0;color:#415672}
.approach-section{background:var(--navy);color:#fff;padding:91px 0}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.approach-section .section-kicker{color:var(--yellow)}.approach-section h2{font-size:clamp(3rem,5.5vw,5.5rem)}.approach-section h2 em{color:var(--yellow)}.approach-grid>div:last-child{max-width:520px}.approach-grid p:not(.section-kicker){font-size:1.15rem;line-height:1.7;color:#e1e8f4;margin:0 0 27px}.about-section{background:#fff;padding:105px 0}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px}.about-copy{padding-top:30px}.about-copy p{font-size:1.12rem;line-height:1.7;color:#4b5e78;margin-bottom:20px}.about-copy strong{color:var(--navy)}.about-copy .text-link{color:var(--blue);margin-top:8px}.site-footer{background:#ecf2fa;border-top:1px solid #dce4ee;padding:32px 0}.footer-inner{display:flex;align-items:center;gap:35px}.footer-inner p{color:#526681;font-size:.9rem;margin:0 auto 0 0}.footer-inner>a:last-child{font-weight:800;font-size:.88rem;text-decoration:none}
@media(max-width:1100px){.shell{width:min(100% - 54px,1320px)}.header-inner{gap:20px}.nav{gap:18px}.hero-grid{gap:38px}.hero-visual{height:470px}.practice-app{grid-template-columns:265px 1fr}.lesson-sidebar{padding:28px 19px}.about-grid{gap:55px}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;justify-content:space-between;padding:16px 0;min-height:0}.nav{order:3;width:100%;margin:0;justify-content:space-between;border-top:1px solid #e6eaf0;padding-top:14px}.header-cta{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:38px;padding-block:60px 76px}.hero-copy{max-width:720px}.hero-visual{height:450px;max-width:680px;width:100%;margin-left:auto}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p{max-width:680px}.practice-app{grid-template-columns:1fr}.lesson-sidebar{display:block;padding:24px}.sidebar-note{display:none}.topic-label{margin-top:21px}.topic-list{grid-template-columns:repeat(3,1fr)}.topic-choice{font-size:.85rem}.topic-chevron{display:none}.segmented{max-width:350px}.use-grid{grid-template-columns:1fr}.use-card{min-height:245px}.use-symbol{margin:22px 0 10px}.approach-grid,.about-grid{grid-template-columns:1fr;gap:30px}.about-copy{padding:0}.footer-inner{flex-wrap:wrap}.footer-inner p{width:100%;order:3}}
@media(max-width:560px){.shell{width:min(100% - 34px,1320px)}.brand{font-size:1.45rem}.header-cta{padding:10px 12px;font-size:.8rem;gap:5px}.nav{gap:9px}.nav a{font-size:.79rem}.hero-grid{padding-block:50px 58px}.hero h1{font-size:clamp(3.1rem,13vw,4.5rem)}.hero-description{font-size:1.04rem}.hero-visual{height:320px;border-radius:85px 18px 18px 18px}.hero-visual img{border-radius:85px 18px 18px 18px}.hero-caption{left:10px;bottom:11px;padding:11px 14px;font-size:.8rem}.hero-footnote{line-height:1.4}.practice-section,.who-section,.about-section{padding-block:72px}.section-heading{margin-bottom:27px}.section-heading>p{font-size:.97rem}.practice-app{border-radius:15px}.lesson-sidebar{padding:19px}.topic-list{grid-template-columns:1fr;gap:3px}.topic-choice{padding:9px 10px}.topic-chevron{display:block}.lesson-main{padding:24px 18px}.study-area{min-height:285px}.study-word{font-size:3.2rem}.study-buttons{flex-wrap:wrap}.next-card{margin-left:auto}.answer-grid{grid-template-columns:1fr}.practice-under{align-items:start;flex-direction:column;gap:2px}.use-card{padding:25px;min-height:255px}.approach-section{padding-block:72px}.approach-grid{gap:20px}.approach-section h2{font-size:3.6rem}.about-copy p{font-size:1.03rem}.site-footer{padding:27px 0}.footer-inner{gap:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}
@media print{body.printing>*:not(#print-area){display:none!important}body.printing #print-area{display:block!important;color:#111;padding:10mm;font-family:Arial,sans-serif}body.printing #print-area h1{font:700 24pt Arial;margin:0 0 4mm}body.printing #print-area p{font-size:12pt}body.printing #print-area .print-meta{display:flex;justify-content:space-between;border-bottom:1px solid #444;padding-bottom:5mm;margin-bottom:8mm}body.printing #print-area .print-table{width:100%;border-collapse:collapse;margin:6mm 0}body.printing #print-area th,body.printing #print-area td{border:1px solid #555;text-align:left;padding:3mm;font-size:12pt}body.printing #print-area li{padding:3mm 0;font-size:12pt}}
/* Contact */
#contact{scroll-margin-top:80px}
.contact-section{background:var(--navy);color:#fff;padding:102px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px);align-items:start}.contact-copy{padding-top:18px}.contact-copy .section-kicker{color:var(--yellow)}.contact-copy h2{font-size:clamp(2.8rem,4.7vw,4.7rem);margin:13px 0 26px}.contact-copy>p:not(.section-kicker){font-size:1.16rem;line-height:1.65;color:#d9e5f5;max-width:450px}.contact-accent{display:block;font-family:Outfit,Arial,sans-serif;color:var(--yellow);font-weight:700;font-size:1.65rem;letter-spacing:-.04em;margin-top:70px}
.contact-form{background:#fff;color:var(--ink);border-radius:20px;padding:clamp(24px,4vw,45px);box-shadow:0 22px 50px #071c3b55}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;margin-bottom:20px}.field label{font-weight:800;font-size:.92rem;margin-bottom:9px}.field label span{color:#b04c2e}.field input,.field select,.field textarea{width:100%;min-height:51px;padding:13px 14px;border:1.5px solid #aebed1;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}.field textarea{resize:vertical;min-height:145px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #b9d2ff;outline-offset:1px;border-color:var(--blue)}.field textarea::placeholder{color:#65758b}.form-note{color:#50637b;font-size:.87rem;line-height:1.55;margin:0 0 20px}.submit-button{min-width:190px}.honeypot{display:none}.footer-inner>a:not(.brand){font-weight:800;font-size:.88rem;text-decoration:none}
.thanks-section{min-height:60vh;background:#f4f8ff;display:grid;place-items:center;padding:85px 0}.thanks-card{background:#fff;border-radius:22px;padding:clamp(30px,5vw,70px);max-width:780px;box-shadow:0 16px 45px #10284e13}.thanks-card h1{font-size:clamp(2.8rem,5vw,4.5rem)}.thanks-card p:not(.section-kicker){font-size:1.14rem;line-height:1.6;color:#415777}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr;gap:30px}.contact-accent{margin-top:20px}}
@media(max-width:560px){.nav{flex-wrap:wrap;justify-content:flex-start}.nav a{font-size:.86rem;margin-right:8px}.contact-section{padding-block:72px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:24px 19px}}
