.Toastify__toast{border-radius:12px!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}.Toastify__toast-body{font-size:.95rem}.Toastify__close-button{opacity:.9}:root{--z1-base:#0c0c0c;--z1-surface:#121212;--z1-border:#27272a;--z1-green:#2cb350;--z1-green-light:#4ade80;--text-primary:#fff;--text-secondary:#9ca3af}body,html{background-color:var(--z1-base);color:var(--text-primary);font-family:"Inter",sans-serif;scroll-behavior:smooth}.text-z1-green{color:var(--z1-green)}.bg-z1-green{background-color:var(--z1-green)}.bg-z1-surface{background-color:var(--z1-surface)}.bg-z1-base{background-color:var(--z1-base)}.border-z1-border{border-color:var(--z1-border)}.border-z1-green{border-color:var(--z1-green)}.shadow-neon{box-shadow:0 0 20px rgba(44,179,80,.4)}.shadow-neon-strong{box-shadow:0 0 30px rgba(44,179,80,.6)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin 20s linear infinite}.animate-spin-reverse{animation:spin 20s linear infinite reverse}.animate-spin-slower-reverse{animation:spin 25s linear infinite reverse}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-enter{animation:slideIn .3s ease-out forwards}.landing-nav{position:fixed;width:100%;z-index:50;top:0;border-bottom:1px solid var(--z1-border);background-color:rgba(12,12,12,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-container{max-width:1280px;margin:0 auto;padding:0 1rem}.landing-btn-primary{background-color:var(--z1-green);color:#000;font-weight:700;padding:.625rem 1.25rem;border-radius:.5rem;transition:all .2s;box-shadow:0 0 20px rgba(44,179,80,.4);border:none;cursor:pointer}.landing-btn-primary:hover{background-color:var(--z1-green-light)}.landing-btn-secondary{color:#fff;background:transparent;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer}.landing-btn-secondary:hover{background-color:hsla(0,0%,100%,.1)}.hero-section{position:relative;padding-top:8rem;padding-bottom:5rem;overflow:hidden;text-align:center}.hero-bg-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:1000px;height:800px;background:radial-gradient(circle,rgba(44,179,80,.4) 0,rgba(44,179,80,0) 70%);filter:blur(80px);z-index:-1;pointer-events:none}.desktop-nav{display:none;align-items:center;grid-gap:2rem;gap:2rem}@media (min-width:768px){.desktop-nav{display:flex}}.nav-link{color:#d1d5db;text-decoration:none;font-weight:500;transition:color .2s;font-size:.95rem}.nav-link:hover{color:var(--z1-green)}.desktop-only{display:none}@media (min-width:768px){.desktop-only{display:block}}.hero-badge{display:inline-flex;align-items:center;padding:.375rem 1rem;margin-bottom:2rem;font-size:.875rem;color:var(--z1-green);background-color:rgba(44,179,80,.1);border:1px solid rgba(44,179,80,.2);border-radius:9999px;font-weight:600}.hero-title{font-size:3rem;font-weight:800;line-height:1;color:#fff;margin-bottom:1.5rem}@media (min-width:768px){.hero-title{font-size:4.5rem}}.hero-gradient-text{background:linear-gradient(90deg,#2cb350,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:56rem;margin:0 auto 2.5rem}.hero-buttons{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;justify-content:center;align-items:center}@media (min-width:640px){.hero-buttons{flex-direction:row;grid-gap:1.5rem;gap:1.5rem}}.mockup-container{margin-top:5rem;position:relative;max-width:80rem;margin-left:auto;margin-right:auto;border-radius:.75rem;border:1px solid var(--z1-border);background-color:#111;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mockup-header{height:2.5rem;background-color:#1a1a1a;border-bottom:1px solid var(--z1-border);display:flex;align-items:center;padding:0 1rem;grid-gap:.5rem;gap:.5rem}.mockup-dot{width:.75rem;height:.75rem;border-radius:50%}.mockup-dot.red{background-color:#ef4444}.mockup-dot.yellow{background-color:#eab308}.mockup-dot.green{background-color:#22c55e}.mockup-grid{display:grid;grid-template-columns:repeat(12,1fr);height:650px;text-align:left}.mockup-sidebar-nav{grid-column:span 2;background-color:#050505;padding:1rem .5rem;flex-direction:column;align-items:center;grid-gap:1.5rem;gap:1.5rem}.mockup-sidebar-list,.mockup-sidebar-nav{display:none;border-right:1px solid var(--z1-border)}.mockup-sidebar-list{grid-column:span 4;background-color:#0f0f0f;padding:1rem}.mockup-chat-area{grid-column:span 12;background-color:#111;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media (min-width:768px){.mockup-sidebar-nav{display:flex}.mockup-sidebar-list{display:block}.mockup-chat-area{grid-column:span 6}}.mockup-search-bar{height:2.25rem;background-color:#222;border-radius:.375rem;margin-bottom:1rem;width:100%}.mockup-list-item{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.75rem;border-radius:.5rem;margin-bottom:.5rem;cursor:pointer}.mockup-list-item.active{background-color:#1a1a1a;border-left:3px solid var(--z1-green)}.mockup-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#374151}.mockup-text-line{background-color:#374151;border-radius:.25rem}.mockup-input-bar{height:3.5rem;background-color:#222;border-radius:.75rem;border:1px solid #374151;display:flex;align-items:center;padding:0 1rem;justify-content:space-between}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:var(--z1-surface);border:1px solid var(--z1-border);padding:1.5rem;border-radius:1rem;transition:border-color .3s}.feature-card:hover{border-color:var(--z1-green)}.feature-icon-box{width:3rem;height:3rem;background-color:#1f2937;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background-color .3s}.feature-card:hover .feature-icon-box{background-color:var(--z1-green)}.feature-card:hover .feature-icon-box svg{color:#000}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;margin-top:4rem;padding-top:2.5rem;border-top:1px solid #1f2937;text-align:center}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.demo-section{background-color:#080808;padding:5rem 0;position:relative}.demo-container{display:flex;flex-direction:column}@media (min-width:1024px){.demo-container{flex-direction:row}}.demo-phone-column{display:none;width:50%;position:relative}@media (min-width:1024px){.demo-phone-column{display:block}}.step-trigger{opacity:.4;padding:1rem;border-radius:.75rem;cursor:pointer;transition:all .3s}.step-trigger:hover{background-color:rgba(18,18,18,.3);opacity:1}.step-trigger.active{opacity:1}.step-description{color:#9ca3af;transition:color .3s ease}.step-trigger.active .step-description,.step-trigger:hover .step-description{color:#fff}.phone-frame{position:relative;width:320px;height:640px;background-color:#020617;border:14px solid #1e293b;border-radius:3rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden;margin:0 auto}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:30px;background-color:#000;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;z-index:20}.orbit-container{position:relative;width:340px;height:340px;margin:0 auto;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.orbit-container{width:500px;height:500px}}.orbit-center{position:absolute;z-index:20;width:6rem;height:6rem;background-color:var(--z1-green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(44,179,80,.6)}.orbit-ring-1{position:absolute;width:240px;height:240px;border:1px dashed rgba(55,65,81,.6);border-radius:50%}@media (min-width:768px){.orbit-ring-1{width:320px;height:320px}}.orbit-ring-2{position:absolute;width:340px;height:340px;border:1px dashed #1f2937;border-radius:50%}@media (min-width:768px){.orbit-ring-2{width:500px;height:500px}}.orbit-icon{position:absolute;width:3rem;height:3rem;background-color:#0c0c0c;border:1px solid #374151;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.landing-footer{background-color:#000;border-top:1px solid var(--z1-border);padding:3rem 0}.hidden{display:none}.block{display:block}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex-row{flex-direction:row}.lg\:w-1\/2{width:50%}}.external-link{display:inline-block;padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:30px;text-align:center;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s,background-color .3s}.external-link:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}.external-link:active{transform:scale(.95)}.external-link .icon{margin-right:8px}.external-link:active .icon{transform:scale(.8)}.customButton{background:linear-gradient(180deg,#fff,#fff);background-color:#fff;border:1px solid #124d77;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:10px;padding:6px 24px;text-decoration:none;margin-right:10px;vertical-align:middle}.customButton:hover{background:linear-gradient(180deg,#bdc3c7,#bdc3c7);background-color:#bdc3c7}.customButton:active{position:relative;top:1px}.icon{margin-right:30px;vertical-align:middle}.MuiButtonBase-root.buttonHover:hover{background:#242424}.MuiButtonBase-root.buttonHover{background:#474747}.event-container{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.delete-icon,.edit-icon{opacity:0;transition:opacity .3s;margin-left:5px;z-index:1}.event-container:hover .delete-icon,.event-container:hover .edit-icon{opacity:1}.modern-connection-card{background-color:#fff!important;border-radius:16px!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important;border:1px solid rgba(0,0,0,.05)!important;transition:all .3s ease!important;cursor:pointer!important;height:100%!important;display:flex!important;flex-direction:column!important}.modern-connection-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 30px rgba(0,0,0,.12)!important}.modern-total-card{background:linear-gradient(135deg,#2c3e50,#34495e)!important;border-radius:16px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;border:1px solid hsla(0,0%,100%,.1)!important;transition:all .3s ease!important;color:#fff!important}.modern-total-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 25px rgba(0,0,0,.2)!important}.connection-status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-connected{background-color:#27ae60}.status-disconnected{background-color:#e74c3c}.status-total{background-color:#3498db}.modern-card-content{padding:24px!important;flex-grow:1!important}.modern-card-title{font-weight:600!important;margin-bottom:16px!important;color:#2c3e50!important;font-size:1.25rem!important}.modern-stats-container{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.modern-stat-item{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;font-weight:500}.modern-stat-connected{color:#27ae60}.modern-stat-disconnected{color:#e74c3c}.modern-stat-total{color:#3498db;margin-top:8px;padding:8px;background-color:#f8f9fa;border-radius:8px}.modern-action-button{background-color:#f5f5f5!important;border-radius:8px!important;padding:8px!important;transition:all .2s ease!important}.modern-action-button:hover{background-color:#e0e0e0!important}.total-card-title{font-weight:600!important;margin-bottom:16px!important;color:#fff!important;font-size:1.25rem!important}.total-stat-connected{color:#2ecc71}.total-stat-disconnected{color:#e67e22}.total-stat-total{color:#3498db;margin-top:8px;padding:8px;background-color:hsla(0,0%,100%,.1);border-radius:8px}.total-stat-number{color:#fff!important;font-weight:700}.edgebutton{width:20px;height:20px;background:#eee;border:1px solid #fff;cursor:pointer;border-radius:50%;font-size:12px;line-height:1;justify-content:center;display:flex;align-self:center;align-items:center}.edgebutton:hover{box-shadow:0 0 6px 2px rgba(0,0,0,.08)}.edgebutton-foreignobject body{background:transparent;width:40px;height:40px;display:flex;justify-content:center;align-items:center;min-height:40px}.react-flow__edge-path{stroke:#6ac2ff;stroke-width:6px;stroke-dasharray:8 8;stroke-linecap:round;animation:edge-dash-move 1.25s linear infinite;transition:stroke .12s ease,filter .12s ease}.react-flow__edge.selected .react-flow__edge-path{stroke:#3b82f6;filter:drop-shadow(0 0 2px rgba(59,130,246,.4));animation-duration:.95s}.react-flow__connection-path{stroke:#6ac2ff;stroke-width:6px;stroke-dasharray:8 8;stroke-linecap:round;animation:edge-dash-move 1.25s linear infinite}@keyframes edge-dash-move{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}@media (prefers-reduced-motion:reduce){.react-flow__connection-path,.react-flow__edge-path{animation:none!important}}