.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1010;animation:fadeIn .2s ease-out}.modal-container{background-color:#f8fafc;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:90%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;animation:scaleIn .3s ease-out;border:1px solid rgba(139,92,246,.2)}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(255,236,170,.3),rgba(240,147,251,.2))}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);background:var(--text-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.modal-close-btn{background:transparent;border:none;color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-fast) var(--transition-easing-smooth)}.modal-close-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal-content{padding:var(--spacing-6);flex:1;color:var(--color-gray-900);font-size:1rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-container{width:95%;max-height:90vh}.modal-header{padding:var(--spacing-3) var(--spacing-4)}.modal-content{padding:var(--spacing-4)}.modal-title{font-size:var(--font-size-lg)}}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:transparent}.modal-container::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}.modal-container{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent}.signup-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(120deg,rgb(108,58,255),rgb(108,58,255) 10%,rgb(103,131,255) 50%,rgb(100,49,255) 90%,rgb(108,58,255));backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);z-index:1002;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(221,160,221,.3);border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer;color:white;font-weight:700;font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden}.signup-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(232,148,255),rgb(164,141,255));opacity:0;transition:opacity .3s ease;z-index:-1}.signup-banner:hover:before{opacity:1}.signup-banner:hover{color:white;transform:translateY(-1px);box-shadow:0 4px 16px rgba(221,160,221,.4)}.signup-banner:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease-in-out;z-index:1}.signup-banner:hover:after{left:100%}.nav-bar{position:fixed;top:40px;left:0;right:0;background:white!important;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px rgba(0,0,0,.1);z-index:1001;padding:.75rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);height:70px}.nav-content{max-width:min(90vw,1400px);margin:0 auto;padding:0 clamp(20px,4vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;height:100%}.nav-center{justify-content:center}.nav-buttons-right,.nav-center{display:flex;align-items:center}.nav-buttons-right{justify-content:flex-end;gap:1rem}.btn-nav-about{background:none;border:none;color:var(--text-primary);font-weight:500;font-size:.95rem;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;opacity:.8}.btn-nav-about:hover{background:rgba(0,0,0,.05);opacity:1;transform:translateY(-1px)}.nav-bar .jelly-brand{position:static;top:auto;left:auto;margin:0}.btn-nav{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:white;padding:12px 24px;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;box-shadow:0 4px 12px rgba(115,157,255,.4);border:2px solid transparent;position:relative}.btn-nav:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(115,157,255,.5);background:linear-gradient(135deg,var(--accent-blue),var(--primary-blue));border-color:rgba(255,255,255,.2)}.btn-nav:active{transform:translateY(0)}.btn-nav-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(100,116,139,.3);padding:10px 20px;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center}.btn-nav-secondary:hover{background:rgba(100,116,139,.08);border-color:rgba(100,116,139,.5);color:var(--text-primary)}.btn-nav-primary{background:linear-gradient(135deg,var(--accent-orange),var(--accent-pink));color:white;border:none;padding:10px 24px;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;box-shadow:0 4px 12px rgba(255,164,99,.25);backdrop-filter:blur(8px)}.btn-nav-primary:hover{background:linear-gradient(135deg,var(--accent-pink),var(--primary-purple));transform:translateY(-1px);box-shadow:0 4px 12px rgba(236,72,153,.4)}.btn-nav-primary:active,.btn-nav-secondary:active{transform:translateY(0)}@media (max-width:768px){.nav-content{grid-template-columns:auto 1fr auto;gap:1rem}.nav-center{justify-content:center}.btn-nav-primary{padding:8px 18px;font-size:.85rem}.btn-nav-secondary{padding:8px 16px;font-size:.85rem}.btn-nav{padding:10px 20px;font-size:.9rem}}@media (min-width:1600px){.nav-content{max-width:min(85vw,1600px)}}@media (max-width:480px){.nav-content{padding:0 15px;grid-template-columns:auto 1fr auto;gap:.5rem}.btn-nav-primary{padding:6px 14px;font-size:.8rem}.btn-nav-secondary{padding:6px 12px;font-size:.8rem}.btn-nav{padding:8px 16px;font-size:.85rem}}.section-navigation{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.section-navigation.visible{opacity:1;visibility:visible}@media (max-width:1024px){.section-navigation{display:none}}.progress-dots{display:flex;flex-direction:column;gap:1rem;align-items:center}.section-navigation .progress-dot{position:relative;width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;max-width:35px!important;max-height:35px!important;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:none}.section-navigation .progress-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:2px solid rgba(115,157,255,.3);background:transparent;box-sizing:border-box;transition:all .3s ease}.section-navigation .progress-dot:hover:not(.active):before{border-color:var(--primary-blue);width:24px;height:24px}.section-navigation .progress-dot.active:before{width:35px;height:35px;border:none;background:rgb(145,124,235);background:-webkit-linear-gradient(135deg,rgb(115,157,255),rgb(175,91,216));background:-moz-linear-gradient(135deg,rgb(115,157,255) 0,rgb(175,91,216) 100%);background:linear-gradient(135deg,rgb(115,157,255),rgb(175,91,216));background-size:100% 100%;background-position:50%;background-repeat:no-repeat;box-shadow:0 0 20px rgba(115,157,255,.4),0 0 40px rgba(175,91,216,.2)}.dot-label{position:absolute;right:1.5rem;background:rgba(0,0,0,.8);color:white;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(4px);transition:all .2s ease;pointer-events:none}.progress-dot:hover .dot-label{opacity:1;visibility:visible;transform:translateX(0)}.nav-btn{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid rgba(115,157,255,.2);color:var(--text-primary);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:rgba(115,157,255,.1);border-color:var(--primary-blue);transform:scale(1.05);box-shadow:0 6px 20px rgba(115,157,255,.2)}.nav-btn:active{transform:scale(.95);background:rgba(115,157,255,.2)}.nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.nav-btn:disabled:hover{background:rgba(255,255,255,.9);border-color:rgba(115,157,255,.2);transform:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-btn svg{transition:transform .2s ease}.prev-btn:hover svg{transform:translateY(-2px)}.next-btn:hover svg{transform:translateY(2px)}@media (min-width:1024px){html{scroll-behavior:auto}body.enhanced-scroll{scroll-snap-type:none}.about-section,.demo-section,.hero-section{transition:opacity .3s ease,transform .3s ease}body.navigating .about-section:not(.current-section),body.navigating .demo-section:not(.current-section),body.navigating .hero-section:not(.current-section){opacity:.7;transform:scale(.98);filter:blur(1px)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-btn{animation:float-gentle 3s ease-in-out infinite}.nav-btn:hover{animation:none}.nav-btn:focus,.progress-dot:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-contrast:high){.progress-dot{border-width:3px}.nav-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.nav-btn{animation:none}.dot-label,.nav-btn,.progress-dot{transition:none}}@media (min-width:1024px) and (max-width:1280px){.section-navigation{right:1.5rem}}@media (min-width:1280px){.section-navigation{right:2.5rem}}@media (min-width:1600px){.section-navigation{right:4rem}}.signup-modal .modal-container{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(175,91,216,.2);box-shadow:var(--shadow-2xl);max-height:90vh;min-height:70vh}.signup-modal .modal-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,rgba(167,104,209,.9),rgba(115,157,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:center;letter-spacing:-.02em}.signup-modal-content{padding:var(--spacing-3);z-index:1015}.signup-modal-description{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-1);text-align:center}.signup-modal-contact{text-align:center;margin-bottom:var(--spacing-2);padding:var(--spacing-2)}.signup-modal-contact-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.signup-modal-email{color:var(--primary-blue);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-duration-fast) var(--transition-easing-smooth)}.signup-modal-email:hover{color:var(--primary-purple);text-decoration:underline}.signup-modal-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-2);line-height:var(--line-height-normal)}.signup-form{display:flex;flex-direction:column}.form-row,.signup-form{gap:var(--spacing-2);width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:4px;min-width:0}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.form-group select option{font-weight:700}.form-input{padding:8px var(--spacing-3);font-size:var(--font-size-sm);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);color:var(--text-primary);transition:all var(--transition-duration-normal) var(--transition-easing-smooth);min-height:36px;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(115,157,255,.1)}.form-input:hover:not(:focus):not(:disabled){border-color:var(--color-gray-300)}.form-input:disabled{background:var(--color-gray-50);color:var(--color-gray-400);cursor:not-allowed}.form-input::placeholder{color:var(--color-gray-400)}.form-input-error{border-color:var(--accent-pink)!important;box-shadow:0 0 0 3px rgba(236,72,153,.1)!important}.form-error{font-size:var(--font-size-xs);color:var(--accent-pink);font-weight:var(--font-weight-medium);margin-top:2px}.signup-submit-btn{background:linear-gradient(135deg,rgba(167,104,209,.9),rgba(115,157,255,.8));color:white;border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);position:relative;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(167,104,209,.25);transition:all .4s cubic-bezier(.175,.885,.32,1.275);min-height:42px;margin-top:var(--spacing-2);width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform;transform-origin:center;backface-visibility:hidden}.signup-submit-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,148,202,.9),rgba(223,159,255,.8));opacity:0;transition:opacity .3s ease;border-radius:var(--radius-2xl);z-index:-1}.signup-submit-btn:hover:not(:disabled):before{opacity:1}.signup-submit-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);color:white;box-shadow:0 8px 24px rgba(167,104,209,.35)}.signup-submit-btn:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.signup-submit-btn:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm);opacity:.6}.signup-submit-btn:disabled:before{display:none}.submit-loading{display:flex;align-items:center;gap:var(--spacing-2)}.submit-spinner{width:20px;height:20px;animation:spin 1s linear infinite}.submit-spinner-path{stroke-dasharray:31.4;stroke-dashoffset:31.4;animation:draw 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes draw{0%{stroke-dashoffset:31.4}50%{stroke-dashoffset:0}to{stroke-dashoffset:-31.4}}@media (max-width:768px){.signup-modal .modal-container{max-height:95vh;min-height:80vh}.signup-modal-content{padding:var(--spacing-3)}.form-row{grid-template-columns:1fr;gap:var(--spacing-2)}.signup-modal-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.signup-modal-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.form-input{padding:8px var(--spacing-3);min-height:36px}.signup-submit-btn{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);min-height:42px}}@media (max-width:480px){.signup-modal-content{padding:var(--spacing-2)}.signup-form{gap:var(--spacing-2)}}.form-input:focus-visible,.signup-submit-btn:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.form-input:valid:not(:placeholder-shown){border-color:var(--accent-teal)}.form-input:invalid:not(:placeholder-shown):not(:focus){border-color:var(--accent-pink)}select.form-input{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>");padding-right:40px;appearance:none;-webkit-appearance:none;-moz-appearance:none}select.form-input,select.form-input:focus{background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(115,157,255,.1);background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23739dff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>")}textarea.form-input{resize:vertical;min-height:80px;font-family:inherit;line-height:var(--line-height-normal)}.thank-you-message{text-align:center;padding:var(--spacing-8) var(--spacing-4);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.thank-you-icon{margin-bottom:var(--spacing-2);animation:checkmarkPop .6s ease-out}.thank-you-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,rgba(167,104,209,.9),rgba(115,157,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.thank-you-description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:400px;margin:0}.thank-you-close-btn{background:linear-gradient(135deg,rgba(167,104,209,.9),rgba(115,157,255,.8));color:white;border:none;padding:var(--spacing-3) var(--spacing-8);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;min-height:44px;margin-top:var(--spacing-2)}.thank-you-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(167,104,209,.3)}.thank-you-close-btn:active{transform:translateY(-1px)}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}