@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-brand-violet: #5b4bff;--color-brand-cyan: #0ab3f8;--color-brand-turquoise: #00e0d3;--color-bg: #ffffff;--color-surface: #f4f4f5;--color-text: #09090b;--color-text-muted: #52525b;--color-primary: #000000;--color-accent: #7c3aed;--color-violet-light: #a78bfa;--color-magenta: #a855f7;--color-pink: #ec4899;--color-black-deep: #0a0a0a;--color-black-soft: #1a1a1a;--color-gray-lightest: #f8f8f8;--color-gray-light: #d4d4d8;--color-gray-medium: #a1a1aa;--color-gray-dark: #71717a;--color-gray-border: rgba(0, 0, 0, .06);--color-gray-border-medium: rgba(0, 0, 0, .12);--gradient-brand: linear-gradient( 90deg, #5b4bff 0%, #0ab3f8 50%, #00e0d3 100% );--gradient-hero: linear-gradient(45deg, #121212, #1a1a1a);--gradient-overlay: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%);--gradient-video: linear-gradient(to top, #ebebeb 0%, transparent 100%);--gradient-divider: linear-gradient(90deg, #a78bfa 0%, transparent 100%);--gradient-avatar: linear-gradient(135deg, #a855f7, #ec4899);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-size-hero: clamp(3rem, 7vw, 4.5rem);--font-size-h1: clamp(2.5rem, 5vw, 3.5rem);--font-size-h2: clamp(2rem, 4vw, 2.5rem);--font-size-h3: clamp(1.5rem, 3vw, 2rem);--font-size-body-large: clamp(1.125rem, 2vw, 1.25rem);--font-size-body: 1rem;--font-size-body-small: .9rem;--font-size-small: .8rem;--font-size-tiny: .7rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1;--line-height-snug: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-tight: -.05em;--letter-spacing-snug: -.04em;--letter-spacing-normal: 0;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-5xl: 8rem;--container-max-width: 1200px;--container-max-width-wide: 1400px;--container-padding: 1.5rem;--navbar-height: 65px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 36px;--radius-full: 9999px;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .1);--shadow-md: 0 10px 40px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .8);--shadow-floating: 0 20px 40px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-phone: 0 20px 50px rgba(0, 0, 0, .8), 0 0 0 2px #444;--shadow-message-bot: 0 2px 5px rgba(0, 0, 0, .2);--shadow-message-user: 0 2px 5px rgba(124, 58, 237, .3);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.16, 1, .3, 1);--transition-navbar: .3s cubic-bezier(.4, 0, .2, 1);--blur-sm: blur(8px);--blur-md: blur(14px);--blur-lg: blur(20px);--z-dropdown: 10;--z-navbar: 1000;--z-modal: 2000;--z-tooltip: 3000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:var(--line-height-relaxed);overflow-x:hidden}a{text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}a:hover{opacity:.7}ul,ol{list-style:none}button{font-family:inherit;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}img{max-width:100%;height:auto;display:block}.headline-hero{font-size:var(--font-size-hero);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-snug)}.headline-1{font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-snug)}.headline-2{font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:var(--line-height-snug)}.headline-3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:var(--line-height-snug)}.body-large{font-size:var(--font-size-body-large);color:var(--color-text-muted);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-regular)}.body{font-size:var(--font-size-body);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.body-small{font-size:var(--font-size-body-small);color:var(--color-text-muted);line-height:var(--line-height-normal)}.text-small{font-size:var(--font-size-small)}.text-tiny{font-size:var(--font-size-tiny)}.highlight{color:var(--color-violet-light);font-weight:var(--font-weight-medium)}.highlight-ia{font-weight:var(--font-weight-bold);color:var(--color-violet-light)}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-wide{max-width:var(--container-max-width-wide);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-5xl) 0}.section-sm{padding:var(--spacing-4xl) 0}.section-lg{padding:var(--spacing-5xl) 0 var(--spacing-4xl) 0}.content-spacer{padding-top:calc(var(--navbar-height) + 2rem)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.grid-4{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:var(--spacing-2xl)}.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-col{display:flex;flex-direction:column}.btn-primary{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(#fff,#fff) padding-box,var(--gradient-brand) border-box;color:var(--color-primary);border:2px solid transparent;border-radius:var(--radius-xl);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:transform var(--transition-normal);cursor:pointer}.btn-primary:before{content:"";position:absolute;inset:5px 0 -5px;background:var(--gradient-brand);border-radius:var(--radius-xl);z-index:-1;filter:var(--blur-md);opacity:0;transition:opacity var(--transition-normal)}.btn-primary:hover{transform:translateY(-3px)}.btn-primary:hover:before{opacity:.6}.btn-primary svg{transition:transform var(--transition-normal)}.btn-primary:hover svg{transform:translate(2px,-2px)}.btn-login{display:inline-block;padding:.625rem var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);transition:transform var(--transition-fast),background var(--transition-fast)}.btn-login:hover{background:var(--color-black-soft);transform:translateY(-1px);opacity:1}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.floating-menu{display:none;position:absolute;background:var(--color-bg);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--color-gray-border-medium);border-radius:var(--radius-xl);padding:8px;min-width:250px;box-shadow:var(--shadow-floating);z-index:var(--z-dropdown);opacity:0;transition:all var(--transition-bounce)}.floating-menu.is-visible{display:block;opacity:1}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer}.menu-item:hover{background:var(--color-gray-lightest);opacity:1}.icon-wrapper{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px}.icon-wrapper img{object-fit:contain}.menu-divider{height:1px;background:#f0f0f0;margin:4px 8px}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);background:#fffc;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border-bottom:1px solid var(--color-gray-border);z-index:var(--z-navbar);display:flex;justify-content:center;align-items:center;transition:transform var(--transition-navbar);transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar-content{width:100%;max-width:var(--container-max-width-wide);padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{font-size:var(--font-size-small);color:var(--color-primary);font-weight:var(--font-weight-medium);position:relative;transition:opacity var(--transition-fast)}.nav-links a:hover{opacity:.6}.logo-img{height:30px;width:auto;object-fit:contain}.footer{background:var(--color-black-deep);color:#fff;border-top:1px solid var(--color-black-soft)}.address{font-size:var(--font-size-small)!important;color:var(--color-gray-medium)!important;line-height:var(--line-height-relaxed);margin-top:var(--spacing-xs)}.footer-bottom{border-top:1px solid var(--color-black-soft);padding:var(--spacing-sm) 0;text-align:center;color:var(--color-gray-light);font-size:.85rem}.divider-gradient{border:0;height:2px;background:var(--gradient-divider)}.check-icon{color:var(--color-violet-light);font-weight:var(--font-weight-bold);font-size:1.2rem}.verified-badge{color:#3b82f6;font-size:.8rem;margin-left:2px}@media(max-width:960px){.grid-2{grid-template-columns:1fr;gap:var(--spacing-2xl)}.grid-4{grid-template-columns:1fr 1fr;gap:2.5rem}.nav-links{display:none}.navbar-content{padding:0 var(--spacing-md)}.footer-content{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:768px){.section{padding:var(--spacing-4xl) 0}.btn-primary{padding:var(--spacing-sm) 2.5rem;font-size:1.125rem}}@media(max-width:600px){.footer-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.footer-col{align-items:center}.footer-col a:hover{transform:none}}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-disconnected{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.status-disconnected .status-dot{background:#f59e0b}.status-connected{background:#d1fae5;color:#065f46;border:1px solid #10b981}.status-connected .status-dot{background:#10b981}.status-error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.status-error .status-dot{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.code-display{display:flex;gap:var(--spacing-sm);align-items:stretch;width:100%}.code-input{flex:1;padding:1rem 1.5rem;background:var(--color-surface);border:2px solid var(--color-gray-border);border-radius:var(--radius-md);font-family:Monaco,Courier New,monospace;font-size:1.25rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-align:center;color:var(--color-text);transition:all var(--transition-fast);-webkit-user-select:all;user-select:all}.code-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg)}.btn-copy{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-copy:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-copy:active{transform:translateY(0)}.btn-copy.copied{background:var(--color-accent)}.alert{display:flex;gap:var(--spacing-sm);padding:1rem 1.25rem;border-radius:var(--radius-md);border-left:4px solid;font-size:var(--font-size-body-small);line-height:var(--line-height-relaxed)}.alert-icon{font-size:1.25rem;flex-shrink:0}.alert-warning{background:#fef3c7;border-left-color:#f59e0b;color:#92400e}.alert-info{background:#dbeafe;border-left-color:#3b82f6;color:#1e40af}.alert-success{background:#d1fae5;border-left-color:#10b981;color:#065f46}.alert-error{background:#fee2e2;border-left-color:#ef4444;color:#991b1b}.alert p{margin:0;color:inherit}.alert strong{font-weight:var(--font-weight-semibold)}.instructions-list{counter-reset:instruction-counter;list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.instructions-list li{counter-increment:instruction-counter;display:flex;gap:var(--spacing-md);align-items:flex-start;font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.instructions-list li:before{content:counter(instruction-counter);display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:var(--gradient-brand);color:#fff;border-radius:50%;font-weight:var(--font-weight-bold);font-size:var(--font-size-small)}.instructions-list li a{color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.instructions-list li a:hover{border-bottom-color:var(--color-accent);opacity:1}.connection-card{background:var(--color-bg);border:2px solid transparent;border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-lg);background-image:linear-gradient(#fff,#fff),var(--gradient-brand);background-origin:border-box;background-clip:padding-box,border-box;transition:all var(--transition-normal)}.connection-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.connection-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.connection-card-icon{font-size:1.5rem}.connection-card-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.connection-card-description{color:var(--color-text-muted);font-size:var(--font-size-body);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.btn-platform{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:1rem 2rem;background:var(--gradient-brand);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);width:100%;position:relative;overflow:hidden}.btn-platform:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-platform:hover:before{left:100%}.btn-platform:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5b4bff66}.btn-platform:active{transform:translateY(-1px)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;padding:2rem 1.5rem;padding-top:calc(var(--navbar-height) + 2rem);padding-bottom:4rem}.hero-container{width:100%;max-width:1400px;margin:0 auto}.hero-content{max-width:1100px;margin:0 auto}.hero-headline{font-size:clamp(3rem,7vw,4.5rem);font-weight:500;color:#000;line-height:1;letter-spacing:-.04em;margin-bottom:2rem}.hero-description{font-size:clamp(1.125rem,2vw,1.1rem);color:#1a1a1a;line-height:1.6;font-weight:400;max-width:800px;margin:0 auto 3rem}.hero-actions{display:flex;justify-content:center;gap:1rem}@media(max-width:768px){.hero-section{min-height:100vh;padding:1.5rem 1rem;padding-top:calc(var(--navbar-height) + 2rem);padding-bottom:3rem}.hero-headline{margin-bottom:1.5rem}.hero-description{margin-bottom:2rem}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--color-brand-violet);animation:bounce 2s infinite;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.scroll-indicator:hover{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--color-surface);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.spinner-large{width:60px;height:60px;border-width:6px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:400px}.loading-text{color:var(--color-text-muted);font-size:var(--font-size-body)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.w-full{width:100%}.max-w-2xl{max-width:672px}.max-w-4xl{max-width:896px}@media(max-width:768px){.code-display{flex-direction:column}.code-input{font-size:1rem;padding:.875rem 1rem}.btn-copy{width:100%;justify-content:center}.connection-card{padding:var(--spacing-lg)}.instructions-list li{font-size:var(--font-size-body-small)}.instructions-list li:before{width:28px;height:28px;font-size:.75rem}}.connection-card-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:2rem;box-shadow:0 4px 16px #0000000a;transition:all .3s ease;background:linear-gradient(135deg,#a78bfa08,#a78bfa03)}.connection-card-wrapper:hover{box-shadow:0 8px 24px #00000014}.connection-card-header{text-align:center;margin-bottom:1y7rem}.connection-card-content{display:flex;flex-direction:column;gap:2rem}.connection-item{display:flex;flex-direction:column;gap:.5rem}.connection-label{font-size:.8rem;color:var(--color-text);font-weight:500}.connection-value{font-size:.75rem;color:var(--color-text-muted);font-weight:600}.code-input-minimal{width:100%;padding:.875rem 4rem .875rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-gray-border);border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-align:start;color:var(--color-text);transition:all var(--transition-fast);-webkit-user-select:all;user-select:all}.code-input-minimal:focus{outline:none}.btn-copy-minimal{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;background:transparent;color:#9ca3af;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-copy-minimal:hover{color:var(--color-brand-violet);transform:scale(1.1)}.btn-copy-minimal:active{transform:scale(.95)}.btn-copy-minimal.copied{color:#10b981}.connection-steps{counter-reset:step-counter;list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.connection-steps li{counter-increment:step-counter;display:flex;gap:.75rem;align-items:flex-start;font-size:.75rem;line-height:1.6;color:var(--color-text);font-weight:500}.connection-steps li:before{content:counter(step-counter) ".";display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:transparent;color:var(--color-brand-violet);border-radius:50%;font-weight:var(--font-weight-bold);font-size:.75rem}.connection-steps li a{color:var(--color-brand-violet);font-weight:var(--font-weight-semibold);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.connection-steps li a:hover{border-bottom-color:var(--color-brand-violet);opacity:1}.btn-platform-minimal{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:#000;color:#fff;border:none;border-radius:50px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);width:100%;text-decoration:none}.btn-platform-minimal:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;opacity:1}.btn-platform-minimal:active{transform:translateY(0)}@media(max-width:768px){.connection-card-wrapper{padding:1.5rem}.code-input-minimal{font-size:.875rem;padding:.75rem 1rem}.btn-copy-minimal{padding:.75rem .875rem}.connection-steps li{font-size:.85rem}}html{scroll-behavior:smooth}#root{min-height:100vh;display:flex;flex-direction:column}