@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{color:var(--color-brand-violet)}.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{display:flex;justify-content:center;align-items:center;padding:.5rem .5rem .5rem 1.25rem}.navbar-content{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar-left{display:flex;align-items:center;gap:.75rem}.navbar-logo-link{display:flex;align-items:center}.navbar-logo-link:hover{opacity:1}.logo-img{height:28px;width:auto;object-fit:contain}.navbar-badge{font-size:.6rem;font-weight:600;letter-spacing:.08em;color:var(--color-text-muted);border:1px solid rgba(0,0,0,.12);border-radius:5px;padding:3px 8px;text-transform:uppercase}.navbar-right{display:flex;align-items:center}.navbar-cta{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1.25rem;background:var(--color-brand-violet);color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;text-decoration:none;overflow:hidden;transition:box-shadow .3s ease-out,transform .2s ease-out}.navbar-cta:hover{box-shadow:0 0 20px #5b4bff73,0 0 40px #5b4bff33;opacity:1}.navbar-cta:active{transform:scale(.97)}.navbar-cta-label{position:relative;z-index:2;transition:color .35s ease-out}.navbar-cta:hover .navbar-cta-label{color:var(--color-brand-violet)}.navbar-cta-circle{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;background:transparent;color:var(--color-brand-violet);display:flex;align-items:center;justify-content:center;flex-shrink:0}.navbar-cta-circle:before{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;z-index:-1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.navbar-cta:hover .navbar-cta-circle:before{transform:scale(8)}@media(max-width:600px){.navbar{width:calc(100% - 1.5rem);padding:.4rem .4rem .4rem 1rem}.navbar-badge{display:none}}.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)}.doc-header{padding-top:1.5rem;padding-bottom:2rem;background:var(--color-surface);border-bottom:1px solid var(--color-gray-border)}.doc-header-content{max-width:var(--container-max-width);margin-top:1.5rem}.doc-header-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.doc-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;color:var(--color-text);line-height:1.15;letter-spacing:-.03em}.doc-subtitle{font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.5;max-width:540px}.doc-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.doc-status-pill--active{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.doc-status-pill--pending{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.doc-status-pill--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.doc-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;position:relative}.doc-status-pill--active .doc-status-dot:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:currentColor;opacity:.4;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.doc-main{background:#fff;padding:2.5rem 0 4rem;min-height:60vh}.doc-layout{display:grid;grid-template-columns:340px 1fr;gap:3rem;align-items:start}.doc-sidebar{position:sticky;top:1.5rem}.doc-content{min-width:0}.doc-content-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-border)}.doc-content-title{font-size:1.35rem;font-weight:600;color:var(--color-text);margin:0 0 .35rem;letter-spacing:-.02em}.doc-content-subtitle{font-size:var(--font-size-body-small);color:var(--color-text-muted);margin:0}@media(max-width:960px){.doc-layout{grid-template-columns:1fr;gap:2rem}.doc-sidebar{position:static}}@media(max-width:768px){.doc-header{padding-top:1rem;padding-bottom:1.5rem}.doc-main{padding:1.5rem 0 3rem}}.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}}.connection-panel{background:#fff;border:1px solid var(--color-gray-border-medium);border-radius:var(--radius-md);padding:1.5rem;transition:box-shadow .25s ease-out}.connection-panel:hover{box-shadow:0 4px 16px #0000000d}.connection-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-border)}.connection-panel-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0}.loading-sequence{display:flex;flex-direction:column;gap:1.25rem}.loading-skeleton-code{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-surface);border-radius:var(--radius-sm);min-height:58px}.skeleton-bar{height:12px;border-radius:6px;background:linear-gradient(90deg,#e4e4e7 25%,#f0f0f2,#e4e4e7 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton-bar--wide{width:85%}.skeleton-bar--narrow{width:55%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-progress-track{height:3px;background:var(--color-surface);border-radius:2px;overflow:hidden}.loading-progress-fill{height:100%;background:var(--color-brand-violet);border-radius:2px;transition:width .4s ease-out}.loading-phases{display:flex;flex-direction:column;gap:.6rem}.loading-phase{display:flex;align-items:center;gap:.6rem;transition:opacity .25s ease-out}.loading-phase--pending{opacity:.35}.loading-phase--active{opacity:1}.loading-phase--done{opacity:.6}.loading-phase-indicator{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.loading-phase--done .loading-phase-indicator{color:#10b981}.loading-phase-spinner{width:14px;height:14px;border:2px solid var(--color-surface);border-top-color:var(--color-brand-violet);border-radius:50%;animation:spin .8s linear infinite}.loading-phase-circle{width:8px;height:8px;border-radius:50%;background:var(--color-gray-light)}.loading-phase-text{font-size:.78rem;color:var(--color-text-muted);font-weight:500}.loading-phase--active .loading-phase-text{color:var(--color-text)}.connected-content{display:flex;flex-direction:column;gap:1rem}.connected-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#ecfdf5;color:#047857;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;width:fit-content}.error-panel{display:flex;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm)}.error-panel-icon{color:#dc2626;flex-shrink:0;margin-top:1px}.error-panel-body{flex:1;min-width:0}.error-panel-title{font-size:.85rem;font-weight:600;color:#991b1b;margin:0 0 .25rem}.error-panel-message{font-size:.78rem;color:#b91c1c;margin:0 0 .5rem;line-height:1.5;word-break:break-word}.error-panel-help{font-size:.75rem;color:#991b1b;margin:0;line-height:1.5}.error-panel-help a{color:#991b1b;font-weight:600;text-decoration:underline}.error-panel-help a:hover{opacity:.8}.code-panel{display:flex;flex-direction:column;gap:1rem}.code-panel-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.code-panel-field{position:relative}.code-panel-note{font-size:.75rem;color:var(--color-text-muted);line-height:1.5}.code-panel-steps{counter-reset:panel-step;list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.code-panel-steps li{counter-increment:panel-step;display:flex;gap:.5rem;align-items:baseline;font-size:.78rem;line-height:1.5;color:var(--color-text);font-weight:500}.code-panel-steps li:before{content:counter(panel-step) ".";font-weight:700;color:var(--color-brand-violet);flex-shrink:0}.code-panel-steps li a{color:var(--color-brand-violet);font-weight:600}.code-panel-steps li a:hover{opacity:1;text-decoration:underline}.guide-steps{display:flex;flex-direction:column}.guide-step{display:flex;gap:1.25rem;position:relative}.guide-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.guide-step-number{width:28px;height:28px;border-radius:50%;background:var(--color-brand-violet);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;z-index:1}.guide-step-line{width:2px;flex:1;background:var(--color-brand-violet);opacity:.15;min-height:20px}.guide-step-body{flex:1;padding-bottom:2rem;min-width:0}.guide-step--last .guide-step-body{padding-bottom:0}.guide-step-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0 0 .35rem;line-height:1.4}.guide-step-text{font-size:var(--font-size-body-small);color:var(--color-text-muted);margin:0 0 .35rem;line-height:1.6}.guide-step-subtext{font-size:var(--font-size-small);color:var(--color-gray-dark);margin:0;line-height:1.5}.guide-step-instructions{margin-top:1rem}.setup-instructions-list{list-style:none;padding:0;counter-reset:setup-instruction;display:flex;flex-direction:column;gap:var(--spacing-sm)}.setup-instructions-list li{counter-increment:setup-instruction;padding-left:1.75rem;position:relative;font-size:var(--font-size-body-small);line-height:var(--line-height-relaxed);color:var(--color-text)}.setup-instructions-list li:before{content:counter(setup-instruction) ".";position:absolute;left:0;font-weight:var(--font-weight-bold);color:var(--color-brand-violet)}.setup-instructions-list li code{background:var(--color-bg-tertiary, #f4f4f5);color:var(--color-text-primary, #18181b);padding:.15rem .45rem;border-radius:4px;font-size:.8rem;word-break:break-all;font-family:Monaco,Courier New,monospace;border:1px solid var(--color-border-primary, #e4e4e7)}.code-wrapper{margin-top:.75rem;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);width:100%}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#14141f;border-bottom:1px solid rgba(255,255,255,.06)}.code-lang{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6c7086;font-family:Monaco,Courier New,monospace}.code-copy-btn{display:flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0a;color:#a6adc8;font-size:.7rem;cursor:pointer;transition:all .15s ease;font-family:inherit}.code-copy-btn:hover{background:#ffffff14;color:#cdd6f4;border-color:#ffffff2e}.code-pre{display:block;margin:0;padding:1.25rem 1.5rem;background:#1e1e2e;color:#cdd6f4;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto;white-space:pre;width:100%;tab-size:2}.code-pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit;font-family:inherit}.hl-tag{color:#89b4fa}.hl-kw{color:#cba6f7;font-weight:600}.hl-var{color:#f9e2af}.hl-str{color:#a6e3a1}.hl-num{color:#fab387}.hl-bool{color:#f38ba8}.hl-html{color:#89b4fa}.hl-attr{color:#89dceb}.hl-key{color:#89b4fa}.hl-bracket{color:#a6adc8}@media(max-width:768px){.guide-step{gap:.75rem}.guide-step-number{width:24px;height:24px;font-size:.65rem}.guide-step-title{font-size:var(--font-size-body-small)}.code-pre{font-size:.7rem;padding:.75rem 1rem}.connection-panel{padding:1.25rem}}html{scroll-behavior:smooth}#root{min-height:100vh;display:flex;flex-direction:column}