.section-base-style{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transition-delay:var(--section-animation-delay,0s);transform:translateY(30px)}.section-base-style.is-visible{opacity:1;transform:translateY(0)}.rain-bg-overlay{background:radial-gradient(circle at 20% 30%,#3b82f608 0%,#0000 50%),radial-gradient(circle at 80% 70%,#22d3ee05 0%,#0000 50%),radial-gradient(circle at 40% 80%,#06b6d403 0%,#0000 50%)}.rain-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #47556999;box-shadow:0 8px 32px #0000004d,0 0 20px #3b82f61a}.rain-card:hover{background:#1e293bb3;border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 30px #22d3ee33}.rain-btn{background:linear-gradient(135deg,#3b82f6cc,#22d3eecc);border:none;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d}.rain-btn:hover{background:linear-gradient(135deg,#3b82f6e6,#22d3eee6);transform:translateY(-1px);box-shadow:0 6px 20px #22d3ee66}.rain-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.rain-btn:hover:before{left:100%}.rain-text-glow{text-shadow:0 0 10px #22d3ee4d,0 0 20px #3b82f633,0 0 30px #06b6d41a}.storm-calm{filter:brightness()contrast()}.storm-building{filter:brightness(1.1)contrast(1.05);animation:6s ease-in-out infinite storm-pulse}.storm-intense{filter:brightness(1.2)contrast(1.1);animation:2s ease-in-out infinite chaotic-wind}@media (width>=768px){.rain-droplet-lg{width:2px;height:2px}}@media (width<=767px){.rain-droplet-sm{width:1px;height:1px}}@media (prefers-reduced-motion:reduce){.section-base-style{transition:opacity .3s;transform:none}.rain-card:hover,.rain-btn:hover{transform:none}}
@media (width<=640px){.mobile-hero-spacing{padding-top:5rem;padding-bottom:3rem}.mobile-hero-title{margin-bottom:1rem;font-size:clamp(2.5rem,12vw,3.5rem);line-height:.9}.mobile-hero-subtitle{margin-bottom:1.5rem;font-size:clamp(2.5rem,12vw,3.5rem);line-height:.9}.mobile-hero-description{margin-bottom:2rem;font-size:1rem;line-height:1.6}.mobile-section-padding{padding-top:3rem;padding-bottom:3rem}.mobile-card-padding{padding:1.5rem}.mobile-button-stack{flex-direction:column;gap:1rem;width:100%;display:flex}.mobile-button-stack>*{justify-content:center;width:100%}}@media (width>=641px) and (width<=1024px){.tablet-hero-spacing{padding-top:6rem;padding-bottom:4rem}.tablet-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.tablet-text-scale{font-size:1.125rem;line-height:1.6}}@media (width<=768px){button,a{min-width:44px;min-height:44px}.ecosystem-tab-button{padding:.75rem 1rem;font-size:.875rem}.reduced-animations{transition-duration:.3s!important;animation-duration:.3s!important}.simplified-effects{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rain-effect-mobile{display:none}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.high-dpi-text{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-color-scheme:dark){.auto-dark-enhance{color:#e2e8f0;background-color:#020617}}@media (width<=896px) and (orientation:landscape){.landscape-mobile-hero{min-height:80vh;padding-top:2rem;padding-bottom:2rem}.landscape-mobile-title{margin-bottom:.5rem;font-size:clamp(2rem,8vw,2.5rem)}}@media (width>=1920px){.ultra-wide-container{max-width:1600px;margin:0 auto}.ultra-wide-text{font-size:clamp(1.125rem,1.25vw,1.5rem);line-height:1.7}}@media (prefers-reduced-motion:reduce){.respect-motion-preference *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.focus-enhance:focus-visible{outline-offset:2px;border-radius:.375rem;outline:2px solid #3b82f6}@media print{.no-print{display:none!important}.print-optimize{color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}}
@keyframes grid-float{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:.5;transform:translateY(-10px)rotate(.5deg)}}.floating-grid{animation:8s ease-in-out infinite grid-float}@keyframes orb-float-1{0%,to{opacity:.3;transform:translate(0)scale(1)}33%{opacity:.5;transform:translate(20px,-30px)scale(1.1)}66%{opacity:.4;transform:translate(-15px,20px)scale(.9)}}@keyframes orb-float-2{0%,to{opacity:.2;transform:translate(0)scale(1.2)rotate(0)}50%{opacity:.4;transform:translate(-25px,-20px)scale(1)rotate(180deg)}}@keyframes orb-float-3{0%,to{opacity:.4;transform:translate(0)scale(1)}25%{opacity:.6;transform:translate(30px,15px)scale(1.3)}75%{opacity:.3;transform:translate(-20px,-25px)scale(.8)}}.gradient-orb-1{animation:12s ease-in-out infinite orb-float-1}.gradient-orb-2{animation:15s ease-in-out infinite orb-float-2}.gradient-orb-3{animation:10s ease-in-out infinite orb-float-3}@keyframes particle-drift{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)translate(20px)}}.particle{animation:4s ease-out infinite particle-drift}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a66;border:1px solid #94a3b81a;box-shadow:0 0 40px #22d3ee1a,inset 0 1px #ffffff1a}.glass-card:hover{background:#0f172a99;border-color:#22d3ee4d;box-shadow:0 0 60px #22d3ee33,inset 0 1px #ffffff26}@keyframes gradient-x{0%,to{background-position:0;background-size:200% 200%}50%{background-position:100%;background-size:200% 200%}}.animated-gradient{background:linear-gradient(-45deg,#06b6d4,#3b82f6,#8b5cf6,#ec4899) 0 0/400% 400%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-x}.premium-button{transition:all .3s;position:relative;overflow:hidden}.premium-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.premium-button:hover:before{left:100%}.card-glow{transition:all .3s;position:relative}.card-glow:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(45deg,#06b6d4,#8b5cf6,#ec4899,#06b6d4) 0 0/300% 300%;transition:opacity .3s;animation:3s infinite gradient-x;position:absolute;inset:-2px}.card-glow:hover:before{opacity:.7}@keyframes icon-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.floating-icon{animation:3s ease-in-out infinite icon-float}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.pulse-dot{animation:2s ease-in-out infinite pulse-dot}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/1000px 100%;animation:2s infinite shimmer}.mouse-gradient{background:radial-gradient(600px circle at var(--mouse-x,50%)var(--mouse-y,50%),#22d3ee26,transparent 40%)}.glass-morphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-up{animation:.6s ease-out forwards reveal-up}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}
.landing-gradient-bg{background:radial-gradient(circle at 20% 80%,#6366f11a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#a855f71a 0%,#0000 50%),radial-gradient(circle at 40% 40%,#22d3ee0d 0%,#0000 50%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-slow{animation:4s ease-in-out infinite pulse-slow}.animate-shimmer{background:linear-gradient(90deg,#0000,#fff3,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.interactive-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-card:hover{transform:translateY(-8px)scale(1.02)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.dark .glass-card{background:#0003;border:1px solid #ffffff1a}.text-gradient-primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#06b6d4 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer}.shadow-glow{box-shadow:0 0 0 1px #ffffff0d,0 2px 4px #0000001a,0 8px 16px #0000001a,0 0 32px #6366f11a}.dark .shadow-glow{box-shadow:0 0 0 1px #ffffff1a,0 2px 4px #0000004d,0 8px 16px #0000004d,0 0 32px #6366f133}.btn-primary-glow{position:relative;overflow:hidden}.btn-primary-glow:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary-glow:hover:before{left:100%}@media (width<=768px){.landing-gradient-bg{background:radial-gradient(circle at 50% 0,#6366f11a 0%,#0000 50%),radial-gradient(circle at 50% 100%,#a855f71a 0%,#0000 50%)}}.focus-enhanced:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f180}.dark ::-webkit-scrollbar-thumb{background:#94a3b84d}.dark ::-webkit-scrollbar-thumb:hover{background:#94a3b880}