:root{--color-bg-body: #0B0C10;--color-bg-surface: #1F2833;--color-bg-surface-hover: #2C353F;--color-bg-topbar: #000000;--color-text-main: #FFFFFF;--color-text-muted: #C5C6C7;--color-text-dim: #7B8A99;--color-primary: #66FCF1;--color-primary-dark: #45A29E;--color-primary-glow: rgba(102, 252, 241, .4);--color-border: rgba(255, 255, 255, .1);--gradient-text: linear-gradient(90deg, #FFFFFF 0%, #66FCF1 100%);--gradient-glow: radial-gradient(circle at center, rgba(69, 162, 158, .2) 0%, transparent 70%);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--transition-medium: .4s ease}[data-theme=light]{--color-bg-header: rgba(255, 255, 255, .85);--color-bg-body: #F5F7FA;--color-bg-surface: #FFFFFF;--color-bg-surface-hover: #F0F4F8;--color-bg-topbar: #F8FAFC;--color-text-main: #1A202C;--color-text-muted: #4A5568;--color-text-dim: #718096;--color-primary: #00B5AD;--color-primary-dark: #008E87;--color-primary-glow: rgba(0, 181, 173, .2);--color-border: rgba(0, 0, 0, .1);--gradient-text: linear-gradient(90deg, #1A202C 0%, #00B5AD 100%);--gradient-glow: radial-gradient(circle at center, rgba(0, 181, 173, .1) 0%, transparent 70%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg-body);color:var(--color-text-main);font-family:var(--font-family-base);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}ul,ol{list-style:none}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:var(--spacing-sm);font-weight:600}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn{display:inline-block;padding:.8rem 1.6rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-size:.95rem;border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:#000;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 0 15px var(--color-primary-glow)}.btn-ghost{background:transparent;color:var(--color-text-main)}.btn-ghost:hover{color:var(--color-primary)}.btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text-main)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.site-header{position:sticky;top:0;left:0;width:100%;z-index:100;background:var(--color-bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);padding:0}.top-bar{background-color:var(--color-bg-topbar);color:var(--color-text-muted);font-size:.8rem;padding:8px 0;border-bottom:1px solid var(--color-border)}.top-bar .container{display:flex;justify-content:space-between;align-items:center}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:20px}.top-bar a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.top-bar a:hover{color:var(--color-primary)}.icon-text{display:flex;align-items:center;gap:8px}.main-header-container{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.site-header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo .dot{color:var(--color-primary)}.main-nav ul{display:flex;gap:var(--spacing-md)}.main-nav a{color:var(--color-text-muted);font-size:.9rem}.main-nav a:hover{color:var(--color-text-main)}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.mobile-menu-toggle{display:none}.hero-section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);position:relative;overflow:hidden}.hero-section .container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-visual{flex:1;display:flex;justify-content:flex-end}.hero-image-3d{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 0 30px rgba(102,252,241,.3));animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.badge-pill{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-pill);background:#66fcf11a;color:var(--color-primary);font-size:.85rem;margin-bottom:var(--spacing-sm);border:1px solid rgba(102,252,241,.2)}.hero-section h1{font-size:3.5rem;letter-spacing:-1px;margin-bottom:var(--spacing-sm)}.hero-subtitle{color:var(--color-text-muted);font-size:1.2rem;margin-bottom:var(--spacing-md);max-width:90%}.hero-cta{display:flex;gap:var(--spacing-sm);justify-content:center}.trusted-by-section{padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:center}.trusted-by-section p{color:var(--color-text-dim);font-size:.9rem;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px}.trusted-by-section .container{overflow:hidden;position:relative;max-width:100%;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logo-track{display:flex;overflow:hidden;width:100%}.logo-grid{display:flex;gap:var(--spacing-xl);animation:scroll 30s linear infinite;width:max-content;padding-left:var(--spacing-md)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-33.33% - var(--spacing-md)))}}.brand-logo{font-weight:700;font-size:1.5rem;color:var(--color-text-dim);white-space:nowrap;opacity:.7;transition:color var(--transition-fast)}.brand-logo:hover{color:var(--color-primary);opacity:1}.features-section{padding:var(--spacing-xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:2.5rem}.section-header p{color:var(--color-text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.feature-card{background:var(--color-bg-surface);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:transform var(--transition-fast)}.feature-card:hover{transform:translateY(-5px);background:var(--color-bg-surface-hover);border-color:#66fcf14d}.icon-box{font-size:2rem;margin-bottom:var(--spacing-sm)}.feature-card h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.feature-card p{color:var(--color-text-muted);font-size:.95rem}.demo-section{padding:var(--spacing-xl) 0;background:linear-gradient(180deg,var(--color-bg-body) 0%,#12161C 100%)}.demo-wrapper{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-md);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;height:500px;box-shadow:0 20px 50px #00000080}.demo-sidebar{background:transparent;padding:var(--spacing-md);border-right:1px solid var(--color-border)}.demo-sidebar h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-dim);margin-bottom:var(--spacing-md);padding-left:.75rem}.demo-sidebar ul li{padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.95rem;margin-bottom:2px}.demo-sidebar ul li:hover{background:var(--color-bg-surface-hover);color:var(--color-text-main)}.demo-sidebar ul li.active{background:var(--color-bg-surface-hover);color:var(--color-primary);font-weight:600;box-shadow:-2px 0 0 0 var(--color-primary);border-top-left-radius:2px;border-bottom-left-radius:2px}.demo-display{padding:var(--spacing-md);position:relative;background:transparent;display:flex;flex-direction:column;overflow:hidden;height:100%}.chat-interface{max-width:80%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;overflow-y:auto;padding-right:var(--spacing-sm);width:100%;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.chat-interface::-webkit-scrollbar{width:6px}.chat-interface::-webkit-scrollbar-track{background:transparent}.chat-interface::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:20px}.chat-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);max-width:85%;position:relative}.message-content{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.95rem;line-height:1.5;position:relative}.chat-message.user{align-self:flex-end;flex-direction:row}.chat-message.user .message-content{background:var(--color-bg-surface-hover);color:var(--color-text-main);border-top-right-radius:0}.chat-message.user .message-avatar{background:#2c353f;color:#a0aec0}.chat-message.ai{align-self:flex-start;flex-direction:row}.chat-message.ai .message-content{background:#66fcf11a;color:var(--color-primary);border:1px solid rgba(102,252,241,.2);border-top-left-radius:0}.chat-message.ai strong{color:var(--color-primary);font-weight:700}.chat-message.ai .message-avatar{background:#66fcf133;color:var(--color-primary);box-shadow:0 0 10px #66fcf14d}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:5px}.site-footer{padding:var(--spacing-xl) 0 var(--spacing-md);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.site-footer .container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.site-footer h4{color:var(--color-text-main);font-size:1rem;margin-bottom:var(--spacing-sm)}.site-footer ul li{margin-bottom:.5rem}.site-footer .contact-item{display:flex;align-items:center;gap:10px;color:var(--color-text-muted)}.site-footer .contact-item svg{flex-shrink:0;color:var(--color-primary)}.site-footer .contact-item a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.site-footer .contact-item a:hover{color:var(--color-text-main)}.footer-bottom{text-align:center;font-size:.85rem;color:var(--color-text-dim);margin-top:var(--spacing-lg)}.mobile-contact-info{display:none}.contact-section{padding:var(--spacing-xl) 0;background:var(--color-bg-body)}.contact-header{text-align:center;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.contact-header h2{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.contact-header p{color:var(--color-text-muted)}.contact-form-card{background:var(--color-bg-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:700px;margin:0 auto var(--spacing-lg);box-shadow:0 10px 30px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:var(--spacing-md)}.form-group label{font-size:.9rem;font-weight:600;color:var(--color-text-main)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-body);color:var(--color-text-main);font-size:1rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #66fcf133}.btn-block{width:100%;justify-content:center;margin-top:var(--spacing-sm);padding:1rem;font-size:1rem}.contact-footer-notes{text-align:center;max-width:600px;margin:0 auto}.contact-footer-notes p{font-size:.8rem;color:var(--color-text-dim);margin-bottom:.5rem}.solutions-section{padding:var(--spacing-xl) 0;position:relative;background:linear-gradient(180deg,var(--color-bg-body) 0%,rgba(18,22,28,.8) 100%)}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md)}.solution-card{background:var(--color-bg-surface);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-medium);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.solution-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 10px 40px #0003}.solution-card .icon-box.glass{background:#66fcf11a;border:1px solid rgba(102,252,241,.2);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem;margin-bottom:var(--spacing-md)}.solution-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-text-main)}.solution-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-md);flex-grow:1}.learn-more{color:var(--color-primary);font-size:.9rem;font-weight:600;text-decoration:none;transition:gap .2s ease;display:flex;align-items:center;gap:.5rem}.solution-card:hover .learn-more{gap:.75rem}.mobile-only-item{display:none}@media (max-width: 968px){.mobile-only-item{display:block;width:100%;text-align:center;border-top:1px solid var(--color-border);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.mobile-only-item .theme-toggle-btn{width:100%;justify-content:center;display:flex;align-items:center;gap:10px;padding:10px;color:var(--color-text-main)}}#back-to-top{position:fixed;bottom:30px;right:30px;background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;box-shadow:0 4px 10px #0000004d;z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;display:flex;align-items:center;justify-content:center}#back-to-top:hover{transform:translateY(-3px);background:var(--color-primary-light)}#back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 968px){.chat-interface{max-width:100%;padding-right:0}.demo-display{padding:var(--spacing-sm)}.chat-message{max-width:95%}}@media (max-width: 968px){.hero-section .container{flex-direction:column;text-align:center}.hero-visual{justify-content:center;margin-top:var(--spacing-lg)}.site-header{background:var(--color-bg-body)}.main-nav,.header-actions,.top-bar{display:none}.mobile-menu-toggle{display:block;width:30px;height:20px;position:relative;background:none;border:none;cursor:pointer}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text-main);position:absolute}.mobile-menu-toggle span:first-child{top:0}.mobile-menu-toggle span:last-child{bottom:0}.hero-section{padding-top:120px;text-align:center}.hero-content{margin:0 auto var(--spacing-lg)}.hero-section h1{font-size:2.5rem}.hero-cta{justify-content:center}.site-header .container{position:relative}.main-nav{display:block;position:absolute;top:100%;left:0;width:100%;background:var(--color-bg-surface);padding:var(--spacing-md);transform:translateY(-20px);opacity:0;visibility:hidden;transition:all var(--transition-medium);border-top:1px solid var(--color-border);box-shadow:0 10px 20px #00000080}.main-nav.open{transform:translateY(0);opacity:1;visibility:visible}.main-nav ul{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.header-actions{display:none}.mobile-contact-info{display:flex}.mobile-contact-info{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.mobile-contact-info .contact-item{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:.9rem;text-decoration:none}.mobile-contact-info a.contact-item:hover{color:var(--color-primary)}.demo-wrapper{grid-template-columns:1fr;height:auto}.demo-sidebar{display:none}.site-footer .container{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.site-footer .contact-item{justify-content:center}.contact-section{padding:var(--spacing-lg) var(--spacing-sm)}.contact-header h2{font-size:2rem}.form-row{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-form-card{padding:var(--spacing-lg);width:100%;margin-bottom:var(--spacing-md)}.contact-footer-notes{padding:0 var(--spacing-sm)}.select-wrapper,.select-wrapper select{width:100%}}
