:root,[data-theme=dark]{--bg-page:#07090e;--bg-card:#0e1420d9;--bg-card-hover:#161e30fa;--bg-card-border:#ffffff1a;--border-accent:#06b6d480;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d459;--accent-blue:#3b82f6;--glow-color-1:#06b6d42e;--glow-color-2:#3b82f61f;--navbar-bg:#07090ee6;--code-box-bg:#030508;--modal-bg:#0d121c}[data-theme=light]{--bg-page:#f8fafc;--bg-card:#fffffff2;--bg-card-hover:#fff;--bg-card-border:#00000014;--border-accent:#0284c780;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-cyan:#0284c7;--accent-cyan-glow:#0284c733;--accent-blue:#2563eb;--glow-color-1:#0ea5e92e;--glow-color-2:#6366f11f;--navbar-bg:#f8fafceb;--code-box-bg:#f1f5f9;--modal-bg:#fff}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;transition:background-color .25s,color .25s;overflow-x:clip;background-color:var(--bg-page)!important;color:var(--text-primary)!important}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.page-wrapper{max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px;position:relative}.ambient-glow{filter:blur(140px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glow-1{background:var(--glow-color-1);width:550px;height:400px;top:30px;left:10%}.glow-2{background:var(--glow-color-2);width:500px;height:400px;top:150px;right:10%}.navbar{z-index:50;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bg-card-border);margin:0 -24px;padding:14px 24px;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-brand{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;width:38px;height:38px;box-shadow:0 4px 12px var(--accent-cyan-glow);border-radius:8px}.brand-title-group{align-items:center;gap:8px;display:flex}.brand-name{letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.brand-pill{color:var(--accent-cyan);border:1px solid var(--border-accent);letter-spacing:.05em;user-select:none;background:#06b6d41f;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.65rem;font-weight:800;display:inline-flex}.pill-dot{background-color:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;display:inline-block}.nav-menu{gap:28px;display:flex}.nav-link{color:var(--text-secondary);font-size:.92rem;font-weight:600;transition:color .2s}.nav-link:hover{color:var(--accent-cyan)}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle-btn{background:var(--bg-card);border:1px solid var(--bg-card-border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;transition:transform .2s,border-color .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--accent-cyan);transform:scale(1.05)}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.btn-primary-nav{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));box-shadow:0 4px 14px var(--accent-cyan-glow);border-radius:10px;padding:9px 20px;font-size:.88rem;font-weight:700;transition:opacity .2s,transform .2s;color:#fff!important}.btn-primary-nav:hover{opacity:.92;transform:translateY(-1px)}.hero-section{z-index:10;text-align:center;padding:48px 0 32px;position:relative}.hero-logo-banner{margin-bottom:24px}.hero-main-logo{max-width:220px;height:auto;box-shadow:0 10px 40px -10px var(--accent-cyan-glow);border:1px solid var(--border-accent);border-radius:16px}.hero-badge{border:1px solid var(--border-accent);color:var(--accent-cyan);background:#06b6d41a;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-dot{background:var(--accent-cyan);width:7px;height:7px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%}.hero-heading{letter-spacing:-.03em;margin-bottom:18px;font-size:3.4rem;font-weight:800;line-height:1.15}.gradient-text{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtext{max-width:760px;color:var(--text-secondary);margin:0 auto 40px;font-size:1.15rem;line-height:1.6}.app-preview-card{background:var(--bg-card);border:1px solid var(--bg-card-border);text-align:left;backdrop-filter:blur(12px);border-radius:18px;max-width:820px;margin:0 auto 56px;overflow:hidden;box-shadow:0 20px 50px -15px #0003}.mockup-header{border-bottom:1px solid var(--bg-card-border);background:#00000014;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.window-dots{gap:7px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.mockup-title{color:var(--text-muted);font-size:.75rem;font-weight:600}.mockup-tag{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e40;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:.65rem}.mockup-body{padding:20px}.mockup-reasoning{border:1px solid var(--border-accent);background:#06b6d414;border-radius:12px;margin-bottom:12px;padding:14px 18px}.reasoning-header{color:var(--accent-cyan);align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;font-weight:700;display:flex}.reasoning-text{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.6}.mockup-terminal{background:var(--code-box-bg);border:1px solid var(--bg-card-border);border-radius:10px;padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.term-prompt{color:var(--accent-cyan);font-weight:700}.term-success{color:#22c55e;font-weight:600}.download-section{padding:30px 0 60px}.section-badge-center{letter-spacing:.1em;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:800}.section-heading{letter-spacing:-.02em;margin-bottom:10px;font-size:2.2rem;font-weight:800}.section-desc{color:var(--text-secondary);margin-bottom:36px;font-size:1rem}.download-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.os-card{background:var(--bg-card);border:1px solid var(--bg-card-border);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 30px #0000000a}.os-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:0 16px 40px -10px var(--accent-cyan-glow);transform:translateY(-4px)}.highlight-card{border-color:var(--border-accent)}.card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.os-avatar{font-size:2.2rem}.os-chip{color:var(--text-secondary);border:1px solid var(--bg-card-border);background:#0000000d;border-radius:20px;padding:3px 8px;font-size:.65rem;font-weight:700}.chip-win{color:var(--accent-cyan);border-color:var(--border-accent);background:#06b6d41f}.os-title{margin-bottom:4px;font-size:1.25rem;font-weight:700}.os-compat{color:var(--text-muted);margin-bottom:14px;font-size:.8rem}.os-features{color:var(--text-secondary);flex-direction:column;gap:6px;margin-bottom:20px;font-size:.8rem;display:flex}.btn-card-download{cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:12px 18px;font-size:.9rem;font-weight:700;transition:filter .2s,background-color .2s}.btn-win{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));box-shadow:0 6px 20px var(--accent-cyan-glow);color:#fff!important}.btn-win:hover{filter:brightness(1.1)}.btn-mac,.btn-linux,.btn-cli{color:var(--text-primary);border:1px solid var(--bg-card-border);background:#0000000f}.btn-mac:hover,.btn-linux:hover,.btn-cli:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan)}.btn-split{gap:8px;display:flex}.cli-command-box{background:var(--code-box-bg);border:1px solid var(--bg-card-border);color:var(--accent-cyan);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 12px;font-family:monospace;font-size:.72rem;display:flex}.copy-btn{background:var(--accent-cyan);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:700}.card-footer-info{color:var(--text-muted);text-align:center;margin-top:12px;font-size:.7rem}.matrix-section{text-align:center;padding:50px 0}.matrix-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:32px;display:grid}.matrix-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:16px;padding:22px}.vendor-tag{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:3px 8px;font-size:.65rem;font-weight:800;display:inline-block}.google-tag{color:#3b82f6;background:#3b82f61f}.claude-tag{color:#d97706;background:#d977061f}.open-tag{color:#10b981;background:#10b9811f}.openai-tag{color:#8b5cf6;background:#8b5cf61f}.kiro-tag{color:#c026d3;background:#c026d31f}.matrix-card h4{margin-bottom:8px;font-size:1rem;font-weight:700}.matrix-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.8rem;line-height:1.5}.matrix-pills{flex-wrap:wrap;gap:6px;display:flex}.matrix-pills span{color:var(--text-muted);background:#0000000d;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:600}.pillars-section{text-align:center;padding:50px 0}.pillars-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px;display:grid}.pillar-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:18px;padding:24px}.pillar-icon{margin-bottom:14px;font-size:2rem}.pillar-card h3{margin-bottom:8px;font-size:1.1rem;font-weight:700}.pillar-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.pillar-card code{background:var(--code-box-bg);color:var(--accent-cyan);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.8rem}.footer{border-top:1px solid var(--bg-card-border);margin-top:50px;padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-logo{font-size:1.1rem;font-weight:800}.footer-sub{color:var(--text-muted);margin-top:4px;font-size:.8rem}.footer-right{text-align:right;color:var(--text-muted);font-size:.8rem}.footer-tech{color:var(--text-secondary);margin-top:4px;font-size:.75rem}@media (width<=768px){.hero-heading{font-size:2.3rem}.nav-menu{display:none}.footer-inner{text-align:center;flex-direction:column}.footer-right{text-align:center}}[hidden]{display:none!important}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin:-8px 0 40px;display:flex}.hero-cta-main{padding:12px 26px;font-size:.95rem}.hero-cta-ghost{color:var(--text-secondary);border:1px solid var(--bg-card-border);border-radius:12px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s}.hero-cta-ghost:hover{color:var(--text-primary);border-color:var(--border-accent)}.chat-mock .cm-body{flex-direction:column;gap:18px;padding:20px 22px 22px;font-size:.82rem;display:flex}.cm-user{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:16px 16px 6px;align-self:flex-end;max-width:78%;padding:12px 14px;line-height:1.55}.cm-thumbs{gap:6px;margin-bottom:8px;display:flex}.cm-thumb{background:linear-gradient(160deg,#1e293b 55%,#38bdf8 56% 64%,#1e293b 65%);border:1px solid #ffffff40;border-radius:8px;align-items:flex-end;width:64px;height:46px;padding:4px;font:700 9px/1 ui-monospace,monospace;display:flex;position:relative}.cm-thumb i{background:#10b981;border-radius:50%;place-items:center;width:13px;height:13px;font-size:8px;font-style:normal;display:grid;position:absolute;top:3px;right:3px}.cm-agent{flex-direction:column;gap:10px;display:flex}.cm-agent-name{align-items:center;gap:8px;font-weight:700;display:flex}.cm-agent-name em{color:var(--text-muted);font-style:normal;font-weight:500}.cm-avatar{color:#e07a5f;border:1px solid var(--bg-card-border);background:var(--code-box-bg);border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.cm-work-head{cursor:pointer;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 -6px;padding:4px 6px;list-style:none;display:flex}.cm-work-head::-webkit-details-marker{display:none}.cm-work-head:hover{background:var(--code-box-bg)}.cm-chevron{color:var(--text-muted);font-size:.95rem;line-height:1;transition:transform .2s}.cm-work[open]>.cm-work-head .cm-chevron,.cm-group[open]>.cm-group-head .cm-chevron{transform:rotate(90deg)}.cm-usage{color:var(--text-muted);cursor:help;font:.72rem ui-monospace,monospace}.chat-mock{overflow:clip}.cm-sticky{top:var(--nav-h,68px);z-index:5;background:var(--modal-bg);cursor:default;position:sticky;box-shadow:0 6px 12px -10px #00000080}.cm-sticky:hover{background:var(--modal-bg)}.cm-chevron.is-open{transform:rotate(90deg)}.cm-clock{font-family:ui-monospace,monospace}.cm-spin{border:2px solid var(--accent-cyan-glow);border-top-color:var(--accent-cyan);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.9s linear infinite cm-spin}.cm-spin.sm{border-width:1.5px;border-color:#34d399 #34d3994d #34d3994d;width:10px;height:10px}.cm-shimmer{animation:2.2s ease-in-out infinite cm-pulse}@keyframes cm-spin{to{transform:rotate(360deg)}}@keyframes cm-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.cm-spin,.cm-shimmer{animation:none}}.cm-flow{flex-direction:column;gap:10px;margin-top:8px;display:flex}.cm-text{margin:0;line-height:1.6}.cm-work-head .cm-diff{margin-left:auto}.cm-ok{color:#10b981;font-weight:800}.cm-diff{font-family:ui-monospace,monospace}.add{color:#10b981}.del{color:#f43f5e}.cm-dim{color:var(--text-muted);font-size:.75rem}.cm-italic{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:italic;overflow:hidden}.cm-steps{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex;position:relative}.cm-steps:before{content:"";background:var(--bg-card-border);width:1px;position:absolute;top:11px;bottom:11px;left:10.5px}.cm-steps li{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.cm-node{background:var(--bg-card);border:1px solid var(--bg-card-border);z-index:1;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.cm-node.violet{color:#a78bfa}.cm-node.sky{color:#38bdf8}.cm-node.orange{color:#fb923c}.cm-node.green{color:#34d399}.cm-steps code{border:1px solid var(--bg-card-border);background:var(--bg-card);white-space:nowrap;border-radius:6px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:.75rem}.cm-steps code b{color:#38bdf8;margin-right:4px;font-size:.6rem}.cm-group{flex:1;min-width:0}.cm-group-head{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-width:0;list-style:none;display:flex}.cm-group-head::-webkit-details-marker{display:none}.cm-group-head:hover strong{color:var(--accent-cyan)}.cm-files{gap:6px;min-width:0;display:flex;overflow:hidden}.cm-files code{color:var(--text-muted)}.cm-group[open] .cm-files{display:none}.cm-group-head .cm-chevron{margin-left:auto}.cm-sub{border-left:1px solid var(--bg-card-border);margin:7px 0 2px 10.5px;padding-left:12px}.cm-sub:before{display:none}.cm-time{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:.72rem}.cm-time u{color:var(--accent-cyan);margin-left:4px;font-weight:700;text-decoration:none}.cm-chips{border-top:1px solid var(--bg-card-border);flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.cm-chips span{color:var(--text-secondary);border:1px solid var(--bg-card-border);border-radius:999px;padding:2px 9px;font-size:.68rem}.cm-answer{margin:0;line-height:1.6}.cm-answer code,.cm-text code{color:var(--accent-cyan);background:var(--accent-cyan-glow);border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.78rem}.cm-edits{border:1px solid var(--bg-card-border);background:var(--code-box-bg);border-radius:12px;overflow:hidden}.cm-edits-head{border-bottom:1px solid var(--bg-card-border);flex-wrap:wrap;align-items:center;gap:8px;padding:9px 14px;display:flex}.cm-edits-btn{border:1px solid var(--bg-card-border);color:var(--text-secondary);border-radius:7px;margin-left:auto;padding:3px 9px;font-size:.7rem;font-weight:700}.cm-edits-row{align-items:center;gap:8px;min-width:0;padding:8px 14px;display:flex}.cm-edits-row code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,monospace;font-size:.75rem;overflow:hidden}.cm-edits-row code b{color:#38bdf8;margin-right:4px;font-size:.6rem}.cm-actions{color:var(--text-secondary);gap:12px;font-size:.75rem;display:flex}.dl-list{flex-direction:column;gap:10px;display:flex}.dl-item{flex-direction:column;gap:4px;display:flex}.dl-link{text-align:left;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));box-shadow:0 6px 20px var(--accent-cyan-glow);align-items:center;gap:10px;display:flex;color:#fff!important}.dl-link:hover{filter:brightness(1.1)}.dl-icon{font-size:1rem}.dl-label{flex:1}.dl-size{opacity:.85;font-size:.75rem;font-weight:600}.dl-hash{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:.7rem}.dl-hash code{font-family:ui-monospace,monospace}.dl-hash-action{color:var(--accent-cyan);margin-left:4px;font-weight:700}.btn-card-download.is-disabled{cursor:not-allowed;color:var(--text-muted);border:1px dashed var(--bg-card-border);background:#7f7f7f14;display:block}.dl-missing{color:var(--text-muted);margin:0;font-size:.75rem}.requirements-card{text-align:left;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:24px;padding:26px;display:grid}.req-col h3{margin:0 0 8px;font-size:1.05rem}.req-col p{color:var(--text-secondary);margin:0 0 12px;font-size:.85rem;line-height:1.6}.req-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.req-list li{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.82rem;display:flex}.req-list li>span{min-width:92px;font-weight:700}.req-list code,.req-code{background:var(--code-box-bg);border:1px solid var(--bg-card-border);color:var(--accent-cyan);overflow-wrap:anywhere;border-radius:8px;padding:4px 9px;font-family:ui-monospace,monospace;font-size:.78rem}.req-list em{color:var(--text-secondary);font-style:normal}.req-list em code{padding:1px 6px}.req-code{margin-bottom:12px;display:block}.req-note{font-size:.78rem!important}@media (width>=1100px){.features-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.cm-user{max-width:92%}.cm-italic,.cm-work-head .cm-dim,.cm-files{display:none}.cm-steps li{flex-wrap:wrap}}