:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-accent-light:#f0f7ff;--accent:#2563eb;--accent-light:#3b82f6;--accent-soft:#eff6ff;--accent-border:#bfdbfe;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000d;--shadow-md:0 10px 25px -5px #3b82f614, 0 8px 16px -6px #3b82f614;--shadow-lg:0 20px 40px -15px #0f172a14;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--font-body:"Inter", sans-serif;--font-title:"Outfit", sans-serif;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}code{background-color:var(--bg-secondary);color:var(--accent);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.9em}h1,h2,h3,h4{font-family:var(--font-title);color:var(--text-primary);font-weight:700}a{color:inherit;text-decoration:none}.btn{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff;border:none;box-shadow:0 4px 14px #2563eb33}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.btn-secondary{background-color:var(--bg-accent-light);color:var(--accent);border:1px solid var(--accent-border)}.btn-secondary:hover{background-color:var(--accent-soft);transform:translateY(-2px)}.btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:16px}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12.5px}.btn-icon-only{background-color:var(--accent);color:#fff;border:none;border-radius:50%;width:36px;height:36px;padding:8px}.btn-icon-only:hover{background-color:#1d4ed8}.btn-icon-only:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.btn:active{transform:translateY(0)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background-color:#ffffffd9;transition:all .3s;position:sticky;top:0}.nav-container{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-svg{filter:drop-shadow(0 2px 4px #3b82f626)}.logo-text{font-family:var(--font-title);letter-spacing:-.5px;color:var(--text-primary);font-size:22px;font-weight:800}.nav-links{gap:32px;display:flex}.nav-link{color:var(--text-secondary);padding:4px 0;font-size:14px;font-weight:500;transition:color .2s;position:relative}.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";background-color:var(--accent);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}@media (width<=768px){.nav-links{display:none}}.hero-section{background:radial-gradient(circle at 80% 20%,#eff6ff 0%,#fff 50%);padding:80px 24px}.hero-container{max-width:var(--max-width);grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;margin:0 auto;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.badge{background-color:var(--accent-soft);color:var(--accent);border-radius:var(--radius-xl);letter-spacing:1px;border:1px solid var(--accent-border);margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700}.hero-title{letter-spacing:-1.5px;margin-bottom:24px;font-size:48px;line-height:1.15}.hero-title span{color:var(--accent);background:linear-gradient(135deg, var(--accent) 0%, #60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:36px;font-size:18px;font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-stats{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.hero-stat{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #bfdbfe80;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 4px 12px #2563eb12}.hero-stat-icon{background-color:var(--accent-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.hero-stat div{flex-direction:column;display:flex}.hero-stat strong{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.2}.hero-stat small{color:var(--text-secondary);margin-top:2px;font-size:10px}.hero-mockup-wrapper{justify-content:center;display:flex}.extension-mockup-card{border-radius:var(--radius-lg);width:320px;height:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background-color:#fff;flex-direction:column;display:flex;overflow:hidden}.mockup-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);align-items:center;padding:12px;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots span{background-color:var(--border-color);border-radius:50%;width:8px;height:8px}.mockup-dots span:first-child{background-color:#fca5a5}.mockup-dots span:nth-child(2){background-color:#fde047}.mockup-dots span:nth-child(3){background-color:#86efac}.mockup-title{color:var(--text-secondary);margin-left:20px;font-size:11px;font-weight:600}.mockup-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.mockup-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mockup-youtube-bar{background-color:var(--accent-soft);color:#1e3a8a;border-bottom:1px solid var(--accent-border);align-items:center;gap:8px;padding:6px 12px;font-size:10px;display:flex}.mock-dot{background-color:#10b981;border-radius:50%;width:5px;height:5px}.mock-url-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mockup-tabs{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex}.mock-tab{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s}.mock-tab:hover{color:var(--accent)}.mock-tab.active{color:var(--accent);border-bottom:2px solid var(--accent)}.mockup-chat-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.mock-msg{border-radius:var(--radius-sm);max-width:85%;padding:8px 10px;font-size:11px}.mock-msg.system{background-color:var(--bg-secondary);text-align:center;align-self:center}.mock-msg.user{background-color:var(--accent);color:#fff;align-self:flex-end}.mock-msg.companion{background-color:var(--bg-secondary);border:1px solid var(--border-color);align-self:flex-start}.mock-timestamp-pill{background-color:var(--accent-soft);color:var(--accent);border-radius:10px;margin-top:4px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.mockup-input{border-top:1px solid var(--border-color);align-items:center;gap:8px;padding:8px;display:flex}.mock-input-field{background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:16px;flex:1;padding:6px 12px;font-size:11px}.mock-send-circle{background-color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;display:flex;box-shadow:0 2px 8px #2563eb4d}.mockup-brands-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.mock-brand-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);margin-bottom:2px;padding-bottom:4px;font-size:10px;font-weight:700}.mock-brand-item{border-radius:var(--radius-sm);background-color:var(--bg-secondary);border:1px solid var(--border-color);align-items:center;gap:8px;padding:7px 8px;display:flex}.mock-brand-icon{background:var(--accent-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.mock-brand-info{flex-direction:column;flex:1;min-width:0;display:flex}.mock-brand-info strong{color:var(--text-primary);font-size:11px;font-weight:700}.mock-brand-info small{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.mock-brand-pill{background-color:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.mockup-summary-panel{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.mock-summary-title{color:var(--text-primary);margin-bottom:2px;font-size:11px;font-weight:700}.mock-summary-item{align-items:flex-start;gap:8px;display:flex}.mock-summary-dot{background-color:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.mock-summary-line{background:var(--border-color);border-radius:4px;width:100%;height:8px;margin-bottom:5px;animation:1.8s ease-in-out infinite shimmer}.mock-summary-line.title-line{background:var(--accent-soft);width:70%;height:10px}.mock-summary-line.short{width:55%}.mock-summary-line.medium{width:80%}.mock-summary-caption{color:var(--text-secondary);text-align:center;margin-top:auto;font-size:9px;font-style:italic}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.mock-sum-heading{color:var(--accent);font-size:11px;font-weight:800;line-height:1.45}.mock-sum-meta{color:var(--text-secondary);margin-top:-4px;font-size:9px;font-style:italic}.mock-sum-divider{border:none;border-top:1px solid var(--border-color);margin:4px 0}.mock-sum-section-title{color:var(--accent);margin-top:2px;font-size:10px;font-weight:700}.mock-sum-table{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:9.5px;overflow:hidden}.mock-sum-thead{background-color:var(--accent-soft);border-bottom:1px solid var(--accent-border);grid-template-columns:60px 1fr;gap:8px;padding:4px 8px;display:grid}.mock-sum-thead span{color:var(--accent);font-weight:700}.mock-sum-trow{border-bottom:1px solid var(--border-color);color:var(--text-primary);grid-template-columns:60px 1fr;align-items:start;gap:8px;padding:5px 8px;line-height:1.4;display:grid}.mock-sum-trow:last-child{border-bottom:none}.mock-sum-trow span:first-child{color:var(--text-secondary);font-size:9px;font-weight:600}.mock-sum-list{color:var(--text-primary);flex-direction:column;gap:4px;margin:0;padding-left:14px;font-size:9.5px;line-height:1.5;display:flex}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{align-items:center}.hero-title{font-size:38px}}.section-container{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.section-header{text-align:center;max-width:600px;margin:0 auto 50px}.section-title{letter-spacing:-.5px;margin-bottom:16px;font-size:32px}.section-desc{color:var(--text-secondary);font-size:16px}.features-section{background-color:var(--bg-secondary)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:#fff;padding:36px;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-border);transform:translateY(-5px)}.feature-icon{border-radius:var(--radius-md);background-color:var(--bg-accent-light);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{color:var(--text-secondary);font-size:14px}.demo-card-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background-color:#fff;padding:30px}.demo-url-bar{margin-bottom:20px}.input-group{background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);align-items:center;padding:6px;transition:border-color .2s;display:flex}.input-group:focus-within{border-color:var(--accent)}.url-icon{padding:0 12px}.input-group input{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.input-group button{white-space:nowrap}.quick-examples{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;display:flex}.example-btn{border:1px dashed var(--accent-border);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;padding:4px 10px;transition:all .2s}.example-btn:hover{background-color:var(--accent-soft);border-style:solid}.demo-settings-alert{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-size:12.5px;display:flex}.subtle-input{border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;outline:none;width:150px;padding:2px 6px;font-size:11px}.subtle-input:focus{border-color:var(--accent)}.demo-layout{flex-direction:column;gap:30px;max-width:800px;margin:0 auto;display:flex}.demo-media-box{border-radius:var(--radius-md);aspect-ratio:16/9;background-color:#0f172a;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006}.video-placeholder-container{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.video-placeholder-container p{max-width:300px;font-size:13.5px}.video-iframe-container{width:100%;height:100%}.video-iframe-container iframe{border:none;width:100%;height:100%}.demo-emulator-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;flex-direction:column;height:400px;display:flex;overflow:hidden}.emulator-tabs{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);display:flex}.emulator-tab{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 6px;font-size:13px;font-weight:600;transition:all .2s;position:relative}.emulator-tab:hover{color:var(--text-primary)}.emulator-tab.active{color:var(--accent);background-color:#fff}.emulator-tab.active:after{content:"";background-color:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.emulator-panels{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.emulator-panel{flex-direction:column;flex:1;min-height:0;display:none;overflow:hidden}.emulator-panel.active{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.demo-chat-log{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-md);max-width:85%;padding:10px 14px;font-size:13px;line-height:1.4}.chat-bubble.bot{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-bottom-left-radius:2px;align-self:flex-start}.chat-bubble.user{background-color:var(--accent);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chat-bubble.loading{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-bottom-left-radius:2px;align-self:flex-start;animation:1.5s ease-in-out infinite skeleton-pulse}.demo-chat-input-area{border-top:1px solid var(--border-color);gap:10px;padding:10px 16px;display:flex}.demo-chat-input-area input{border:1px solid var(--border-color);background-color:var(--bg-secondary);font-family:var(--font-body);border-radius:20px;outline:none;flex:1;padding:8px 16px;font-size:13px}.demo-chat-input-area input:focus{border-color:var(--accent);background-color:#fff}.demo-chat-input-area input:disabled{background-color:var(--border-color);cursor:not-allowed}.tab-desc-bar{background-color:var(--bg-secondary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.demo-brands-list,.demo-summary-content{flex:1;min-height:0;padding:16px;overflow-y:auto}.demo-brands-list.empty,.demo-summary-content.empty{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;font-size:12.5px;display:flex}.demo-brand-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.demo-brand-card:hover{background-color:var(--accent-soft);border-color:var(--accent-border)}.demo-brand-title{font-weight:600}.demo-brand-context{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.timestamp-jump-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:11px}.timestamp-jump-btn:hover{background-color:#1d4ed8}.demo-summary-content{font-size:13px;line-height:1.5}.demo-summary-content h2{color:var(--accent);margin-top:12px;margin-bottom:6px;font-size:15px}.demo-summary-content h3{color:var(--accent);margin-top:8px;margin-bottom:4px;font-size:13.5px}.demo-summary-content p{margin-bottom:8px}.demo-summary-content ul{margin-bottom:8px;margin-left:16px}.demo-summary-content li{margin-bottom:4px}.install-steps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:30px;margin-bottom:40px;display:grid}.step-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;padding:30px;position:relative;overflow:hidden}.step-num{font-family:var(--font-title);color:var(--bg-accent-light);margin-bottom:16px;font-size:48px;font-weight:900;line-height:1}.step-card h3{margin-bottom:12px;font-size:17px}.step-card p{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.install-link{color:var(--accent);font-weight:600}.install-link:hover{text-decoration:underline}.install-success-card{background-color:var(--bg-accent-light);border:1px solid var(--accent-border);border-radius:var(--radius-md);text-align:center;max-width:600px;margin:0 auto;padding:24px}.install-success-card h4{color:var(--accent);margin-bottom:8px;font-size:18px}.install-success-card p{color:var(--text-secondary);font-size:14px}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;padding:40px 24px}.footer-container{max-width:var(--max-width);flex-direction:column;align-items:center;gap:16px;margin:0 auto;display:flex}.footer p{color:var(--text-secondary);font-size:13.5px}.footer-links{color:var(--text-muted);gap:16px;font-size:13.5px;display:flex}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--accent)}.skeleton-container{flex-direction:column;gap:12px;width:100%;display:flex}.skeleton-card{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f5f94d 25%,#e2e8f099 50%,#f1f5f94d 75%) 0 0/200% 100%;border:1px solid #e2e8f066;width:100%;height:50px;animation:1.5s linear infinite skeleton-shimmer}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f5f94d 25%,#e2e8f099 50%,#f1f5f94d 75%) 0 0/200% 100%;width:100%;height:12px;animation:1.5s linear infinite skeleton-shimmer}.skeleton-line.title{width:50%;height:18px;margin-bottom:6px}.skeleton-line.short{width:70%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}