:root{--ink:#27242d;--muted:#706a77;--line:#e5e0e9;--brand:#5c2fa3;--brand-dark:#45217d;--brand-soft:#f4eff9;--blue:#5c2fa3;--radius:10px;font-family:"Segoe UI",Arial,sans-serif;background:#fff;color:var(--ink)}
body{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#5c2fa3}
.site-header{border-bottom:1px solid #e5e0e9}
.brand{display:inline-flex;align-items:baseline;gap:11px;color:#27242d;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.5px;font-size:36px;line-height:1}
.brand svg{display:none!important}
.brand img{display:block;width:auto;height:52px}
@media(max-width:600px){.brand img{height:44px}}
.brand-wordmark{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.5px;color:#27242d}
.brand-suffix{font:700 9px/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:1.7px;color:#5c2fa3;border-left:1px solid #d9d0e5;padding-left:11px;margin-left:1px}
.brand-dot{color:#5c2fa3}
.button{border-radius:8px;border-width:1px;min-height:48px;padding:12px 22px;font-size:14px;letter-spacing:.2px;font-weight:700;box-shadow:none}
.button:active:not(:disabled){transform:translateY(1px);border-bottom-width:1px;padding-bottom:12px}
.primary,.primary:hover:not(:disabled){background:#5c2fa3;border-color:#5c2fa3;border-bottom-color:#5c2fa3;color:#fff}
.secondary{border-color:#d8d1df;color:#4e277f}
.secondary:hover{background:#f8f5fc}
.hero-art{max-width:500px}
.lesson-preview-card{position:relative;max-width:480px;min-height:356px;padding:30px;background:#fff;border:1px solid #e5e0e9;border-radius:16px;box-shadow:0 24px 56px #3b235016;text-align:left;display:flex;flex-direction:column;justify-content:center}
.lesson-preview-top,.lesson-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#706a77;font-size:13px}
.lesson-preview-top strong{font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:#5c2fa3}
.lesson-progress{height:6px;background:#eee9f2;border-radius:8px;margin:16px 0 30px;overflow:hidden}
.lesson-progress span{display:block;width:38%;height:100%;background:#5c2fa3;border-radius:8px}
.lesson-kicker{margin:0 0 7px;color:#6f6878;font-size:11px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase}
.lesson-preview-card h2{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:0 0 19px;color:#27242d}
.lesson-phrase{display:grid;gap:5px;padding:17px 19px;border-left:3px solid #5c2fa3;background:#f8f5fc;border-radius:0 9px 9px 0}
.lesson-phrase strong{font-size:23px;letter-spacing:-.3px}
.lesson-phrase span{font-size:15px;color:#706a77}
.lesson-preview-footer{margin-top:21px}
.lesson-preview-footer span:last-child{padding:5px 9px;background:#f4eff9;border-radius:5px;color:#4e277f;font-weight:700}
.hero-art-note{color:#77717d;font-size:11px;letter-spacing:1.2px;font-weight:700;margin-top:18px}
.hero-art-note span{color:#5c2fa3}
.section-heading .eyebrow,.eyebrow{color:#5c2fa3}
.final-cta{background:#f6f3f9}
.final-cta h2{color:#3c2455}
.final-cta p{color:#746d7b}
.pricing-card,.surface,.settings-card,.activity-card{border-color:#e5e0e9}
.pricing-card{border-bottom-width:1px}
.plus-pricing-card{border-color:#bba7d4;background:linear-gradient(150deg,#f8f5fc 0%,#fff 68%);box-shadow:0 16px 42px #4f317d16}
.plan-pill,.plus-pill{color:#4d277d}
.pricing-card li::before{color:#5c2fa3}
.pricing-amount{color:#45217d}
.course-card.active,.quick-answers button.correct,.app-nav.active{border-color:#a98cca;background:#f4eff9;color:#45217d}
.sidebar-note{border-top:1px solid #e5e0e9;padding-top:17px}
.sidebar-note img:not(.sidebar-wordmark){display:none!important}
.sidebar-wordmark{display:block;width:auto;height:26px;margin-inline:auto}
.sidebar-caption{display:block;margin-top:4px;font:700 8px/1.2 "Segoe UI",Arial,sans-serif;color:#5c2fa3;letter-spacing:1.5px}
.sidebar-note p{margin-top:10px;color:#706a77}
@media(max-width:600px){.brand{font-size:31px;gap:8px}.brand-suffix{font-size:8px;padding-left:8px}.lesson-preview-card{min-height:310px;padding:22px}.lesson-preview-card h2{font-size:24px}.lesson-phrase strong{font-size:20px}}