:root{--bg:#ffffff;--text:#0f172a;--muted:#475569;--surface:#ffffff;--border:#e2e8f0;--brand:#059669;--brand-dark:#047857;--teal:#0d9488;--blue:#2563eb;--amber:#d97706;--dark:#0f172a;--brand-contrast:#ffffff}*{box-sizing:border-box}body{margin:0;font-family:Inter,segoe ui,Roboto,Arial,sans-serif;line-height:1.6;color:var(--text);background:linear-gradient(to bottom,#f8fafc 0%,#ffffff 24%)}.container{width:min(1240px,92%);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0}.brand{font-weight:600;font-size:1.2rem;letter-spacing:-.01em;color:var(--text);text-decoration:none}.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:1.15rem}.nav-list a{color:#1f2937;text-decoration:none;font-weight:600}.nav-list a:hover{color:var(--text)}main.container{padding:3rem 0 4rem}.landing{display:block}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:2.4rem 0 3.5rem}h1,h2,h3{line-height:1.3;letter-spacing:-.03em}h1{margin:.7rem 0 1rem;font-size:clamp(2.2rem,5vw,3.85rem);font-weight:800;line-height:1.05}.verb-clip{display:inline-block;position:relative;overflow:visible;clip-path:inset(0 0 -.15em 0);white-space:nowrap;vertical-align:baseline;transition:width .24s ease}.verb-word{display:inline-block;border-bottom:.11em solid #059669;padding-bottom:.01em;transform:translateX(0);transition:transform .42s ease}.verb-next{position:absolute;top:0;left:0;transform:translateX(108%)}.verb-word.slide-out{transform:translateX(-108%)}.verb-word.slide-in{transform:translateX(0)}h2{margin:0 0 .75rem;font-size:clamp(1.9rem,4vw,3rem);font-weight:800}h3{margin:0 0 .45rem;font-size:1.25rem;font-weight:700}.lead{color:var(--muted);font-size:1.25rem;max-width:62ch;margin-inline:auto}.chip{display:inline-block;background:#ecfdf5;color:var(--brand-dark);border-radius:999px;padding:.5rem .9rem;font-size:.9rem;font-weight:600}.caption{color:#64748b;font-size:.9rem;margin-top:.9rem}.hero-media{position:relative}.hero-glow{position:absolute;inset:0;border-radius:1.5rem;background:linear-gradient(135deg,#34d399,#14b8a6);filter:blur(58px);opacity:.2;transform:scale(.94);z-index:0}.hero-image{position:relative;z-index:1;width:100%;height:auto;display:block;border-radius:1rem;box-shadow:0 20px 40px rgba(15,23,42,.2)}.cta-group{margin-top:1.4rem;margin-bottom:0}.btn{display:inline-block;padding:.9rem 1.5rem;border-radius:.65rem;text-decoration:none;font-weight:700;border:1px solid transparent;transition:all .2s ease}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(5,150,105,.28)}.btn-primary:hover{background:var(--brand-dark)}.btn-light{background:#fff;color:var(--brand-dark);box-shadow:0 16px 34px rgba(15,23,42,.22)}.btn-light:hover{background:#ecfdf5}.btn-dark{background:var(--dark);color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.2)}.btn-dark:hover{background:#1f2937}.section-space{padding:3.8rem 0}.section-center{text-align:center}.section-intro{color:var(--muted);margin-bottom:1.25rem}.section-lead{font-size:1.2rem;margin:0 auto}.card-grid{display:grid;gap:1.25rem}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--border);border-radius:.8rem;padding:1.7rem;transition:all .2s ease}.card p{margin:0;color:var(--muted)}.card-icon{width:2.2rem;height:2.2rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.9rem}.card-icon svg{width:1.18rem;height:1.18rem}.icon-teachers{background:#d1fae5;color:#059669}.icon-creators{background:#ccfbf1;color:#0f766e}.icon-coders{background:#dbeafe;color:#2563eb}.icon-coaches{background:#fef3c7;color:#b45309}.role-teachers:hover{border-color:#6ee7b7;box-shadow:0 12px 26px rgba(15,23,42,8%)}.role-creators:hover{border-color:#5eead4;box-shadow:0 12px 26px rgba(15,23,42,8%)}.role-coders:hover{border-color:#93c5fd;box-shadow:0 12px 26px rgba(15,23,42,8%)}.role-coaches:hover{border-color:#fcd34d;box-shadow:0 12px 26px rgba(15,23,42,8%)}.feature-panel{background:linear-gradient(135deg,#059669,#0d9488);border-radius:1.5rem;color:#fff;padding:2.8rem;position:relative;overflow:hidden}.feature-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1),transparent)}.feature-panel-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr 1fr;gap:2rem;align-items:center}.feature-copy{color:#ecfdf5;font-size:1.2rem;margin:0 0 1rem}.bullet-list{margin:0;padding-left:1.2rem}.bullet-list li{margin-bottom:.4rem;font-size:1.08rem}.feature-cta-wrap{text-align:center}.final-heading{font-size:clamp(1.75rem,3.4vw,2.3rem)}.content{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.4rem}.meta{color:var(--muted);font-size:.92rem}.post-list{list-style:none;margin:1rem 0 0;padding:0}.post-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:.65rem 0}.site-footer{background:#0f172a;color:#94a3b8;font-size:.9rem;padding:2.2rem 0;border-top:none}.site-footer a{color:#94a3b8;text-decoration:underline}.site-footer a:hover{color:#cbd5e1}@media(max-width:760px){.header-inner{flex-direction:column;gap:.65rem}.four-col,.card-grid,.feature-panel-inner{grid-template-columns:1fr}.hero-grid,.section-space{padding:2rem 0}h1{font-size:2rem}.lead{font-size:1.05rem}.feature-panel{padding:1.45rem}}