:root{--foreground:#1a1a1a;--background:#ffffff;--accent:#4338ca;--accent-light:#eef2ff}*{box-sizing:border-box;padding:0;margin:0}body{color:var(--foreground);background:var(--background);font-family:system-ui,-apple-system,sans-serif;line-height:1.6}main{max-width:48rem;margin:0 auto;padding:4rem 1.5rem}main.landing{max-width:none;padding:0}.landing-wrap{max-width:1120px;margin:0 auto;padding:3.5rem 2.5rem 4.5rem}.landing-brand{font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,var(--accent),#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2.75rem}.hero{display:grid;grid-template-columns:1fr 1.05fr;grid-gap:3rem;gap:3rem;align-items:center}.hero-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.3rem .7rem;border-radius:999px;background:var(--accent-light);color:var(--accent)}.hero h1{font-size:3rem;line-height:1.06;font-weight:800;letter-spacing:-.025em;margin-top:1.1rem}.hero-grad{background:linear-gradient(135deg,var(--accent),#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:1.12rem;line-height:1.55;margin-top:1.1rem;color:#475569;max-width:30rem}.hero-ctas{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;margin-top:1.75rem}.hero-cta{font-weight:700;padding:.9rem 1.5rem;border-radius:.7rem;background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.hero-cta:focus-visible,.hero-cta:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px rgba(67,56,202,.5)}.hero-cta-secondary{font-weight:600;padding:.9rem 1rem;color:var(--accent);text-decoration:none}.hero-cta-secondary:focus-visible,.hero-cta-secondary:hover{text-decoration:underline}.hero-vision{font-size:.85rem;margin-top:1.6rem;color:#94a3b8}.hero-frame{border-radius:16px;background:#0f172a;padding:10px;box-shadow:0 30px 70px -25px rgba(15,23,42,.5)}.hero-frame-bar{display:flex;align-items:center;gap:6px;padding:8px 10px}.hero-frame-dot{width:10px;height:10px;border-radius:50%;background:#334155}.hero-frame-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;color:#94a3b8}.hero-frame-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.15)}.hero-demo{border-radius:10px;padding:1.25rem 1.4rem 1.4rem;background:radial-gradient(600px 260px at 30% -10%,#1e293b,#0f172a);color:#e2e8f0}.hero-demo .pmf-demo{position:relative}.hero-demo .pmf-lead{color:#94a3b8;font-size:.8rem;line-height:1.5;margin:0 0 1.1rem}.hero-demo .pmf-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.hero-demo .pmf-btn{background:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:8px;padding:.35rem .7rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.hero-demo .pmf-btn:hover:not([disabled]){border-color:#818cf8;color:#fff}.hero-demo .pmf-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.hero-demo .pmf-sliders{display:flex;flex-wrap:wrap;gap:1.1rem;margin-bottom:.9rem}.hero-demo .pmf-slider label{display:block;font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.hero-demo .pmf-slider output{color:#a5b4fc;font-family:ui-monospace,SF Mono,Menlo,monospace;margin-left:6px}.hero-demo .pmf-slider input[type=range]{width:180px;max-width:100%;vertical-align:middle;accent-color:var(--accent)}.hero-demo .pmf-stats{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:.75rem;font-size:.8rem;color:#94a3b8}.hero-demo .pmf-stats strong{color:#e2e8f0;font-family:ui-monospace,SF Mono,Menlo,monospace}.hero-demo .pmf-stats strong.mean-value{color:#a5b4fc}.hero-demo svg{display:block;width:100%;height:auto;overflow:visible}.hero-demo .axis text{fill:#64748b;font-size:11px}.hero-demo .axis line,.hero-demo .axis path{stroke:#334155}.hero-demo .axis-label{fill:#64748b;font-size:11px}.hero-demo .bar-pmf{fill:#6366f1}.hero-demo .bar-pmf.focused{fill:#a5b4fc}.hero-demo .pmf-mean-line{stroke:#a5b4fc;stroke-width:2;stroke-dasharray:4 3}.hero-demo .pmf-mean-label{fill:#a5b4fc;font-size:11px;font-weight:700}.hero-demo .pmf-tip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-100%);background:#0b0f19;border:1px solid #818cf8;border-radius:6px;padding:6px 10px;font-size:.7rem;color:#e2e8f0;white-space:nowrap;z-index:5;transition:opacity .12s}.hero-demo .pmf-tip.show{opacity:1}.hero-demo .pmf-fail{color:#ff7a90;font-size:.85rem}@media (prefers-reduced-motion:reduce){.hero-demo .pmf-btn,.hero-demo .pmf-tip{transition:none}}.how-it-works{margin-top:4.5rem}.how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.how-step{display:flex;gap:.9rem;align-items:flex-start}.how-step-num{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;color:var(--accent);background:var(--accent-light)}.how-step h3{font-size:1rem;font-weight:700}.how-step p{margin-top:.2rem;font-size:.9rem;color:#64748b}.class-menu{margin-top:4.5rem}.class-menu h2{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:1rem}.class-menu ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.class-menu a{display:block;color:inherit;font-weight:600;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:.75rem;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.class-menu a:focus-visible,.class-menu a:hover{border-color:var(--accent);background-color:var(--accent-light);transform:translateY(-1px)}.class-menu .class-title{display:block}.class-menu .class-subline{display:block;margin-top:.2rem;font-size:.82rem;font-weight:500;color:#64748b}@media (max-width:860px){.landing-wrap{padding:2.5rem 1.5rem 3.5rem}.hero{grid-template-columns:1fr;gap:2rem}.hero h1{font-size:2.4rem}.how-steps{grid-template-columns:1fr;gap:1.25rem}}