@font-face{font-family: 'Inter';font-style: normal;font-weight: 400 800;font-display: swap;src: url("../fonts/inter-latin.260c81a4759b.woff2") format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blue: #1A6CF5;--blue-light: #3B82F6;--blue-dark: #1557D0;--blue-glow: rgba(26,108,245,0.08);--dark: #F7F8FA;--surface: #FFFFFF;--surface-2: #F3F4F6;--surface-3: #E9EAEC;--border: #E5E7EB;--border-blue: rgba(26,108,245,0.2);--text: #111827;--text-muted: #6B7280;--text-dim: #9CA3AF;--success: #059669;--warning: #D97706;--danger: #DC2626;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--shadow-md: 0 4px 16px rgba(0,0,0,0.08);--shadow-blue: 0 4px 14px rgba(26,108,245,0.2);--font: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono: 'JetBrains Mono','Fira Code',ui-monospace,monospace;--transition: all 0.2s ease;--nav-h: 88px}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth}body{font-family: var(--font);background: var(--dark);color: var(--text);line-height: 1.6;min-height: 100vh;font-size: 15px}h1,h2,h3,h4,h5,h6{font-weight: 700;line-height: 1.25;color: var(--text)}h1{font-size: clamp(2rem,5vw,3.2rem)}h2{font-size: clamp(1.5rem,3vw,2.25rem)}h3{font-size: 1.2rem}p{color: var(--text-muted)}a{color: var(--blue);text-decoration: none;transition: var(--transition)}a:hover{color: var(--blue-dark)}::-webkit-scrollbar{width: 6px;height: 6px}::-webkit-scrollbar-track{background: var(--surface-2)}::-webkit-scrollbar-thumb{background: var(--surface-3);border-radius: 3px}.navbar{position: sticky;top: 0;z-index: 100;height: var(--nav-h);background: rgba(255,255,255,0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid var(--border);box-shadow: 0 1px 3px rgba(0,0,0,0.06);padding: 0}.nav-inner{max-width: 1200px;margin: 0 auto;padding: 0 2rem;height: 100%;display: flex;align-items: center;gap: 2rem;width: 100%}.navbar-brand img{height: 80px;width: auto}.navbar-nav{display: flex;align-items: center;gap: 0.25rem;list-style: none;margin-left: auto}.navbar-nav .nav-link{color: var(--text-muted);padding: 0.4rem 0.85rem;border-radius: var(--radius-sm);font-size: 0.9rem;font-weight: 500;transition: var(--transition)}.navbar-nav .nav-link:hover{color: var(--text);background: var(--surface-2)}.navbar-nav .nav-link.active{color: var(--blue);font-weight: 600}.navbar-avatar{width: 34px;height: 34px;background: var(--blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.82rem;font-weight: 700;color: white;cursor: pointer;border: 2px solid rgba(26,108,245,0.25)}.nav-divider{width: 1px;height: 20px;background: var(--border);margin: 0 0.5rem}.nav-toggle{display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: 6px;margin-left: auto}.nav-toggle span{display: block;width: 22px;height: 2px;background: var(--text);border-radius: 2px;transition: var(--transition)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.6rem 1.25rem;border-radius: var(--radius-sm);font-size: 0.9rem;font-weight: 600;cursor: pointer;border: 1px solid transparent;transition: var(--transition);white-space: nowrap;text-decoration: none;line-height: 1;font-family: var(--font)}.btn:disabled{opacity: 0.5;cursor: not-allowed}.btn-primary{background: var(--blue);color: white;border-color: var(--blue);box-shadow: var(--shadow-blue)}.btn-primary:hover{background: var(--blue-dark);border-color: var(--blue-dark);color: white;transform: translateY(-1px);box-shadow: 0 6px 20px rgba(26,108,245,0.3)}.btn-outline{background: transparent;color: var(--blue);border-color: var(--border-blue)}.btn-outline:hover{background: var(--blue-glow);color: var(--blue);border-color: var(--blue)}.btn-ghost{background: transparent;color: var(--text-muted);border-color: var(--border)}.btn-ghost:hover{background: var(--surface-2);color: var(--text);border-color: var(--border)}.btn-danger{background: var(--danger);color: white;border-color: var(--danger)}.btn-danger:hover{background: #B91C1C}.btn-sm{padding: 0.4rem 0.9rem;font-size: 0.82rem}.btn-lg{padding: 0.85rem 2rem;font-size: 1rem;border-radius: var(--radius)}.btn-xl{padding: 1rem 2.5rem;font-size: 1.05rem;border-radius: var(--radius)}.btn-icon{padding: 0.5rem;border-radius: var(--radius-sm)}.card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);padding: 1.5rem;transition: var(--transition);box-shadow: var(--shadow)}.card:hover{border-color: var(--border-blue);box-shadow: var(--shadow-md)}.card-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.25rem;padding-bottom: 1rem;border-bottom: 1px solid var(--border)}.card-title{font-size: 1rem;font-weight: 600;color: var(--text)}.card-subtitle{font-size: 0.82rem;color: var(--text-muted);margin-top: 0.15rem}.badge{display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.25rem 0.65rem;border-radius: 100px;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.02em}.badge-blue{background: #EFF6FF;color: #2563EB;border: 1px solid #BFDBFE}.badge-green{background: #ECFDF5;color: #059669;border: 1px solid #A7F3D0}.badge-yellow{background: #FFFBEB;color: #D97706;border: 1px solid #FDE68A}.badge-red{background: #FEF2F2;color: #DC2626;border: 1px solid #FECACA}.badge-gray{background: #F3F4F6;color: #6B7280;border: 1px solid #E5E7EB}.dot{width: 6px;height: 6px;border-radius: 50%;display: inline-block}.dot-green{background: #059669}.dot-yellow{background: #D97706}.dot-red{background: #DC2626}.dot-gray{background: #9CA3AF}.alert{padding: 0.85rem 1.1rem;border-radius: var(--radius-sm);font-size: 0.88rem;display: flex;align-items: flex-start;gap: 0.6rem;margin-bottom: 1rem;border: 1px solid}.alert-success{background: #ECFDF5;border-color: #A7F3D0;color: #065F46}.alert-error{background: #FEF2F2;border-color: #FECACA;color: #991B1B}.alert-warning{background: #FFFBEB;border-color: #FDE68A;color: #92400E}.alert-info{background: #EFF6FF;border-color: #BFDBFE;color: #1D4ED8}.container{max-width: 1200px;margin: 0 auto;padding: 0 1.5rem}.container-sm{max-width: 640px;margin: 0 auto;padding: 0 1.5rem}.container-md{max-width: 860px;margin: 0 auto;padding: 0 1.5rem}.page-header{padding: 2.5rem 0 1.5rem;border-bottom: 1px solid var(--border);margin-bottom: 2rem}.page-header h1{font-size: 1.6rem;font-weight: 700}.page-header p{color: var(--text-muted);font-size: 0.9rem;margin-top: 0.3rem}.page-header-row{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.section{padding: 3rem 0}.section-lg{padding: 5rem 0}.grid{display: grid;gap: 1.25rem}.grid-2{grid-template-columns: repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns: repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns: repeat(auto-fit,minmax(200px,1fr))}.flex{display: flex}.flex-center{display: flex;align-items: center;justify-content: center}.flex-between{display: flex;align-items: center;justify-content: space-between}.flex-start{display: flex;align-items: center;justify-content: flex-start}.gap-1{gap: 0.5rem}.gap-2{gap: 1rem}.gap-3{gap: 1.5rem}.flex-wrap{flex-wrap: wrap}.text-center{text-align: center}.text-right{text-align: right}.mt-1{margin-top: 0.5rem}.mt-2{margin-top: 1rem}.mt-3{margin-top: 1.5rem}.mt-4{margin-top: 2rem}.mb-1{margin-bottom: 0.5rem}.mb-2{margin-bottom: 1rem}.mb-3{margin-bottom: 1.5rem}.mb-4{margin-bottom: 2rem}.w-full{width: 100%}.code-block{background: #F8FAFC;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 1rem 1.25rem;font-family: var(--mono);font-size: 0.82rem;color: #374151;overflow-x: auto;white-space: pre;line-height: 1.6;max-width: 100%;word-break: normal}.api-key-field{display: flex;align-items: center;gap: 0.5rem;background: #F8FAFC;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 0.6rem 0.9rem}.api-key-field input{flex: 1;background: transparent;border: none;color: var(--blue);font-family: var(--mono);font-size: 0.85rem;outline: none}.copy-btn{background: var(--surface-2);border: 1px solid var(--border);color: var(--text-muted);padding: 0.25rem 0.6rem;border-radius: 6px;font-size: 0.75rem;cursor: pointer;transition: var(--transition);white-space: nowrap}.copy-btn:hover{background: #EFF6FF;color: var(--blue);border-color: #BFDBFE}.hero{min-height: unset;display: flex;align-items: center;position: relative;overflow: hidden;padding: 5rem 0 4.5rem;background: var(--surface)}.hero-bg{position: absolute;inset: 0;background: radial-gradient(ellipse 80% 60% at 50% -10%,rgba(26,108,245,0.07) 0%,transparent 70%);pointer-events: none}.hero-content{position: relative;z-index: 1;max-width: 780px}.hero-eyebrow{display: inline-flex;align-items: center;gap: 0.5rem;background: #EFF6FF;border: 1px solid #BFDBFE;color: #2563EB;padding: 0.35rem 0.9rem;border-radius: 100px;font-size: 0.82rem;font-weight: 600;margin-bottom: 1.5rem;letter-spacing: 0.03em}.hero h1{margin-bottom: 1.25rem}.hero h1 span{color: var(--blue)}.hero p{font-size: 1.1rem;color: var(--text-muted);max-width: 580px;margin-bottom: 2rem;line-height: 1.7}.hero-cta{display: flex;gap: 1rem;flex-wrap: wrap}.hero-demo{position: relative;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 1.5rem;margin-top: 4rem;box-shadow: var(--shadow-md)}.hero-demo::before{content: '';position: absolute;inset: -1px;border-radius: calc(var(--radius-lg) + 1px);background: linear-gradient(135deg,rgba(26,108,245,0.1),transparent,rgba(26,108,245,0.05));z-index: -1}.features-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 1.5rem}.feature-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);padding: 1.75rem;transition: var(--transition);box-shadow: var(--shadow)}.feature-card:hover{border-color: var(--border-blue);transform: translateY(-3px);box-shadow: var(--shadow-blue)}.feature-icon{width: 48px;height: 48px;border-radius: var(--radius-sm);background: #EFF6FF;border: 1px solid #BFDBFE;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;margin-bottom: 1rem}.feature-card h3{font-size: 1rem;margin-bottom: 0.5rem}.feature-card p{font-size: 0.88rem;line-height: 1.6}.steps{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 2rem;counter-reset: step-counter}.step{position: relative}.step-num{width: 40px;height: 40px;border-radius: 50%;background: var(--blue);color: white;font-weight: 700;font-size: 0.9rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;box-shadow: var(--shadow-blue)}.step h3{font-size: 1rem;margin-bottom: 0.4rem}.step p{font-size: 0.85rem}.pc-shell{margin: 0}.pc-row{position: relative;padding-top: 1.2rem}.pc-viewport{overflow: hidden;min-width: 0}.pc-track{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: stretch;transition: transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);will-change: transform}.pc-slide{flex: 0 0 auto;min-width: 0;box-sizing: border-box;padding: 0 0.5rem;display: flex}.pc-slide .pricing-card{flex: 1;min-width: 0;margin: 0}.pc-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;width: 48px;height: 48px;border-radius: 50%;border: 1px solid rgba(0,0,0,0.06);background: #FFFFFF;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 18px;color: #333;transition: transform 0.15s,box-shadow 0.15s,opacity 0.2s;box-shadow: 0 2px 12px rgba(0,0,0,0.25)}.pc-arrow-prev{left: -14px}.pc-arrow-next{right: -14px}.pc-arrow:hover:not(:disabled){transform: translateY(-50%) scale(1.08);box-shadow: 0 4px 16px rgba(0,0,0,0.3)}.pc-arrow:disabled{opacity: 0 !important;pointer-events: none}.pc-dots{display: flex;justify-content: center;gap: 8px;margin-top: 1.25rem}.pc-dot{width: 8px;height: 8px;border-radius: 50%;border: none;background: var(--border);cursor: pointer;padding: 0;transition: background 0.2s,transform 0.2s}.pc-dot.active{background: var(--blue);transform: scale(1.3)}@media (max-width: 639px){.pc-row{padding-top: 1rem}.pc-arrow{width: 38px;height: 38px;font-size: 15px}.pc-arrow-prev{left: 4px}.pc-arrow-next{right: 4px}.pc-slide{padding: 0 0.35rem}}.pricing-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 2rem 1.75rem;display: flex;flex-direction: column;transition: var(--transition);position: relative;box-shadow: var(--shadow)}.pricing-card:hover{border-color: var(--border-blue);transform: translateY(-4px);box-shadow: var(--shadow-md)}.pricing-card.featured{border-color: var(--blue);background: linear-gradient(160deg,#F0F7FF 0%,#FFFFFF 60%);box-shadow: 0 8px 30px rgba(26,108,245,0.15);transform: translateY(-4px)}.pricing-card.featured:hover{transform: translateY(-7px);box-shadow: 0 12px 40px rgba(26,108,245,0.2)}.pricing-popular{position: absolute;top: -13px;left: 50%;transform: translateX(-50%);background: var(--blue);color: white;font-size: 0.72rem;font-weight: 700;padding: 0.3rem 1rem;border-radius: 100px;letter-spacing: 0.06em;white-space: nowrap;box-shadow: 0 2px 8px rgba(26,108,245,0.4)}.pricing-name{font-size: 0.8rem;font-weight: 700;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 0.75rem}.pricing-original{font-size: 0.95rem;color: var(--text-muted);font-weight: 500;text-decoration: line-through;margin-bottom: 0.1rem;display: block}.pricing-price{margin-bottom: 0.25rem}.pricing-price .amount{font-size: 2.75rem;font-weight: 800;color: var(--text);line-height: 1;letter-spacing: -0.02em}.pricing-price .period{font-size: 0.9rem;color: var(--text-muted);font-weight: 500}.pricing-desc{font-size: 0.85rem;color: var(--text-muted);margin: 0.75rem 0 1.5rem;min-height: 2.5rem;line-height: 1.5}.pricing-features{list-style: none;margin-bottom: 2rem;flex: 1}.pricing-features li{display: flex;align-items: flex-start;gap: 0.6rem;font-size: 0.88rem;color: var(--text-muted);padding: 0.4rem 0;border-bottom: 1px solid var(--border)}.pricing-features li:last-child{border-bottom: none}.pricing-features li::before{content: '✓';color: var(--blue);font-weight: 700;flex-shrink: 0;margin-top: 0.05rem}.pricing-cta{margin-top: auto}.empty-state{padding: 5rem 2rem;text-align: center}.empty-state-icon{font-size: 3.5rem;margin-bottom: 1rem;opacity: 0.5}.empty-state h3{font-size: 1.2rem;margin-bottom: 0.5rem}.empty-state p{font-size: 0.9rem;max-width: 360px;margin: 0 auto 1.5rem}.widget-preview{position: fixed;bottom: 90px;right: 24px;z-index: 9999}.widget-btn{width: 56px;height: 56px;border-radius: 50%;background: var(--blue);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-blue),0 4px 20px rgba(0,0,0,0.15);transition: var(--transition);color: white;font-size: 1.4rem;padding: 0}.widget-btn:hover{transform: scale(1.08);background: var(--blue-dark)}.widget-panel{display: none;position: absolute;bottom: 70px;right: 0;width: 360px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: 0 8px 40px rgba(0,0,0,0.12);overflow: hidden;animation: slideUp 0.2s ease}.widget-panel.open{display: flex;flex-direction: column}@keyframes slideUp{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: translateY(0)}}.widget-header{background: var(--blue);padding: 1rem 1.25rem;display: flex;align-items: center;justify-content: space-between}.widget-header-title{font-size: 0.9rem;font-weight: 700;color: white;display: flex;align-items: center;gap: 0.5rem}.widget-close{background: none;border: none;color: rgba(255,255,255,0.8);cursor: pointer;font-size: 1.1rem}.widget-messages{flex: 1;max-height: 320px;overflow-y: auto;padding: 1rem;display: flex;flex-direction: column;gap: 0.75rem;background: #F9FAFB}.widget-msg{padding: 0.65rem 0.9rem;border-radius: var(--radius-sm);font-size: 0.85rem;max-width: 85%;line-height: 1.5}.widget-msg.bot{background: var(--surface);color: var(--text);align-self: flex-start;box-shadow: var(--shadow)}.widget-msg.user{background: var(--blue);color: white;align-self: flex-end}.widget-product-card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 0.65rem;display: flex;gap: 0.6rem;font-size: 0.8rem;box-shadow: var(--shadow)}.widget-product-img{width: 48px;height: 48px;border-radius: 6px;object-fit: cover;background: var(--surface-2);flex-shrink: 0}.widget-product-name{font-weight: 600;color: var(--text);margin-bottom: 0.2rem}.widget-product-link{color: var(--blue);font-size: 0.75rem}.widget-input-row{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem;border-top: 1px solid var(--border);background: var(--surface)}.widget-input{flex: 1;background: var(--surface-2);border: 1px solid var(--border);color: var(--text);padding: 0.5rem 0.75rem;border-radius: 100px;font-size: 0.85rem;outline: none}.widget-input:focus{border-color: var(--blue);background: var(--surface)}.widget-send{background: var(--blue);border: none;color: white;width: 34px;height: 34px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;transition: var(--transition)}.widget-send:hover{background: var(--blue-dark)}.widget-img-btn{background: none;border: none;color: var(--text-muted);cursor: pointer;font-size: 1rem;padding: 0.3rem;transition: var(--transition)}.widget-img-btn:hover{color: var(--blue)}.widget-mic-btn{background: none;border: none;color: var(--text-muted);cursor: pointer;font-size: 1rem;padding: 0.3rem;transition: var(--transition);border-radius: 50%}.widget-mic-btn:hover{color: var(--blue)}.widget-mic-btn.recording{color: #DC2626;animation: mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,100%{transform: scale(1);opacity: 1}50%{transform: scale(1.25);opacity: 0.7}}footer{background: var(--surface);border-top: 1px solid var(--border);padding: 3rem 0;margin-top: auto}footer .footer-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: 2rem}footer h4{font-size: 0.85rem;font-weight: 700;color: var(--text);margin-bottom: 0.75rem;text-transform: uppercase;letter-spacing: 0.06em}footer ul{list-style: none;display: flex;flex-direction: column;gap: 0.5rem}footer li a{font-size: 0.85rem;color: var(--text-muted)}footer li a:hover{color: var(--text)}.footer-bottom{margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid var(--border);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem}.footer-bottom p{font-size: 0.82rem;color: var(--text-muted);margin: 0}@media (max-width: 1024px){}@media (max-width: 768px){:root{--nav-h: 68px}.navbar{padding: 0;height: 68px;overflow: visible}.nav-inner{padding: 0 1rem}.navbar-brand img{height: 66px}.navbar-nav{display: none;position: absolute;top: 68px;left: 0;right: 0;background: var(--surface);border-bottom: 1px solid var(--border);box-shadow: var(--shadow-md);flex-direction: column;align-items: stretch;padding: 0.75rem 1rem;gap: 0.25rem;z-index: 9999}.navbar-nav.open{display: flex}.navbar-nav .nav-link{padding: 0.6rem 0.75rem}.navbar-nav .btn{width: 100%;justify-content: center}.nav-divider{display: none}.nav-toggle{display: flex;position: relative;z-index: 9999;min-width: 44px;min-height: 44px;align-items: center;justify-content: center;padding: 10px;touch-action: manipulation;-webkit-tap-highlight-color: transparent}.sidebar{display: none}.dashboard-main{padding: 1rem}.container{padding: 0 1.25rem}h1{font-size: 2rem}h2{font-size: 1.5rem}.hero{padding: 3rem 0 2.5rem;min-height: auto}.hero h1{font-size: 2.1rem;line-height: 1.2}.hero p{font-size: 1rem}.hero-cta{flex-direction: column}.hero-cta .btn{width: 100%;justify-content: center}.hero-demo{padding: 1rem;margin-top: 2.5rem}.hero-demo > div:last-child,.hero-demo .demo-cols{grid-template-columns: 1fr !important}.explain-row{grid-template-columns: 1fr !important;gap: 1.5rem !important}.explain-row.reverse .explain-img{order: -1}.features-grid{grid-template-columns: 1fr}.steps{grid-template-columns: 1fr}.blog-grid{grid-template-columns: 1fr}.pricing-card.featured{transform: translateY(0)}.widget-preview{bottom: 82px;right: 16px}.widget-panel{position: fixed;bottom: 90px;left: 12px;right: 12px;width: auto;max-width: none;border-radius: var(--radius)}.widget-messages{max-height: 220px}.footer-grid{grid-template-columns: 1fr 1fr;gap: 1.5rem}.footer-bottom{flex-direction: column;align-items: flex-start}.section{padding: 2.5rem 0}.section-lg{padding: 3rem 0}table{display: block;overflow-x: auto}}@media (max-width: 480px){.grid-4{grid-template-columns: repeat(2,1fr)}.footer-grid{grid-template-columns: 1fr}.hero h1{font-size: 1.8rem}.btn-xl{display: block;white-space: normal;line-height: 1.4;text-align: center;padding: 0.9rem 1.25rem;width: 100%}}.explain-row{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;padding: 3.5rem 0}.explain-img img{width: 100%;height: auto;border-radius: var(--radius-lg);border: 1px solid var(--border);box-shadow: var(--shadow-md);display: block}.explain-text h2{margin-bottom: 1rem}.explain-text p{color: var(--text-muted);line-height: 1.75;font-size: 1.02rem}.explain-text ul{list-style: none;margin-top: 1.25rem;display: flex;flex-direction: column;gap: 0.6rem}.explain-text ul li{display: flex;gap: 0.6rem;align-items: flex-start;color: var(--text);font-size: 0.95rem}.explain-text ul li::before{content: '✓';color: var(--blue);font-weight: 700;flex-shrink: 0}@keyframes fadeIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.fade-in{animation: fadeIn 0.35s ease both}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.5}}.pulse{animation: pulse 2s ease infinite}@keyframes spin{to{transform: rotate(360deg)}}.spin{animation: spin 1s linear infinite}.footer-strip{background: #111111;border-top: 1px solid rgba(255,255,255,0.07);padding: 0.7rem 0}.footer-strip-inner{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem}.footer-social-icons{display: flex;align-items: center;gap: 0.5rem}.footer-social-link{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;background: rgba(255,255,255,0.09);color: rgba(255,255,255,0.65);transition: background 0.18s ease,color 0.18s ease;text-decoration: none}.footer-social-link:hover{background: rgba(255,255,255,0.18);color: #fff}.footer-payment-logos{display: flex;align-items: center;gap: 0.3rem;flex-wrap: wrap}.pay-badge{display: inline-flex;align-items: center;justify-content: center;height: 22px;padding: 0 7px;border-radius: 4px;font-size: 0.62rem;font-weight: 800;letter-spacing: 0.04em;white-space: nowrap;line-height: 1}.pay-badge-img{height: 22px;border-radius: 4px;object-fit: contain;max-width: 120px;vertical-align: middle;background: transparent}.pay-amex{background: #016FD0;color: #fff}.pay-applepay{background: #1c1c1e;color: #fff;border: 1px solid rgba(255,255,255,0.18)}.pay-discover{background: #F76F20;color: #111827}.pay-gpay{background: #fff;color: #3c4043}.pay-jcb{background: #003087;color: #fff}.pay-mc{background: #EB001B;color: #fff}.pay-visa{background: #1A1F71;color: #fff;letter-spacing: 0.06em}.pay-stripe{background: #635BFF;color: #fff;font-style: italic}@media (max-width: 600px){.footer-strip-inner{justify-content: center}.footer-payment-logos{justify-content: center}}.billing-toggle-wrap{display: flex;justify-content: center;align-items: center;margin-top: 2.5rem}.billing-toggle{display: inline-flex;align-items: center;background: var(--surface-2,#f1f5f9);border: 1.5px solid var(--border,#e2e8f0);border-radius: 10px;padding: 5px;gap: 4px}.toggle-btn{all: unset;cursor: pointer;padding: 0.55rem 1.6rem;font-size: 0.95rem;font-weight: 600;color: #475569;border-radius: 7px;display: inline-flex;align-items: center;gap: 0.5rem;white-space: nowrap;transition: background 0.18s,color 0.18s,box-shadow 0.18s}.toggle-btn:hover{color: #0f172a}.toggle-btn.active{background: #ffffff;color: #0f172a;font-weight: 700;box-shadow: 0 1px 4px rgba(0,0,0,0.12)}.save-badge{background: #EDE9FE;color: #5B21B6;font-size: 0.66rem;font-weight: 700;padding: 0.18rem 0.55rem;border-radius: 20px;letter-spacing: 0.02em}.voice-mockup{background: var(--dark);border: 1.5px solid var(--border);border-radius: 16px;overflow: hidden;box-shadow: 0 24px 64px rgba(0,0,0,0.35);max-width: 380px;width: 100%;margin: 0 auto}.voice-mockup-bar{display: flex;align-items: center;gap: 6px;padding: 0.75rem 1rem;background: var(--surface);border-bottom: 1px solid var(--border)}.voice-mockup-dot{width: 12px;height: 12px;border-radius: 50%;flex-shrink: 0}.voice-mockup-body{padding: 1.5rem 1.25rem;display: flex;flex-direction: column;align-items: center;gap: 1rem}.voice-mockup-label{font-size: 0.82rem;font-weight: 600;color: var(--text-muted);letter-spacing: 0.04em;text-transform: uppercase}.voice-mic-area{position: relative;display: flex;align-items: center;justify-content: center;width: 140px;height: 140px}.voice-icon-wrap{position: relative;z-index: 2;width: 72px;height: 72px;border-radius: 50%;background: linear-gradient(135deg,#7C3AED,#4F46E5);display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 8px 32px rgba(124,58,237,0.5);flex-shrink: 0}.voice-ring{position: absolute;border-radius: 50%;border: 2px solid rgba(124,58,237,0.25);animation: voicePulse 2.4s ease-out infinite}.voice-ring-1{width: 96px;height: 96px;animation-delay: 0s}.voice-ring-2{width: 118px;height: 118px;animation-delay: 0.6s}.voice-ring-3{width: 140px;height: 140px;animation-delay: 1.2s}@keyframes voicePulse{0%{opacity: 0.8;transform: scale(0.88)}70%{opacity: 0.15;transform: scale(1)}100%{opacity: 0;transform: scale(1.04)}}.voice-waveform{display: flex;align-items: center;gap: 3px}.voice-waveform span{display: block;width: 3px;border-radius: 4px;background: linear-gradient(to top,#7C3AED,#818CF8);animation: voiceBar 1.1s ease-in-out infinite}.voice-waveform span:nth-child(1){height: 10px;animation-delay: 0.00s}.voice-waveform span:nth-child(2){height: 18px;animation-delay: 0.08s}.voice-waveform span:nth-child(3){height: 28px;animation-delay: 0.16s}.voice-waveform span:nth-child(4){height: 36px;animation-delay: 0.24s}.voice-waveform span:nth-child(5){height: 42px;animation-delay: 0.32s}.voice-waveform span:nth-child(6){height: 36px;animation-delay: 0.24s}.voice-waveform span:nth-child(7){height: 28px;animation-delay: 0.16s}.voice-waveform span:nth-child(8){height: 18px;animation-delay: 0.08s}.voice-waveform span:nth-child(9){height: 10px;animation-delay: 0.00s}@keyframes voiceBar{0%,100%{transform: scaleY(0.35);opacity: 0.45}50%{transform: scaleY(1);opacity: 1}}.voice-transcript{background: var(--surface-2);border: 1px solid var(--border);border-radius: 50px;padding: 0.5rem 1.1rem;font-size: 0.82rem;color: var(--text);font-style: italic;width: 100%;text-align: center}.voice-results{display: flex;flex-direction: column;gap: 0.5rem;width: 100%}.voice-result-chip{display: flex;align-items: center;gap: 0.75rem;background: var(--surface-2);border: 1px solid var(--border);border-radius: 10px;padding: 0.6rem 0.85rem;animation: chipSlideIn 0.4s ease both}.voice-result-chip:nth-child(2){animation-delay: 0.15s}@keyframes chipSlideIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.voice-result-img{font-size: 1.4rem;width: 32px;text-align: center;flex-shrink: 0}.voice-result-name{font-size: 0.8rem;font-weight: 600;color: var(--text)}.voice-result-price{font-size: 0.75rem;color: var(--blue-dark);font-weight: 700;margin-top: 1px}.divider{height: 1px;background: var(--border);margin: 1.5rem 0}.tag{background: #EFF6FF;border: 1px solid #BFDBFE;color: #2563EB;padding: 0.2rem 0.6rem;border-radius: 100px;font-size: 0.75rem;font-weight: 500}.avatar{width: 36px;height: 36px;border-radius: 50%;background: var(--blue);color: white;font-weight: 700;font-size: 0.85rem;display: flex;align-items: center;justify-content: center}.truncate{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mono{font-family: var(--mono)}.footer-grid h2{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94A3B8;margin-bottom:.75rem;}
.widget-title{display:flex;align-items:center;gap:.5rem;color:#fff;}
.widget-title span{color:#fff;font-size:.9rem;font-weight:700;}
.widget-btn img{display:block;border-radius:4px;}