@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bg-base:#fff;--bg-surface:#f8fafc;--bg-elevated:#f1f5f9;--primary:#0f172a;--primary-muted:#475569;--accent:#d97706;--accent-light:#fef3c7;--border:1px solid #e2e8f0;--border-muted:1px solid #f1f5f9;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--section-pad:96px 0;--container-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--primary);letter-spacing:-.01em;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 32px}.section{padding:var(--section-pad);border-bottom:var(--border)}h1,h2,h3,h4{color:var(--primary);letter-spacing:-.03em;font-weight:800;line-height:1.15}p{color:var(--primary-muted);letter-spacing:-.01em}.section-header{margin-bottom:64px}.section-header.centered{text-align:center;flex-direction:column;align-items:center;display:flex}.section-badge{background:var(--bg-surface);border:var(--border);color:var(--primary-muted);text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.section-title{max-width:800px;margin-bottom:16px;font-size:clamp(32px,4vw,44px)}.section-desc{color:var(--primary-muted);max-width:600px;font-size:16px;line-height:1.6}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:#1e293b}.btn-secondary{color:var(--primary);border:var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000005}.btn-secondary:hover{background:var(--bg-surface)}.hero-frame{height:560px}@media (max-width:768px){.hero-frame{height:480px!important}:root{--section-pad:64px 0}.container{padding:0 20px!important}.section{padding:var(--section-pad)!important}.section-title{font-size:clamp(28px,6vw,36px)!important}.section-desc{font-size:15px!important}.md-col{flex-direction:column!important}.md-col-reverse{flex-direction:column-reverse!important}.md-grid-1{grid-template-columns:1fr!important}.md-grid-2{grid-template-columns:repeat(2,1fr)!important}.md-hide{display:none!important}.md-block{display:block!important}.md-flex{display:flex!important}.md-text-center{text-align:center!important}.md-text-left{text-align:left!important}.md-p-4{padding:16px!important}.md-p-6{padding:24px!important}.md-border-none{border:none!important}.md-border-bottom{border-bottom:var(--border)!important;border-right:none!important}.md-w-full{width:100%!important}.md-h-auto{height:auto!important}.md-overflow-x{padding-bottom:16px!important;overflow-x:auto!important}}