:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#fd954f;--primary-hover:#f28747;--primary-dark:#c05c2f;--on-primary:#fff;--background:#fff;--surface-warm:#f5f5f0;--surface:#f9f9f9;--surface-elevated:#fff;--foreground:#2c2c2e;--foreground-strong:#1c1c1e;--muted:#8e8e93;--border:#e5e5ea;--dark-background:#1a1d2b;--dark-surface:#20243a;--dark-panel:#2a2d42;--transcript-background:#1c202e;--transcript-assistant:#2a2d42;--transcript-user:#283046;--dark-foreground:#f9f9f9;--dark-muted:#aeaeb2;--dark-border:#3a3a3c;--success:#22c55e;--danger:#ef4444;--info:#60a5fa;--warning:#f59e0b;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100%;color:var(--foreground);background:linear-gradient(180deg, #fd954f1f, #fff0 440px), linear-gradient(90deg, #f5f5f0db, #fff0 48%), var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}.topbar,.section,.footer{width:min(1120px,100% - 32px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.brand{color:var(--foreground-strong);align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--primary);width:36px;height:36px;color:var(--on-primary);place-items:center;font-weight:900;display:grid;box-shadow:0 10px 26px #fd954f47}.nav{color:var(--muted);align-items:center;gap:18px;font-size:14px;display:flex}.button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);min-height:48px;color:var(--foreground-strong);justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:700;line-height:1.2;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.button:hover{border-color:#fd954f7a;transform:translateY(-1px)}.button.primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.button.primary:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:48px;padding:64px 0 48px;display:grid}.eyebrow{border-radius:var(--radius-full);background:var(--dark-panel);min-height:28px;color:var(--primary);align-items:center;margin:0 0 16px;padding:0 10px;font-size:12px;font-weight:600;line-height:1.35;display:inline-flex}h1{max-width:780px;color:var(--foreground-strong);letter-spacing:0;margin:0;font-size:clamp(42px,7vw,64px);font-weight:800;line-height:1}.lede{max-width:680px;color:var(--muted);margin:24px 0 0;font-size:18px;font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.conversation{border:1px solid var(--dark-border);border-radius:var(--radius-xl);background:radial-gradient(circle at 24% 0%, #fd954f33, transparent 34%), linear-gradient(180deg, #23263a, var(--transcript-background));overflow:hidden;box-shadow:0 28px 80px #1a1d2b40}.conversation-head{color:var(--dark-muted);border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:12px;padding:18px 20px;font-size:12px;font-weight:600;line-height:1.35;display:flex}.conversation-body{gap:16px;padding:20px;display:grid}.bubble{border-radius:var(--radius-lg);max-width:88%;color:var(--dark-foreground);padding:18px 20px;line-height:1.6}.bubble.tutor{background:linear-gradient(180deg, var(--transcript-assistant), #23263a)}.bubble.learner{background:linear-gradient(180deg, var(--transcript-user), #1f2536);justify-self:end}.feedback{border:1px solid #fd954f59;border-left:4px solid var(--primary);border-radius:var(--radius-md);color:var(--dark-foreground);background:#fd954f1f;padding:14px 16px;font-size:14px;line-height:1.5}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);padding:24px;box-shadow:0 16px 48px #1c1c1e0f}.panel h2,.panel h3{color:var(--foreground-strong);letter-spacing:0;margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.25}.panel p,.panel li{color:var(--muted);line-height:1.6}.panel ul{margin:12px 0 0;padding-left:20px}.correction-panel{align-content:start;gap:8px;display:grid}.correction-panel p{margin:0}.correction-label{color:var(--foreground-strong);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.correction-note{border-left:3px solid var(--primary);margin-top:6px;padding-left:12px}.section{padding:40px 0}.section-title{max-width:760px;margin-bottom:18px}.section-title h2{color:var(--foreground-strong);letter-spacing:0;margin:0;font-size:32px;font-weight:800;line-height:1.18}.section-title p{color:var(--muted);margin:10px 0 0;font-size:18px;line-height:1.6}.footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:18px;padding:36px 0 48px;font-size:14px;display:flex}@media (max-width:820px){.topbar,.footer{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap}.hero,.grid{grid-template-columns:1fr}h1{font-size:44px}}