:root{--color-primary: #0a0a0a;--color-neutral-100: #f2ede5;--color-neutral-300: #d7d1c9;--color-success: #28c840;--color-warning: #8d867e;--color-accent: #bc97ff;--color-bg: #ffffff;--color-surface: #f9f8f6;--color-text: #0a0a0a;--color-text-secondary: #7d8187;--color-text-tertiary: rgba(10, 10, 10, .5);--color-border: rgba(10, 10, 10, .08);--color-border-strong: rgba(10, 10, 10, .15);--color-border-soft: rgba(10, 10, 10, .06);--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 48px;--text-xl: 60px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-badge: 4px;--radius-card: 12px;--radius-card-lg: 16px;--radius-pill: 9999px;--shadow-card: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--container: 1232px;--nav-height: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-brand: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:29.25px;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.site-header{position:sticky;top:0;z-index:20;height:var(--nav-height);background:#ffffffdb;backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand-mark{width:28px;height:28px;display:block;flex-shrink:0}.brand-name{font-family:var(--font-brand);font-size:16px;font-weight:500;line-height:20px;letter-spacing:.02em}.nav-desktop{display:none;align-items:center;gap:var(--space-2)}.nav-link{color:var(--color-text);font-size:var(--text-base);font-weight:400;line-height:24px;padding:6px 12px}.nav-link:hover{color:#0a0a0ab3}.nav-link.is-active{font-weight:500}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--color-text);cursor:pointer}.menu-toggle:focus-visible,.btn:focus-visible,.nav-link:focus-visible,.social-btn:focus-visible,.brand:focus-visible,.docs-link:focus-visible,.text-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.icon-lg{width:20px;height:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;line-height:20px;border:0;cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-bg)}.btn-primary:hover{opacity:.85}.btn-primary:active{opacity:.7}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.btn-ghost:hover{background:#0a0a0a0d}.btn-ghost:active{background:#0a0a0a1a}.header-cta{display:none}.mobile-nav{display:none;border-top:1px solid var(--color-border);background:var(--color-bg);padding:var(--space-4) var(--space-6) var(--space-6)}.mobile-nav.is-open{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav .nav-link{padding:var(--space-3) var(--space-2)}.mobile-nav .btn{margin-top:var(--space-3);min-height:44px}.hero{padding:var(--space-12) 0 var(--space-10)}.hero-copy{max-width:860px;margin:0 auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);padding:4px 8px;background:var(--color-neutral-100);border:1px solid var(--color-border-soft);border-radius:var(--radius-badge);color:var(--color-text);font-size:12px;font-weight:500;line-height:16px}.hero h1{margin:0;font-size:40px;font-weight:500;line-height:1;letter-spacing:-.03em}.hero-lead{max-width:680px;margin:var(--space-6) auto 0;color:var(--color-text-secondary);font-size:var(--text-md);line-height:29.25px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-10)}.hero-actions .btn{min-height:44px;padding:10px 20px}.preview-wrap{margin-top:var(--space-12)}.preview-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.preview-dots{display:flex;gap:var(--space-2)}.preview-dots span{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-neutral-300)}.preview-url{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:13px;line-height:19.5px}.preview-body{display:grid;grid-template-columns:1fr}.preview-side{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.preview-label,.status-kicker{margin:0 0 var(--space-3);color:var(--color-text-tertiary);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.side-list{display:grid;gap:var(--space-2)}.side-item{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-badge);font-size:var(--text-sm);line-height:20px}.side-item.is-current{background:var(--color-bg);font-weight:500}.preview-main{padding:var(--space-6)}.preview-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.preview-head h2{margin:4px 0 0;font-size:var(--text-base);font-weight:500;line-height:20px}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 8px;border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);background:var(--color-bg);font-size:12px;font-weight:500;line-height:16px}.dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-success)}.dot.is-warn{background:var(--color-warning)}.stat-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-6)}.stat{padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card)}.stat span{display:block;color:var(--color-text-tertiary);font-size:12px;font-weight:500}.stat strong{display:block;margin-top:var(--space-2);font-size:24px;font-weight:500;line-height:1.2}.service-list{display:grid;gap:var(--space-3);margin-top:var(--space-6)}.service{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card)}.service h3{margin:0;font-size:var(--text-sm);font-weight:500;line-height:20px}.service p{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:20px}.section{padding:80px 0}.section-kicker{margin:0 0 var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:500;line-height:19.25px}.section-heading{margin:0;font-size:36px;font-weight:400;line-height:1.05;letter-spacing:-.03em}.section-copy{margin:var(--space-5) 0 0;max-width:640px;color:var(--color-text-secondary)}.steps{display:grid;gap:var(--space-6);margin:var(--space-10) 0 0;padding:0;list-style:none}.step-num{display:block;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:13px;line-height:19.5px}.steps h3,.surface-card h3,.feature-card h2,.plan-card h2{margin:0;font-size:var(--text-sm);font-weight:500;line-height:19.25px}.steps h3{margin:var(--space-3) 0 var(--space-2)}.steps p,.surface-card p,.feature-card p,.plan-card>p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-base);line-height:24px}.steps p{margin:0}.steps code,.section-copy code,.page-lead code{font-family:var(--font-mono);font-size:13px;color:var(--color-text)}.surface-grid,.feature-grid{display:grid;gap:var(--space-6);margin-top:var(--space-10)}.surface-card,.feature-card,.plan-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);padding:var(--space-6)}.feature-card{min-height:200px}.surface-card code{display:inline-block;margin-top:var(--space-4);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:13px;line-height:19.5px}.cta{padding:0 0 80px}.cta-panel{background:var(--color-surface);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-card);padding:var(--space-12) var(--space-6);text-align:center}.cta-panel h2{margin:0 auto;max-width:720px;font-size:36px;font-weight:400;line-height:1.05;letter-spacing:-.03em}.cta-panel p{max-width:560px;margin:var(--space-5) auto 0;color:var(--color-text-secondary)}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}.site-footer{padding:var(--space-8) 0}.footer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.footer-copy{margin:0;color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:500;line-height:20px}.footer-social{display:flex;align-items:center;gap:var(--space-1)}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:var(--color-text-secondary);border:0;background:transparent;transform-origin:center;transition:color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.social-btn svg{display:block;flex-shrink:0}.social-btn--github svg{width:20px;height:20px}.social-btn--x svg,.social-btn--facebook svg{width:22px;height:22px}.social-btn--linkedin svg{width:18px;height:18px}.social-btn:hover{color:var(--color-text);transform:scale(1.2)}.social-btn:active{transform:scale(1.08)}.page{padding:64px 0 80px}.page-narrow{max-width:960px}.page-hero{margin-bottom:var(--space-10)}.page-hero-center{text-align:center;max-width:760px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-12)}.page-hero h1{margin:0;font-size:36px;font-weight:500;line-height:1.1;letter-spacing:-.03em}.page-lead{margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:var(--text-md);line-height:29.25px}.page-block{margin-bottom:var(--space-8)}.page-cta{margin-top:64px}.page-cta .cta-panel{padding:var(--space-10) var(--space-6)}.text-link{display:inline-block;margin-top:var(--space-5);color:var(--color-text);font-size:var(--text-sm);font-weight:500;line-height:20px}.text-link:hover{color:#0a0a0ab3}.plan-grid{display:grid;gap:var(--space-6)}.plan-card{display:flex;flex-direction:column}.plan-card.is-featured{box-shadow:var(--shadow-card);border-color:transparent}.plan-card .plan-price{margin-top:var(--space-6);color:var(--color-text);font-size:36px;font-weight:500;line-height:1.1}.plan-price span{margin-left:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:400}.plan-card .plan-note{margin-top:var(--space-2);font-size:var(--text-sm);line-height:20px}.plan-card ul{margin:var(--space-6) 0;padding:0;list-style:none;flex:1}.plan-card li{padding:var(--space-2) 0;border-top:1px solid var(--color-border);font-size:var(--text-sm);line-height:20px}.plan-card .btn{align-self:flex-start;min-height:44px}.faq{margin-top:80px}.faq-list{margin-top:var(--space-8);display:grid;gap:var(--space-3)}.faq-list details{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5)}.faq-list summary{cursor:pointer;font-size:var(--text-base);font-weight:500;line-height:24px}.faq-list details p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-base);line-height:24px}.docs-layout{display:grid;gap:var(--space-10)}.docs-side{min-width:0}.docs-group{margin:var(--space-6) 0 var(--space-2);color:var(--color-text-tertiary);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.docs-side .docs-group:first-child{margin-top:0}.docs-link{display:block;padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:20px}.docs-link:hover{color:#0a0a0acc}.docs-link.is-active{color:var(--color-text);font-weight:500}.prose{min-width:0;max-width:760px}.prose h1{margin:0 0 var(--space-6);font-size:36px;font-weight:500;line-height:1.1;letter-spacing:-.03em}.prose h2{margin:var(--space-8) 0 var(--space-3);font-size:var(--text-sm);font-weight:500;line-height:19.25px}.prose p,.prose li{color:var(--color-text-secondary);font-size:var(--text-md);line-height:29.25px}.prose p{margin:0 0 var(--space-5)}.prose ul,.prose ol{margin:0 0 var(--space-6);padding-left:var(--space-6)}.prose a{color:var(--color-text);font-weight:500}.prose a:hover{color:#0a0a0ab3}.prose code{font-family:var(--font-mono);font-size:13px;line-height:19.5px;color:var(--color-text)}.prose pre{margin:0 0 var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow-x:auto}.docs-next{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-base);font-weight:500}html.js-reveal .reveal{opacity:0;transform:translate3d(0,20px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}html.js-reveal .reveal.is-in{opacity:1;transform:none}@media(min-width:640px){.stat-grid{grid-template-columns:repeat(3,1fr)}.surface-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}.hero{padding:80px 0 48px}.hero h1{font-size:var(--text-xl);line-height:60px}.section-heading,.cta-panel h2,.page-hero h1,.prose h1{font-size:var(--text-lg);line-height:48px}.preview-body{grid-template-columns:220px minmax(0,1fr)}.preview-side{border-bottom:0;border-right:1px solid var(--color-border)}.plan-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.nav-desktop,.header-cta{display:flex}.menu-toggle,.mobile-nav,.mobile-nav.is-open{display:none}.surface-grid,.steps{grid-template-columns:repeat(3,1fr)}.cta-panel{padding:64px}.docs-layout{grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}}@media(min-width:1440px){.container{padding-left:0;padding-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js-reveal .reveal,html.js-reveal .reveal.is-in{opacity:1;transform:none;transition:none}}