:root{--bg-primary:#07090e;--bg-surface:#0e121a;--bg-surface-elevated:#151b26;--bg-card:#121722b3;--bg-card-hover:#1a2130d9;--border-subtle:#ffffff14;--border-highlight:#ffffff29;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-indigo:#6366f1;--accent-purple:#a855f7;--accent-emerald:#10b981;--gradient-brand:linear-gradient(135deg, #38bdf8 0%, #6366f1 50%, #d946ef 100%);--gradient-glow:radial-gradient(circle, #3b82f62e 0%, #6366f10d 50%, transparent 70%);--gradient-card:linear-gradient(180deg, #ffffff08 0%, #fff0 100%);--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 12px 32px #00000073;--shadow-lg:0 24px 64px #0009;--shadow-glow:0 0 40px #3b82f640;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}.ambient-glow{pointer-events:none;z-index:0;filter:blur(140px);border-radius:50%;position:absolute}.glow-top{background:radial-gradient(circle,#38bdf826,#6366f11f,#0000 70%);width:900px;height:500px;top:-150px;left:50%;transform:translate(-50%)}.glow-right{background:radial-gradient(circle,#d946ef14,#0000 70%);width:600px;height:600px;top:700px;right:-200px}.container{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.max-w-reading{max-width:860px}.text-center{text-align:center}.justify-center{justify-content:center}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.text-accent{color:#38bdf8}.navbar-wrapper{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:var(--transition-normal);background:#07090ebf;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{border-radius:9px;width:36px;height:36px;box-shadow:0 4px 12px #0006}.brand-text{align-items:center;gap:8px;display:flex}.brand-name{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.92rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:12px;display:flex}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:1px solid #0000;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.btn-sm{padding:7px 14px;font-size:.85rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);box-shadow:0 4px 20px #0ea5e959}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 6px 28px #0ea5e980}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.badge{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff14;border-radius:9999px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge-subtle{font-family:var(--font-mono);color:#38bdf8;background:#38bdf81a;border-color:#38bdf833;font-size:.7rem}.badge-success{color:#34d399;background:#10b9811f;border:1px solid #10b98140;border-radius:6px;padding:4px 10px;font-weight:600}.badge-free{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:6px;padding:4px 10px;font-weight:600}.hero-section{text-align:center;padding:80px 0 60px}.hero-container{flex-direction:column;align-items:center;display:flex}.hero-pill{color:#7dd3fc;background:#38bdf814;border:1px solid #38bdf838;border-radius:9999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:.85rem;animation:.8s fadeIn;display:inline-flex}.hero-title{letter-spacing:-.04em;margin-bottom:24px;font-size:3.8rem;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--text-secondary);max-width:720px;margin-bottom:36px;font-size:1.25rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}#btn-copy-brew{font-family:var(--font-mono);border:1px solid var(--border-highlight);background:#0e121ae6;align-items:center;gap:10px;font-size:.92rem;display:flex}.terminal-symbol{color:#38bdf8;font-weight:700}.hero-meta{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:32px;font-size:.85rem;display:flex}.meta-dot{opacity:.4}.gatekeeper-tip{border-radius:var(--radius-md);backdrop-filter:blur(10px);background:#1e293b66;border:1px dashed #ffffff26;align-items:center;gap:14px;max-width:760px;margin-bottom:50px;padding:12px 20px;font-size:.88rem;display:flex}.gk-icon{font-size:1.2rem}.gk-content{text-align:left;flex:1}.gk-title{color:var(--text-primary);font-weight:600;display:block}.gk-desc{color:var(--text-muted);font-size:.8rem}.gk-action{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0006;align-items:center;gap:8px;padding:4px 10px;display:flex}.gk-command{font-family:var(--font-mono);color:#38bdf8;cursor:pointer;font-size:.78rem}.btn-copy-subtle{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;display:flex}.btn-copy-subtle:hover{color:var(--text-primary)}.showcase-window{background:var(--bg-surface);border:1px solid var(--border-highlight);border-radius:var(--radius-lg);width:100%;max-width:1040px;box-shadow:0 30px 80px #000000a6, var(--shadow-glow);transition:transform var(--transition-normal);position:relative;overflow:hidden}.mac-header{border-bottom:1px solid var(--border-subtle);background:#161c28d9;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.window-controls{gap:8px;width:70px;display:flex}.control-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.control-dot.close{background:#ff5f56}.control-dot.minimize{background:#ffbd2e}.control-dot.zoom{background:#27c93f}.window-tabs{border:1px solid var(--border-subtle);background:#0000004d;border-radius:8px;gap:6px;padding:4px;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600}.tab-btn.active{color:var(--text-primary);background:#ffffff1a;box-shadow:0 2px 6px #0003}.mac-header-spacer{width:70px}.window-viewport{background:#0b0e14;padding:12px}.window-screenshot{border-radius:var(--radius-md);border:1px solid #ffffff0a;width:100%;height:auto;display:block}.metrics-section{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#0e121a66;padding:50px 0}.metrics-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.metric-card{padding:16px}.metric-value{letter-spacing:-.03em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:2.4rem;font-weight:800}.metric-label{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.metric-sub{color:var(--text-muted);font-size:.8rem}.section{padding:100px 0}.section-header{margin-bottom:60px}.section-title{letter-spacing:-.03em;margin-bottom:14px;font-size:2.5rem;font-weight:800}.section-desc{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:1.1rem}.bento-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.bento-span-2{grid-column:span 2}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-normal);padding:36px;position:relative;overflow:hidden}.bento-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.bento-card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);transform:translateY(-3px);box-shadow:0 16px 40px #00000059}.bento-tag{text-transform:uppercase;letter-spacing:.05em;color:#38bdf8;margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-block}.bento-icon{margin-bottom:14px;font-size:2rem}.bento-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:1.45rem;font-weight:700}.bento-text{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.65}.bento-list{flex-direction:column;gap:10px;margin-top:16px;list-style:none;display:flex}.bento-list li{color:var(--text-secondary);padding-left:20px;font-size:.9rem;position:relative}.bento-list li:before{content:"✦";color:#38bdf8;font-size:.75rem;position:absolute;top:2px;left:0}.bento-badge-group{flex-wrap:wrap;gap:8px;display:flex}.comparison-section{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#0b0f1799}.table-responsive{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-md);overflow-x:auto}.comp-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.comp-table th,.comp-table td{border-bottom:1px solid var(--border-subtle);padding:18px 24px}.comp-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#161c28b3;font-size:.85rem;font-weight:700}.comp-table th.highlight{color:#38bdf8;background:#38bdf81a;border-bottom:2px solid #38bdf8;font-size:1.05rem}.comp-table td.highlight-cell{color:var(--text-primary);background:#38bdf808;font-weight:600}.comp-table tr:last-child td{border-bottom:none}.dim-name{color:var(--text-primary);font-weight:600}.shortcuts-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.shortcut-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);padding:32px 24px}.shortcut-card:hover{border-color:var(--border-highlight);transform:translateY(-2px)}.key-combo{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}kbd{border:1px solid var(--border-highlight);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);background:#ffffff14;padding:8px 14px;font-size:1rem;font-weight:600;display:inline-block;box-shadow:0 4px #00000080}.shortcut-info h4{margin-bottom:8px;font-size:1.1rem;font-weight:700}.shortcut-info p{color:var(--text-secondary);font-size:.88rem}.accordion{flex-direction:column;gap:16px;display:flex}.accordion-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.accordion-item:hover{border-color:var(--border-highlight)}.accordion-header{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.accordion-header::-webkit-details-marker{display:none}.accordion-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.accordion-item[open] .accordion-arrow{transform:rotate(180deg)}.accordion-body{color:var(--text-secondary);padding:0 24px 24px;font-size:.95rem;line-height:1.7}.accordion-body p+p{margin-top:12px}.accordion-body pre{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#38bdf8;background:#00000080;margin-top:12px;padding:12px 16px;font-size:.85rem;overflow-x:auto}.accordion-body code{font-family:var(--font-mono);background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.85rem}.final-cta-section{padding:80px 0}.cta-box{border:1px solid var(--border-highlight);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), var(--shadow-glow);background:linear-gradient(#161c2acc 0%,#0e121acc 100%);padding:60px 32px;position:relative;overflow:hidden}.cta-title{letter-spacing:-.03em;margin-bottom:16px;font-size:2.6rem;font-weight:800}.cta-desc{color:var(--text-secondary);max-width:580px;margin:0 auto 36px;font-size:1.15rem}.site-footer{border-top:1px solid var(--border-subtle);background:#05070a;padding:60px 0 30px;font-size:.9rem}.footer-container{justify-content:space-between;gap:40px;margin-bottom:40px;display:flex}.footer-brand{align-items:center;gap:10px;margin-bottom:12px;font-size:1.2rem;font-weight:800;display:flex}.footer-logo{border-radius:6px;width:28px;height:28px}.footer-desc{color:var(--text-muted);max-width:320px}.footer-links{gap:60px;display:flex}.footer-col h5{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.85rem;font-weight:700}.footer-col a{color:var(--text-muted);transition:color var(--transition-fast);margin-bottom:10px;text-decoration:none;display:block}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);padding-top:24px;font-size:.8rem}.footer-bottom a{color:var(--text-secondary);text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.toast{color:#fff;border-radius:var(--radius-md);backdrop-filter:blur(12px);z-index:1000;opacity:0;pointer-events:none;transition:all var(--transition-normal);background:#0ea5e9f2;padding:12px 20px;font-size:.9rem;font-weight:600;position:fixed;bottom:24px;right:24px;transform:translateY(20px);box-shadow:0 10px 30px #00000080}.toast.show{opacity:1;transform:translateY(0)}@media (width<=992px){.hero-title{font-size:2.8rem}.bento-grid{grid-template-columns:1fr}.bento-span-2{grid-column:span 1}.metrics-grid{grid-template-columns:repeat(2,1fr)}.shortcuts-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-links{display:none}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.05rem}.footer-container{flex-direction:column}.footer-links{gap:30px}.gatekeeper-tip{flex-direction:column;align-items:flex-start}.gk-action{justify-content:space-between;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown[data-astro-cid-l7arcky5]{display:inline-block;position:relative}.lang-menu[data-astro-cid-l7arcky5]{background:var(--bg-surface-elevated,#1c1d22);border:1px solid var(--border-subtle,#ffffff1a);border-radius:var(--radius-md,10px);z-index:100;min-width:120px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000080}.lang-dropdown[data-astro-cid-l7arcky5]:hover .lang-menu[data-astro-cid-l7arcky5],.lang-dropdown[data-astro-cid-l7arcky5]:focus-within .lang-menu[data-astro-cid-l7arcky5]{flex-direction:column;gap:2px;display:flex}.lang-menu[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]{color:var(--text-secondary,#94a3b8);border-radius:6px;padding:8px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s}.lang-menu[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5]:hover{color:#fff;background:#ffffff0f}.lang-menu[data-astro-cid-l7arcky5] a[data-astro-cid-l7arcky5].active{color:var(--color-accent,#38bdf8);background:#38bdf81a;font-weight:600}