:root{--color-brand-50: #eef2ff;--color-brand-100: #e0e7ff;--color-brand-200: #c7d2fe;--color-brand-300: #a5b4fc;--color-brand-400: #818cf8;--color-brand-500: #6366f1;--color-brand-600: #4f46e5;--color-brand-700: #4338ca;--color-brand-800: #3730a3;--color-brand-900: #312e81;--color-brand-950: #1e1b4b;--color-accent-400: #fb923c;--color-accent-500: #f97316;--color-accent-600: #ea580c;--color-bg: #ffffff;--color-bg-subtle: #f9fafb;--color-text: #111827;--color-text-muted: #6b7280;--color-border: #e5e7eb;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #030712;--color-bg-subtle: #111827;--color-text: #f9fafb;--color-text-muted: #9ca3af;--color-border: #1f2937}}.dark{--color-bg: #030712;--color-bg-subtle: #111827;--color-text: #f9fafb;--color-text-muted: #9ca3af;--color-border: #1f2937}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2;letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,var(--color-brand-500) 0%,var(--color-brand-400) 40%,var(--color-accent-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}code,pre{font-family:var(--font-mono)}.code-window{border-radius:var(--radius-2xl);overflow:hidden}.code-window pre{margin:0;padding:0;overflow-x:auto;white-space:pre;-webkit-overflow-scrolling:touch}.code-window pre::-webkit-scrollbar{height:5px}.code-window pre::-webkit-scrollbar-track{background:transparent}.code-window pre::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:999px}.code-window pre::-webkit-scrollbar-thumb:hover{background:#6366f180}.code-tab{color:#6b7280;transition:all var(--transition-base);cursor:pointer;border:none;background:transparent}.code-tab:hover{color:#111827;background-color:#e5e7eb}.dark .code-tab:hover{color:#f9fafb;background-color:#1f2937}.code-tab.active{background-color:#fff;color:var(--color-brand-600);box-shadow:0 1px 3px #0000001a}.dark .code-tab.active{background-color:#1f2937;color:var(--color-brand-400)}.code-tab+.code-tab,div:has(.code-tab)+.code-window{border-top-left-radius:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.feature-card{transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.feature-card:hover{transform:translateY(-2px)}.pricing-card{transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-slow)}.pricing-card:hover{transform:translateY(-3px)}nav{transition:background-color var(--transition-base)}::-moz-selection{background-color:var(--color-brand-200);color:var(--color-brand-900)}::selection{background-color:var(--color-brand-200);color:var(--color-brand-900)}.dark ::-moz-selection{background-color:var(--color-brand-800);color:var(--color-brand-100)}.dark ::selection{background-color:var(--color-brand-800);color:var(--color-brand-100)}section:first-of-type{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(99,102,241,.12) 0%,transparent 70%)}.dark section:first-of-type{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(99,102,241,.18) 0%,transparent 70%)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.animate-pulse{animation:pulse-dot 2s ease-in-out infinite}.copy-btn.copied{color:#10b981}@media(max-width:640px){h1{font-size:2.5rem!important;line-height:1.1!important}.text-5xl{font-size:2.5rem}.code-window{border-radius:var(--radius-lg)}}@media print{.reveal{opacity:1;transform:none}nav,footer{display:none}}