:root{--primary-blue:rgb(115,157,255);--primary-purple:rgb(175,91,216);--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-teal:#48c4b9;--accent-pink:#ec4899;--accent-orange:#ffa463;--text-primary:#2c3e50;--text-secondary:#64748b;--text-light:#dcdcdc;--primary-light-blue:rgba(115,157,255,0.25);--primary-light-purple:rgba(139,92,246,0.2);--primary-light-pink:rgba(240,147,251,0.22);--primary-light-blue-2:rgba(79,172,254,0.18);--primary-light-teal:rgba(72,196,185,0.15);--primary-light-orange:rgba(255,164,99,0.2);--primary-light-yellow:rgb(255,251,235);--color-white:#ffffff;--color-black:#000000;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--bubble-blue-primary:rgba(115,157,255,0.25);--bubble-purple-primary:rgba(139,92,246,0.2);--bubble-pink-primary:rgba(240,147,251,0.22);--bubble-blue-light:rgba(79,172,254,0.18);--bubble-teal-primary:rgba(72,196,185,0.15);--bubble-orange-primary:rgba(255,164,99,0.2);--btn-primary-bg:rgba(167,104,209,0.8);--btn-primary-hover:linear-gradient(135deg,rgba(199,115,255,0.8),rgba(232,134,22,0.8));--btn-secondary-bg:linear-gradient(135deg,rgba(72,196,185,0.9),rgba(188,210,255,0.8));--btn-secondary-hover:linear-gradient(135deg,rgba(255,148,202,0.9),rgba(223,159,255,0.8));--btn-nav-bg:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));--btn-nav-hover:linear-gradient(135deg,var(--primary-purple),var(--accent-pink));--btn-simple-bg:rgba(167,104,209,0.8);--btn-simple-bg-hover:rgba(181,120,222,1);--bg-gradient-1:linear-gradient(135deg,#f0f9ff,#fdf2f8 30%,#fef7ed 60%,#fffbeb);--bg-gradient-2:linear-gradient(135deg,#f8fafc,#e0f2fe 30%,#fce7f3 60%,#fff7ed);--bg-gradient-3:linear-gradient(135deg,#fef7ed,#f0f9ff 30%,#fdf2f8 60%,#fffbeb);--bg-gradient-4:linear-gradient(135deg,#fffeeb,#fdf9ff 30%,#fdfff7 60%,#fffbeb);--bg-gradient-video:linear-gradient(135deg,rgba(115,157,255,0.9),rgba(175,91,216,0.8) 30%,rgba(72,196,185,0.8) 60%,rgba(236,72,153,0.9));--text-gradient-1:linear-gradient(135deg,rgb(115,157,255),rgb(175,91,216));--text-gradient-2:linear-gradient(135deg,#64d5ee,#3136bf);--text-gradient-3:linear-gradient(135deg,#f093fb,#f5576c 30%,#8b5cf6 60%,#667eea);--text-gradient-4:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-purple) 50%,var(--accent-pink) 100%);--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Inter",sans-serif;--font-family-mono:"Fira Code","Monaco",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:5rem;--font-size-9xl:6rem;--font-size-10xl:7rem;--font-size-hero-title:clamp(2.5rem,5vw,4rem);--font-size-hero-subtitle:clamp(1.4rem,3vw,2rem);--font-size-section-title:clamp(2.5rem,5vw,3.5rem);--font-size-section-subtitle:clamp(1.1rem,2.5vw,1.3rem);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-0:0;--spacing-px:1px;--spacing-0_5:0.125rem;--spacing-1:0.25rem;--spacing-1_5:0.375rem;--spacing-2:0.5rem;--spacing-2_5:0.625rem;--spacing-3:0.75rem;--spacing-3_5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-56:14rem;--spacing-64:16rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-3xl:0 35px 60px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--shadow-blue:0 4px 12px rgba(115,157,255,0.2);--shadow-purple:0 4px 12px rgba(175,91,216,0.2);--shadow-pink:0 4px 12px rgba(236,72,153,0.2);--shadow-teal:0 4px 12px rgba(72,196,185,0.2);--surface-primary:var(--color-black);--surface-secondary:var(--color-white);--surface-glass:rgba(255,255,255,0.1);--shadow-text-light:0 2px 4px rgba(0,0,0,0.089);--shadow-text-dark:0 2px 4px rgba(0,0,0,0.3);--shadow-text-subtle:0 1px 2px rgba(0,0,0,0.3);--shadow-drop-dark:rgba(0,0,0,0.3);--shadow-primary-hover:rgba(37,99,235,0.25);--shadow-card-hover:rgba(0,0,0,0.15);--shadow-card-active:rgba(0,0,0,0.2);--bubble-blue-secondary:rgba(115,157,255,0.9);--bubble-purple-secondary:rgba(175,91,216,0.8);--bubble-teal-secondary:rgba(72,196,185,0.8);--bubble-pink-secondary:rgba(236,72,153,0.9);--border-input:#d1d5db;--border-focus:var(--primary-blue);--transition-duration-fast:0.2s;--transition-duration-normal:0.3s;--transition-easing-smooth:ease}html{scroll-behavior:smooth}*{box-sizing:border-box}[role=button]:not(:disabled),button:not(:disabled),input[type=button]:not(:disabled),input[type=submit]:not(:disabled){cursor:pointer}.btn-hero,.btn-primary,[role=button],button,input[type=button],input[type=submit]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px}.btn-hero,.btn-primary,button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=email],input[type=password],input[type=tel],input[type=text],textarea{font-size:16px;touch-action:manipulation;min-height:44px}.scroll-container{-webkit-overflow-scrolling:touch}body{font-family:var(--font-family-primary);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--color-white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-blink{animation:blink 1s infinite}@media (prefers-reduced-motion:reduce){.animate-blink,.animate-fadeInUp,.animate-float{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.hero-title{-webkit-text-fill-color:unset!important;background:unset!important;color:var(--text-primary)!important}.btn-hero,.btn-primary,.card{border:2px solid var(--text-primary)!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.demo-title,.hero-title,.section-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.about-image,.hero-image{aspect-ratio:16/9;width:100%;height:auto}.animate-fadeInUp,.animate-float,.btn-hero,.btn-primary{will-change:transform,opacity}.animate-fadeInUp:not(:hover),.animate-float:not(:hover),.btn-hero:not(:hover),.btn-primary:not(:hover){will-change:auto}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 2s infinite}.glass-effect,.modal-backdrop{background:rgba(255,255,255,.8);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.grid-container{display:block;display:grid}.flex-container{text-align:center;display:flex}.focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.hero-heading-1{font-size:var(--font-size-7xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-8)}.hero-heading-2{font-size:var(--font-size-6xl)}.hero-heading-2,.section-heading-1{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-6)}.section-heading-1{font-size:var(--font-size-section-title);color:var(--text-primary)}.section-heading-2{font-size:var(--font-size-4xl)}.section-heading-2,.section-heading-3{font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--text-primary);margin-bottom:var(--spacing-4)}.section-heading-3{font-size:var(--font-size-3xl)}.demo-heading-1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--primary-purple);margin-bottom:var(--spacing-6)}.demo-heading-2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--primary-blue);margin-bottom:var(--spacing-4)}.text-hero-subtitle{font-size:var(--font-size-hero-subtitle);color:var(--color-white);opacity:.9}.text-hero-subtitle,.text-section-subtitle{font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}.text-section-subtitle{font-size:var(--font-size-section-subtitle);color:var(--text-secondary)}.text-body-large{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed)}.text-body,.text-body-large{font-weight:var(--font-weight-normal);color:var(--text-primary)}.text-body{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-body-small{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.text-body-small,.text-caption{line-height:var(--line-height-normal);color:var(--text-secondary)}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.text-gradient-primary{background:var(--text-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--text-gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-tertiary{background:var(--text-gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-quaternary{background:var(--text-gradient-4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-white{color:var(--color-white)}.text-blue{color:var(--primary-blue)}.text-purple{color:var(--primary-purple)}.text-pink{color:var(--accent-pink)}.text-teal{color:var(--accent-teal)}.btn-primary{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);background:var(--btn-primary-bg);color:var(--color-white);border:none;cursor:pointer;transition:all var(--transition-duration-normal) var(--transition-easing-smooth);transform:translateY(0);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);background:var(--btn-secondary-bg);color:var(--color-white);border:none;cursor:pointer;transition:all var(--transition-duration-normal) var(--transition-easing-smooth);transform:translateY(0);box-shadow:var(--shadow-md)}.btn-secondary:hover{background:var(--btn-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-professional{background:var(--btn-simple-bg);color:var(--color-white);border:none;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative;overflow:hidden;box-shadow:var(--shadow-blue);transition:all var(--transition-duration-normal) var(--transition-easing-smooth)}.btn-professional: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}.btn-professional:hover:after{left:100%}.btn-professional:hover{transform:translateY(-2px) scale(1.02);background:var(--btn-simple-bg-hover);box-shadow:var(--shadow-lg)}@media (max-width:768px){.hero-heading-1,.hero-heading-2{font-size:var(--font-size-4xl)}.section-heading-1{font-size:var(--font-size-3xl)}.demo-heading-1{font-size:var(--font-size-4xl)}.demo-heading-2{font-size:var(--font-size-3xl)}}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.shape{position:absolute;border-radius:50%;animation:float 6s ease-in-out infinite;will-change:transform;transform-origin:center;backface-visibility:hidden}.shape:first-child{width:80px;height:80px;top:10%;left:10%;animation-delay:0s;background:var(--bubble-blue-primary)}.shape:nth-child(2){width:60px;height:60px;top:70%;left:80%;animation-delay:2s;background:var(--bubble-purple-primary)}.shape:nth-child(3){width:40px;height:40px;top:30%;right:20%;animation-delay:4s;background:var(--bubble-pink-primary)}.shape:nth-child(4){width:70px;height:70px;top:60%;left:15%;animation-delay:6s;background:var(--bubble-blue-light)}.bubble{position:absolute;border-radius:50%;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.shape{opacity:.6}.shape:first-child{width:60px;height:60px}.shape:nth-child(2){width:45px;height:45px}.shape:nth-child(3){width:30px;height:30px}.shape:nth-child(4){width:50px;height:50px}}.bubble-blue-primary{background:var(--bubble-blue-primary)!important}.bubble-purple-primary{background:var(--bubble-purple-primary)!important}.bubble-pink-primary{background:var(--bubble-pink-primary)!important}.bubble-blue-light{background:var(--bubble-blue-light)!important}.bubble-teal-primary{background:var(--bubble-teal-primary)!important}.bubble-orange-primary{background:var(--bubble-orange-primary)!important}.bubble-xs{width:var(--spacing-3);height:var(--spacing-3)}.bubble-sm{width:var(--spacing-4);height:var(--spacing-4)}.bubble-md{width:var(--spacing-5);height:var(--spacing-5)}.bubble-lg{width:var(--spacing-6);height:var(--spacing-6)}.bubble-xl{width:var(--spacing-8);height:var(--spacing-8)}.animate-duration-1{animation-duration:1s}.animate-duration-2{animation-duration:2s}.animate-duration-3{animation-duration:3s}.animate-duration-4{animation-duration:4s}.animate-duration-5{animation-duration:5s}.animate-delay-0{animation-delay:0s}.animate-delay-100{animation-delay:.1s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-1000{animation-delay:1s}.animate-delay-1500{animation-delay:1.5s}.animate-delay-2000{animation-delay:2s}.section-fullscreen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.section-padding{padding:var(--spacing-16) 0}.section-bg-gradient-1{background:var(--bg-gradient-1)}.section-bg-gradient-2{background:var(--bg-gradient-2)}.section-bg-gradient-3{background:var(--bg-gradient-3)}.card-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);border:1px solid rgba(255,255,255,.2)}.card-header{text-align:center;padding:var(--spacing-8) var(--spacing-8) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.card-content{flex:1;display:flex;flex-direction:column;min-height:0}.card-footer{padding:var(--spacing-8) var(--spacing-8) var(--spacing-6);border-top:1px solid var(--color-gray-100);flex-shrink:0;background:var(--color-white)}.card-item{display:flex;align-items:center;padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);transition:all var(--transition-duration-fast) var(--transition-easing-smooth);cursor:pointer}.card-item:hover{background:var(--color-white);border-color:var(--primary-purple);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--primary-purple),var(--primary-blue));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-4);flex-shrink:0}.card-primary-text{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.card-secondary-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.card-accent-text-1{color:var(--accent-purple);font-weight:var(--font-weight-medium)}.card-accent-text-2{color:var(--accent-blue);font-weight:var(--font-weight-medium)}:root{--jelly-primary-purple:rgb(175,91,216);--jelly-primary-blue:rgb(115,157,255);--jelly-text-gradient:linear-gradient(135deg,var(--jelly-primary-purple) 0%,var(--jelly-primary-blue) 100%);--jelly-spacing-lg:2rem;--jelly-spacing-md:1.5rem;--jelly-spacing-sm:1rem;--jelly-font-weight-bold:700;--jelly-line-height-tight:1.25;--jelly-transition-smooth:0.3s ease}.jelly-brand{position:absolute;top:var(--jelly-spacing-md);left:var(--jelly-spacing-md);z-index:1000;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:left var(--jelly-transition-smooth);display:flex;align-items:center;gap:.2rem}@media (min-width:640px){.jelly-brand{left:calc(var(--jelly-spacing-md) + 1rem)}}@media (min-width:768px){.jelly-brand{left:calc(var(--jelly-spacing-md) + 1.5rem)}}@media (min-width:1024px){.jelly-brand{left:calc(var(--jelly-spacing-md) + 2rem)}}@media (min-width:1280px){.jelly-brand{left:calc(var(--jelly-spacing-md) + 3rem)}}@media (min-width:1536px){.jelly-brand{left:calc(var(--jelly-spacing-md) + 4rem)}}.jelly-brand-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--jelly-font-weight-bold);line-height:var(--jelly-line-height-tight);letter-spacing:-.02em;margin:0;cursor:inherit;background:var(--jelly-text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;background-position:100% 100%;transition:all var(--jelly-transition-smooth);color:var(--jelly-primary-purple)}.jelly-brand-logo{display:flex;align-items:center;justify-content:center;transition:transform var(--jelly-transition-smooth)}.jelly-brand-logo img{border-radius:8px;transition:all var(--jelly-transition-smooth)}.jelly-brand:hover .jelly-brand-text{background-position:100% 100%;transform:translateY(-1px);filter:drop-shadow(0 2px 4px rgba(175,91,216,.2))}.jelly-brand:hover .jelly-brand-logo{transform:translateY(-1px) scale(1.05)}.jelly-brand:hover .jelly-brand-logo img{filter:drop-shadow(0 2px 6px rgba(175,91,216,.3))}@media (max-width:768px){.jelly-brand{top:var(
      --jelly-spacing-2
    );left:var(
      --jelly-spacing-2
    )}.jelly-brand-text{font-size:clamp(1.25rem,5vw,1.75rem)}.jelly-brand-logo img{width:32px!important;height:32px!important}}@media (max-width:480px){.jelly-brand{top:var(--jelly-spacing-1_5);left:var(--jelly-spacing-1_5)}}@media (prefers-contrast:high){.jelly-brand-text{-webkit-text-fill-color:unset!important;background:unset!important;color:var(--jelly-primary-purple)!important}}@media (prefers-reduced-motion:reduce){.jelly-brand-text{transition:none}.jelly-brand:hover .jelly-brand-text{transform:none;filter:none}}@media print{.jelly-brand{position:static;margin-bottom:1rem}.jelly-brand-text{-webkit-text-fill-color:unset!important;background:unset!important;color:#000!important}}