: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}.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)}@media(max-height:800px){.navbar-container{height:56px}.navbar-logo-img{height:26px}.navbar-links a{font-size:.9rem}}@media(max-width:768px){.navbar-links{gap:var(--space-md)}.navbar-links a{font-size:.875rem}}.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:60px}.screenshot-section{padding:80px var(--space-lg)}.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-surface)}.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)}.getting-started{padding:100px var(--space-lg)}.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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.7;overflow-x:auto}@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}.hero-subtitle{margin-bottom:50px}.steps{margin-bottom:50px;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}.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}}.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:JetBrains Mono,Fira Code,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}@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}}