@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600;700&display=swap";
:root{--font-landing-heading:"Outfit", system-ui, sans-serif;--font-landing-body:"Work Sans", system-ui, sans-serif;--landing-bg:#f6f4ef;--landing-surface:#fff;--landing-surface-warm:#faf6ef;--landing-ink:#1f2937;--landing-ink-muted:#6d625c;--landing-border:#e8e2d6;--landing-accent:#6b8e6b;--landing-accent-dark:#557355;--landing-accent-warm:#d97a55;--landing-chalkboard:#3b4d3b;--landing-ai-glow:#b8e6f0;--landing-butter:#ffe88a;--landing-sky:#bde7fa;--landing-ease-out-quart:cubic-bezier(.25, 1, .5, 1);--landing-duration-hover:.15s;--landing-duration-reveal:.4s}.landing-classroom{background-color:var(--landing-bg);color:var(--landing-ink);font-family:var(--font-landing-body)}.landing-classroom h1,.landing-classroom h2,.landing-classroom h3,.landing-classroom h4,.landing-classroom .font-heading{font-family:var(--font-landing-heading)}.landing-classroom .btn-primary{background-color:var(--landing-accent);font-family:var(--font-landing-heading);color:#fff;transition:filter var(--landing-duration-hover) var(--landing-ease-out-quart), transform var(--landing-duration-hover) var(--landing-ease-out-quart);border-radius:.625rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.landing-classroom .btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.landing-classroom .btn-primary:focus-visible{outline:2px solid var(--landing-ink);outline-offset:2px}.landing-classroom .btn-secondary{font-family:var(--font-landing-heading);color:var(--landing-ink);text-underline-offset:4px;transition:text-decoration-color var(--landing-duration-hover) var(--landing-ease-out-quart);background-color:#0000;border-radius:.625rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.landing-classroom .btn-secondary:hover{-webkit-text-decoration-color:var(--landing-ink);text-decoration-color:var(--landing-ink)}.landing-classroom .section{padding-top:5rem;padding-bottom:5rem}@media (min-width:768px){.landing-classroom .section{padding-top:7rem;padding-bottom:7rem}}.landing-classroom .text-balance{text-wrap:balance}