*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#030305;--color-bg-secondary:#08080c;--color-bg-card:#0a0a0f66;--color-bg-card-hover:#14141e99;--color-surface:#ffffff05;--color-border:#ffffff0d;--color-border-hover:#00f0ff66;--color-text-primary:#fff;--color-text-secondary:#8a8a9e;--color-text-muted:#4a4a5e;--color-accent:#00f0ff;--color-accent-hover:#5cffff;--color-accent-glow:#00f0ff26;--color-accent-gradient:linear-gradient(135deg, #00f0ff 0%, #06f 100%);--color-accent-gradient-hover:linear-gradient(135deg, #5cffff 0%, #08f 100%);--color-success:#0f8;--color-success-bg:#00ff880d;--color-call:#0f8;--color-call-hover:#5cffb3;--color-call-glow:#0f83;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2.25rem;--font-size-4xl:2.75rem;--font-size-5xl:4rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 16px #00000080;--shadow-lg:0 16px 32px #0009;--shadow-glow:0 0 30px var(--color-accent-glow);--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-base:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;background-color:var(--color-bg);font-size:16px;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#0066ff0a,#0000 25%),radial-gradient(circle at 85% 30%,#00f0ff0a,#0000 25%);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none}input{font-family:var(--font-family);outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:72px}.navbar{height:72px;padding:0 var(--space-2xl);-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);border-bottom:1px solid var(--color-border);z-index:1000;transition:all var(--transition-base);background:#030305b3;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{align-items:center;gap:var(--space-md);font-size:var(--font-size-xl);letter-spacing:-1px;color:var(--color-text-primary);transition:color var(--transition-fast);text-transform:none;font-weight:300;display:flex}.navbar-logo:hover{text-shadow:0 0 10px var(--color-accent)}.navbar-logo-icon{color:var(--color-accent);justify-content:center;align-items:center;display:flex}.navbar-nav{align-items:center;gap:var(--space-xl);display:flex}.navbar-link{font-size:var(--font-size-xs);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary);transition:all var(--transition-fast);font-weight:400;position:relative}.navbar-link:after{content:"";background:var(--color-accent);width:0%;height:1px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.navbar-link:hover,.navbar-link.active{color:var(--color-text-primary)}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-link--cta{color:var(--color-accent);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);background:#00f0ff0d;border:1px solid #00f0ff33}.navbar-link--cta:after{display:none}.navbar-link--cta:hover{border-color:var(--color-accent);color:var(--color-accent);background:#00f0ff1a;box-shadow:0 0 15px #00f0ff33}.navbar-toggle{color:var(--color-text-primary);cursor:pointer;padding:var(--space-xs);background:0 0;border:none;justify-content:center;align-items:center;display:none}.btn{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-sm);letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;border:1px solid #0000;font-weight:400;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:var(--color-accent);border:1px solid var(--color-accent);background:#00f0ff08;box-shadow:inset 0 0 20px #00f0ff1a}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{text-shadow:0 0 10px var(--color-accent);background:#00f0ff26;border-color:#5cffff;transform:translateY(-2px);box-shadow:0 0 25px #00f0ff80,inset 0 0 30px #00f0ff4d}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.btn-call{color:var(--color-call);border:1px solid var(--color-call);font-size:var(--font-size-sm);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-sm);background:#00ff880d;box-shadow:inset 0 0 15px #00ff880d}.btn-call:hover{text-shadow:0 0 8px var(--color-call);background:#00ff881a;box-shadow:0 0 20px #00ff884d,inset 0 0 10px #0f83}.btn-call .btn-icon{font-weight:100}.btn-lg{font-size:var(--font-size-sm);padding:1.2rem 2.5rem}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-xs);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary);font-weight:400}.form-input{padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff05}.form-input:focus{border-color:var(--color-accent);background:#00f0ff05;box-shadow:inset 0 0 10px #00f0ff1a}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:3rem}select.form-input:hover{background-color:#ffffff0d;border-color:#fff3}.form-input::placeholder{color:var(--color-text-muted)}option{color:var(--color-text-primary);padding:var(--space-md);background-color:#0c0c14}option:hover,option:focus,option:active,option:checked{color:var(--color-accent);background-color:var(--color-bg-card-hover)!important}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{background:#14141e80;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.home{flex-direction:column;align-items:center;display:flex}.hero{text-align:center;padding:var(--space-4xl) var(--space-xl);flex-direction:column;justify-content:center;align-items:center;max-width:1000px;min-height:80vh;margin:0 auto;display:flex;position:relative}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 0%,#00f0ff08 50%,#0000 100%) 0 0/100% 100%,repeating-linear-gradient(0deg,#0000,#0000 1px,#00f0ff05 1px 2px) 0 0/100% 4px;width:100vw;height:100vh;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.hero-badge{align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2xl);animation:fade-in-up .8s cubic-bezier(.16, 1, .3, 1) ease-out;background:#00f0ff0d;border:1px solid #00f0ff33;font-weight:400;display:inline-flex;box-shadow:inset 0 0 20px #00f0ff1a}.hero-badge-dot{background:var(--color-accent);width:4px;height:4px;box-shadow:0 0 10px var(--color-accent);border-radius:50%;animation:1.5s infinite pulse-fast}@keyframes pulse-fast{0%,to{opacity:1;box-shadow:0 0 10px var(--color-accent)}50%{opacity:.2;box-shadow:none}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content-wrapper{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.hero-title{font-size:var(--font-size-5xl);letter-spacing:-2px;margin-bottom:var(--space-xl);color:#fff;font-weight:300;line-height:1.15;animation:.8s ease-out .1s both fade-in-up}.hero-title-highlight{background:linear-gradient(135deg,#00f0ff 0%,#0f8 100%);-webkit-text-fill-color:transparent;padding:0 var(--space-xs);text-shadow:0 0 20px #00f0ff66;-webkit-background-clip:text;background-clip:text;font-weight:400;display:inline-block}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:700px;margin-bottom:var(--space-3xl);font-weight:300;line-height:1.8;animation:.8s ease-out .2s both fade-in-up}.hero-actions{gap:var(--space-lg);animation:.8s ease-out .3s both fade-in-up;display:flex}.features{width:100%;max-width:1200px;padding:var(--space-4xl) var(--space-xl);margin:0 auto;position:relative}.features-header{text-align:center;margin-bottom:var(--space-4xl);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.features-title{font-size:var(--font-size-xs);letter-spacing:4px;text-transform:uppercase;color:var(--color-accent);font-weight:400}.features-title-line{background:linear-gradient(to bottom, var(--color-accent) 0%, transparent 100%);width:1px;height:40px}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.features-grid--force-3-col{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.features-grid--force-3-col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.feature-card{padding:var(--space-lg);background:linear-gradient(#ffffff05 0%,#0000 100%);border:1px solid #ffffff08;flex-direction:column;align-items:flex-start;display:flex}.feature-card:hover{background-image:linear-gradient(#00f0ff0d 0%,#0000 100%);border-color:#00f0ff26}.feature-card:before{content:"";background:var(--color-accent);width:20px;height:1px;transition:width .3s;position:absolute;top:0;left:0}.feature-card:hover:before{width:100%;box-shadow:0 0 10px var(--color-accent)}.feature-icon-wrapper{margin-bottom:var(--space-xl);color:var(--color-text-primary);transition:all var(--transition-base)}.feature-card:hover .feature-icon-wrapper{color:var(--color-accent);filter:drop-shadow(0 0 10px var(--color-accent-glow));transform:scale(1.05)}.feature-title{font-size:var(--font-size-lg);letter-spacing:1px;margin-bottom:var(--space-md);color:var(--color-text-primary);font-weight:300}.feature-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:300;line-height:1.8}.login-page{min-height:calc(100vh - 72px);padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.login-container{width:100%;max-width:440px;animation:.5s ease-out fade-in-up}.login-header{text-align:center;margin-bottom:var(--space-2xl)}.login-header-icon{background:var(--color-accent-gradient);border-radius:var(--radius-xl);width:56px;height:56px;font-size:var(--font-size-2xl);margin:0 auto var(--space-lg);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.login-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);font-weight:700}.login-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);gap:var(--space-lg);flex-direction:column;display:flex}.login-form .btn-primary{width:100%;margin-top:var(--space-sm)}.login-footer{text-align:center;margin-top:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-footer a{color:var(--color-accent);transition:color var(--transition-fast);font-weight:500}.login-footer a:hover{color:var(--color-accent-hover)}.demo-page{max-width:1200px;padding:var(--space-4xl) var(--space-xl);margin:0 auto;position:relative}.demo-header{text-align:center;margin-bottom:var(--space-4xl);flex-direction:column;align-items:center;animation:.5s ease-out fade-in-up;display:flex}.demo-header h1{font-size:var(--font-size-3xl);letter-spacing:-1px;margin-bottom:var(--space-sm);color:#fff;font-weight:200}.demo-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase;max-width:600px;font-weight:300}.demo-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.demo-card{cursor:pointer;color:inherit;padding:var(--space-2xl);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);background:linear-gradient(#ffffff05 0%,#0000 100%);border:1px solid #ffffff08;flex-direction:column;text-decoration:none;animation:.5s ease-out fade-in-up;display:flex;position:relative;overflow:hidden}.demo-card:before{content:"";background:var(--color-accent);width:0%;height:1px;transition:width .3s;position:absolute;top:0;left:0}.demo-card:hover{background-image:linear-gradient(#00f0ff0d 0%,#0000 100%);border-color:#00f0ff26;transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.demo-card:hover:before{width:100%;box-shadow:0 0 10px var(--color-accent)}.demo-card--disabled{cursor:default;opacity:.4;filter:grayscale()}.demo-card--disabled:hover{box-shadow:none;background-image:linear-gradient(#ffffff05 0%,#0000 100%);border-color:#ffffff08;transform:none}.pricing-grid{gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1000px;margin:0 auto;display:grid}.pricing-card{flex-direction:column;height:100%;padding:3rem 2.5rem;display:flex}.pricing-card-popular{background-image:linear-gradient(#00f0ff08 0%,#0000 100%);border-color:#00f0ff4d}.pricing-card-popular:hover{background-image:linear-gradient(#00f0ff14 0%,#0000 100%);border-color:#00f0ff80}.pricing-card-popular:after{content:"";background:var(--color-accent-gradient);height:2px;position:absolute;top:0;left:0;right:0}@media (width<=768px){.pricing-card{padding:3rem 1.5rem}}.demo-card--disabled:hover:before{width:0%}.demo-card-icon{margin-bottom:var(--space-xl);color:var(--color-text-primary);transition:all var(--transition-base)}.demo-card:hover .demo-card-icon{color:var(--color-accent);filter:drop-shadow(0 0 10px var(--color-accent-glow));transform:scale(1.05)}.demo-card-icon--purple,.demo-card-icon--blue,.demo-card-icon--emerald,.demo-card-icon--pink{box-shadow:none;background:0 0;border-radius:0;width:auto;height:auto;display:block}.demo-card h3{font-size:var(--font-size-lg);letter-spacing:1px;margin-bottom:var(--space-md);color:var(--color-text-primary);font-weight:300}.demo-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);flex-grow:1;font-weight:300;line-height:1.8}.demo-card-tag{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);letter-spacing:2px;text-transform:uppercase;align-self:flex-start;margin-top:auto;font-size:.65rem;font-weight:400;display:inline-flex}.demo-card-tag--available{color:var(--color-success);background:#00ff880d;border:1px solid #0f83}.demo-card-tag--development{color:#fc0;background:#ffcc000d;border:1px solid #fc03}.call-status--development{color:#fc0;background:#ffcc000d}.btn-call--disabled{color:var(--color-text-muted);border:1px solid var(--color-border);cursor:not-allowed;box-shadow:none;background:#ffffff0d}.btn-call--disabled:hover{box-shadow:none;text-shadow:none;background:#ffffff0d}.demo-item-page{max-width:1100px;padding:0 var(--space-2xl) var(--space-4xl);margin:0 auto;animation:.5s ease-out fade-in-up;position:relative}.full-width{padding-left:var(--space-2xl);padding-right:var(--space-2xl);margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%;width:100vw!important;max-width:none!important}.demo-item-back{align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:1.5px;text-transform:uppercase;margin:var(--space-sm) 0;transition:all var(--transition-fast);align-self:flex-start;font-weight:400;display:inline-flex}.demo-item-back:hover{color:var(--color-accent);transform:translate(-5px)}.demo-item-hero{text-align:center;margin-bottom:var(--space-md);flex-direction:column;align-items:center;display:flex}.demo-item-icon{margin-bottom:var(--space-xl);color:var(--color-accent);filter:drop-shadow(0 0 15px var(--color-accent-glow));animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.demo-item-hero h1{font-size:var(--font-size-4xl);letter-spacing:-1px;color:#fff;margin-bottom:0;font-weight:200}.demo-item-hero p{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:500px;margin:0 auto;font-weight:300;line-height:1.8}.demo-item-call-section{padding:var(--space-sm) var(--space-xl) var(--space-xs);text-align:center;background:0 0;border:none;position:relative}.demo-item-call-section h2{font-size:var(--font-size-xl);letter-spacing:1px;margin-bottom:var(--space-sm);color:#fff;font-weight:300;position:relative}.demo-item-call-section>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-3xl);font-weight:300;position:relative}.call-status{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-weight:400;display:inline-flex}.call-status-dot{background:var(--color-text-secondary);border-radius:50%;width:6px;height:6px}.call-status--connecting{color:var(--color-accent);background:#00f0ff0d;border-color:#00f0ff4d}.call-status-spinner{border:2px solid #00f0ff33;border-top-color:var(--color-accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spinner}@keyframes spinner{to{transform:rotate(360deg)}}.call-status--active{color:var(--color-call);background:#00ff880d;border-color:#00ff884d}.call-status-dot--active{background:var(--color-call);box-shadow:0 0 10px var(--color-call);animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.call-status--error{color:#ff4a4a;background:#ff32320d;border-color:#ff32324d}.call-error-msg{color:#ff4a4a;margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#ff32320d;border:1px solid #ff323233;font-weight:300}.demo-action-buttons{margin-top:var(--space-sm);z-index:10;justify-content:center;display:flex;position:relative}.btn-call-futuristic{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-2xl);border:1px solid var(--color-call);color:var(--color-call);font-size:var(--font-size-sm);letter-spacing:2px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:#00ff880d;font-weight:400;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #00ff881a}.btn-call-futuristic-bg{z-index:0;background:linear-gradient(90deg,#0000,#0f83,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-call-futuristic:hover .btn-call-futuristic-bg{left:100%}.btn-call-futuristic span,.btn-call-futuristic .btn-icon{z-index:1;position:relative}.btn-call-futuristic:hover{text-shadow:0 0 8px var(--color-call);background:#00ff881a;transform:translateY(-2px);box-shadow:0 0 20px #00ff884d,inset 0 0 10px #0f83}.btn-call-futuristic--end{color:#ff4a4a;background:#ff32320d;border-color:#ff4a4a;box-shadow:inset 0 0 15px #ff32321a}.btn-call-futuristic--end .btn-call-futuristic-bg{background:linear-gradient(90deg,#0000,#ff323233,#0000)}.btn-call-futuristic--end:hover{text-shadow:0 0 8px #ff4a4a;background:#ff32321a;box-shadow:0 0 20px #ff32324d,inset 0 0 10px #ff323233}.call-visualizer{height:40px;margin:var(--space-lg) auto 0;justify-content:center;align-items:center;gap:6px;display:flex}.call-visualizer-bar{background:var(--color-call);width:4px;height:10px;box-shadow:0 0 8px var(--color-call-glow);border-radius:2px;animation:1s ease-in-out infinite bounce}.call-visualizer-bar:first-child{height:15px;animation-delay:0s}.call-visualizer-bar:nth-child(2){height:30px;animation-delay:.2s}.call-visualizer-bar:nth-child(3){height:40px;animation-delay:.4s}.call-visualizer-bar:nth-child(4){height:30px;animation-delay:.2s}.call-visualizer-bar:nth-child(5){height:15px;animation-delay:0s}@keyframes bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.demo-context-section{margin-top:var(--space-2xl);animation:.6s ease-out .2s both fade-in-up}.context-title{font-size:var(--font-size-sm);letter-spacing:4px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xl);text-align:center;font-weight:300}.context-grid-split{gap:var(--space-xl);grid-template-columns:1fr 1.5fr;align-items:stretch;display:grid}.context-left{gap:var(--space-xl);flex-direction:column;display:flex}.context-right{flex-direction:column;min-height:0;display:flex}.context-grid-split--demo-item{grid-template-columns:1fr 1fr 1fr}@media (width>=769px){.context-right.kb-container{position:relative}.context-right.kb-container>.context-card{position:absolute;inset:0}}@media (width<=768px){.context-right.kb-container>.context-card{max-height:400px}}.context-right .context-card{height:100%;overflow-y:auto}.context-card--scrollable{flex-direction:column;height:100%;display:flex;overflow:hidden}.context-scroll-area{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;overflow-y:auto}.context-scroll-area::-webkit-scrollbar{width:6px}.context-scroll-area::-webkit-scrollbar-track{background:0 0}.context-scroll-area::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.context-scroll-area::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (width<=768px){.context-grid-split{grid-template-columns:1fr}}.context-card{border-radius:var(--radius-md);padding:var(--space-sm);background:linear-gradient(135deg,#ffffff03 0%,#0000 100%);border:1px dashed #ffffff0d;box-shadow:0 4px 20px #0003}.context-card--plain{box-shadow:none;background:0 0;border:none}.context-card h4{font-size:var(--font-size-sm);letter-spacing:2px;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:400}.context-divider{background:var(--color-accent);width:30px;height:1px;margin-bottom:var(--space-lg);opacity:.5}.context-prop{margin-bottom:var(--space-md);font-size:var(--font-size-sm);display:flex}.context-prop span{color:var(--color-text-muted);flex-shrink:0;width:120px}.context-prop strong,.context-prop p{color:var(--color-text-primary);font-weight:300}.context-text-block{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:pre-wrap;font-weight:300;line-height:1.8}.context-text-block--code{font-family:Courier New,Courier,monospace;font-size:var(--font-size-xs);color:var(--color-text-primary);padding:var(--space-md);border-radius:var(--radius-sm);background:#0a0a0f99;border:1px solid #ffffff1a}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-2xl);align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);flex-direction:column;margin-top:auto;display:flex}.footer-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex}.footer-logo{font-size:var(--font-size-lg);letter-spacing:2px;color:var(--color-text-primary);font-weight:300}.footer-links{gap:var(--space-lg);display:flex}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.footer-link:hover{color:var(--color-accent)}.footer-bottom{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;width:100%;padding-top:var(--space-md);margin-top:var(--space-sm);border-top:1px solid #ffffff14}.contact-page{min-height:calc(100vh - 72px);padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.contact-container{width:100%;max-width:600px;animation:.5s ease-out fade-in-up}.toast-container{top:90px;right:var(--space-xl);gap:var(--space-sm);z-index:9999;pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);align-items:flex-start;gap:var(--space-md);background:#0a0a0ff2;max-width:350px;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 0 10px #00f0ff1a}.toast-progress{background:var(--color-accent);transform-origin:0;width:100%;height:2px;animation:5s linear forwards toast-progress-shrink;position:absolute;bottom:0;left:0}@keyframes toast-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast.toast-hiding{animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-out}@keyframes toast-slide-in{0%{transform:translateX(calc(100% + var(--space-xl)));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{transform:translateX(calc(100% + var(--space-xl)));opacity:0}}@media (width<=768px){.toast-container{top:auto;bottom:var(--space-xl);right:var(--space-md);left:var(--space-md);align-items:center}.toast{width:100%;max-width:100%}@keyframes toast-slide-in{0%{transform:translateY(calc(100% + var(--space-xl)));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{transform:translateY(calc(100% + var(--space-xl)));opacity:0}}}.mobile-break{display:none}@media (width<=768px){.mobile-break{display:block}.navbar{padding:0 var(--space-md)}.navbar-toggle{display:flex}.navbar-nav{width:100%;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);gap:var(--space-md);background:#030305fa;flex-direction:column;display:none;position:absolute;top:72px;left:0}.navbar-nav.mobile-open{display:flex}.navbar-link{width:100%;padding:var(--space-sm) 0}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.hero-actions{flex-direction:column;width:100%;max-width:300px}.features-grid,.demo-grid,.demo-item-features{grid-template-columns:1fr}.demo-item-page{max-width:100%;padding:0 var(--space-md) var(--space-2xl)}.feature-card{padding:var(--space-md)}}.skeleton-loader{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-pulse;display:inline-block}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{vertical-align:middle;width:120px;height:.8em}