:root{--color-background: #f5f2ea;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-muted: #6b6b6b;--color-accent: #ee5d3b;--color-accent-hover: #d94f30;--color-surface: #ffffff;--color-border: #e0ddd5;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 26, 26, .05);--shadow-md: 0 4px 12px rgba(26, 26, 26, .08);--shadow-lg: 0 8px 24px rgba(26, 26, 26, .12);font-family:Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh}a{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}h1{font-size:4rem}h2{font-size:3rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{font-size:1.125rem}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:inherit;font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border:2px solid var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-text-primary);color:var(--color-background)}.mermaid{overflow-x:auto}.mermaid svg{max-width:100%;height:auto}.copy-code-block{position:relative}.copy-code-button{position:absolute;top:10px;right:10px;width:30px;height:30px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#ffffff14;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.copy-code-button:hover{background:#ffffff24}.copy-code-button.is-copied{color:#22c55e}.copy-code-block pre{padding-right:48px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);height:80px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center}.navbar-logo-img{height:32px;width:auto}.navbar-links{display:flex;align-items:center;gap:var(--space-xl)}.navbar-links a{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.navbar-links a:hover{color:var(--color-accent)}.navbar-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff!important;border:none;border-radius:var(--radius-md);padding:10px 14px;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:none}.navbar-cta:hover{background:var(--color-accent);color:#fff!important}.navbar-menu-button{display:none;width:42px;height:42px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-background);align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;z-index:121}.navbar-menu-button span{width:18px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.navbar-menu-button.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-menu-button.is-open span:nth-child(2){opacity:0}.navbar-menu-button.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-overlay,.mobile-menu{display:none}@media(max-height:800px){.navbar-container{height:56px}.navbar-logo-img{height:26px}.navbar-links a{font-size:.9rem}}@media(max-width:768px){.navbar-menu-button{display:inline-flex}.navbar-links{display:none}.navbar-overlay{display:block;position:fixed;inset:0;background:#0f172a73;border:0;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:110}.navbar-overlay.is-open{opacity:1;pointer-events:auto}.mobile-menu{display:block;position:fixed;top:0;right:0;width:min(78vw,320px);height:100vh;background:var(--color-background);border-left:1px solid var(--color-border);transform:translate(100%);transition:transform .24s ease;z-index:120;padding:96px var(--space-lg) var(--space-xl)}.mobile-menu.is-open{transform:translate(0)}.mobile-menu-links{display:flex;flex-direction:column;gap:var(--space-lg)}.mobile-menu-links a{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.mobile-menu-cta{width:100%;margin-top:var(--space-sm);padding:12px 14px}}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-lg) var(--space-xl);background:var(--color-background)}.site-footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:var(--space-xl)}.site-footer-container a{color:var(--color-text-secondary);font-size:.95rem}.site-footer-container a:hover{color:var(--color-accent)}.home{padding-top:80px}.hero{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--space-lg)}.hero-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:700;color:var(--color-text-primary);margin-top:40px;margin-bottom:var(--space-sm)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:48px}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--color-border);background-color:#fff;color:var(--color-text-primary);font-size:.85rem;font-weight:600}.hero-badge i{color:var(--color-accent)}.screenshot-section{padding:80px var(--space-lg);background:var(--color-surface)}.screenshot-section-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md);text-align:center}.screenshot-section h2{font-size:clamp(1.75rem,3vw,2.4rem);color:var(--color-text-primary)}.screenshot-section p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.screenshot-tour{position:relative;width:min(1120px,100%);margin:0 auto}.screenshot-card{position:relative;background:var(--color-surface);border-radius:18px;padding:2px;border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 32px #00000014;overflow:hidden}.screenshot-image{width:100%;display:block;border-radius:12px}.screenshot-mask{position:absolute;inset:12px;border-radius:12px;background:transparent;pointer-events:none}.screenshot-highlight{position:absolute;border-radius:10px;border:2px solid #fff;box-shadow:0 0 0 9999px #0000002e,0 0 0 3px #f28a5cb3,0 0 14px #f28a5c73;transition:all .45s ease;pointer-events:none}.feature-bubble{position:absolute;max-width:280px;background:#0f0f0feb;color:#fff;padding:12px 14px;border-radius:12px;text-align:left;box-shadow:0 14px 30px #0003;transition:all .45s ease}.feature-bubble h3{font-size:.9rem;margin-bottom:.25rem}.feature-bubble p{font-size:.8rem;line-height:1.4;color:#ffffffdb;margin-bottom:.5rem}.feature-progress{display:flex;gap:.3rem}.dot{width:7px;height:7px;border-radius:50%;background:#ffffff59}.dot-active{background:#f28a5c}@media(max-width:960px){.feature-bubble{position:static;margin:.75rem auto 0;max-width:100%}.screenshot-highlight{border-width:1.5px}}.steps{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:60px;flex-wrap:wrap}.step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative}.step-circle{position:relative;width:140px;height:140px;border-radius:var(--radius-full);background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;border:3px solid var(--color-text-primary);transition:all .3s ease;z-index:1}.step-circle:hover{transform:scale(1.05)}.step-1{border-color:#4a4a4a}.step-1 .step-number{background-color:#4a4a4a}.step-1 .step-icon{color:#4a4a4a}.step-2{border-color:#f28a5c}.step-2 .step-number{background-color:#f28a5c}.step-2 .step-icon{color:#f28a5c}.step-3{border-color:var(--color-accent)}.step-3 .step-number{background-color:var(--color-accent)}.step-3 .step-icon{color:var(--color-accent)}.step-number-bg{position:absolute;top:-28px;left:8%;transform:translate(-50%);font-size:82px;font-weight:700;color:#00000014;z-index:0;line-height:1;pointer-events:none}.step-icon{font-size:54px}.multi-platform-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.platform-icon{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-accent);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 6px 12px #00000014}.platform-desktop{top:-16px;left:50%;transform:translate(-50%)}.platform-mobile{right:-16px;top:50%;transform:translateY(-50%)}.platform-cloud{left:-16px;top:50%;transform:translateY(-50%)}.step-label{font-size:1rem;font-weight:500;color:var(--color-text-primary);text-align:center;line-height:1.3}.step-arrow{display:flex;align-items:center;margin-bottom:40px}.step-arrow svg{width:32px;height:32px}.arrow-1 svg{color:#6b6b6b}.arrow-2 svg{color:#f28a5c}.cta-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.cta-buttons .btn{padding:var(--space-md) var(--space-xl)}.cta-buttons .btn svg{flex-shrink:0}.about{padding:120px var(--space-lg);background:var(--color-background)}.about-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.about h2{font-size:clamp(1.75rem,3vw,2.5rem);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.about h3{font-size:1.25rem;color:var(--color-text-primary);margin-top:var(--space-md)}.about p{color:var(--color-text-secondary);line-height:1.7}.about ul{color:var(--color-text-secondary);line-height:1.7;padding-left:1.2rem;display:grid;gap:var(--space-xs)}.about-list li strong{color:var(--color-text-primary)}.roadmap-section{padding:100px var(--space-lg);background:var(--color-surface)}.roadmap-container{max-width:960px;margin:0 auto}.roadmap-section h2{font-size:clamp(1.75rem,3vw,2.5rem);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.roadmap-section p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.roadmap-eyebrow{display:inline-flex;align-items:center;gap:.35rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;color:var(--color-accent);margin-bottom:.25rem}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.roadmap-card{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);background:#fff;box-shadow:0 8px 18px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.roadmap-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--color-accent);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.roadmap-card:hover{transform:translateY(-2px);border-color:#f28a5c59;box-shadow:0 14px 28px #00000014}.roadmap-ghost-number{position:absolute;right:8px;top:-8px;font-size:5.2rem;line-height:1;font-weight:700;color:#0000000f;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .2s ease,color .2s ease}.roadmap-card:hover .roadmap-ghost-number{transform:translateY(2px);color:#00000017}.roadmap-card-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.6rem;position:relative;z-index:1}.roadmap-icon{color:var(--color-accent);font-size:1rem}.roadmap-card h3{font-size:1rem;color:var(--color-text-primary);margin-bottom:.4rem;position:relative;z-index:1}.roadmap-card p{margin-bottom:0;font-size:.95rem;position:relative;z-index:1}.getting-started{padding:110px var(--space-lg) 100px;background:var(--color-background);border-top:1px solid var(--color-border)}.getting-started-container{max-width:960px;margin:0 auto}.getting-started h2{font-size:clamp(1.75rem,3vw,2.5rem);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.getting-started p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.gs-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.gs-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:999px;padding:.5rem .9rem;font-family:var(--font-sans);font-size:.86rem;cursor:pointer;transition:all .2s ease}.gs-tab:hover{color:var(--color-text-primary);border-color:#0003}.gs-tab-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.gs-panel{background:#111318;color:#e6edf3;border-radius:14px;border:1px solid rgba(255,255,255,.06);box-shadow:0 14px 28px #0003;overflow:hidden}.gs-panel pre{margin:0;padding:1rem 1.1rem;font-family:Space Mono,monospace;font-size:.9rem;line-height:1.7;overflow-x:auto}.gs-more-link{margin-top:var(--space-md)}.gs-more-link a{color:var(--color-accent);font-weight:600}.gs-mobile-note{font-size:.98rem;margin-top:var(--space-sm);margin-bottom:0}@media(max-height:800px){.home{padding-top:56px}.hero{min-height:calc(100vh - 56px)}.hero-title{font-size:clamp(2.5rem,3.5rem,3.5rem);margin-top:30px}.steps{margin-bottom:30px;gap:var(--space-md)}.step{gap:var(--space-xs)}.step-circle{width:120px;height:120px}.step-icon{font-size:46px}.step-number{width:28px;height:28px;font-size:.8rem}.step-label{font-size:.9rem}.step-arrow{margin-bottom:35px}.step-arrow svg{width:28px;height:28px}}@media(max-width:768px){.home{padding-top:70px}.hero{min-height:calc(100vh - 70px)}.hero-title{font-size:clamp(2rem,8vw,2.5rem);margin-top:20px}.hero-subtitle{margin-bottom:40px}.roadmap-grid{grid-template-columns:1fr}.steps{flex-direction:column;gap:var(--space-lg);margin-bottom:40px}.step-arrow{transform:rotate(90deg);margin-bottom:0}.step-circle{width:100px;height:100px}.step-icon{font-size:40px}.step-number{width:26px;height:26px;font-size:.75rem}.step-label{font-size:.85rem}.step-arrow svg{width:24px;height:24px}.cta-buttons{flex-direction:column;width:100%;padding:0 var(--space-lg)}.cta-buttons .btn{width:100%;justify-content:center}.about{padding:80px var(--space-md)}.about h2{font-size:1.75rem}}@media(max-width:1024px)and (min-width:769px){.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.documentation{padding-top:80px;min-height:100vh;background-color:#fff}.documentation-container{display:flex;max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-lg);gap:var(--space-3xl)}.documentation-sidebar{position:sticky;top:100px;width:240px;flex-shrink:0;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.documentation-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.documentation-nav a{padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all .2s ease}.documentation-nav a:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.documentation-nav a.active{color:var(--color-accent);background-color:var(--color-surface)}.documentation-content{flex:1;min-width:0;max-width:900px}.documentation-content h1{font-size:2.5rem;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.documentation-content h2{font-size:1.75rem;margin-top:var(--space-3xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.documentation-content h3{font-size:1.25rem;margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-text-primary)}.documentation-content h4{font-size:1.1rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.documentation-content p{font-size:1rem;line-height:1.7;margin-bottom:var(--space-md);color:var(--color-text-secondary)}.documentation-content ul,.documentation-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.documentation-content li{font-size:1rem;line-height:1.7;margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.documentation-content strong{color:var(--color-text-primary);font-weight:600}.documentation-content a{color:var(--color-accent)}.documentation-content a:hover{text-decoration:underline}.documentation-content code{font-family:Space Mono,monospace;font-size:.875em;background-color:var(--color-surface);padding:.2em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.documentation-content pre{background-color:var(--color-text-primary);color:var(--color-background);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-lg)}.documentation-content pre code{background:none;border:none;padding:0;font-size:.875rem;color:inherit}.documentation-content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-lg);font-size:.9rem}.documentation-content th,.documentation-content td{padding:var(--space-sm) var(--space-md);text-align:left;border:1px solid var(--color-border)}.documentation-content th{background-color:var(--color-surface);font-weight:600;color:var(--color-text-primary)}.documentation-content td{color:var(--color-text-secondary)}.documentation-content tr:nth-child(2n) td{background-color:#ffffff80}.documentation-content blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-lg) 0;color:var(--color-text-secondary);font-style:italic}.documentation-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2xl) 0}.video-embed{margin-bottom:var(--space-lg)}.video-embed-title{margin-bottom:var(--space-sm)}.video-embed-frame{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:#000}.video-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(max-width:1024px){.documentation-sidebar{display:none}.documentation-container{padding:var(--space-lg)}}@media(max-width:768px){.documentation-content h1{font-size:2rem}.documentation-content h2{font-size:1.5rem}.documentation-content h3{font-size:1.125rem}.documentation-content pre{padding:var(--space-md)}.documentation-content table{display:block;overflow-x:auto}}.contact-page{padding-top:120px;padding-bottom:var(--space-4xl);padding-left:var(--space-lg);padding-right:var(--space-lg)}.contact-container{max-width:900px;margin:0 auto}.contact-container h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-md)}.contact-intro{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.contact-cards{display:grid;gap:var(--space-lg)}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.contact-card h2{font-size:1.25rem;margin-bottom:var(--space-sm)}.contact-card a{color:var(--color-accent)}.contact-card p{color:var(--color-text-secondary);font-size:1rem}.legal-documentation-container{display:block}.legal-documentation-container .documentation-content{margin:0 auto}