body:has(.public){background:#faf7f1}
.public{--ink:#30251f;--green:#984d37;--lime:#ecd0b1;--line:#dfd3c5;--muted:#77685b;--white:#fffdf8;max-width:1320px;padding:0 48px;color:var(--ink)}
.public .topnav{height:98px;border-bottom:1px solid var(--line)}
.public .logo{font-size:27px;gap:7px;letter-spacing:-1.2px}.public .logo b{background:#e9c8aa;color:#683c2b}
.public .toplinks{gap:29px;font-size:13px}.public a{transition:color .15s,background .15s}.public .toplinks a:hover,.public .text-link:hover{color:var(--green)}
.public .btn{border-radius:8px;background:var(--green);color:white;padding:16px 22px;gap:23px;font-size:14px;font-weight:600;min-height:50px}
.public .btn:hover{background:#7e3c2a;transform:none}.public .btn.light{background:transparent;border:1px solid #d2bba4;color:var(--ink);padding:12px 16px;min-height:44px;gap:18px}.public .btn.light:hover{background:#efdfcd}
.public .eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#8a5942}
.public .hero{grid-template-columns:1.13fr 1fr;gap:60px;padding:53px 0 59px;align-items:center}
.public .hero h1{font-size:clamp(56px,5.8vw,80px);line-height:.99;letter-spacing:-4.1px;font-weight:650;margin:24px 0}
.public em{font-family:Georgia,'Times New Roman',serif;color:var(--green);font-weight:400}
.public .hero-description{max-width:420px;font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:26px}
.lesson-offer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.lesson-offer strong{font-size:22px;letter-spacing:-.6px;white-space:nowrap}.lesson-offer strong span{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}
.intro-offer{border:1px solid #c99a78;background:#f1dfca;color:#7b3c27;padding:7px 9px;border-radius:5px;font-size:11px;font-weight:650;white-space:nowrap}
.public .free-trial{margin:13px 0 23px;color:var(--ink);font-size:13px}.free-trial span{font-size:19px;vertical-align:middle;margin-right:6px;color:var(--green)}
.hero-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #bba18b;padding:5px 0;display:inline-flex;gap:14px;align-items:center}
.teacher-portrait{margin:0;position:relative;background:#f0dcc4;border-radius:130px 130px 12px 12px;aspect-ratio:.9;min-width:0;isolation:isolate;overflow:hidden}
.teacher-portrait>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 40%}
.portrait-note{position:absolute;right:17px;top:27px;z-index:1;background:#fff9ee;border:1px solid #e9cfb3;box-shadow:0 7px 20px #502f1710;padding:15px 18px;font-size:12px;line-height:1.6;transform:rotate(6deg)}
.teacher-portrait figcaption{position:absolute;bottom:20px;left:22px;right:22px;background:#fffcf5eb;border:1px solid #d8c1a4;border-radius:8px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(10px)}
.teacher-portrait figcaption strong{display:block;font-size:20px;letter-spacing:-.5px}.teacher-portrait figcaption span:not(.portrait-arrow){display:block;font-size:11px;color:#746657;margin-top:6px}.portrait-arrow{font-size:31px;color:var(--green)}
.landing-divider{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:23px 0;font-size:12px}.landing-divider i{font-size:19px;font-style:normal;color:var(--green)}
.public .section{padding:83px 0;border-top:0;border-bottom:1px solid var(--line)}
.public .section-title{margin-bottom:39px;gap:30px;align-items:end}.public .section-title h2,.public .materials-copy h2{font-size:43px;font-weight:600;line-height:1.12;letter-spacing:-1.9px;margin:15px 0 0;max-width:unset}
.public .section-title>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:320px;margin:0 0 3px}
.learning-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.learning-step{padding:8px 32px 0;border-left:1px solid var(--line)}.learning-step:first-child{padding-left:0;border:0}.learning-step:last-child{padding-right:0}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.step-top>span{font-size:12px;color:#927158}.step-top img{width:62px;height:62px;object-fit:contain}.learning-step h3{font-size:20px;font-weight:600;letter-spacing:-.5px;margin-bottom:14px}.learning-step p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:310px}
.materials-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.material-pages{position:relative;min-height:460px;background:#eee2d2;border-radius:15px;overflow:hidden}.material-pages img{position:absolute;width:47%;height:80%;object-fit:contain;filter:drop-shadow(0 7px 8px #4935231a)}.sheet-back{left:9%;top:2%;transform:rotate(-12deg)}.sheet-front{left:43%;top:14%;transform:rotate(10deg)}.paper-note{position:absolute;bottom:20px;left:20px;background:#fff9ef;border:1px solid #d3b18c;transform:rotate(-4deg);padding:13px 21px;color:#6e402b;font-family:Georgia,serif;font-style:italic;font-size:23px;line-height:1.15}
.public .materials-copy h2{margin-bottom:24px}.materials-copy>p{font-size:14px;color:var(--muted);line-height:1.8}.material-list{list-style:none;padding:0;margin:22px 0;display:grid;gap:14px;font-size:12px}.material-list li:before{content:'✓';color:var(--green);margin-right:11px;font-weight:bold}.materials-copy .trial-caption{font-size:11px;line-height:1.7;margin:17px 0 0;max-width:340px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.student-story{display:block;background:#f0dcc4;border-radius:10px;overflow:hidden;border:1px solid #dec9b0}.student-story>img{width:100%;height:auto;display:block}.student-story>span{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dcc3a5;padding:17px 19px;font-size:12px;font-weight:600}.student-story:hover>span{background:#e9cbae}
.trial-invite{padding:54px 56px;margin:73px 0 60px;background:#eee0cd;border:1px solid #dec5a6;border-radius:12px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px}.public .trial-invite h2{font-size:46px;line-height:1.06;letter-spacing:-2px;margin:18px 0}.trial-invite p{font-size:13px;line-height:1.8;color:#766450;max-width:360px;margin:0}.trial-action{display:grid;justify-content:end;gap:17px}.trial-action>span{font-size:12px;line-height:1.7;color:#796b5e}
.public .public-footer{border-top:1px solid var(--line);padding:35px 0 42px;align-items:start;gap:25px;color:var(--muted);font-size:11px}.public-footer>div:last-child{display:flex;flex-direction:column;gap:12px;align-items:end}.public-footer p{font-size:11px;margin:12px 0 0}.public :focus-visible{outline-color:var(--green)}
@media(min-width:1500px){.public .hero{gap:80px}}
@media(max-width:1050px){.public{padding:0 30px}.public .hero{gap:30px}.public .hero h1{font-size:65px;letter-spacing:-3px}.public .toplinks{gap:16px;font-size:11px}.portrait-note{font-size:10px;padding:10px;right:10px;top:18px}.teacher-portrait{aspect-ratio:.78}.materials-story{gap:35px}.material-pages{min-height:410px}.trial-invite{padding:38px}.hero-actions{gap:16px}}
@media(max-width:760px){.public{padding:0 22px}.public .topnav{height:78px}.public .topnav .logo{font-size:23px}.public .topnav .btn{font-size:11px;padding:10px 12px;gap:12px}.public .hero{grid-template-columns:1fr;padding:34px 0 32px;gap:30px}.public .hero h1{font-size:clamp(51px,11vw,72px);letter-spacing:-2.8px;margin:21px 0}.public .eyebrow{font-size:8px;letter-spacing:1.3px}.public .hero-description{font-size:15px;max-width:390px}.lesson-offer{gap:9px 14px}.lesson-offer strong{font-size:21px}.intro-offer{font-size:10px}.public .free-trial{font-size:12px}.public .hero-actions{gap:18px}.public .hero-actions .btn{font-size:13px;padding:14px 17px;gap:16px}.hero-actions .text-link{font-size:11px;gap:8px}.teacher-portrait{aspect-ratio:1.08;border-radius:100px 100px 10px 10px}.teacher-portrait>img{object-position:center 36%}.portrait-note{font-size:11px;right:12px;top:17px;padding:12px 15px}.teacher-portrait figcaption{bottom:12px;left:12px;right:12px;padding:14px 16px}.teacher-portrait figcaption strong{font-size:19px}.teacher-portrait figcaption span:not(.portrait-arrow){font-size:10px}.landing-divider{padding:18px 0;gap:11px;justify-content:center;flex-wrap:wrap;font-size:10px}.landing-divider i{font-size:12px}.landing-divider i:last-of-type{display:none}.landing-divider span:last-child{flex-basis:100%;text-align:center}.public .section{padding:49px 0}.public .section-title{margin-bottom:29px;display:block}.public .section-title h2,.public .materials-copy h2{font-size:34px;letter-spacing:-1.3px;margin-top:12px}.public .section-title>p{margin-top:17px;font-size:12px}.learning-steps{grid-template-columns:1fr;gap:25px}.learning-step,.learning-step:first-child,.learning-step:last-child{padding:0 0 25px;border:0;border-bottom:1px solid var(--line)}.learning-step:last-child{padding-bottom:0;border:0}.step-top{margin-bottom:9px}.step-top img{width:46px;height:46px}.learning-step h3{font-size:20px;margin-bottom:9px}.learning-step p{max-width:none;font-size:13px}.materials-story{grid-template-columns:1fr;gap:32px}.material-pages{min-height:365px}.materials-copy>p{font-size:13px}.story-grid{grid-template-columns:1fr;gap:23px}.student-story{max-width:440px;width:100%;margin:auto}.trial-invite{grid-template-columns:1fr;padding:28px 23px;margin:46px 0 35px;gap:26px}.public .trial-invite h2{font-size:37px;letter-spacing:-1.5px}.trial-action{justify-content:start}.trial-action .btn{font-size:12px;padding:15px 17px}.public .public-footer{display:grid;padding:30px 0;gap:25px}.public-footer>div:last-child{align-items:start}.public .toplinks{display:none}}
