:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;width:100vw;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.landing-root{min-height:100vh;background:#fff;color:#222;font-family:Inter,Arial,sans-serif}.landing-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}@media (min-width: 768px){.landing-title{font-size:3rem}}.landing-subtitle{font-size:1.125rem;margin-bottom:2rem}.landing-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0e5096;color:#fff;text-align:center}@media (min-width: 1180px){.landing-hero{flex-direction:row;align-items:flex-end;justify-content:center;text-align:left;gap:80px;min-height:600px}}.landing-hero-content{max-width:40rem;display:flex;padding:80px 32px;flex-direction:column;justify-content:center}@media (min-width: 1180px){.landing-hero-content{flex:1;padding:80px 32px}}.landing-hero-visual{display:none}@media (min-width: 1180px){.landing-hero-visual{display:block;flex:1;max-width:480px}}.landing-action-btn{display:inline-block;padding:12px 24px;background:#2cb38d;color:#fff;border-radius:16px;font-size:1.125rem;text-decoration:none;transition:background .2s,color .2s;width:fit-content;margin:0 auto}@media (min-width: 1180px){.landing-action-btn{margin:0}}.landing-action-btn:hover{background:#239874;color:#e5e7eb}.example-image{width:100%;border-radius:.75rem;box-shadow:0 2px 8px #00000014}.landing-hero-bg{position:absolute;top:60px;bottom:0;right:100px;width:220px;background:#cfebff;border-radius:1rem;box-shadow:0 8px 32px #00000014;display:none}@media (min-width: 768px){.landing-hero-bg{display:block}}.landing-features{padding:64px 32px;background:#fff}.landing-features-grid{display:grid;grid-template-columns:1fr;gap:32px;text-align:center}@media (min-width: 768px){.landing-features-grid{grid-template-columns:repeat(3,1fr)}}.landing-feature{display:flex;flex-direction:column;align-items:center}.landing-feature-icon{background:#dbeafe;color:#2563eb;border-radius:9999px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.svg-24{width:24px;height:24px}.landing-feature-title{font-weight:600;font-size:1.125rem;margin-bottom:8px}.landing-feature-desc{font-size:.95rem;color:#64748b}.landing-how{padding:80px 32px;background:#f9fafb}.landing-how-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:48px}.landing-how-grid{max-width:64rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px;text-align:center}@media (min-width: 768px){.landing-how-grid{grid-template-columns:repeat(3,1fr)}}.landing-how-step{display:flex;flex-direction:column;align-items:center}.landing-how-step-num{color:#fff;background:#2563eb;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:9999px;margin-bottom:16px;font-weight:700;font-size:1.125rem}.landing-how-step-title{font-weight:600;font-size:1.125rem;margin-bottom:8px}.landing-how-step-desc{font-size:.95rem;color:#334155}.container{font-family:inherit}.step{display:flex;flex-direction:column;align-items:center}.step-circle{color:#fff;background:#2563eb;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:16px;font-weight:700;font-size:1.125rem}.step-title{font-weight:600;font-size:1.125rem;margin-bottom:8px}.step-desc{font-size:.875rem;color:#374151}.examples-section{padding:80px 32px;background:#fff}.section-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:48px}.examples-grid{max-width:96rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.examples-grid{grid-template-columns:repeat(3,1fr)}}.example-card{display:flex;flex-direction:column;align-items:center}.example-image{border-radius:.75rem;box-shadow:0 2px 8px #00000014;width:100%;max-width:320px}.example-title{font-weight:600;font-size:1.125rem}.pricing-section{padding:80px 32px;background:#f9fafb}.pricing-grid{max-width:96rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{border:1px solid #e5e7eb;border-radius:.75rem;padding:24px;box-shadow:0 1px 4px #00000008;text-align:center;background:#fff}.pricing-card--highlighted{background:#eff6ff;box-shadow:0 4px 16px #2563eb14}.pricing-title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.pricing-price{font-size:2rem;color:#2563eb;font-weight:600;margin-bottom:16px}.pricing-list{font-size:.875rem;color:#374151;list-style:none;padding:0;margin-bottom:16px}.footer{padding:24px 0;text-align:center;font-size:.875rem;color:#6b7280;background:#f3f4f6}.footer-link{text-decoration:underline;margin:0 8px;color:inherit}