:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f7f8f9;--bg-tertiary: #eceef1;--bg-elevated: #ffffff;--border-primary: #e1e4e8;--border-secondary: #eaedf0;--text-primary: #0d0e11;--text-secondary: #575d65;--text-tertiary: #8a8f98;--accent-primary: #5e6ad2;--accent-hover: #4f5acf;--accent-light: #e8eaf5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08)}:root[data-theme=dark]{--bg-primary: #0d0e11;--bg-secondary: #17181c;--bg-tertiary: #1f2024;--bg-elevated: #1f2024;--border-primary: #2e3039;--border-secondary: #252730;--text-primary: #f7f8f9;--text-secondary: #b4b8c1;--text-tertiary: #8a8f98;--accent-primary: #7b88f4;--accent-hover: #8c98f7;--accent-light: #2a2f54;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:var(--bg-elevated);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.1rem;color:var(--text-primary);text-decoration:none}.logo-image{width:32px;height:32px;border-radius:8px}.nav{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.4rem .9rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border-primary)}.nav-link-active{color:var(--accent-primary);background:var(--accent-light);border-color:var(--accent-primary)}.header-actions{display:flex;align-items:center;gap:.5rem}.icon-button{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.icon-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.github-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.github-link:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.github-icon{width:18px;height:18px}.stars-count{padding:.125rem .5rem;background:var(--accent-light);color:var(--accent-primary);border-radius:12px;font-size:.75rem;font-weight:600}.main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero{padding:5rem 0 4rem}.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr);gap:3rem;align-items:center}.hero-left{text-align:left}.hero-right{display:flex;justify-content:flex-end}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;color:var(--accent-primary);font-weight:600;margin-bottom:1rem}.hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 0 1.75rem;line-height:1.7}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .6rem;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-tertiary);font-size:.8rem;margin-bottom:1.25rem}.hero-pill-badge{padding:.1rem .5rem;border-radius:999px;background:var(--accent-primary);color:#fff;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.hero-tag{padding:.25rem .7rem;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-tertiary);font-size:.75rem}.hero-actions{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.hero-card{width:100%;max-width:380px;padding:1.5rem 1.5rem 1.25rem;background:radial-gradient(circle at top left,rgba(123,136,244,.32),transparent 55%),var(--bg-elevated);border-radius:16px;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.hero-card-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.code-snippet{margin:0;padding:.75rem .9rem;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;overflow-x:auto}.code-snippet code{color:var(--text-primary)}.hero-card-meta{margin-top:.75rem;font-size:.85rem;color:var(--text-secondary)}.button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s ease;display:inline-block}.button-primary{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary)}.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.button-secondary:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.integration{padding:4rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.integration-content{display:flex;align-items:center;gap:2rem;max-width:800px;margin:0 auto}.integration-icon{flex-shrink:0}.integration-icon-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);font-size:.85rem;color:var(--text-secondary)}.integration-icon-pill-label{padding:.15rem .5rem;border-radius:999px;background:var(--accent-primary);color:#fff;font-weight:600;font-size:.75rem}.integration-icon-pill-separator{color:var(--text-tertiary)}.integration-text h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.integration-text p{color:var(--text-secondary);font-size:1.125rem;line-height:1.7}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;letter-spacing:-.01em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.grid-2x2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.card{padding:2rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.card p{color:var(--text-secondary);line-height:1.7}.card-highlight{background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-secondary) 100%);border-color:var(--accent-primary)}.pain-points{padding:5rem 0}.benefits{padding:5rem 0;background:var(--bg-secondary)}.how-it-works{padding:5rem 0}.steps{max-width:800px;margin:0 auto}.step{position:relative;margin-bottom:2rem}.step-content{padding:2rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.step-content:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.step-content h3{font-size:1.375rem;font-weight:600;margin-bottom:.75rem;color:var(--accent-primary)}.step-content p{color:var(--text-secondary);line-height:1.7}.step-connector{width:2px;height:2rem;background:var(--border-primary);margin:.5rem auto}.faqs{padding:5rem 0;background:var(--bg-secondary)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--border-secondary)}.faq-item summary{padding:1.5rem;font-weight:600;font-size:1.125rem;cursor:pointer;color:var(--text-primary);list-style:none;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;color:var(--text-tertiary);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.5rem 1.5rem;color:var(--text-secondary);line-height:1.7}.footer{padding:3rem 0;background:var(--bg-elevated);border-top:1px solid var(--border-primary);text-align:center;color:var(--text-tertiary)}.changelog{padding:4rem 0 5rem}.changelog-header{max-width:720px;margin:0 auto 2.5rem;text-align:center}.changelog-subtitle{color:var(--text-secondary);font-size:1rem}.release-card{max-width:800px;margin:0 auto;padding:2rem 2rem 2.25rem;background:var(--bg-elevated);border-radius:16px;border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.release-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.release-version{font-size:1.35rem;font-weight:700}.release-label{color:var(--text-secondary);font-size:.95rem}.release-badges{display:flex;flex-wrap:wrap;gap:.5rem}.release-pill{padding:.3rem .7rem;border-radius:999px;background:var(--accent-light);color:var(--accent-primary);font-size:.8rem;font-weight:600}.release-pill-soft{background:var(--bg-secondary);color:var(--text-secondary)}.release-summary{color:var(--text-secondary);margin-bottom:1.5rem}.release-install{margin-bottom:1.75rem}.release-install-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:.4rem}.release-section{margin-top:1.5rem}.release-section h3{font-size:1.05rem;margin-bottom:.5rem}.release-section ul{padding-left:1.25rem;color:var(--text-secondary);font-size:.95rem}.release-section li+li{margin-top:.35rem}@media(max-width:768px){.header-content{padding:.75rem 1rem;gap:.75rem}.nav{display:none}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-right{justify-content:flex-start}.section-title{font-size:2rem}.integration-content{flex-direction:column;text-align:center}.grid,.grid-2x2{grid-template-columns:1fr}.logo-text{display:none}.hero,.pain-points,.benefits,.how-it-works,.faqs{padding:3rem 0}.release-card{padding:1.5rem 1.25rem 1.75rem}.release-header{flex-direction:column}}html{scroll-behavior:smooth}::selection{background:var(--accent-light);color:var(--accent-primary)}