:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d0d12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .3s ease}button:hover{border-color:#5271ff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a{font-weight:500;color:#5271ff;text-decoration:inherit;transition:all .3s ease}a:hover{color:#6e3adc}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0d0d12}::-webkit-scrollbar-thumb{background:#2a2a38;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5271ff,#6e3adc)}::selection{background-color:#5271ff4d;color:#fff}:root{--primary-color: #5271ff;--primary-dark: #4056d4;--primary-light: #7a93ff;--secondary-color: #6e3adc;--background-color: #0d0d12;--text-color: #fff;--card-bg: #16161e;--border-color: #2a2a38;--highlight-color: #5271ff;--accent-color: #6e3adc;--gray-color: #555;--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}a{color:var(--text-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-color)}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:var(--transition)}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#0a0a16e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);border-bottom:1px solid rgba(45,45,62,.5)}.header.scrolled{box-shadow:0 2px 10px #0000004d;background-color:#0a0a16f2}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem}.logo{display:flex;align-items:center;font-weight:700;font-size:1.2rem}.logo-icon{margin-right:.5rem}.logo-text{font-size:32px;font-weight:800;letter-spacing:2.85px;text-shadow:rgb(102,27,190) 0px 0px 2px,rgb(124,58,237) 0px 0px 30px,rgb(142,67,230) 0px 0px 50px,rgb(66,153,225) 0px 0px 90px}.logo-text .ai-part{color:#7c3aed;letter-spacing:normal}.main-nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none}.nav-item{margin:0 1rem}.nav-item a{font-weight:500;padding:.5rem 0;position:relative}.nav-item a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition)}.nav-item a:hover:after{width:100%}.header-right{display:flex;align-items:center}.header-button{padding:.5rem 1rem;margin-left:.5rem;border-radius:var(--border-radius);font-weight:500;background-color:transparent;color:var(--text-color)}.login-btn:hover{background-color:#ffffff1a}.signup-btn{background-color:var(--primary-color);color:#fff}.signup-btn:hover{background-color:var(--primary-dark)}.hero{padding:0;min-height:80vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(82,113,255,.15),transparent 70%);z-index:-1}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom left,rgba(110,58,220,.1),transparent 70%);z-index:-1}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;height:100%;padding:5rem 0}.hero-content{flex:1;max-width:600px;padding-top:2rem}.badge-container{display:flex;align-items:center;margin-bottom:1.5rem}.new-badge{background-color:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;margin-right:.75rem}.webhopper-badge{background-color:#ffffff1a;padding:.25rem .75rem;border-radius:4px;font-size:.875rem}.hero-title{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#5271ff,#6e3adc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;margin-bottom:2rem;color:#fffc}.cta-container{display:flex;gap:1rem;margin-bottom:2rem}.cta-button{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;display:flex;align-items:center;justify-content:center;font-size:1rem}.primary-cta{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.primary-cta:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-color));box-shadow:0 4px 12px #5271ff4d;color:#fff}.secondary-cta{background-color:#ffffff1a;color:var(--text-color)}.secondary-cta:hover{background-color:#ffffff26;color:#fff}.cta-icon{margin-right:.5rem}.backed-by{font-size:.875rem;color:#fff9}.claude-logo{font-weight:700;color:var(--primary-color)}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.features{padding:80px 0;background-color:var(--background-color);color:var(--text-color);text-align:center}.features .subtitle{font-size:1.125rem;color:#fffc;max-width:800px;margin:0 auto 3rem;line-height:1.6}.feature-demo-fullwidth{width:100%;background-color:transparent;padding:40px 0;margin:0 auto 80px;border-top:none;border-bottom:none}.features{padding:80px 0 0;background-color:var(--background-color);color:var(--text-color);text-align:center}.features .section-title{color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative}.features .section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--primary-color)}.features .subtitle{font-size:1.125rem;color:#fffc;max-width:800px;margin:0 auto 3rem;line-height:1.6;margin-bottom:0}.feature-demo{max-width:1000px;margin:0 auto}.feature-demo-fullwidth{width:100%;background-color:transparent;padding:8px 0 40px;margin:0 auto;border-top:none;border-bottom:none}.feature-demo-fullwidth .container{max-width:1100px}.feature-demo-fullwidth .browser-mockup{max-width:100%;height:auto;box-shadow:0 15px 40px #0006}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background-color:transparent;padding:1.5rem;border-radius:.5rem;text-align:center;transition:transform .3s ease}.feature-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background-color:#5271ff26;color:var(--primary-color)}.feature-icon svg{width:32px;height:32px;stroke:var(--primary-color)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:var(--text-color)}.feature-description{color:#ffffffb3;font-size:1rem;line-height:1.6}@media (max-width: 992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features .section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.hero-description br,.features .subtitle br{display:none}}.performance{padding:80px 0;background-color:var(--background-color);color:var(--text-color);text-align:center}.performance .section-title{color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative}.performance .section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--primary-color)}.performance h2.main-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-color);line-height:1.2}.chart-container{max-width:800px;margin:0 auto}.chart{background-color:var(--card-bg);border-radius:var(--border-radius);padding:1.25rem;border:1px solid var(--border-color)}.chart-title{font-size:1.3rem;margin-bottom:1.5rem;text-align:center;color:var(--text-color)}.chart-bars{display:flex;flex-direction:column;gap:1.5rem}.chart-bar{display:flex;flex-direction:column;align-items:center;width:100%}.bar-container{height:24px;position:relative;border-radius:4px;overflow:visible;background-color:#f0f0f0}.bar-fill{height:24px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:4px;position:relative;overflow:hidden}.bar-label{width:120px;font-weight:500}.bar-fill:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bar-value{width:50px;text-align:right;font-weight:600}.chart-spectrum{position:relative;padding:1rem .5rem;margin:1rem 0}.spectrum-labels{display:flex;justify-content:space-between;margin-bottom:.25rem;color:#ffffffb3;font-size:.85rem}.spectrum-track{position:relative;height:4px;background-color:#ffffff1a;border-radius:2px;margin:.75rem 0 1.5rem}.spectrum-track:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff0d,#ffffff1a);border-radius:3px}.spectrum-markers{position:relative;height:0}.spectrum-marker{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.marker-dot{position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--primary-color);top:24px;transform:translate(-50%);z-index:10;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2))}.marker-dot:nth-child(2){border-top-color:var(--secondary-color)}.marker-dot:after{content:"";position:absolute;top:-10px;left:-8px;width:16px;height:16px;background-color:transparent}.marker-label{font-weight:500;font-size:.9rem;line-height:1.3;color:var(--text-color)}.marker-note{display:block;font-size:.75rem;color:#ffffffb3;margin-top:.15rem;font-weight:400}.testimonials{padding:80px 0;background-color:var(--background-color);color:var(--text-color);text-align:center}.testimonials .section-title{color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative}.testimonials .section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--primary-color)}.testimonials h2.main-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-color);line-height:1.2}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background-color:var(--card-bg);border-radius:var(--border-radius);padding:2rem;border:1px solid var(--border-color);transition:var(--transition)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.testimonial-content{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;font-style:italic;color:#ffffffe6}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:1.5rem}.author-name{font-weight:600;margin-bottom:.25rem}.author-title{font-size:.875rem;color:#fff9}.SECTION-0{box-sizing:border-box;padding:128px 24px;width:100%;max-width:1400px;margin:0 auto;line-height:24px;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color)}.H2-0{box-sizing:border-box;font-size:18px;font-weight:400;margin:0 0 8px;text-align:center;line-height:28px;letter-spacing:.9px;color:var(--primary-color)}.H2-1{box-sizing:border-box;font-size:36px;font-weight:700;margin:0 0 16px;text-align:center;line-height:40px}.H3-0{box-sizing:border-box;font-size:20px;font-weight:400;margin:0 auto;padding-bottom:56px;text-align:center;line-height:28px;color:#ffffffb3;max-width:676px}.DIV-0{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.DIV-1,.DIV-13{box-sizing:border-box;border-radius:var(--border-radius);background-color:var(--card-bg);color:var(--text-color);box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.DIV-7{box-sizing:border-box;border-radius:var(--border-radius);background-color:var(--card-bg);color:var(--text-color);box-shadow:0 8px 20px #5271ff26;transform:scale(1.05);border:1.5px solid var(--primary-color);z-index:10}.DIV-2,.DIV-8,.DIV-14{box-sizing:border-box;display:flex;flex-direction:column;padding:24px}.H3-1,.H3-6,.H3-11{box-sizing:border-box;font-size:24px;font-weight:600;margin:0;padding-bottom:8px;line-height:24px;letter-spacing:-.6px}.P-0,.P-1,.P-2{box-sizing:border-box;margin:6px 0 0;padding-bottom:16px;font-size:14px;line-height:20px;color:#ffffffb3}.DIV-3,.DIV-9,.DIV-15{box-sizing:border-box;margin-top:6px}.SPAN-0,.SPAN-6,.SPAN-12{box-sizing:border-box;font-size:30px;line-height:36px;font-weight:700;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.SPAN-1,.SPAN-7,.SPAN-13{box-sizing:border-box;color:#ffffffb3}.DIV-4,.DIV-10,.DIV-16{display:flex;flex-direction:column;padding:24px}h3 .DIV-4{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:24px;font-weight:600;line-height:1.2;padding:0}.DIV-5,.DIV-11,.DIV-17{box-sizing:border-box;width:100%}.SPAN-2,.SPAN-3,.SPAN-4,.SPAN-5,.SPAN-8,.SPAN-9,.SPAN-10,.SPAN-11,.SPAN-14,.SPAN-15,.SPAN-16,.SPAN-17{box-sizing:border-box;display:flex;margin-top:16px}.SPAN-2,.SPAN-8,.SPAN-14{margin-top:0}.svg-0,.svg-1,.svg-2,.svg-3,.svg-4,.svg-5,.svg-6,.svg-7,.svg-8,.svg-9,.svg-10,.svg-11{box-sizing:border-box;display:block;vertical-align:middle;margin-right:8px;color:var(--primary-color)}.H3-2,.H3-3,.H3-4,.H3-5,.H3-7,.H3-8,.H3-9,.H3-10,.H3-12,.H3-13,.H3-14,.H3-15{box-sizing:border-box;font-size:16px;font-weight:400;margin:0}.DIV-6,.DIV-12,.DIV-18{box-sizing:border-box;display:flex;align-items:center;padding:0 24px 24px}.A-0,.A-2{box-sizing:border-box;color:var(--text-color);text-decoration:none;display:flex;height:40px;width:100%;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--border-radius);background-color:#ffffff1a;padding:8px 16px;font-size:14px;line-height:20px;font-weight:500;transition:var(--transition)}.A-1{box-sizing:border-box;color:var(--text-color);text-decoration:none;display:flex;height:40px;width:100%;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:8px 16px;font-size:14px;line-height:20px;font-weight:500;transition:var(--transition)}.A-0:hover,.A-2:hover{background-color:#ffffff26;color:#fff}.A-1:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-color));box-shadow:0 4px 12px #5271ff4d;color:#fff}@media (max-width: 1200px){.DIV-0{grid-template-columns:repeat(3,1fr);gap:12px}.DIV-7{transform:scale(1.03)}}@media (max-width: 992px){.DIV-0{grid-template-columns:1fr;max-width:600px;margin:0 auto}.DIV-7{transform:none;order:-1;margin-bottom:24px}.DIV-1,.DIV-13{margin-bottom:16px}}@media (max-width: 576px){.H3-0{padding-left:16px;padding-right:16px}}.footer{background-color:var(--background-color);padding:3rem 0}.footer-card{background-color:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);padding:40px;overflow:hidden;color:var(--text-color);line-height:24px}.footer-top{display:grid;grid-template-columns:repeat(6,1fr);gap:32px 48px}.footer-branding{grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start}.footer-title{font-size:24px;font-weight:700;margin:0;line-height:32px}.footer-tagline{margin:16px 0 0;font-size:14px;line-height:20px;color:#ffffffb3}.footer-divider{width:100%;height:1px;background-color:var(--border-color);margin:24px 0}.footer-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:32px 16px}.copyright{font-size:14px;font-weight:400;margin:0;line-height:20px;color:#ffffffb3}.footer-nav{display:flex;flex-wrap:wrap;gap:16px}.footer-link{color:#ffffffb3;font-size:14px;transition:var(--transition);display:flex;align-items:center;gap:8px}.footer-icon{height:16px;width:16px;display:inline-block;vertical-align:middle;margin-right:5px}.footer-link:hover{color:var(--primary-color)}@media (max-width: 1200px){.footer-top{grid-template-columns:repeat(4,1fr)}.footer-branding{grid-column:span 4}}@media (max-width: 768px){.footer-top{grid-template-columns:1fr}.footer-branding{grid-column:span 1}.footer-bottom{grid-template-columns:1fr;gap:24px}.footer-nav{flex-direction:row;flex-wrap:wrap;gap:16px}}@media (max-width: 992px){.hero{min-height:auto;padding:8rem 0 4rem}.hero-container{flex-direction:column;padding:0 1.5rem}.hero-content{text-align:center}.badge-container,.cta-container{justify-content:center}.backed-by{text-align:center}.hero-image{max-width:100%}.footer-container{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mobile-menu-toggle{display:flex;position:absolute;top:1rem;right:1rem;z-index:100}.header-container{flex-wrap:wrap;flex-direction:column;position:relative;padding:1rem}.logo{order:1;text-align:center}.main-nav{order:2;width:100%;margin-top:1rem;display:none}.main-nav.open{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-list{flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.nav-item{margin:0}.header-right{order:3;width:100%;display:none;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.header-right.open{display:flex}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.features-grid,.testimonials-grid,.footer-links{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.footer-bottom{flex-direction:column;gap:1rem}.footer-nav{flex-direction:column;align-items:start!important;gap:.5rem}}.community-section{padding:80px 24px;text-align:center;margin:0 auto;max-width:1200px;line-height:1.5;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.community-hr{box-sizing:border-box;height:1px;margin:0;border-top:1px solid var(--border-color);border-bottom:none;border-left:none;border-right:none}.community-container{box-sizing:border-box;margin-left:auto;margin-right:auto;padding:80px 24px;width:100%;max-width:1400px}.community-inner{box-sizing:border-box;margin-left:auto;margin-right:auto;width:100%;max-width:800px}.community-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;border-radius:var(--border-radius);width:100%}.community-header{box-sizing:border-box;display:flex;flex-direction:column;padding:24px}.community-title{box-sizing:border-box;font-size:40px;font-weight:700;margin:0;display:flex;flex-direction:column;align-items:center;line-height:48px;letter-spacing:-1.2px}.community-icon{box-sizing:border-box;display:block;vertical-align:middle;margin-bottom:16px;color:var(--primary-color)}.community-title-text{box-sizing:border-box;align-items:center;gap:4px}.community-highlight{box-sizing:border-box;padding-left:8px;color:var(--primary-color)}.community-description{box-sizing:border-box;max-width:512px;padding:0 24px 24px;font-size:20px;line-height:28px;color:#ffffffb3;width:100%}.community-links{box-sizing:border-box;display:flex;align-items:center;padding:0 24px 24px}.community-link{box-sizing:border-box;color:var(--text-color);text-decoration:none;transition:transform .3s ease}.community-badge{box-sizing:border-box;display:block;vertical-align:middle;height:20px;max-width:100%}.community-link-spacer{box-sizing:border-box;margin-left:8px}@media (max-width: 768px){.community-container{padding:40px 16px}.community-title{font-size:36px;line-height:40px}.community-icon{width:60px;height:60px}.community-description{font-size:18px;line-height:26px}}@media (max-width: 576px){.community-title{font-size:32px;line-height:32px}.community-icon{width:48px;height:48px}.community-links{flex-direction:column;gap:12px}.community-link-spacer{margin-left:0;margin-top:8px}}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;outline:none}.mobile-menu-toggle:focus{outline:none;border:none;box-shadow:none}.mobile-menu-toggle .bar{width:100%;height:3px;background-color:var(--primary-color);border-radius:10px;transition:all .3s ease-in-out}.mobile-menu-toggle.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.active .bar:nth-child(2){opacity:0}.mobile-menu-toggle.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.mobile-menu-toggle{display:flex;order:3;margin-left:auto}.header-container{flex-wrap:wrap;flex-direction:column;position:relative;padding:1rem}.logo{order:1;text-align:center}.main-nav{order:2;width:100%;margin-top:1rem;display:none}.main-nav.open{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-list{flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.nav-item{margin:0}.header-right{order:3;width:100%;display:none;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.header-right.open{display:flex}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.features-grid,.testimonials-grid,.footer-links{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.footer-bottom{flex-direction:column;gap:1rem}.footer-nav{flex-direction:column;align-items:center;gap:.5rem}}@media (max-width: 576px){.cta-container{flex-direction:column}.nav-list{flex-direction:column;align-items:center}.nav-item{margin:.5rem 0}.header-right{flex-direction:column;align-items:center}.header-button{width:100%;max-width:200px;margin:.25rem 0}.footer-links{grid-template-columns:1fr}.chart-bar{flex-direction:column;align-items:flex-start}.bar-label{width:100%;margin-bottom:.5rem}.bar-value{position:absolute;right:0;color:#fff}}.hidden-content{display:none}.browser-mockup{background-color:#1e1e2e;border-radius:8px;box-shadow:#0000004d 0 10px 30px;max-width:100%;overflow:hidden;width:100%;color:#fff;font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;border:1px solid #333;transform-origin:top left;-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}@supports not (zoom: 1){.browser-mockup{transform:scale(var(--browser-scale, 1));-webkit-transform:scale(var(--browser-scale, 1));-moz-transform:scale(var(--browser-scale, 1));-ms-transform:scale(var(--browser-scale, 1))}}.browser-mockup-container{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.browser-header{padding:8px 12px;align-items:center;background-color:#2a2a36;display:flex}.browser-controls{margin:0 12px 0 0;align-items:center;gap:6px;display:flex}.browser-control{border-radius:50%;display:block;height:12px;width:12px}.browser-control.red{background-color:#ff5f56}.browser-control.yellow{background-color:#ffbd2e}.browser-control.green{background-color:#27c93f}.browser-address-bar{padding:6px 12px;align-items:center;background-color:#252532;border-radius:20px;color:#aaa;display:flex;flex:1 1 0%;font-size:13px}.address-icon{margin:0 8px 0 0;font-size:12px}.address-text{color:#555;font-size:.8rem;text-align:left}.browser-tab-title{margin-left:8px;padding:2px 8px;background-color:#ffffff1a;border-radius:12px;font-size:12px}.browser-body{display:flex;overflow:hidden;flex-direction:row;height:auto;max-height:none;flex-wrap:nowrap}.phone-call-demo{max-width:100%;overflow:hidden}.phone-call-interface{display:flex;flex-direction:column}.phone-call-main{padding:20px;gap:20px;display:flex;flex-direction:row;height:100%;min-height:0;flex-wrap:nowrap}.prompt-container{padding:16px;background-color:#252532;border-radius:8px;display:flex;flex:1 1 0%;flex-direction:column;max-width:100%;border:1px solid #333;min-width:0;width:50%}.prompt-title,.functions-title{margin:0 0 10px;color:#fff;font-size:16px;font-weight:600;text-align:left}.functions-title{margin-top:6px;margin-bottom:6px}.prompt-editor{gap:12px;display:flex;flex:1 1 0%;flex-direction:column}.prompt-variables{padding:8px 12px;align-items:center;background-color:#ffffff0d;border-radius:6px;gap:8px;display:flex;font-size:13px}.variable-label{margin:0 8px 0 0;color:#555;font-weight:600}.variable-value{padding:4px 8px;background-color:#5271ff4d;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:.95rem;font-weight:600}.prompt-content{padding:12px;background-color:#1e1e2e;border-radius:6px;color:#fff;font-size:14px;line-height:1.5;text-align:left;border:1px solid #333;margin-bottom:12px}.prompt-content p{margin:0 0 12px;text-align:left}.prompt-content p:last-child{margin:0}.variable-highlight{padding:2px 6px;background-color:#5271ff4d;border-radius:4px;color:#fff;font-family:monospace;font-size:12px;font-weight:600}.prompt-tasks-text{margin:0 0 12px;text-align:left;line-height:1.4}.prompt-actions{gap:10px;display:flex}.prompt-edit-btn,.prompt-save-btn{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:.2s}.prompt-edit-btn{background-color:#ffffff1a;color:#ffffffe6}.prompt-edit-btn:hover{background-color:#ffffff26}.prompt-save-btn{background-color:#5271ff;color:#fff}.prompt-save-btn:hover{background-color:#4056d4}.form-container{background-color:#1e1e2e;border:1px solid #2a2a38;border-radius:8px;display:flex;flex:1 1 0%;flex-direction:column;max-width:50%;overflow:hidden;min-width:50%}.form-title{margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.1rem;font-weight:600}.form-progress{padding:12px 16px;background-color:#0003;border-bottom:1px solid #2a2a38}.progress-bar{margin:0 0 6px;background-color:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background-color:#5271ff;border-radius:3px;height:6px;width:60%}.progress-text{color:#ffffffb3;font-size:12px}.form-fields{margin:15px 0 0;gap:10px;display:flex;flex-direction:column;height:100%;overflow-y:auto;max-height:none}.form-field{margin:-2px 10px;padding:5px 15px;align-items:flex-start;background-color:#ffffff0d;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;font-size:16px}.field-label{color:#a0a0b0;font-size:.85rem;font-weight:600;text-align:left;width:100%}.field-value{color:#fff;font-size:.95rem;font-weight:500;text-align:left;width:70%}.form-field.completed{border-left:3px solid #4caf50}.form-field.in-progress{border-left:3px solid #5271ff}.form-field.pending{border-left:3px solid #9e9e9e;opacity:.7}.form-field.completed .field-status{color:#4caf50}.form-field.in-progress .field-status{color:#5271ff}.form-field.pending .field-status{color:#9e9e9e}.form-actions{padding:12px 16px;background-color:#0003;border-top:1px solid #2a2a38;gap:10px;display:flex}.form-action-btn{padding:8px 12px;border-radius:6px;cursor:not-allowed;font-size:13px;font-weight:600;transition:.2s;flex:1 1 0%;opacity:.5}.form-action-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn{background-color:#5271ff;color:#fff}.export-btn{background-color:#ffffff1a;color:#ffffffe6}.field-value.typing{margin:2px 0 0;align-items:center;display:flex;height:24px}.ai-status-container{padding:16px;border-bottom:1px solid #e0e0e0}.ai-status-container .speech-indicator-container{background-color:transparent;border-radius:0;border-bottom:none;margin-bottom:0;padding:0}.ai-status-container .speech-indicator{background-color:#f5f5f5;opacity:.8;margin-bottom:8px}.ai-status-container .speech-indicator.active{background-color:#5271ff14;box-shadow:0 0 0 1px #5271ff4d;opacity:1}.ai-status-container .speech-indicator-icon{background-color:#e0e0e0;color:#555}.ai-status-container .speech-indicator-icon .ai-icon{width:16px;height:16px;color:#555}.ai-status-container .speech-indicator.active .speech-indicator-icon{background-color:#8fa3ff;color:#fff}.ai-status-container .speech-indicator.active .speech-indicator-icon .ai-icon{color:#fff}.ai-status-container .speech-indicator-label{color:#666}.ai-status-container .speech-indicator.active .speech-indicator-label{color:#5271ff}.ai-status-container .wave-bar{background-color:#5271ff}.ai-status{align-items:center;gap:8px;display:flex}.ai-status-indicator{background-color:#9e9e9e;border-radius:50%;height:12px;width:12px}.ai-status-indicator.active{background-color:#4caf50;animation:pulse 1.5s ease infinite;box-shadow:0 0 0 3px #4caf5033}.ai-status-text{color:#333;font-size:14px;font-weight:600}.phone-number-container{padding:16px;border-bottom:1px solid #e0e0e0}.phone-number-label{margin:0 0 4px;color:#666;font-size:12px}.phone-number{color:#333;font-size:16px;font-weight:600}.call-controls-container{padding:16px;border-bottom:1px solid #e0e0e0}.call-control-button{background-color:#f5f5f5;border-radius:50%;cursor:pointer;font-size:16px;transition:.2s;align-items:center;display:flex;height:40px;justify-content:center;width:40px;border:1px solid #e0e0e0;padding:0}.call-control-button:hover{background-color:#fff3}.call-control-button.end-call{background-color:#f44336;color:#fff}.call-control-button.end-call:hover{background-color:#d32f2f}.keypad-container{padding:16px;border-bottom:1px solid #e0e0e0}.keypad{max-width:none;gap:8px;display:grid;grid-template-columns:repeat(3,1fr)}.keypad-button{background-color:#f5f5f5;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:.2s;height:40px;align-items:center;color:#333;display:flex;justify-content:center;border:1px solid #e0e0e0;padding:0}.keypad-button:hover{background-color:#e0e0e0}.keypad-button:active{transform:scale(.95)}.functions-list{display:flex;flex-direction:column}.function-item{display:flex;align-items:center;border-radius:8px;gap:10px;padding:6px 12px 6px 0}.function-icon{background-color:#5271ff33;color:#5271ff;border-radius:6px;padding:4px 8px;font-family:monospace;font-weight:700}.function-name{color:#fff;font-family:monospace;font-size:12px}.add-function-button{display:flex;align-items:center;justify-content:center;background-color:#1e1e2e;border-radius:8px;padding:6px 12px;gap:8px;cursor:pointer;margin-top:4px;border:1px solid #333}.add-icon{font-size:18px;color:#5271ff;font-weight:700}.add-text{color:#5271ff;font-size:14px;font-weight:600}.data-collection-container{padding:10px;background-color:#252532;border-radius:8px;display:flex;flex-direction:column;border:1px solid #333;width:50%;margin-left:20px}.data-collection-title{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600;text-align:left}.data-fields{display:flex;flex-direction:column;gap:6px}.data-field{padding:6px 10px;border-radius:6px;background-color:#1e1e2e;border:1px solid #333;position:relative;min-height:24px;transition:all .3s ease}.field-row{display:flex;flex-direction:column;gap:2px}.field-label{font-size:11px;font-weight:600;color:#aaa;margin-bottom:0;display:block}.field-value{font-size:13px;color:#fff;font-weight:500;display:block;line-height:1.2}.field-status{font-size:10px;position:absolute;top:6px;right:8px;display:flex;align-items:center;font-weight:600;letter-spacing:.5px;text-transform:uppercase;gap:3px}.data-field.in-progress{background-color:#5271ff0d}.data-field.pending{opacity:.85}.data-field.completed .field-status{color:#4caf50}.data-field.in-progress .field-status{color:#5271ff;font-size:11px}.data-field.in-progress .field-status:first-letter{font-size:14px}.data-field.pending .field-value{color:#888;font-style:italic;min-height:16px}.data-field.pending .field-status{color:#aaa}.typing-indicator{display:inline-block;animation:typing 1.5s infinite;color:#5271ff;font-weight:700;padding:0}.speech-indicator-container{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background-color:#f5f5f5;border-radius:8px 8px 0 0;border-bottom:1px solid #e0e0e0;margin-bottom:10px}.speech-indicator{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background-color:#1e1e2e;transition:all .3s ease;opacity:.6}.speech-indicator.active{background-color:#5271ff14;box-shadow:0 0 0 1px #5271ff4d;opacity:1}.speech-indicator-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background-color:#333;color:#ddd}.speech-indicator-icon .ai-icon{width:16px;height:16px;color:#ddd}.speech-indicator.active .speech-indicator-icon{background-color:#5271ff;color:#fff}.speech-indicator.active .speech-indicator-icon .ai-icon{color:#fff}.speech-indicator-label{font-size:13px;font-weight:600;color:#aaa}.speech-indicator.active .speech-indicator-label{color:#fff}.speech-indicator-wave{display:flex;align-items:center;gap:2px;margin-left:auto;opacity:0;transition:opacity .3s ease}.speech-indicator.active .speech-indicator-wave{opacity:1}.wave-bar{width:3px;height:12px;background-color:#5271ff;border-radius:1px;animation:wave 1s ease-in-out infinite}.wave-bar:nth-child(2){animation-delay:.2s;height:16px}.wave-bar:nth-child(3){animation-delay:.4s;height:10px}.wave-bar:nth-child(4){animation-delay:.6s;height:14px}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes typing{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (max-width: 768px){.phone-call-main{flex-direction:column-reverse;gap:12px}.prompt-container,.data-collection-container{width:100%;margin-left:0}.data-collection-container{margin-bottom:12px}.workflow-steps{padding:12px 10px 0}.step-label{font-size:10px}.step-number{width:28px;height:28px;font-size:12px}}.browser-content{flex:1 1 0%;overflow-y:auto}.meeting-interface{display:flex;flex-direction:column;height:100%}.control-button:hover{background-color:var(--button-hover-bg)}.extension-context{padding:12px 16px;border-bottom:1px solid #f0f0f0}.extension-suggestions{margin:12px 0 0;padding:8px 16px 16px}.suggestion-item{margin:0 0 10px;padding:12px 14px;background-color:#f0f4ff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:.2s;box-shadow:#0000000d 0 1px 3px;display:block;text-align:left;width:100%;border:1px solid #e0e6ff;opacity:0;transform:translateY(10px)}.suggestion-item.active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.typing-indicator{align-items:center;display:flex}.typing-dot{margin:0 4px 0 0;animation:pulse 1.5s ease infinite;background-color:#5271ff;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.browser-mockup-container .integration-demo{background-color:#1a1a2e}.integration-content{flex:1 1 0%;overflow-y:auto;background-color:#1a1a2e;padding:20px;display:flex;flex-direction:column}.integration-workflow{display:flex;flex-direction:column;height:100%;justify-content:center}.workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #333}.workflow-title{font-size:16px;font-weight:600;color:#fff;margin:0}.workflow-actions{display:flex;gap:10px}.workflow-action-btn{padding:6px 12px;background-color:#252532;border:1px solid #333;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.workflow-action-btn:hover{background-color:#333}.workflow-canvas{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:450px;padding:20px;background-color:#1a1a2e;margin:auto 0}.us-only-label{position:absolute;top:70px;left:40px;color:#aaa;font-size:14px;z-index:3}.workflow-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;width:100px;height:100px;margin:10px;z-index:2}.node-icon-container{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%}.node-icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%}.node-badge{position:absolute;top:-5px;right:-5px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:#fff;border-radius:50%;font-size:14px;font-weight:700;color:#333;border:2px solid #1a1a2e;box-shadow:0 0 5px #0000004d}.node-label{position:absolute;bottom:-35px;font-size:16px;font-weight:600;color:#fff;text-align:center;width:160px}.node-sublabel{position:absolute;bottom:-60px;font-size:14px;color:#aaa;text-align:center;width:160px}.google-forms-node{background-color:#673ab74d;border:2px solid rgba(103,58,183,.7);opacity:.6}.google-forms-node .node-icon-container{background-color:#673ab766}.google-forms-icon{background-color:#673ab799}.intuitiva-call-node{background-color:#5271ff4d;border:2px solid rgba(82,113,255,.7);animation:node-pulse 1.5s ease infinite;box-shadow:0 0 0 3px #5271ff33}.intuitiva-call-node .node-icon-container{background-color:#5271ff66}.intuitiva-call-icon{background-color:#5271ff99;animation:icon-glow 1.5s ease infinite alternate}@keyframes node-pulse{0%{box-shadow:0 0 #5271ff66}70%{box-shadow:0 0 0 10px #5271ff00}to{box-shadow:0 0 #5271ff00}}@keyframes icon-glow{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.sheets-node{background-color:#0f9d584d;border:2px solid rgba(15,157,88,.7);opacity:.6}.sheets-node .node-icon-container{background-color:#0f9d5866}.sheets-icon{background-color:#0f9d5899}.router-node{background-color:#9ccc654d;border:2px solid rgba(156,204,101,.7);opacity:.6}.router-node .node-icon-container{background-color:#9ccc6566}.router-icon{background-color:#9ccc6599}.email-node{background-color:#f443364d;border:2px solid rgba(244,67,54,.7);opacity:.6}.email-node .node-icon-container{background-color:#f4433666}.email-icon{background-color:#f4433699}.teams-node{background-color:#5059c94d;border:2px solid rgba(80,89,201,.7)}.teams-node .node-icon-container{background-color:#5059c966}.teams-icon{background-color:#5059c999}.connection-line{position:absolute;height:2px;background-color:#666;z-index:1}.connection-dots{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0}.connection-dot{width:5px;height:5px;border-radius:50%;background-color:#999}.connection-path-label{position:absolute;font-size:14px;color:#aaa;background-color:transparent;padding:2px 6px;border-radius:10px}.line-1{width:80px;left:150px;top:180px}.line-2{width:80px;left:330px;top:180px}.line-to-email{width:135px;transform:rotate(-40deg);left:492px;top:138px}.line-to-email .connection-path-label{top:-20px;left:10px;transform:rotate(45deg);display:none}.line-to-teams{width:135px;transform:rotate(40deg);left:492px;top:222px}.line-to-teams .connection-path-label{top:-20px;left:10px;transform:rotate(-45deg);display:none}.google-forms-node{position:absolute;left:40px;top:120px}.intuitiva-call-node{position:absolute;left:220px;top:120px}.router-node{position:absolute;left:400px;top:120px}.email-node{position:absolute;left:600px;top:30px}.sheets-node{position:absolute;left:600px;top:210px}.integration-demo .integration-sidebar{display:block;background-color:#252532;border-left:1px solid #333;display:flex;flex-direction:column;min-width:280px;width:280px;overflow-y:auto;z-index:10;flex-shrink:0;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.integration-demo .extension-header{background-color:#1e1e2e;color:#fff;padding:12px;font-weight:600;display:flex;align-items:center;border-bottom:1px solid rgba(82,113,255,.2);box-shadow:0 1px 3px #0000001a}.integration-demo .extension-title{font-size:14px;color:#fff}.integration-demo .extension-icon{margin-right:8px;height:20px;width:20px}.integration-demo .extension-divider{height:1px;background-color:#333}.integration-demo .api-call-container{padding:12px;display:flex;flex-direction:column;gap:8px}.integration-demo .api-endpoint{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #333}.integration-demo .api-method{background-color:#5271ff;color:#fff;padding:4px 6px;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase}.integration-demo .api-path{font-family:Courier New,monospace;font-size:12px;color:#ddd;font-weight:600}.integration-demo .api-call-title{font-size:14px;font-weight:600;margin:12px 0 4px;color:#fff;text-align:left}.integration-demo .api-call-description{font-size:12px;color:#aaa;margin-bottom:12px;line-height:1.3;text-align:left}.integration-demo .api-form{display:flex;flex-direction:column;gap:10px}.integration-demo .api-form-group{display:flex;flex-direction:column;gap:2px}.integration-demo .api-form-label{font-size:11px;font-weight:600;color:#aaa;text-align:left;display:flex;justify-content:space-between}.integration-demo .required-badge{background-color:#5271ff33;color:#5271ff;padding:0 5px;border-radius:3px;font-size:10px;font-weight:600}.integration-demo .api-form-input{padding:6px 10px;background-color:#1e1e2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:12px;font-family:Courier New,monospace;text-align:left}.integration-demo .api-form-input:focus{outline:none;border-color:#5271ff;box-shadow:0 0 0 1px #5271ff4d}.integration-demo .api-form-textarea{padding:6px 10px;background-color:#1e1e2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:12px;font-family:Courier New,monospace;min-height:60px;resize:vertical;text-align:left}.integration-demo .api-form-textarea:focus{outline:none;border-color:#5271ff;box-shadow:0 0 0 1px #5271ff4d}.integration-demo .api-call-button{padding:8px 12px;background-color:#5271ff;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;text-align:center;align-self:flex-start}.integration-demo .api-call-button:hover{background-color:#4056d4}.integration-demo .curl-example{margin-top:12px;padding:10px;background-color:#1e1e2e;border:1px solid #333;border-radius:4px;font-family:Courier New,monospace;font-size:11px;color:#ddd;white-space:pre-wrap;overflow-x:auto;line-height:1.4;text-align:left}.integration-demo .curl-comment{color:#5271ff;font-style:italic}.integration-demo .curl-keyword{color:#ff5f56}.integration-demo .curl-string{color:#27c93f}.integration-demo .curl-param{color:#ffbd2e}.workflow-header{display:none}@media (max-width: 992px){.workflow-canvas{transform:scale(.8);transform-origin:center center}}@media (max-width: 768px){.workflow-canvas{transform:scale(.7)}}@media (max-width: 576px){.workflow-canvas{transform:scale(.6)}}.knowledge-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;padding:20px;transition:opacity .5s ease,visibility .5s ease}.knowledge-modal-overlay.visible{opacity:1;visibility:visible}.knowledge-modal-overlay.hidden{opacity:0;visibility:hidden}.knowledge-modal{background-color:#1e1e2ee6;border-radius:8px;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000080;border:1px solid #333;padding:20px;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.9;transform:translateY(20px);transition:transform .5s ease,opacity .5s ease}.knowledge-modal-overlay.visible .knowledge-modal{transform:translateY(0);opacity:1}.knowledge-modal-overlay.hidden .knowledge-modal{transform:translateY(20px);opacity:0}.browser-mockup.knowledge-demo .browser-body{min-height:650px}.knowledge-modal .workflow-steps{max-width:100%;margin-bottom:20px}.knowledge-modal .knowledge-interface{height:auto}.knowledge-modal .knowledge-main{padding:0}.meeting-interface{position:relative;z-index:1;height:100%;min-height:400px}.browser-mockup-container{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;padding:20px 0}@supports not (zoom: 1){.browser-mockup-container{min-height:400px}}.knowledge-demo{max-width:100%;overflow:hidden}.browser-content{flex:1 1 0%;overflow-y:auto;position:relative}.knowledge-interface{display:flex;flex-direction:column;height:100%}.knowledge-main{padding:20px;gap:20px;display:flex;flex-direction:row;height:100%;min-height:0;flex-wrap:nowrap}.workflow-steps{display:flex;justify-content:space-between;padding:16px 20px 0;max-width:800px;margin:0 auto}.step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step:not(:last-child):after{content:"";position:absolute;top:16px;right:-50%;width:100%;height:2px;background-color:#444;z-index:1}.step.completed:not(:last-child):after{background-color:#5271ff}.step-number{width:32px;height:32px;border-radius:50%;background-color:#333;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;position:relative;z-index:2;border:2px solid #444}.step.completed .step-number{background-color:#5271ff;border-color:#5271ff}.step.active .step-number{background-color:#1e1e2e;border-color:#5271ff;color:#5271ff;box-shadow:0 0 0 3px #5271ff33}.step-label{font-size:12px;color:#888;text-align:center;font-weight:600}.step.completed .step-label{color:#5271ff}.step.active .step-label{color:#fff}.knowledge-container{padding:16px;background-color:#252532;border-radius:8px;display:flex;flex:1 1 0%;flex-direction:column;max-width:100%;border:1px solid #333;min-width:0;width:50%}.knowledge-title{margin:0 0 10px;color:#fff;font-size:16px;font-weight:600;text-align:left}.knowledge-content{display:flex;flex-direction:column;flex:1}.file-upload-area{display:flex;flex-direction:column;gap:12px}.uploaded-files{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;padding:8px 12px;background-color:#1e1e2e;border-radius:6px;border:1px solid #333;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.file-item.animate-in{opacity:1;transform:translateY(0)}.file-icon{font-size:20px;margin-right:12px}.file-details{flex:1}.file-name{font-size:14px;font-weight:500;color:#fff}.file-size{font-size:12px;color:#aaa}.file-status{width:24px;height:24px;border-radius:50%;background-color:#5271ff33;color:#5271ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.upload-button{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#1e1e2e;border:1px dashed #5271ff;border-radius:6px;cursor:pointer;margin-top:8px;transition:all .2s}.upload-button:hover{background-color:#5271ff1a}.upload-icon{font-size:18px;margin-right:8px;color:#5271ff}.upload-text{color:#5271ff;font-size:14px;font-weight:500}.prompt-container.knowledge-prompt{padding:16px;background-color:#252532;border-radius:8px;display:flex;flex:1 1 0%;flex-direction:column;max-width:100%;border:1px solid #333;min-width:0;width:50%}.prompt-title{margin:0 0 10px;color:#fff;font-size:16px;font-weight:600;text-align:left}.prompt-content{display:flex;flex-direction:column;gap:12px}.prompt-selection{display:flex;flex-direction:column;gap:4px}.prompt-label{font-size:12px;color:#aaa;font-weight:500}.prompt-dropdown{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#1e1e2e;border:1px solid #333;border-radius:6px;cursor:pointer}.selected-prompt{font-size:14px;color:#fff}.dropdown-arrow{font-size:12px;color:#aaa}.prompt-preview{display:flex;flex-direction:column;gap:4px}.preview-label{font-size:12px;color:#aaa;font-weight:500}.preview-content{padding:10px 12px;background-color:#1e1e2e;border:1px solid #333;border-radius:6px;font-size:13px;color:#ddd;line-height:1.4;max-height:100px;overflow-y:auto}.context-input{display:flex;flex-direction:column;gap:4px}.context-label{font-size:12px;color:#aaa;font-weight:500}.context-textarea{padding:10px 12px;background-color:#1e1e2e;border:1px solid #333;border-radius:6px;font-size:13px;color:#fff;line-height:1.4;min-height:150px;resize:vertical;font-family:inherit}.start-listening-button{display:flex;align-items:center;justify-content:center;padding:10px 16px;background-color:#5271ff;border-radius:6px;cursor:pointer;margin-top:8px;transition:all .2s;border:none;color:#fff;font-weight:600;font-size:14px;align-self:flex-start}.start-listening-button:hover{background-color:#4056d4}.button-icon{margin-right:8px}.meeting-status-container{padding:0 20px 20px;display:flex;flex-direction:column;gap:12px}.meeting-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#5271ff1a;border-radius:6px;border:1px solid rgba(82,113,255,.3)}.status-indicator{width:12px;height:12px;border-radius:50%;background-color:#aaa}.status-indicator.active{background-color:#5271ff;animation:pulse 1.5s ease infinite}@keyframes pulse{0%{opacity:.6;box-shadow:0 0 #5271ff66}50%{opacity:1}70%{box-shadow:0 0 0 6px #5271ff00}to{opacity:.6;box-shadow:0 0 #5271ff00}}.status-text{font-size:14px;color:#5271ff;font-weight:500}.transcript-container{background-color:#252532;border-radius:8px;border:1px solid #333;overflow:hidden}.transcript-title{padding:10px 16px;margin:0;font-size:14px;font-weight:600;color:#fff;background-color:#1e1e2e;border-bottom:1px solid #333}.transcript-content{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.transcript-message{display:flex;flex-direction:column;gap:2px}.message-sender{font-size:12px;font-weight:600;color:#aaa}.transcript-message.customer .message-sender{color:#5271ff}.transcript-message.you .message-sender{color:#27c93f}.message-text{font-size:14px;color:#fff;line-height:1.4;padding:8px 12px;background-color:#1e1e2e;border-radius:6px;border:1px solid #333}.transcript-message.typing{align-items:flex-start}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#aaa;animation:typing-pulse 1.5s ease infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.browser-extension-sidebar{background-color:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;min-width:280px;overflow-y:auto;width:280px;z-index:10;flex-shrink:0}.extension-header{padding:12px 16px;align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex}.extension-icon{margin:0 8px 0 0;height:20px;width:20px}.extension-title{color:#333;font-size:14px;font-weight:600}.extension-divider{background-color:#e0e0e0;height:1px}.extension-context{padding:12px 16px;border-bottom:1px solid #f0f0f0;text-align:left}.context-label{margin:0 0 6px;color:#666;font-size:12px;font-weight:600}.context-text{color:#333;font-size:13px;font-style:italic;line-height:1.4}.extension-suggestions{margin:12px 0 0;padding:8px 16px 16px;text-align:left}.suggestion-label{margin:0 0 10px;color:#666;font-size:12px;font-weight:600}.suggestion-item{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,background-color .2s ease;padding:12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;margin-bottom:8px;text-align:left;width:100%}.suggestion-item.active{opacity:1;transform:translateY(0);background-color:#5271ff26;border-color:#5271ff4d}.suggestion-item:hover{box-shadow:#0000001a 0 4px 6px}.suggestion-item:focus{outline:none}.suggestion-text{color:#333;display:block;font-size:13px;line-height:1.4}.meeting-header{padding:12px 16px;align-items:center;background-color:#252532;border-bottom:1px solid #333;display:flex;justify-content:space-between}.meeting-title{font-size:14px;font-weight:600}.meeting-time{padding:2px 8px;background-color:#ffffff1a;border-radius:12px;color:#aaa;font-size:12px}.video-call-container{padding:16px;gap:16px;display:flex;flex:1 1 0%;flex-direction:column;min-height:400px}.main-video{align-items:center;background-color:#252532;border-radius:8px;display:flex;flex:1 1 0%;justify-content:center;overflow:hidden;position:relative}.video-participant{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.participant-video{align-items:center;background-color:#1e1e2e;display:flex;height:100%;justify-content:center;width:100%}.participant-avatar{align-items:center;background-color:#3a3a4a;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.participant-avatar.speaking{animation:avatar-pulse 1.5s ease infinite;box-shadow:0 0 0 3px #fff3}@keyframes avatar-pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.participant-info{padding:6px 12px;align-items:center;background-color:#00000080;border-radius:4px;bottom:16px;gap:8px;display:flex;left:16px;position:absolute}.participant-name{font-size:14px;font-weight:500}.participant-status{padding:2px 6px;background-color:#5271ff33;border-radius:10px;color:#5271ff;font-size:12px}.self-video{gap:16px;display:flex;height:80px}.self-video .participant-video{border-radius:8px;overflow:hidden;width:80px}.self-video .participant-avatar{font-size:24px;height:40px;width:40px}.call-controls{align-items:center;gap:12px;display:flex;flex:1 1 0%;justify-content:space-around}.control-button{background-color:#252532;border-radius:50%;cursor:pointer;font-size:16px;transition:.2s;align-items:center;display:flex;height:36px;justify-content:center;width:36px;border:none;padding:0}.control-button:hover{background-color:#ffffff26}.mic-on,.camera-on{background-color:#252532}.end-call{background-color:#ff5f56}@media (max-width: 768px){.knowledge-modal{width:95%;padding:15px}.knowledge-main{flex-direction:column;gap:12px}.knowledge-container,.prompt-container.knowledge-prompt{width:100%}.workflow-steps{padding:12px 10px 0}.step-label{font-size:10px}.step-number{width:28px;height:28px;font-size:12px}}.knowledge-control-button:hover{background-color:#ffffff26}.save-button:hover{background-color:#5271ffe6}.tab-button:hover{background-color:#ffffff1a}