*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0F1117;--color-card: #171A22;--color-blue: #4D7CFE;--color-orange: #FF8A3D;--color-purple: #764ba2;--color-purple-light: #667eea;--color-white: #ffffff;--color-text-muted: rgba(255, 255, 255, .6);--color-text-faint: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .06);--color-border-soft: rgba(255, 255, 255, .08);--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--section-pad: 4rem 2rem;--max-w: 1100px;--max-w-wide: 1200px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition: .2s ease}html{scroll-behavior:smooth}body{font-family:var(--font-base);background-color:var(--color-bg);color:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section{padding:var(--section-pad);max-width:var(--max-w);margin:0 auto}.section-header{text-align:center;margin-bottom:2.5rem}.section-label{font-size:.72rem;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem}.section-title{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.8rem;line-height:1.15}.section-subtitle{color:var(--color-text-muted);max-width:560px;margin:0 auto;font-size:1rem}.nav{position:fixed;top:0;width:100%;background:#0f1117e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border-soft);z-index:1000;padding:.85rem 0}.nav-container{max-width:var(--max-w-wide);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.35rem;font-weight:700;color:var(--color-white);text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-logo-img{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:var(--radius-sm);display:block}.nav-links{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:color var(--transition)}.nav-links a:hover{color:var(--color-white)}.hero{margin-top:70px;padding:4rem 2rem 3rem;text-align:center;background:radial-gradient(ellipse at top,rgba(102,126,234,.13) 0%,transparent 62%)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;background:#ffffff0a;border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);font-size:.7rem;color:var(--color-text-muted);margin-bottom:1.8rem;letter-spacing:.07em;text-transform:uppercase}.hero h1{font-size:3.8rem;font-weight:800;line-height:1.05;margin-bottom:1.3rem;letter-spacing:-.025em}.hero h1 .highlight{background:linear-gradient(135deg,var(--color-purple-light) 0%,var(--color-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.15rem;color:var(--color-text-muted);max-width:560px;margin:0 auto 2rem;line-height:1.55}.hero-buttons{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.72rem 1.45rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;transition:transform var(--transition),background var(--transition);font-size:.95rem}.btn-primary{background:var(--color-white);color:#000}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:#ffffff0f;color:var(--color-white);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a}.card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.4rem;transition:background var(--transition),transform var(--transition)}.card:hover{background:#ffffff0d;transform:translateY(-3px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.feature-icon{font-size:1.8rem;margin-bottom:.85rem}.feature-card h3{font-size:1.05rem;font-weight:600;margin-bottom:.45rem}.feature-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.now-building{background:#ffffff05;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;text-align:center}.now-building h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--color-white)}.now-building-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.building-tag{padding:.4rem .85rem;background:#667eea24;border:1px solid rgba(102,126,234,.28);border-radius:var(--radius-xl);font-size:.8rem;color:#a5b4fc;font-weight:500}.build-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.8rem;flex-wrap:wrap}.build-badge{padding:.22rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600}.badge-experiment{background:#f59e0b26;color:#f59e0b}.badge-shipped{background:#10b98126;color:#10b981}.badge-discovery{background:#6366f126;color:#6366f1}.build-time{font-size:.78rem;color:var(--color-text-faint)}.build-card h3{font-size:1.05rem;font-weight:600;margin-bottom:.45rem}.build-card p{color:var(--color-text-muted);font-size:.88rem;line-height:1.5;margin-bottom:.8rem}.progress-bar{height:4px;background:#ffffff12;border-radius:3px;overflow:hidden;margin:.8rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-purple-light) 0%,var(--color-purple) 100%);border-radius:3px}.build-links{display:flex;gap:.6rem;margin-bottom:.8rem;flex-wrap:wrap}.build-link{padding:.38rem .8rem;background:#ffffff0f;border-radius:5px;text-decoration:none;font-size:.78rem;color:#fffc;transition:background var(--transition)}.build-link:hover{background:#ffffff1f}.build-tags,.tech-stack{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.build-tag,.tech-tag{padding:.2rem .6rem;background:#ffffff0a;border-radius:4px;font-size:.7rem;color:var(--color-text-faint)}.knowledge-type{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--color-text-faint);margin-bottom:.6rem}.knowledge-card h3{font-size:1.05rem;font-weight:600;margin-bottom:.45rem}.knowledge-card p{color:var(--color-text-muted);font-size:.88rem;line-height:1.5}.knowledge-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--color-border)}.knowledge-tags{display:flex;gap:.4rem;flex-wrap:wrap}.knowledge-tag{font-size:.7rem;color:var(--color-text-faint)}.knowledge-link{color:var(--color-purple-light);text-decoration:none;font-size:.8rem;font-weight:600;white-space:nowrap;transition:color var(--transition)}.knowledge-link:hover{color:var(--color-blue)}.kits-divider{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--color-border-soft);text-align:center}.kits-divider h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.kits-divider p{color:var(--color-text-muted);margin-bottom:1.8rem}.kits-grid{max-width:600px;margin:0 auto}.highlight-card{border-color:#667eea4d;background:#667eea0d}.kit-features{display:flex;flex-direction:column;gap:.35rem;margin:.8rem 0;font-size:.85rem;color:#ffffffb3;text-align:left}.cta-section{padding:5rem 2rem;text-align:center;background:radial-gradient(ellipse at center,rgba(102,126,234,.08) 0%,transparent 70%)}.builder-note{max-width:580px;margin:0 auto 2.5rem;padding:1.3rem 1.5rem;background:#ffffff08;border-left:3px solid var(--color-purple-light);border-radius:0 var(--radius-md) var(--radius-md) 0;text-align:left}.note-badge{font-size:.7rem;color:var(--color-purple-light);font-weight:600;margin-bottom:.6rem;display:block;letter-spacing:.05em;text-transform:uppercase}.builder-note p{font-size:1rem;color:#fffc;font-style:italic;line-height:1.6}.cta-section h2{font-size:2.3rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.cta-section>p{color:var(--color-text-muted);margin-bottom:2rem}.cta-list{display:flex;flex-direction:column;gap:.65rem;max-width:360px;margin:0 auto 2rem;text-align:left}.cta-item{display:flex;align-items:center;gap:.65rem;color:#fffc;font-size:.95rem}.cta-check{color:#10b981;font-weight:700}.cta-button{display:inline-block;background:var(--color-white);color:#000;padding:.82rem 2rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;margin-bottom:1.2rem;font-size:.95rem;transition:transform var(--transition)}.cta-button:hover{transform:translateY(-2px)}.cta-stats{font-size:.8rem;color:var(--color-text-faint)}.footer{padding:2.5rem 2rem;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-faint);font-size:.8rem}.footer-links{display:flex;gap:1.6rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.footer-links a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--color-white)}.footer p+p{margin-top:.3rem}@media(max-width:768px){.hero h1{font-size:2.6rem}.hero-description{font-size:1rem}.nav-links{gap:.9rem}.nav-links a{font-size:.8rem}.section-title{font-size:1.8rem}.card-grid{grid-template-columns:1fr}.cta-section h2{font-size:1.9rem}.hero{padding:3rem 1.5rem 2.5rem}.section{padding:3rem 1.5rem}}@media(max-width:480px){.hero h1{font-size:2.2rem}.hero-buttons{flex-direction:column;align-items:center}.nav-links{gap:.6rem}}