*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:#fff;color:#1e293b;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:#049af2;text-decoration:none}a:hover{text-decoration:underline}code{font-family:"SF Mono","Fira Code","Consolas",monospace;background:#f8fafc;padding:.2em .4em;border-radius:4px;font-size:.9em;border:1px solid #e2e8f0}pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px;overflow-x:auto}pre code{background:none;padding:0;border:none;color:inherit}.navbar{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;color:#1e293b;font-weight:600;font-size:1.25rem}.nav-logo:hover{text-decoration:none;color:#049af2}.nav-logo img{height:32px}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#64748b}.nav-links a:hover{color:#049af2;text-decoration:none}.nav-github{background:#049af2;color:#fff !important;padding:.5rem 1rem;border-radius:6px}.nav-github:hover{background:#037ac0}.hero{text-align:center;padding:6rem 1.5rem 3rem;background:linear-gradient(180deg, #f8fafc 0%, #fff 100%)}.hero-container{max-width:800px;margin:0 auto}.hero-logo{width:120px;height:auto;margin-bottom:1.5rem}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:#22202d}.hero-tagline{font-size:1.5rem;color:#22202d;margin-bottom:.5rem}.hero-description{font-size:1.125rem;color:#64748b;margin-bottom:1.5rem}.hero-badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.hero-badges a:hover{text-decoration:none}.hero-badges img{height:20px}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s}.btn:hover{text-decoration:none}.btn-primary{background:#049af2;color:#fff}.btn-primary:hover{background:#037ac0;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#1e293b;border:1px solid #e2e8f0}.btn-secondary:hover{border-color:#049af2;color:#049af2}.intro{padding:1rem 1.5rem 3rem;background:#fff}.intro-container{max-width:800px;margin:0 auto}.intro-text{font-size:1.125rem;color:#1e293b;text-align:center;margin-bottom:2rem;line-height:1.7}.key-features{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.key-features h3{color:#22202d;margin-bottom:1.25rem;font-size:1.25rem}.key-features ul{list-style:none;padding:0;margin:0}.key-features li{padding:.5rem 0;color:#1e293b;line-height:1.6}.key-features li strong{color:#049af2}.features{padding:4rem 1.5rem}.features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.feature{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.feature h3{color:#049af2;margin-bottom:.75rem;font-size:1.25rem}.feature p{color:#64748b}.foreword{padding:3rem 1.5rem;background:#fff}.foreword-container{max-width:800px;margin:0 auto;display:grid;gap:2rem}.audience h3,.philosophy h3{color:#22202d;font-size:1.25rem;margin-bottom:1rem}.audience p,.philosophy p{color:#1e293b;line-height:1.7;margin-bottom:1rem}.audience a,.philosophy a{color:#049af2}.philosophy ul{list-style:none;padding:0;margin:0}.philosophy li{padding:.75rem 0;padding-left:1.5rem;border-left:3px solid #049af2;margin-bottom:1rem;background:#f8fafc;padding:1rem 1.25rem;border-radius:0 8px 8px 0}.philosophy li strong{color:#22202d;display:block;margin-bottom:.5rem}.quickstart{padding:4rem 1.5rem;background:#f8fafc}.quickstart-container{max-width:700px;margin:0 auto}.quickstart-container h2{text-align:center;margin-bottom:2rem;font-size:2rem}.quickstart-container pre{font-size:1rem}.cta{padding:4rem 1.5rem;text-align:center}.cta-container{max-width:600px;margin:0 auto}.cta-container h2{font-size:2rem;margin-bottom:1rem}.cta-container p{color:#64748b;margin-bottom:2rem}.docs-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:2rem;padding:2rem 1.5rem;min-height:calc(100vh - 200px)}.docs-sidebar{position:sticky;top:80px;height:fit-content}.docs-nav{background:#f8fafc;border-radius:8px;padding:1rem;border:1px solid #e2e8f0}.docs-nav h4{color:#1e293b;margin-bottom:.75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.docs-nav h4 a{color:inherit}.docs-nav h4 a:hover{color:#049af2;text-decoration:none}.docs-nav ul{list-style:none}.docs-nav li{margin-bottom:.25rem}.docs-nav a{display:block;padding:.5rem .75rem;color:#64748b;border-radius:4px}.docs-nav a:hover{background:rgba(4,154,242,.1);color:#049af2;text-decoration:none}.docs-nav a.active{background:rgba(4,154,242,.15);color:#049af2}.docs-content{min-width:0}.docs-content h1{font-size:2.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.docs-content h2{font-size:1.75rem;margin-top:2.5rem;margin-bottom:1rem;color:#1e293b}.docs-content h3{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem;color:#1e293b}.docs-content p{margin-bottom:1rem}.docs-content ul,.docs-content ol{margin-bottom:1rem;padding-left:1.5rem}.docs-content li{margin-bottom:.5rem}.docs-content pre{margin-bottom:1.5rem}.docs-content blockquote{border-left:4px solid #049af2;padding-left:1rem;margin:1.5rem 0;color:#64748b;font-style:italic;background:#f8fafc;padding:1rem;border-radius:0 8px 8px 0}.docs-content table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.docs-content table th,.docs-content table td{padding:.75rem;border:1px solid #e2e8f0;text-align:left}.docs-content table th{background:#f8fafc;font-weight:600}.page-description{font-size:1.25rem;color:#64748b;margin-bottom:2rem}.page-meta{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.page-meta a{color:#64748b;font-size:.875rem}.page-meta a:hover{color:#049af2}.section-pages{margin-top:2rem}.section-pages ul{list-style:none;padding:0}.section-pages li{margin-bottom:.5rem}.section-pages a{display:block;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.section-pages a:hover{border-color:#049af2;text-decoration:none}.section-pages a span{color:#64748b;font-size:.875rem}.footer{margin-top:auto;background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem 1.5rem;text-align:center}.footer-container{max-width:1200px;margin:0 auto}.footer-container p{color:#64748b;font-size:.875rem;margin-bottom:.5rem}.footer-container p:last-child{margin-bottom:0}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero-buttons{flex-direction:column}.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static}}