.o8u-marketing{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);min-height:100vh}.o8u-marketing-nav{z-index:50;-webkit-backdrop-filter:blur(12px);background:color-mix(in oklab, var(--color-background) 82%, transparent);border-bottom:1px solid var(--color-border);position:sticky;top:0}.o8u-marketing-nav-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1180px;height:68px;margin:0 auto;padding:0 32px;display:flex}.o8u-marketing-wordmark{color:var(--color-foreground);letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.o8u-marketing-wordmark-icon{background:linear-gradient(135deg, var(--color-gradient-from), var(--color-gradient-to));border-radius:8px;width:26px;height:26px;display:block}.o8u-marketing-nav-right,.o8u-marketing-nav-anchors{align-items:center;gap:28px;display:flex}.o8u-marketing-nav-link{color:var(--color-muted-foreground);font-size:14px;text-decoration:none}.o8u-marketing-nav-link:hover{color:var(--color-foreground)}.o8u-marketing-btn{border-radius:var(--radius-lg);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.o8u-marketing-btn--sm{height:36px;padding:0 14px;font-size:13px}.o8u-marketing-btn--lg{height:44px;padding:0 22px;font-size:15px}.o8u-marketing-btn--primary{background:var(--color-primary);color:var(--color-primary-foreground);border:1px solid #0000}.o8u-marketing-btn--primary:hover{background:color-mix(in oklab, var(--color-primary) 90%, black)}.o8u-marketing-btn--outline{color:var(--color-foreground);border:1px solid var(--color-border);background:0 0}.o8u-marketing-btn--outline:hover{background:var(--color-accent)}.o8u-marketing-btn--secondary{background:var(--color-secondary);color:var(--color-secondary-foreground);border:1px solid #0000}.o8u-marketing-btn--secondary:hover{background:color-mix(in oklab, var(--color-secondary) 85%, transparent)}.o8u-marketing-hero{max-width:1180px;margin:0 auto;padding:112px 32px 64px}.o8u-marketing-hero-inner{flex-direction:column;gap:28px;max-width:800px;display:flex}.o8u-marketing-badge{background:var(--color-secondary);width:fit-content;color:var(--color-secondary-foreground);border-radius:999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.o8u-marketing-headline{font-family:var(--font-heading);letter-spacing:-.035em;margin:0;font-size:76px;font-weight:600;line-height:1.02}.o8u-marketing-headline-muted{color:var(--color-muted-foreground)}.o8u-marketing-subline{color:var(--color-muted-foreground);max-width:560px;margin:0;font-size:21px;line-height:1.5}.o8u-marketing-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;padding-top:4px;display:flex}.o8u-marketing-demo{max-width:1180px;margin:0 auto;padding:0 32px 128px}.o8u-marketing-demo-inner{flex-direction:column;gap:14px;display:flex}.o8u-marketing-demo-toolbar{align-items:center;gap:8px;display:flex}.o8u-marketing-demo-toggle{color:var(--color-foreground);font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;padding:7px 14px;font-size:13px;font-weight:500}.o8u-marketing-demo-toggle[aria-pressed=true]{background:var(--color-secondary);border-color:var(--color-border);color:var(--color-secondary-foreground)}.o8u-marketing-demo-toggle:hover{background:var(--color-accent)}.o8u-marketing-demo-toggle:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.o8u-marketing-demo-caption{color:var(--color-muted-foreground);margin-left:auto;font-size:13px}.o8u-marketing-demo-window{border:1px solid var(--color-border);background:var(--color-card);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.o8u-marketing-demo-chrome{border-bottom:1px solid var(--color-border);background:var(--color-muted);align-items:center;gap:8px;padding:12px 16px;display:flex}.o8u-marketing-demo-dot{background:var(--color-border);border-radius:999px;width:10px;height:10px}.o8u-marketing-demo-url{font-family:var(--font-mono);color:var(--color-muted-foreground);margin-left:12px;font-size:12px}.o8u-marketing-demo-body{padding:28px 32px;overflow-x:auto}.o8u-marketing-demo-body .o8u-canvas{background:0 0;min-height:0}.o8u-marketing-demo-body .o8u-surface{max-width:none;margin:0;padding:0}.o8u-marketing-demo-app{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;display:grid}.o8u-marketing-demo-table-wrap{overflow-x:auto}.o8u-marketing-demo-form-fields{flex-direction:column;gap:16px;display:flex}.o8u-marketing-demo-field{flex-direction:column;gap:6px;display:flex}.o8u-marketing-demo-form-actions{gap:10px;padding-top:4px;display:flex}.o8u-marketing-how{max-width:1180px;margin:0 auto;padding:64px 32px 128px}.o8u-marketing-how-inner{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;display:grid}.o8u-marketing-how-steps{flex-direction:column;gap:40px;padding-top:8px;display:flex}.o8u-marketing-how-heading{font-family:var(--font-heading);letter-spacing:-.03em;margin:0;font-size:44px;font-weight:600;line-height:1.08}.o8u-marketing-how-steps-list{flex-direction:column;gap:28px;margin:0;padding:0;list-style:none;display:flex}.o8u-marketing-how-step{grid-template-columns:40px 1fr;gap:16px;display:grid}.o8u-marketing-how-step-number{font-family:var(--font-mono);color:var(--color-primary);padding-top:3px;font-size:13px}.o8u-marketing-how-step-body{flex-direction:column;gap:6px;display:flex}.o8u-marketing-how-step-title{margin:0;font-size:18px;font-weight:600}.o8u-marketing-how-step-description{color:var(--color-muted-foreground);margin:0;font-size:15px;line-height:1.6}.o8u-marketing-how-panel{border-radius:var(--radius-xl);border:1px solid var(--color-border-dark);background:var(--color-background-dark);box-shadow:var(--shadow-lg);overflow:hidden}.o8u-marketing-how-panel-header{border-bottom:1px solid var(--color-border-dark);font-family:var(--font-mono);color:var(--color-muted-foreground-dark);padding:12px 18px;font-size:12px}.o8u-marketing-how-panel-body{flex-direction:column;gap:18px;padding:24px 22px;display:flex}.o8u-marketing-how-line{flex-direction:column;gap:4px;margin:0;display:flex}.o8u-marketing-how-line-speaker{font-family:var(--font-mono);color:var(--color-primary-dark);font-size:12px;font-weight:500}.o8u-marketing-how-line-text{color:var(--color-foreground-dark);font-size:14.5px;line-height:1.6}.o8u-marketing-section-heading{font-family:var(--font-heading);letter-spacing:-.03em;max-width:620px;margin:0;font-size:44px;font-weight:600;line-height:1.08}.o8u-marketing-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.o8u-marketing-features{max-width:1180px;margin:0 auto;padding:128px 32px 0}.o8u-marketing-features-inner{flex-direction:column;gap:44px;display:flex}.o8u-marketing-card-title{font-size:18px}.o8u-marketing-card-description{margin-top:6px}.o8u-marketing-examples{max-width:1180px;margin:0 auto;padding:128px 32px 0}.o8u-marketing-examples-inner{border-top:1px solid var(--color-border);padding-top:56px}.o8u-marketing-examples .o8u-marketing-grid-3{gap:56px}.o8u-marketing-example{flex-direction:column;gap:12px;display:flex}.o8u-marketing-example-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-size:12px;font-weight:600}.o8u-marketing-example-description{margin:0;font-size:17px;line-height:1.6}.o8u-marketing-stack{flex-wrap:wrap;align-items:center;gap:12px 28px;max-width:1180px;margin:0 auto;padding:128px 32px 0;display:flex}.o8u-marketing-stack-caption{color:var(--color-muted-foreground);font-size:13px}.o8u-marketing-stack-item{font-size:14px;font-weight:500}.o8u-marketing-cta{max-width:1180px;margin:0 auto;padding:64px 32px 128px}.o8u-marketing-cta-panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-gradient-from), var(--color-gradient-to));text-align:center;flex-direction:column;align-items:center;gap:26px;padding:84px 64px;display:flex;position:relative;overflow:hidden}.o8u-marketing-cta-heading{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-primary-foreground-light);max-width:640px;margin:0;font-size:44px;font-weight:600;line-height:1.08}.o8u-marketing-cta-subline{color:color-mix(in oklab, var(--color-primary-foreground-light) 85%, transparent);max-width:480px;margin:0;font-size:18px;line-height:1.5}.o8u-marketing-cta-subline a{color:var(--color-primary-foreground-light);text-decoration:underline}.o8u-marketing-cta-panel .o8u-marketing-btn{margin-top:6px}.o8u-marketing-footer{max-width:1180px;margin:0 auto;padding:72px 32px 56px}.o8u-marketing-footer-inner{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;display:flex}.o8u-marketing-footer-brand{color:var(--color-muted-foreground);align-items:center;gap:10px;font-size:14px;display:flex}.o8u-marketing-footer-tagline{color:var(--color-muted-foreground);margin:0;font-size:14px}@media (max-width:900px){.o8u-marketing-hero{padding:80px 24px 56px}.o8u-marketing-headline{font-size:52px}.o8u-marketing-subline{font-size:18px}.o8u-marketing-nav-right,.o8u-marketing-nav-anchors{gap:16px}.o8u-marketing-demo{padding:0 24px 96px}.o8u-marketing-demo-body{padding:22px 24px}.o8u-marketing-demo-app{grid-template-columns:1fr}.o8u-marketing-how{padding:56px 24px 96px}.o8u-marketing-how-inner{grid-template-columns:1fr;gap:40px}.o8u-marketing-how-heading{font-size:36px}.o8u-marketing-features,.o8u-marketing-examples{padding:96px 24px 0}.o8u-marketing-section-heading{font-size:36px}.o8u-marketing-grid-3{grid-template-columns:repeat(2,1fr)}.o8u-marketing-examples .o8u-marketing-grid-3{gap:40px}.o8u-marketing-stack{padding:96px 24px 0}.o8u-marketing-cta{padding:48px 24px 96px}.o8u-marketing-cta-panel{padding:64px 40px}.o8u-marketing-cta-heading{font-size:34px}}@media (max-width:640px){.o8u-marketing-nav-inner{padding:0 20px}.o8u-marketing-nav-anchors{display:none}.o8u-marketing-hero{padding:64px 20px 40px}.o8u-marketing-headline{font-size:36px}.o8u-marketing-subline{font-size:16px}.o8u-marketing-hero-actions{flex-direction:column;align-items:stretch}.o8u-marketing-hero-actions .o8u-marketing-btn{width:100%}.o8u-marketing-demo{padding:0 20px 72px}.o8u-marketing-demo-toolbar{flex-wrap:wrap;row-gap:8px}.o8u-marketing-demo-caption{flex-basis:100%;margin-left:0}.o8u-marketing-demo-body{padding:18px 16px}.o8u-marketing-how{padding:48px 20px 72px}.o8u-marketing-how-inner{gap:32px}.o8u-marketing-how-heading{font-size:30px}.o8u-marketing-how-panel-body{padding:20px 18px}.o8u-marketing-features,.o8u-marketing-examples{padding:72px 20px 0}.o8u-marketing-section-heading{font-size:28px}.o8u-marketing-grid-3{grid-template-columns:1fr;gap:16px}.o8u-marketing-examples .o8u-marketing-grid-3{gap:32px}.o8u-marketing-stack{gap:10px 20px;padding:72px 20px 0}.o8u-marketing-cta{padding:40px 20px 72px}.o8u-marketing-cta-panel{gap:20px;padding:48px 24px}.o8u-marketing-cta-heading{font-size:28px}.o8u-marketing-cta-subline{font-size:16px}.o8u-marketing-cta-panel .o8u-marketing-btn{width:100%}.o8u-marketing-footer{padding:56px 20px 40px}.o8u-marketing-footer-inner{flex-direction:column;align-items:flex-start;gap:16px}}[data-reveal=pending],[data-reveal=revealed]{transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-reveal=pending]{opacity:0;transform:translateY(18px)}[data-reveal=revealed]{opacity:1;transform:none}