.landing{--landing-max: 1120px;--landing-gutter: 16px;--landing-soft: var(--c-626984);--landing-radius: 20px;--landing-shadow: 0 1px 2px rgba(49, 54, 94, .06), 0 10px 28px -16px rgba(49, 54, 94, .28);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--cream);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}.landing *,.landing *:before,.landing *:after{box-sizing:border-box}.landing main{flex:1}@media (min-width: 640px){.landing{--landing-gutter: 24px}}@media (min-width: 1024px){.landing{--landing-gutter: 32px}}.landing-wrap{width:100%;max-width:calc(var(--landing-max) + 2 * var(--landing-gutter));margin:0 auto;padding:0 var(--landing-gutter)}.landing-skip{position:absolute;left:12px;top:-100px;z-index:50;padding:10px 16px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none}.landing-skip:focus{top:12px}.landing a:focus-visible{outline:3px solid var(--teal-dark);outline-offset:3px}.landing-only-wide{display:none}@media (min-width: 560px){.landing-only-narrow{display:none}.landing-only-wide{display:inline}}.landing-btn{--landing-btn-edge: var(--teal-dark);display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;font-family:var(--font-ui);font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 4px 0 var(--landing-btn-edge);transition:transform .08s,box-shadow .08s,background-color .15s,filter .15s}.landing-btn:hover{filter:brightness(1.06)}.landing-btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--landing-btn-edge)}.landing-btn--primary{background:var(--teal);color:#fff}.landing-btn--secondary{--landing-btn-edge: var(--c-c7ccf5);background:var(--card);color:var(--teal-dark);border:2px solid var(--c-c7ccf5)}.landing-btn--ghost{--landing-btn-edge: var(--c-d9def4);background:var(--card);color:var(--teal-dark);border:1.5px solid var(--c-d9def4)}.landing-btn--light{--landing-btn-edge: var(--c-2c258e);background:#fff;color:var(--teal-dark)}.landing-btn--sm{font-size:14px;padding:9px 12px;border-radius:12px;box-shadow:0 3px 0 var(--landing-btn-edge)}.landing-btn--sm:active{transform:translateY(3px)}.landing-btn--lg{font-size:17px;padding:15px 24px;min-height:54px}.landing-btn--block{width:100%;font-size:16px;padding:14px 20px}.landing-top{position:sticky;top:0;z-index:20;background:var(--cream);box-shadow:0 1px 0 var(--line)}.landing-top-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}.landing-brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none;border-radius:10px}.landing-brand-logo{display:block;height:34px;width:auto;max-width:160px;flex-shrink:0}.landing-brand-name{font-weight:800;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 419px){.landing-brand-logo{height:30px;max-width:112px}.landing-brand-name{display:none}}.landing-top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-bottom:3px}@media (max-width: 359px){.landing-top-actions .landing-btn--ghost svg{display:none}}.landing-hero{padding:28px 0 40px}.landing-hero-grid{display:grid;gap:36px}.landing-hero-copy{container-type:inline-size}@media (min-width: 600px) and (max-width: 767px){.landing-hero{padding:40px 0 48px}.landing-hero-copy{text-align:center}.landing-hero-copy .landing-lead{margin-left:auto;margin-right:auto}.landing-hero-copy .landing-cta{justify-content:center}}@media (min-width: 768px){.landing-hero{padding:48px 0 56px}.landing-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:32px;align-items:center}}@media (min-width: 900px){.landing-hero{padding:64px 0 72px}.landing-hero-grid{gap:56px}}.landing-eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--c-dfe2ff);color:var(--teal-dark);font-size:14px;font-weight:600}.landing-eyebrow svg{color:#d99a00;flex-shrink:0}.landing-title{margin:0;font-size:clamp(31px,3.6vw + 18px,54px);font-size:clamp(28px,10cqi,56px);line-height:1.14;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.landing-title mark{background:linear-gradient(transparent 64%,rgba(255,193,7,.5) 64%,rgba(255,193,7,.5) 92%,transparent 92%);color:var(--teal);padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.landing-lead{margin:16px 0 0;max-width:34em;font-size:17px;line-height:1.65;color:var(--landing-soft)}@media (min-width: 900px){.landing-lead{font-size:18.5px}}.landing-cta{display:flex;flex-direction:column;gap:14px;margin-top:28px}@media (min-width: 480px){.landing-cta{flex-direction:row;flex-wrap:wrap}}@media (min-width: 768px) and (max-width: 899px){.landing-hero-copy .landing-cta .landing-btn{flex:1 1 auto}}.landing-cta-note{margin:14px 0 0;font-size:14px;color:var(--landing-soft)}.landing-textlink{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-weight:700;font-size:15.5px;color:var(--teal-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--c-c7ccf5);border-radius:6px}.landing-textlink:hover{text-decoration-color:currentColor}.landing-hero-art{position:relative;max-width:460px;width:100%;margin:0 auto}@media (min-width: 768px){.landing-hero-art{margin:0 0 0 auto}}.landing-hero-art:before{content:"";position:absolute;top:-28px;right:-20px;bottom:-20px;left:-20px;border-radius:48% 52% 44% 56%/52% 44% 56% 48%;background:radial-gradient(circle at 30% 30%,var(--deco-wash),transparent 62%),radial-gradient(circle at 78% 72%,rgba(255,193,7,.16),transparent 58%);z-index:0}.landing-demo{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--landing-shadow)}.landing-demo-head{display:flex;align-items:center;gap:12px}.landing-demo-tag{flex-shrink:0;padding:4px 10px;border-radius:999px;background:var(--c-eef1ff);color:var(--teal-dark);font-size:12.5px;font-weight:700}.landing-demo-progress{flex:1;height:8px;border-radius:999px;background:var(--c-e7eaf3);overflow:hidden}.landing-demo-progress span{display:block;width:58%;height:100%;border-radius:inherit;background:var(--green)}.landing-demo-row{display:flex;align-items:flex-end;gap:8px}.landing-demo-row--me{justify-content:flex-end}.landing-demo-avatar{flex-shrink:0}.landing-demo-bubble{position:relative;padding:11px 14px;border-radius:18px 18px 18px 6px;background:var(--c-f2f4fa);border:1px solid var(--c-e2e6f1);font-size:14.5px;line-height:1.5;color:var(--ink)}.landing-demo-bubble--me{border-radius:18px 18px 6px;background:var(--teal);border-color:var(--teal);color:#fff}.landing-demo-voice{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-size:12px;font-weight:700;color:var(--teal)}.landing-demo-quiz{padding:14px;border-radius:18px;border:1.5px dashed var(--c-d9def4)}.landing-demo-q{font-size:14.5px;font-weight:600}.landing-demo-q-label{display:block;margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--landing-soft)}.landing-demo-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.landing-demo-opt{display:flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:8px 6px;border-radius:12px;background:var(--card);border:2px solid var(--line);box-shadow:0 2px 0 var(--line);font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap}.landing-demo-opt.is-right{background:var(--success-bg);border-color:var(--success);box-shadow:0 2px 0 var(--success);color:var(--success-dark)}.landing-section{padding:44px 0}@media (min-width: 900px){.landing-section{padding:80px 0}}.landing-section-head{max-width:640px;margin-bottom:26px}@media (min-width: 900px){.landing-section-head{margin-bottom:36px}}.landing-pill{display:inline-block;margin:0 0 12px;padding:5px 12px;border-radius:999px;background:#ffc10738;color:#7a5200;font-size:13px;font-weight:700;letter-spacing:.02em}.landing-pill--dark{background:var(--c-eef1ff);color:var(--teal-dark)}.landing-h2{margin:0;font-size:clamp(24px,1.6vw + 18px,36px);line-height:1.22;font-weight:800;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.landing-section-sub{margin:10px 0 0;font-size:16.5px;line-height:1.6;color:var(--landing-soft)}.landing-h3{margin:0;font-size:17.5px;line-height:1.35;font-weight:700;color:var(--ink)}.landing-card-body{margin:6px 0 0;font-size:15px;line-height:1.6;color:var(--landing-soft)}.landing-cards{list-style:none;margin:0;padding:0;display:grid;gap:16px}@media (min-width: 560px){.landing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1140px){.landing-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.landing-card{padding:22px 20px 24px;border-radius:var(--landing-radius);background:var(--card);border:1.5px solid var(--line);box-shadow:0 4px 0 var(--c-e2e6f1)}.landing-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:16px;border-radius:16px}.landing-icon--indigo{background:var(--c-eef1ff);color:var(--teal)}.landing-icon--sky{background:#e0f2fe;color:#0369a1}.landing-icon--green{background:#dcfce7;color:#15803d}.landing-icon--amber{background:#fef3c7;color:#b45309}.landing-teacher{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.landing-teacher-grid{display:grid;gap:32px}@media (min-width: 960px){.landing-teacher-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:start}}.landing-tools{list-style:none;margin:0;padding:0}.landing-tool{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.landing-tool:first-child{border-top:0;padding-top:0}.landing-tool:last-child{padding-bottom:0}.landing-tool .landing-h3{font-size:16.5px}.landing-tool-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--c-eef1ff);color:var(--teal-dark)}.landing-steps{padding:24px 20px;border-radius:24px;background:var(--teal);color:#fff;box-shadow:0 6px 0 var(--teal-dark)}@media (min-width: 960px){.landing-steps{position:sticky;top:88px;padding:28px}}.landing-steps-title{margin:0 0 18px;font-size:21px;line-height:1.3;font-weight:800;color:#fff}.landing-steps-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:16px}.landing-steps-list li{display:flex;gap:14px;align-items:flex-start}.landing-steps-list strong{display:block;font-size:16px;font-weight:700;line-height:1.4}.landing-steps-list span:not(.landing-step-num){display:block;margin-top:2px;font-size:14.5px;line-height:1.55;color:#ffffffe6}.landing-step-num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--teal-dark);font-weight:800;font-size:15px}.landing-steps-note{margin:18px 0 0;font-size:14px;line-height:1.55;color:#ffffffeb}.landing-steps-note a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.landing-steps a:focus-visible{outline-color:#fff}.landing-final{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:28px 20px 32px;border-radius:28px;background:var(--card);border:1.5px solid var(--line);box-shadow:0 4px 0 var(--c-e2e6f1)}.landing-final-copy{max-width:520px}.landing-final-cta{margin-top:4px;width:100%}@media (min-width: 480px){.landing-final-cta{justify-content:center}}@media (min-width: 900px){.landing-final{flex-direction:row;text-align:left;gap:24px;padding:28px 36px}.landing-final-copy{flex:1;max-width:none}.landing-final-cta{width:auto;margin-top:0;flex-wrap:nowrap}}.landing-final-mascot{flex-shrink:0}.landing-footer{padding:24px 0 32px;border-top:1px solid var(--line);font-size:14px;color:var(--landing-soft)}.landing-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}.landing-footer p{margin:0}.landing-footer-links{display:flex;flex-wrap:wrap;gap:8px 20px}.landing-footer-links a{color:var(--teal-dark);font-weight:600;text-decoration:none;border-radius:4px}.landing-footer-links a:hover{text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion: reduce){.landing-btn{transition:none}.landing-btn:active,.landing-btn--sm:active{transform:none}}