@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-50: #fef2f2;--accent-100: #fee2e2;--accent-200: #fecaca;--accent-300: #fca5a5;--accent-400: #f87171;--accent-500: #ef4444;--accent-600: #dc2626;--accent-700: #b91c1c;--accent-800: #991b1b;--accent-900: #7f1d1d;--surface-50: #fafafa;--surface-100: #f5f5f5;--surface-200: #e5e5e5;--surface-300: #d4d4d4;--surface-400: #a3a3a3;--surface-500: #737373;--surface-600: #525252;--surface-700: #404040;--surface-800: #262626;--surface-900: #171717;--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 50%, var(--primary-700) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%);--gradient-brand: linear-gradient(135deg, var(--primary-600) 0%, var(--accent-500) 100%);--gradient-surface: linear-gradient(135deg, var(--surface-50) 0%, var(--surface-100) 100%);--gradient-dark: linear-gradient(135deg, var(--surface-800) 0%, var(--surface-900) 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-backdrop: blur(20px);--ease-in-out-cubic: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-expo: cubic-bezier(.7, 0, .84, 0);--ease-bounce: cubic-bezier(.68, -.6, .32, 1.6);--animation-duration: 1s;--reduced-animation-duration: .3s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.floating-blob,.particle-modern,.light-ray,.solution-demo-card,.trust-security-card,.tech-excellence-card{animation-play-state:paused!important}.solution-demo-card,.trust-security-card,.tech-excellence-card{animation:none!important}.hero-title-modern .title-word-modern,.hero-description-modern,.social-proof-indicators{animation-duration:var(--reduced-animation-duration)!important}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--surface-700);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.enterprise-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s var(--ease-out-expo);background:#fffffff2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-sm)}.navbar-scrolled{background:#fffffffa;box-shadow:var(--shadow-lg);border-bottom-color:#00000014}.navbar-container{position:relative;z-index:2;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:80px}.navbar-logo{flex-shrink:0;z-index:1001}.logo-container{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .3s var(--ease-out-expo)}.logo-container:hover{transform:scale(1.05)}.serix-logo{position:relative;width:40px;height:40px}.serix-logo-img{width:40px;height:40px;border-radius:8px;object-fit:cover;transition:all .3s ease}.serix-logo-img:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.logo-circle{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out-expo)}.logo-radiating{position:absolute;width:100%;height:100%;animation:rotate 30s linear infinite}.logo-ray{position:absolute;top:50%;left:50%;width:1.5px;height:16px;transform-origin:0 0;border-radius:1px;opacity:.8}.logo-ray:nth-child(odd){background:linear-gradient(to bottom,var(--primary-600) 0%,var(--primary-400) 60%,transparent 100%)}.logo-ray:nth-child(2n){background:linear-gradient(to bottom,var(--accent-500) 0%,var(--accent-400) 60%,transparent 100%)}.logo-ray:nth-child(1){height:14px}.logo-ray:nth-child(2){height:18px}.logo-ray:nth-child(3){height:16px}.logo-ray:nth-child(4){height:15px}.logo-ray:nth-child(5){height:17px}.logo-ray:nth-child(6){height:14px}.logo-ray:nth-child(7){height:19px}.logo-ray:nth-child(8){height:16px}.logo-ray:nth-child(9){height:15px}.logo-ray:nth-child(10){height:18px}.logo-ray:nth-child(11){height:14px}.logo-ray:nth-child(12){height:16px}.logo-ray:nth-child(13){height:17px}.logo-ray:nth-child(14){height:15px}.logo-ray:nth-child(15){height:18px}.logo-ray:nth-child(16){height:16px}.logo-ray:nth-child(17){height:15px}.logo-ray:nth-child(18){height:17px}.logo-ray:nth-child(19){height:14px}.logo-ray:nth-child(20){height:18px}.logo-ray:nth-child(21){height:16px}.logo-ray:nth-child(22){height:15px}.logo-ray:nth-child(23){height:17px}.logo-ray:nth-child(24){height:19px}.logo-center{position:relative;z-index:10;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:16px;color:var(--primary-600);text-shadow:0 1px 2px rgba(255,255,255,.8)}.navbar-scrolled .logo-center{color:var(--primary-700);text-shadow:none}.logo-container:hover .logo-radiating{animation-duration:10s;animation-direction:reverse}.logo-container:hover .logo-circle{transform:scale(1.1)}.logo-container:hover .logo-ray{opacity:1;transform:scale(1.2)}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-main{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:28px;color:#fffffff2;letter-spacing:.05em;transition:color .3s var(--ease-out-expo);text-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-scrolled .logo-main{color:var(--primary-600);text-shadow:none}.logo-sub{font-size:9px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.2em;margin-top:-2px;transition:color .3s var(--ease-out-expo)}.navbar-scrolled .logo-sub{color:var(--surface-500)}.navbar-menu{display:flex;align-items:center;gap:4px}.nav-item{position:relative}.nav-link{position:relative;display:flex;align-items:center;gap:6px;padding:12px 16px;border-radius:10px;text-decoration:none;color:var(--surface-700);font-weight:500;font-size:15px;transition:all .2s var(--ease-out-expo);background:transparent;border:none;cursor:pointer;font-family:inherit}.nav-link:hover,.nav-link-active{color:var(--primary-600);background:var(--primary-50)}.nav-link-simple{color:var(--surface-600)}.nav-link-simple:hover{color:var(--primary-600);background:var(--primary-50)}.nav-text{font-family:Inter,sans-serif;font-feature-settings:"kern" 1}.nav-chevron{transition:transform .2s ease;opacity:.7}.nav-chevron.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-10px);min-width:320px;background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;border:1px solid var(--surface-200);overflow:hidden;opacity:0;animation:dropdownFadeIn .3s var(--ease-out-expo) forwards;z-index:1000}.mega-menu{min-width:720px;max-width:900px;left:50%;transform:translate(-50%) translateY(-10px)}@keyframes dropdownFadeIn{to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-content{padding:1.5rem}.dropdown-grid{display:grid;gap:8px}.mega-menu .dropdown-grid{grid-template-columns:repeat(3,1fr);gap:12px}.dropdown-item{display:flex;align-items:flex-start;gap:14px;padding:16px 14px;border-radius:12px;text-decoration:none;color:var(--surface-800);transition:all .2s var(--ease-out-expo);position:relative;opacity:0;transform:translateY(10px);animation:dropdownItemFadeIn .3s var(--ease-out-expo) forwards;border:1px solid transparent}@keyframes dropdownItemFadeIn{to{opacity:1;transform:translateY(0)}}.dropdown-item:hover{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary-700)}.dropdown-item-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-100);border-radius:10px;flex-shrink:0;transition:all .2s ease}.dropdown-item:hover .dropdown-item-icon{background:var(--primary-100);transform:scale(1.05)}.dropdown-item-content{flex:1;min-width:0}.dropdown-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dropdown-item-name{font-weight:600;font-size:15px;color:inherit;line-height:1.3}.dropdown-badge{background:var(--primary-500);color:#fff;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dropdown-badge.new{background:var(--accent-500);color:#fff}.dropdown-item-description{font-size:13px;color:var(--surface-500);line-height:1.5}.dropdown-item:hover .dropdown-item-description{color:var(--surface-600)}.dropdown-item-arrow{opacity:0;transition:all .2s ease;flex-shrink:0;margin-top:4px;color:var(--surface-400)}.dropdown-item:hover .dropdown-item-arrow{opacity:1;transform:translate(2px);color:var(--primary-500)}.dropdown-footer{border-top:1px solid var(--surface-200);padding:1rem;background:var(--surface-50)}.dropdown-cta{text-align:center}.dropdown-cta h4{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;color:var(--surface-900);margin-bottom:4px}.dropdown-cta p{font-size:14px;color:var(--surface-600);margin-bottom:16px}.dropdown-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s var(--ease-out-expo)}.dropdown-cta-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.navbar-cta{display:flex;align-items:center;gap:12px}.cta-secondary{padding:10px 20px;border:1.5px solid var(--surface-300);border-radius:8px;background:transparent;color:var(--surface-700);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s var(--ease-out-expo)}.cta-secondary:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.cta-primary{position:relative;padding:10px 20px;border:none;border-radius:8px;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s var(--ease-out-expo);box-shadow:var(--shadow-sm);overflow:hidden}.cta-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-400),var(--primary-500));opacity:0;transition:opacity .2s var(--ease-out-expo)}.cta-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.cta-primary:hover:before{opacity:1}.cta-primary span{position:relative;z-index:2}.cta-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;z-index:1}.cta-primary:hover .cta-shine{left:100%}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:2px;background:#fff;border-radius:2px;transition:all .3s var(--ease-out-expo);transform-origin:center}.navbar-scrolled .hamburger-line{background:var(--surface-700)}.mobile-menu-open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{position:fixed;top:80px;left:0;right:0;background:#fffffffa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid var(--surface-200);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .4s var(--ease-out-expo);max-height:calc(100vh - 80px);overflow-y:auto;z-index:999}.mobile-nav-open{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav-content{padding:2rem;display:flex;flex-direction:column;gap:4px;max-width:400px;margin:0 auto}.mobile-nav-item{animation:slideInUp .5s var(--ease-out-expo) both}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:12px;text-decoration:none;color:var(--surface-700);font-weight:500;font-size:16px;transition:all .3s var(--ease-out-expo);background:transparent;border:1px solid transparent;cursor:pointer;width:100%}.mobile-nav-toggle{border:none;background:transparent;font-size:16px}.mobile-nav-link:hover,.mobile-nav-link.expanded{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600)}.mobile-nav-icon{font-size:20px;width:24px;text-align:center}.mobile-nav-chevron{transition:transform .2s ease;opacity:.7}.mobile-nav-chevron.rotated{transform:rotate(180deg)}.mobile-dropdown{margin-top:8px;padding-left:20px;display:flex;flex-direction:column;gap:4px}.mobile-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:var(--surface-700);font-size:14px;transition:all .3s var(--ease-out-expo);background:var(--surface-50);animation:slideInUp .3s var(--ease-out-expo) both}.mobile-dropdown-item:hover{background:var(--primary-100);color:var(--primary-600);transform:translate(4px)}.mobile-dropdown-icon{font-size:16px;width:20px;text-align:center}.mobile-dropdown-content{flex:1}.mobile-dropdown-name{font-weight:600;display:block;margin-bottom:2px}.mobile-dropdown-desc{font-size:12px;color:var(--surface-500);line-height:1.3}.mobile-dropdown-badge{background:var(--primary-100);color:var(--primary-700);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.mobile-nav-cta{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--surface-200);display:flex;flex-direction:column;gap:12px}.mobile-cta-secondary{padding:14px 24px;border:1.5px solid var(--surface-300);border-radius:10px;background:transparent;color:var(--surface-700);font-weight:500;font-size:16px;cursor:pointer;transition:all .3s var(--ease-out-expo)}.mobile-cta-secondary:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.mobile-cta-primary{padding:14px 24px;border:none;border-radius:10px;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-md)}.mobile-cta-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.navbar-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:998;opacity:0;animation:fadeIn .3s var(--ease-out-expo) forwards}@media (max-width: 1200px){.mega-menu{min-width:500px;max-width:600px}.mega-menu .dropdown-grid{grid-template-columns:1fr}}@media (max-width: 768px){.navbar-menu,.navbar-cta{display:none}.mobile-menu-btn{display:flex}.navbar-container{padding:0 1.5rem;height:70px}.mobile-nav{top:70px;max-height:calc(100vh - 70px)}.logo-icon{width:36px;height:36px;font-size:16px}.logo-main{font-size:20px}.logo-sub{font-size:10px}}@media (max-width: 480px){.navbar-container{padding:0 1rem}.mobile-nav-content{padding:1.5rem 1rem}}.hero-modern{position:relative;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0 30%,#f1f5f9);overflow:hidden;padding-top:80px}.impressive-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gradient-orbs-clean{position:absolute;width:100%;height:100%}.clean-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;animation:cleanOrbFloat 20s infinite ease-in-out}.orb-1{width:300px;height:300px;background:radial-gradient(circle,var(--primary-200) 0%,transparent 70%);top:10%;left:-5%;animation-delay:0s}.orb-2{width:250px;height:250px;background:radial-gradient(circle,var(--accent-200) 0%,transparent 70%);bottom:20%;right:-5%;animation-delay:-10s}.orb-3{width:200px;height:200px;background:radial-gradient(circle,#a855f7 0%,transparent 70%);top:50%;left:70%;animation-delay:-5s}@keyframes cleanOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-10px,30px) scale(.9)}75%{transform:translate(30px,10px) scale(1.05)}}.floating-shapes{position:absolute;width:100%;height:100%}.clean-shape{position:absolute;background:#2563eb0d;border-radius:12px;animation:shapeFloat 15s infinite ease-in-out;transition:transform .3s ease}.shape-1{width:60px;height:60px;top:15%;left:10%;animation-delay:0s}.shape-2{width:40px;height:40px;top:25%;right:15%;animation-delay:-2s}.shape-3{width:80px;height:80px;bottom:30%;left:20%;animation-delay:-4s}.shape-4{width:50px;height:50px;top:60%;right:25%;animation-delay:-6s}.shape-5{width:70px;height:70px;bottom:15%;right:40%;animation-delay:-8s}.shape-6{width:45px;height:45px;top:40%;left:60%;animation-delay:-10s}.shape-7{width:55px;height:55px;bottom:50%;left:80%;animation-delay:-12s}.shape-8{width:35px;height:35px;top:70%;right:10%;animation-delay:-14s}@keyframes shapeFloat{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(90deg) translateY(-20px)}50%{transform:rotate(180deg) translateY(10px)}75%{transform:rotate(270deg) translateY(-10px)}}.clean-grid-pattern{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 30s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero-container{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;min-height:calc(100vh - 80px)}.hero-main{display:flex;flex-direction:column;justify-content:center}.hero-content-clean{opacity:0;transform:translateY(30px);transition:all 1s var(--ease-out-expo)}.professional-badge{position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#2563eb14;border:1px solid rgba(37,99,235,.15);border-radius:50px;color:var(--primary-700);font-size:14px;font-weight:600;margin-bottom:2rem;overflow:hidden;animation:badgeSlideIn .8s var(--ease-out-expo) .3s both}@keyframes badgeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-icon{font-size:16px}.badge-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:badgeShine 3s infinite}.hero-title-clean{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(3rem,8vw,6rem);line-height:1.1;color:var(--surface-900);margin-bottom:2rem;letter-spacing:-.02em}.title-word{display:inline-block;opacity:0;transform:translateY(100px);animation:titleWordSlide .8s var(--ease-out-expo) both}.line-1 .title-word{animation-delay:.5s}.line-2 .title-word{animation-delay:.7s}.line-3 .title-word{animation-delay:.9s}.line-4 .title-word{animation-delay:1.1s}.gradient-word{background:linear-gradient(135deg,var(--primary-600),var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}.accent-word{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.7;color:var(--surface-600);margin-bottom:3rem;max-width:600px;opacity:0;transform:translateY(20px);animation:descSlideIn .8s var(--ease-out-expo) 1.3s both}.hero-description strong{color:var(--primary-600);font-weight:700}.value-props{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.value-prop{display:flex;align-items:flex-start;gap:12px;padding:1.5rem;background:#fff;border:1px solid var(--surface-200);border-radius:16px;box-shadow:var(--shadow-sm);transition:all .3s var(--ease-out-expo);opacity:0;transform:translateY(20px);animation:propSlideIn .6s var(--ease-out-expo) both;cursor:pointer}.prop-1{animation-delay:1.5s}.prop-2{animation-delay:1.7s}.prop-3{animation-delay:1.9s}.prop-4{animation-delay:2.1s}@keyframes propSlideIn{to{opacity:1;transform:translateY(0)}}.value-prop:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.prop-icon{width:48px;height:48px;background:var(--primary-50);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;transition:all .3s ease}.value-prop:hover .prop-icon{background:var(--primary-100);transform:scale(1.1)}.prop-content{flex:1}.prop-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:4px}.prop-desc{font-size:14px;color:var(--surface-600);line-height:1.5}.hero-actions-clean{display:flex;gap:1rem;margin-bottom:3rem;opacity:0;transform:translateY(20px);animation:actionsSlideIn .8s var(--ease-out-expo) 2.3s both}@keyframes actionsSlideIn{to{opacity:1;transform:translateY(0)}}.btn-primary-clean{display:flex;align-items:center;gap:10px;padding:16px 32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.btn-primary-clean:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-400),var(--primary-500));opacity:0;transition:opacity .3s ease}.btn-primary-clean:hover{transform:translateY(-3px);box-shadow:var(--shadow-2xl)}.btn-primary-clean:hover:before{opacity:1}.btn-primary-clean span,.btn-primary-clean .btn-arrow{position:relative;z-index:2}.btn-arrow{transition:transform .3s ease}.btn-primary-clean:hover .btn-arrow{transform:translate(3px)}.btn-secondary-clean{display:flex;align-items:center;gap:10px;padding:16px 32px;background:#fff;color:var(--surface-700);border:1px solid var(--surface-300);border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-sm)}.btn-secondary-clean:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.enterprise-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;opacity:0;transform:translateY(20px);animation:statsSlideIn .8s var(--ease-out-expo) 2.5s both}.stat-item-clean{display:flex;align-items:center;gap:12px;padding:1rem;background:#fff;border:1px solid var(--surface-200);border-radius:12px;box-shadow:var(--shadow-sm);transition:all .3s var(--ease-out-expo);cursor:pointer}.stat-item-clean:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.stat-icon-clean{width:40px;height:40px;background:var(--primary-50);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:all .3s ease}.stat-item-clean:hover .stat-icon-clean{background:var(--primary-100);transform:scale(1.1)}.stat-content-clean{text-align:center}.stat-number-clean{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:var(--surface-900);margin-bottom:2px}.stat-label-clean{font-size:12px;color:var(--surface-600);font-weight:500}.hero-showcase{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}.development-showcase{background:#fff;border:1px solid var(--surface-200);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;width:100%;max-width:500px;opacity:0;transform:translate(50px);animation:showcaseSlideIn 1s var(--ease-out-expo) .8s both}.showcase-header{background:var(--gradient-primary);color:#fff;padding:1.5rem;text-align:center}.header-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-size:12px;opacity:.9}.showcase-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px}.showcase-content{padding:1.5rem}.code-preview{background:var(--surface-900);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.code-header{background:var(--surface-800);padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.code-dots{display:flex;gap:6px}.file-name{color:var(--surface-300);font-size:12px;font-weight:500}.code-body{padding:12px;font-family:JetBrains Mono,monospace;position:relative}.code-line{display:flex;align-items:center;opacity:0;transform:translate(-10px);animation:codeAppear .4s var(--ease-out-expo) both}.line-1{animation-delay:2s}.line-2{animation-delay:2.2s}.line-3{animation-delay:2.4s}.line-4{animation-delay:2.6s}.line-5{animation-delay:2.8s}@keyframes codeAppear{to{opacity:1;transform:translate(0)}}.line-num{color:var(--surface-500);width:24px;text-align:right;margin-right:12px;font-size:11px}.code-text{color:var(--surface-200)}.code-text.keyword{color:#ff7b72}.code-text.comment{color:#6e7681;font-style:italic}.code-text.function{color:#d2a8ff}.typing-indicator{position:absolute;bottom:12px;right:12px;width:2px;height:16px;background:#22c55e;animation:blink 1s infinite}.solution-modules{display:flex;flex-direction:column;gap:12px}.solution-module-clean{background:var(--surface-50);border:1px solid var(--surface-200);border-radius:12px;padding:16px;transition:all .3s var(--ease-out-expo);opacity:0;transform:translateY(10px);animation:moduleSlideIn .5s var(--ease-out-expo) both}.module-1{animation-delay:3s}.module-2{animation-delay:3.2s}.module-3{animation-delay:3.4s}@keyframes moduleSlideIn{to{opacity:1;transform:translateY(0)}}.solution-module-clean:hover{background:#fff;border-color:var(--primary-200);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.module-header-clean{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.module-name{font-weight:600;font-size:14px;color:var(--surface-900)}.module-status{font-size:12px;color:var(--surface-600);background:var(--surface-100);padding:2px 8px;border-radius:6px}.module-progress-clean{display:flex;align-items:center;gap:12px}.progress-track{flex:1;height:6px;background:var(--surface-200);border-radius:3px;overflow:hidden}.progress-bar-clean{height:100%;border-radius:3px;animation:progressFill 2s ease-in-out infinite;position:relative}.progress-bar-clean:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progressShineClean 1.5s infinite}@keyframes progressFill{0%,to{opacity:.8}50%{opacity:1}}@keyframes progressShineClean{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.progress-percent{font-size:12px;font-weight:600;color:var(--surface-700);min-width:35px}.client-testimonial{background:#fff;border:1px solid var(--surface-200);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg);width:100%;max-width:400px;opacity:0;transform:translate(30px);animation:testimonialSlideIn .8s var(--ease-out-expo) 1.5s both}@keyframes testimonialSlideIn{to{opacity:1;transform:translate(0)}}.testimonial-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.client-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-sm)}.client-avatar img{width:100%;height:100%;object-fit:cover}.client-info{flex:1}.client-name{font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:2px}.client-title{font-size:13px;color:var(--surface-600);margin-bottom:4px}.client-rating{display:flex;gap:2px}.star{font-size:14px}.testimonial-content-clean p{color:var(--surface-700);font-size:14px;line-height:1.6;font-style:italic;margin:0}.trust-indicators-clean{background:#fff;border:1px solid var(--surface-200);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg);width:100%;max-width:450px;opacity:0;transform:translate(40px);animation:trustSlideIn .8s var(--ease-out-expo) 2s both}.trust-header-clean{margin-bottom:1rem}.trust-title-clean{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--surface-900)}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.trust-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface-50);border:1px solid var(--surface-200);border-radius:10px;transition:all .3s ease}.trust-card:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-1px)}.trust-icon-clean{font-size:20px}.trust-details{flex:1;text-align:left}.trust-value-clean{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;color:var(--surface-900);margin-bottom:2px}.trust-label-clean{font-size:12px;color:var(--surface-700);font-weight:600;margin-bottom:1px}.trust-desc{font-size:11px;color:var(--surface-500)}.live-metrics{background:#fff;border:1px solid var(--surface-200);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg);width:100%;max-width:400px;opacity:0;transform:translate(30px);animation:metricsSlideIn .8s var(--ease-out-expo) 2.5s both}@keyframes metricsSlideIn{to{opacity:1;transform:translate(0)}}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metrics-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;color:var(--surface-900)}.live-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--surface-600)}.live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.metrics-grid{display:flex;flex-direction:column;gap:12px}.metric-card{background:var(--surface-50);border:1px solid var(--surface-200);border-radius:10px;padding:12px;transition:all .3s ease}.metric-card:hover{background:var(--primary-50);border-color:var(--primary-200)}.metric-label{font-size:12px;color:var(--surface-600);margin-bottom:4px;font-weight:500}.metric-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;color:var(--surface-900);margin-bottom:2px}.metric-change{font-size:11px;color:#22c55e;font-weight:600}.tech-showcase{background:#fff;border:1px solid var(--surface-200);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg);width:100%;max-width:420px;opacity:0;transform:translate(40px);animation:techSlideIn .8s var(--ease-out-expo) 3s both}.tech-header{margin-bottom:1rem}.tech-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--surface-900)}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tech-card-clean{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--surface-50);border:1px solid var(--surface-200);border-radius:10px;transition:all .3s ease;cursor:pointer;position:relative}.tech-card-clean:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tech-icon-clean{font-size:24px;margin-bottom:4px}.tech-details{text-align:center}.tech-name-clean{font-weight:600;font-size:12px;color:var(--surface-900);margin-bottom:2px}.tech-level{font-size:10px;color:var(--surface-600);font-weight:500}.tech-progress{position:absolute;top:-2px;right:-2px;width:16px;height:16px}.progress-ring{width:100%;height:100%;border:2px solid var(--surface-200);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 2s linear infinite}.scroll-indicator-clean{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0;animation:scrollSlideIn .8s var(--ease-out-expo) 3.5s both}.scroll-mouse-clean{width:24px;height:40px;border:2px solid var(--surface-400);border-radius:12px;position:relative;cursor:pointer;transition:all .3s ease}.scroll-mouse-clean:hover{border-color:var(--primary-500);transform:scale(1.1)}.mouse-wheel{width:3px;height:8px;background:var(--surface-400);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:wheelMove 2s infinite ease-in-out}@keyframes wheelMove{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(15px);opacity:.3}}.scroll-text-clean{color:var(--surface-500);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.floating-action{position:absolute;top:50%;right:-200px;transform:translateY(-50%);animation:actionFloat 1.2s var(--ease-out-expo) 4s both}@keyframes actionFloat{to{right:2rem}}.action-bubble{background:#fff;border:1px solid var(--surface-200);border-radius:20px;box-shadow:var(--shadow-xl);padding:1.5rem;width:280px;transition:all .3s ease}.action-bubble:hover{transform:translateY(-5px);box-shadow:var(--shadow-2xl)}.bubble-content{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.bubble-icon{font-size:28px}.bubble-text{flex:1}.bubble-title{display:block;font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:2px}.bubble-subtitle{font-size:13px;color:var(--surface-600)}.bubble-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.bubble-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:4rem}.hero-showcase{order:-1}.floating-action{position:relative;top:auto;right:auto;transform:none;margin-top:2rem;animation:none}.action-bubble{margin:0 auto}}@media (max-width: 768px){.hero-container{padding:0 1.5rem;gap:3rem}.value-props{grid-template-columns:1fr;gap:1rem}.enterprise-stats{grid-template-columns:1fr 1fr;gap:1rem}.hero-actions-clean{flex-direction:column;align-items:center}.btn-primary-clean,.btn-secondary-clean{width:100%;max-width:280px;justify-content:center}.trust-grid{grid-template-columns:1fr;gap:8px}.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hero-container{padding:0 1rem}.enterprise-stats{grid-template-columns:1fr}.development-showcase,.client-testimonial,.trust-indicators-clean,.live-metrics,.tech-showcase{max-width:none}.action-bubble{width:100%;max-width:300px}}.gradient-mesh-impressive{position:absolute;width:120%;height:120%;top:-10%;left:-10%;transition:transform .3s ease}.mesh-gradient{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:meshMove 25s infinite ease-in-out}.mesh-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary-300) 0%,transparent 70%);top:10%;left:20%;animation-delay:0s}.mesh-2{width:300px;height:300px;background:radial-gradient(circle,var(--accent-300) 0%,transparent 70%);bottom:20%;right:15%;animation-delay:-8s}.mesh-3{width:350px;height:350px;background:radial-gradient(circle,#a855f7 0%,transparent 70%);top:60%;left:60%;animation-delay:-15s}.mesh-4{width:250px;height:250px;background:radial-gradient(circle,#10b981 0%,transparent 70%);top:30%;right:40%;animation-delay:-5s}@keyframes meshMove{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(30px,-20px) scale(1.1) rotate(90deg)}50%{transform:translate(-20px,40px) scale(.9) rotate(180deg)}75%{transform:translate(40px,20px) scale(1.05) rotate(270deg)}}.particle-field{position:absolute;width:100%;height:100%}.impressive-particle{position:absolute;width:4px;height:4px;background:#3b82f699;border-radius:50%;animation:particleRise infinite linear;box-shadow:0 0 8px #3b82f666}.impressive-particle:nth-child(3n){background:#ef444480;box-shadow:0 0 8px #ef44444d}.impressive-particle:nth-child(5n){background:#a855f780;box-shadow:0 0 8px #a855f74d}@keyframes particleRise{0%{opacity:0;transform:translateY(100vh) translate(0) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translate(50px) scale(1.2)}}.interactive-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:80px 80px;animation:gridShift 40s linear infinite;opacity:.7}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(80px,80px)}}.grid-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);animation:lineGlow 8s infinite ease-in-out}.line-1{width:100%;height:1px;top:20%}.line-2{width:100%;height:1px;top:40%}.line-3{width:100%;height:1px;top:60%}.line-4{width:1px;height:100%;left:20%}.line-5{width:1px;height:100%;left:50%}.line-6{width:1px;height:100%;left:80%}@keyframes lineGlow{0%,to{opacity:.2}50%{opacity:.6}}.hero-impressive-container{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;min-height:calc(100vh - 80px)}.hero-content-impressive{display:flex;flex-direction:column;justify-content:center}.content-wrapper{opacity:0;transform:translate(-30px);transition:all 1.2s var(--ease-out-expo)}.wrapper-visible{opacity:1;transform:translate(0)}.enterprise-badge{position:relative;display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:#ffffffe6;border:1px solid rgba(59,130,246,.2);border-radius:50px;color:var(--primary-700);font-size:15px;font-weight:600;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);overflow:hidden;animation:badgeEntrance 1s var(--ease-out-expo) .3s both}@keyframes badgeEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.badge-pulse{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));border-radius:52px;opacity:.3;animation:pulse 3s infinite;z-index:-1}.badge-icon{font-size:18px;animation:iconBounce 2s infinite ease-in-out}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero-headline{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(3.5rem,8vw,7rem);line-height:1.05;color:var(--surface-900);margin-bottom:2rem;letter-spacing:-.025em}.headline-line{display:block;overflow:hidden}.word-impressive{display:inline-block;opacity:0;transform:translateY(120px) rotateX(25deg);animation:wordEntrance 1s var(--ease-out-expo) both}.line-1 .word-impressive{animation-delay:.6s}.line-2 .word-impressive{animation-delay:.8s}.line-3 .word-impressive{animation-delay:1s}.line-4 .word-impressive{animation-delay:1.2s}@keyframes wordEntrance{to{opacity:1;transform:translateY(0) rotateX(0)}}.gradient-impressive{background:linear-gradient(135deg,var(--primary-600),var(--primary-500),var(--accent-500),var(--primary-700));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease-in-out infinite}.accent-impressive{background:linear-gradient(135deg,var(--accent-500),var(--accent-400),#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:accentShift 3s ease-in-out infinite}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes accentShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description-impressive{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.7;color:var(--surface-700);margin-bottom:3rem;max-width:650px;opacity:0;transform:translateY(25px);animation:descriptionEntrance 1s var(--ease-out-expo) 1.4s both}@keyframes descriptionEntrance{to{opacity:1;transform:translateY(0)}}.hero-description-impressive strong{color:var(--primary-600);font-weight:700;background:#3b82f61a;padding:2px 4px;border-radius:4px}.value-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3.5rem}.value-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:2rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;box-shadow:var(--shadow-lg);transition:all .4s var(--ease-out-expo);opacity:0;transform:translateY(30px);animation:cardEntrance .8s var(--ease-out-expo) both;cursor:pointer;overflow:hidden}.card-1{animation-delay:1.6s}.card-3{animation-delay:2s}.card-4{animation-delay:2.2s}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:#3b82f64d;background:#fffffff2}.card-icon{width:56px;height:56px;background:var(--primary-50);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;transition:all .3s ease;box-shadow:var(--shadow-sm)}.value-card:hover .card-icon{background:var(--primary-100);transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-md)}.card-content{flex:1}.card-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:var(--surface-900);margin-bottom:6px}.card-description{font-size:15px;color:var(--surface-600);line-height:1.6}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s ease}.value-card:hover .card-shine{left:100%}.hero-cta-impressive{display:flex;gap:1.5rem;margin-bottom:3rem;opacity:0;transform:translateY(25px);animation:ctaEntrance 1s var(--ease-out-expo) 2.4s both}@keyframes ctaEntrance{to{opacity:1;transform:translateY(0)}}.cta-primary-impressive{display:flex;align-items:center;gap:16px;padding:20px 32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .4s var(--ease-out-expo);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.cta-primary-impressive:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));opacity:0;transition:opacity .3s ease}.cta-primary-impressive:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-2xl)}.cta-primary-impressive:hover:before{opacity:1}.cta-content{position:relative;z-index:2;text-align:left}.cta-text{display:block;font-weight:700;font-size:17px;margin-bottom:2px}.cta-subtext{display:block;font-size:13px;opacity:.9}.cta-icon{position:relative;z-index:2;transition:transform .3s ease}.cta-primary-impressive:hover .cta-icon{transform:translate(4px)}.cta-glow{position:absolute;inset:-3px;background:var(--gradient-primary);border-radius:19px;opacity:0;filter:blur(20px);transition:opacity .3s ease;z-index:-1}.cta-primary-impressive:hover .cta-glow{opacity:.6}.cta-secondary-impressive{display:flex;align-items:center;gap:12px;padding:20px 28px;background:#ffffffe6;color:var(--surface-700);border:1px solid rgba(255,255,255,.6);border-radius:16px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s var(--ease-out-expo);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.cta-secondary-impressive:hover{background:#fff;border-color:var(--primary-300);color:var(--primary-600);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cta-icon-secondary{transition:transform .3s ease}.cta-secondary-impressive:hover .cta-icon-secondary{transform:scale(1.1)}.hero-showcase-impressive{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:flex-start;padding-top:2rem}.solution-demos{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:var(--shadow-2xl);overflow:hidden;width:100%;max-width:500px;opacity:0;transform:translate(50px);animation:showcaseEntrance 1.2s var(--ease-out-expo) .8s both}@keyframes showcaseEntrance{to{opacity:1;transform:translate(0)}}.demo-header{background:var(--gradient-primary);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.demo-indicator{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.indicator-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px #22c55e80}.demo-nav{display:flex;gap:8px}.demo-nav-btn{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.demo-nav-btn.active{background:#fff;transform:scale(1.2)}.demo-showcase{position:relative;height:400px;overflow:hidden}.demo-slide{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;opacity:0;transform:translate(100%);transition:all .5s var(--ease-out-expo)}.demo-visual{position:relative;margin-bottom:2rem}.demo-screen{background:var(--surface-900);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl)}.screen-header{background:var(--surface-800);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.screen-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.screen-title{color:var(--surface-200);font-size:13px;font-weight:600}.screen-body{padding:1.5rem;height:200px}.demo-chart{height:100%;display:flex;flex-direction:column;gap:1rem}.chart-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding:1rem}.chart-bar{flex:1;min-height:20px;border-radius:3px;animation:barGrow 2s ease-in-out infinite;position:relative}.chart-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:3px}@keyframes barGrow{0%,to{opacity:.8;transform:scaleY(.95)}50%{opacity:1;transform:scaleY(1)}}.chart-metrics{text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px}.metric-large{text-align:center}.metric-number{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;margin-bottom:4px;text-shadow:0 0 20px currentColor}.metric-label{color:var(--surface-300);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.demo-glow{position:absolute;inset:-10px;border-radius:22px;opacity:.3;filter:blur(20px);animation:pulse 4s infinite;z-index:-1}.demo-info{display:flex;align-items:center;gap:16px}.demo-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:var(--shadow-md)}.demo-content{flex:1}.demo-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;color:var(--surface-900);margin-bottom:6px}.demo-description{color:var(--surface-600);font-size:15px;line-height:1.6}.trust-panel{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2rem;box-shadow:var(--shadow-xl);width:100%;max-width:480px;opacity:0;transform:translate(40px);animation:trustEntrance 1s var(--ease-out-expo) 2s both}@keyframes trustEntrance{to{opacity:1;transform:translate(0)}}.trust-header{margin-bottom:1.5rem}.trust-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;color:var(--surface-900)}.trust-content{display:flex;flex-direction:column;gap:1.5rem}.trust-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.trust-metric{text-align:center;padding:1rem;background:#fff9;border:1px solid rgba(255,255,255,.8);border-radius:12px;transition:all .3s ease}.trust-metric:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-2px)}.trust-icon{font-size:24px;margin-bottom:8px;display:block}.trust-info{text-align:center}.trust-number{display:block;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:2px}.trust-text{font-size:12px;color:var(--surface-600);font-weight:500}.client-quote{background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:1.5rem}.quote-content{text-align:left}.quote-mark{font-size:40px;color:var(--primary-400);line-height:1;margin-bottom:8px;opacity:.5}.quote-text{color:var(--surface-700);font-size:15px;line-height:1.6;margin-bottom:1rem;font-style:italic}.quote-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-sm)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-details{flex:1}.author-name{font-weight:700;font-size:15px;color:var(--surface-900);margin-bottom:2px}.author-title{font-size:13px;color:var(--surface-600)}.quote-rating{font-size:14px}.tech-excellence{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2rem;box-shadow:var(--shadow-xl);width:100%;max-width:500px;opacity:0;transform:translate(30px);animation:techEntrance 1s var(--ease-out-expo) 2.5s both}@keyframes techEntrance{to{opacity:1;transform:translate(0)}}.tech-excellence-header{margin-bottom:1.5rem;text-align:center}.excellence-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;color:var(--surface-900);margin-bottom:4px}.excellence-subtitle{color:var(--surface-600);font-size:14px}.tech-stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tech-excellence-card{background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:1rem;transition:all .3s ease;cursor:pointer}.tech-excellence-card:hover{background:#fff;border-color:var(--primary-200);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tech-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tech-card-icon{font-size:20px}.tech-card-info{flex:1}.tech-card-name{font-weight:600;font-size:13px;color:var(--surface-900);margin-bottom:2px}.tech-card-level{font-size:11px;color:var(--surface-600)}.tech-progress-bar{height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.tech-progress-fill{height:100%;border-radius:2px;animation:progressGlow 3s ease-in-out infinite;position:relative}.tech-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:techShine 2s infinite}@keyframes techShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.floating-elements-impressive{position:absolute;width:100%;height:100%;pointer-events:none;z-index:5}.success-metrics{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;padding-left:1rem}.success-metric{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffffe6;border:1px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s ease;opacity:0;transform:translate(-50px);animation:metricFloat .8s var(--ease-out-expo) both}@keyframes metricFloat{to{opacity:1;transform:translate(0)}}.success-metric:hover{transform:translate(5px) scale(1.05);box-shadow:var(--shadow-lg)}.metric-icon{font-size:20px}.metric-content{text-align:left}.metric-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:var(--surface-900);margin-bottom:2px}.metric-label{font-size:12px;color:var(--surface-600);font-weight:500}.floating-cta{position:absolute;bottom:10%;right:0;padding-right:1rem;pointer-events:auto;opacity:0;transform:translate(50px);animation:floatingCtaEntrance 1s var(--ease-out-expo) 3.5s both}@keyframes floatingCtaEntrance{to{opacity:1;transform:translate(0)}}.cta-card{background:#fffffff2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-xl);width:280px;transition:all .4s ease}.cta-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl)}.cta-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.cta-avatar{font-size:32px}.cta-text{flex:1}.cta-title{display:block;font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:2px}.cta-subtitle{font-size:13px;color:var(--surface-600)}.cta-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.cta-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.scroll-indicator-impressive{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);opacity:0;animation:scrollEntrance 1s var(--ease-out-expo) 4s both}@keyframes scrollEntrance{to{opacity:1}}.scroll-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.scroll-device{width:28px;height:45px;background:#fffc;border:2px solid var(--surface-400);border-radius:14px;position:relative;transition:all .3s ease;cursor:pointer}.scroll-device:hover{border-color:var(--primary-500);background:#fff;transform:scale(1.1)}.device-screen{position:absolute;top:6px;left:50%;transform:translate(-50%);width:16px;height:28px;background:var(--surface-100);border-radius:8px;overflow:hidden}.scroll-progress{width:100%;height:6px;background:var(--primary-500);border-radius:3px;animation:scrollMove 3s infinite ease-in-out}@keyframes scrollMove{0%,to{transform:translateY(0)}50%{transform:translateY(22px)}}.scroll-label{color:var(--surface-600);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-align:center}@media (max-width: 1024px){.hero-impressive-container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-showcase-impressive{order:-1}.floating-elements-impressive{position:relative;margin-top:2rem;pointer-events:auto}.success-metrics{position:relative;top:auto;left:auto;transform:none;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:0}.floating-cta{position:relative;bottom:auto;right:auto;padding:0;margin-top:2rem;transform:none;animation:none;opacity:1}.cta-card{margin:0 auto}}@media (max-width: 768px){.hero-impressive-container{padding:0 1.5rem;gap:2rem}.value-cards{grid-template-columns:1fr;gap:1rem}.hero-cta-impressive{flex-direction:column;align-items:center}.cta-primary-impressive,.cta-secondary-impressive{width:100%;max-width:320px;justify-content:center}.trust-metrics{grid-template-columns:1fr 1fr}.tech-stack-grid{grid-template-columns:1fr}.success-metrics{grid-template-columns:1fr 1fr;gap:8px}}@media (max-width: 480px){.hero-impressive-container{padding:0 1rem}.value-card{padding:1.5rem}.card-icon{width:48px;height:48px;font-size:24px}.trust-metrics{grid-template-columns:1fr;gap:8px}.success-metrics{grid-template-columns:1fr}.cta-card{width:100%;max-width:300px}}.hero-background-layers{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-blob{position:absolute;border-radius:50%;filter:blur(60px);animation:blobFloat 25s infinite ease-in-out;will-change:transform;transform:translateZ(0);contain:layout style paint}.blob-1{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);top:20%;left:10%;animation-delay:0s}.blob-2{width:500px;height:500px;background:radial-gradient(circle,rgba(147,51,234,.1) 0%,transparent 70%);top:40%;right:10%;animation-delay:-8s}.blob-3{width:320px;height:320px;background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 70%);bottom:30%;left:25%;animation-delay:-15s}.blob-4{width:280px;height:280px;background:radial-gradient(circle,rgba(239,68,68,.05) 0%,transparent 70%);top:60%;right:30%;animation-delay:-5s}.blob-5{width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 50%);top:25%;left:15%;animation-delay:-12s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(120px,-60px) scale(1.2)}50%{transform:translate(-80px,40px) scale(.8)}75%{transform:translate(60px,-40px) scale(1.1)}}.light-rays{position:absolute;width:100%;height:100%}.light-ray{position:absolute;width:2px;height:100%;background:linear-gradient(to bottom,transparent,rgba(59,130,246,.2),transparent);animation:rayGlow 8s infinite ease-in-out}.ray-1{left:25%;animation-delay:0s}.ray-2{right:33%;animation-delay:-3s;background:linear-gradient(to bottom,transparent,rgba(147,51,234,.15),transparent)}.ray-3{left:75%;animation-delay:-6s;background:linear-gradient(to bottom,transparent,rgba(34,197,94,.1),transparent)}@keyframes rayGlow{0%,to{opacity:.2;transform:scaleY(1)}50%{opacity:.6;transform:scaleY(1.2)}}.particle-system-modern{position:absolute;width:100%;height:100%;will-change:transform;transform:translateZ(0)}.particle-modern{position:absolute;width:4px;height:4px;background:#3b82f666;border-radius:50%;animation:particleFloat 15s infinite ease-in-out;will-change:transform;transform:translateZ(0)}.particle-1{top:30%}.particle-2{top:35%}.particle-3{top:40%}.particle-4{top:45%}.particle-5{top:50%}.particle-6{top:55%}.particle-7{top:60%}.particle-8{top:65%}.particle-9{top:70%}.particle-10{top:75%}.particle-11{top:80%}.particle-12{top:85%}@keyframes particleFloat{0%,to{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-60px);opacity:.5}}.grid-pattern-modern{position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232563eb' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='30' r='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.gradient-overlay-1{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent,rgba(255,255,255,.2))}.gradient-overlay-2{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(59,130,246,.02),transparent,rgba(147,51,234,.02))}.gradient-overlay-3{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,255,255,.1) 100%)}.noise-texture{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.02;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.hero-container-modern{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;min-height:calc(100vh - 80px);display:flex;align-items:center}.hero-grid-modern{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;width:100%}.hero-content-modern{display:flex;flex-direction:column;justify-content:center}.content-wrapper-modern{opacity:0;transform:translateY(50px);transition:all 1.2s var(--ease-out-expo)}.content-visible{opacity:1;transform:translateY(0)}.enterprise-badge-modern{position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:50px;color:var(--primary-700);font-size:14px;font-weight:600;margin-bottom:2rem;animation:badgeSlideIn .8s var(--ease-out-expo) .2s both}.badge-glow-modern{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));border-radius:52px;opacity:.3;filter:blur(10px);animation:pulse 3s infinite;z-index:-1}.badge-icon-modern{font-size:16px}.hero-title-modern{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(3.5rem,8vw,7rem);line-height:1.1;color:var(--surface-900);margin-bottom:2rem;letter-spacing:-.02em}.title-line-modern{display:block;overflow:hidden}.title-word-modern{display:inline-block;opacity:0;transform:translateY(100px);animation:titleWordSlide .8s var(--ease-out-expo) both}.line-1 .title-word-modern{animation-delay:.4s}.line-2 .title-word-modern{animation-delay:.6s}.line-3 .title-word-modern{animation-delay:.8s}.line-4 .title-word-modern{animation-delay:1s}@keyframes titleWordSlide{to{opacity:1;transform:translateY(0)}}.gradient-text-modern{background:linear-gradient(135deg,var(--primary-600),var(--primary-500),var(--accent-500));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}.accent-text-modern{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description-modern{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.7;color:var(--surface-600);margin-bottom:2rem;max-width:600px;opacity:0;transform:translateY(30px);animation:descSlideIn .8s var(--ease-out-expo) 1.2s both}.hero-description-modern strong{color:var(--primary-600);font-weight:700}.feature-pills-modern{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:3rem;opacity:0;transform:translateY(20px);animation:pillsSlideIn .8s var(--ease-out-expo) 1.4s both}.feature-pill{position:relative;overflow:hidden}.feature-pill:before{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}.feature-pill:hover:before{left:100%}@keyframes pillsSlideIn{to{opacity:1;transform:translateY(0)}}.feature-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:25px;font-size:14px;font-weight:500;color:var(--surface-700);transition:all .3s var(--ease-out-expo);cursor:pointer;animation:pillFloat .6s var(--ease-out-expo) both}.pill-1{animation-delay:1.6s}.pill-2{animation-delay:1.7s}.pill-3{animation-delay:1.8s}.pill-4{animation-delay:1.9s}@keyframes pillFloat{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-pill:hover{background:#fff;border-color:var(--primary-200);color:var(--primary-600);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-md),0 0 15px #3b82f633}.feature-pill:focus{outline:none;box-shadow:var(--shadow-md),0 0 0 2px #3b82f64d}.feature-pill:active{transform:translateY(-1px) scale(1.02)}.pill-icon{font-size:16px}.hero-cta-modern{display:flex;gap:1rem;margin-bottom:3rem;opacity:0;transform:translateY(30px);animation:ctaSlideIn .8s var(--ease-out-expo) 2.2s both}.hero-cta-modern button{position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo)}.hero-cta-modern button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:all .6s var(--ease-out-expo);z-index:0}.hero-cta-modern button:hover:before{width:300px;height:300px}.hero-cta-modern button:active{transform:translateY(-2px) scale(.98)}.cta-primary-modern{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:20px 32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .4s var(--ease-out-expo);box-shadow:var(--shadow-xl);overflow:hidden}.cta-primary-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));opacity:0;transition:opacity .3s ease}.cta-primary-modern:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-2xl),0 0 40px #3b82f64d}.cta-primary-modern:focus{outline:none;box-shadow:var(--shadow-2xl),0 0 0 3px #3b82f64d}.cta-primary-modern:hover:before{opacity:1}.cta-text-primary{position:relative;z-index:2;font-weight:700;font-size:16px}.cta-subtext-primary{position:relative;z-index:2;font-size:13px;opacity:.9}.cta-icon-primary{position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:2;transition:transform .3s ease}.cta-primary-modern:hover .cta-icon-primary{transform:translateY(-50%) translate(3px)}.cta-shine-modern{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.cta-primary-modern:hover .cta-shine-modern{left:100%}.cta-secondary-modern{display:flex;align-items:center;gap:10px;padding:20px 28px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:16px;color:var(--surface-700);font-weight:600;font-size:16px;cursor:pointer;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-md)}.cta-secondary-modern:hover{background:#fff;border-color:var(--primary-200);color:var(--primary-600);transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg),0 0 20px #3b82f633}.cta-secondary-modern:focus{outline:none;box-shadow:var(--shadow-lg),0 0 0 3px #3b82f633}.social-proof-indicators{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:socialProofSlideIn .8s var(--ease-out-expo) 1.8s both}@keyframes socialProofSlideIn{to{opacity:1;transform:translateY(0)}}.proof-item{display:flex;align-items:center;gap:1rem}.proof-avatar-stack{display:flex;align-items:center}.proof-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin-left:-8px;border:2px solid rgba(255,255,255,.2);position:relative;z-index:1}.proof-avatar:first-child{margin-left:0}.proof-count{width:32px;height:32px;border-radius:50%;background:#ffffff1a;color:#ffffffe6;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;margin-left:-8px;border:2px solid rgba(255,255,255,.2)}.proof-text{display:flex;flex-direction:column}.proof-number{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:#ffffffe6;margin-bottom:2px}.proof-label{font-size:12px;color:#ffffffb3;font-weight:500}.proof-rating{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.stars{font-size:14px;letter-spacing:2px}.rating-text{font-size:12px;color:#fffc;font-weight:500}.stats-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.6);opacity:0;transform:translateY(20px);animation:statsSlideIn .8s var(--ease-out-expo) 2.4s both}.stat-item-modern{text-align:center}.stat-value-modern{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2rem;color:var(--primary-600);margin-bottom:4px}.stat-label-modern{font-size:14px;color:var(--surface-600);font-weight:500}.hero-showcase-modern{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center}.solution-demo-card{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:var(--shadow-2xl);overflow:hidden;width:100%;max-width:500px;opacity:0;transform:translate(50px);animation:showcaseSlideIn 1s var(--ease-out-expo) .5s both,subtleFloat 6s ease-in-out infinite;transition:all .4s var(--ease-out-expo)}.solution-demo-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl),0 20px 40px #00000026;border-color:#3b82f64d}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes showcaseSlideIn{to{opacity:1;transform:translate(0)}}.demo-card-header{background:var(--gradient-primary);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.demo-status-indicator{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.status-dot-modern{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px #22c55e80}.demo-navigation{display:flex;gap:8px}.demo-nav-dot{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.demo-nav-dot.active{background:#fff;transform:scale(1.2)}.demo-content-area{position:relative;height:450px;overflow:hidden}.demo-slide-modern{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;opacity:0;transform:translate(100%);transition:all .5s var(--ease-out-expo)}.slide-active{opacity:1;transform:translate(0)}.demo-visual-modern{position:relative;margin-bottom:1.5rem}.demo-screen-modern{background:var(--surface-900);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.screen-header-modern{background:var(--surface-800);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.screen-dots-modern{display:flex;gap:6px}.dot-modern{width:10px;height:10px;border-radius:50%}.dot-modern.red{background:#ef4444}.dot-modern.yellow{background:#f59e0b}.dot-modern.green{background:#10b981}.screen-title-modern{color:var(--surface-200);font-size:13px;font-weight:600}.status-badge-modern{color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.screen-content-modern{padding:1.5rem;height:220px}.demo-chart-modern{height:100%;display:flex;flex-direction:column;gap:1rem}.chart-header-modern{display:flex;justify-content:space-between;align-items:center}.chart-title-modern{color:var(--surface-300);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.chart-trend-modern{background:#22c55e33;color:#22c55e;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.chart-display-modern{flex:1;display:flex;flex-direction:column;gap:1rem}.chart-bars-modern{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:3px;padding:1rem 0}.chart-bar-modern{flex:1;min-height:15px;border-radius:2px;animation:barPulse 3s ease-in-out infinite;position:relative}.chart-bar-modern:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:2px}@keyframes barPulse{0%,to{opacity:.8}50%{opacity:1}}.chart-metric-large{text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px}.metric-number-large{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;margin-bottom:4px}.metric-label-large{color:var(--surface-400);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.demo-glow-modern{position:absolute;inset:-8px;border-radius:20px;opacity:.2;filter:blur(20px);animation:pulse 4s infinite;z-index:-1}.demo-info-modern{display:flex;align-items:center;gap:16px}.demo-icon-modern{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:var(--shadow-md);flex-shrink:0}.demo-text-modern{flex:1}.demo-title-modern{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:var(--surface-900);margin-bottom:4px}.demo-desc-modern{color:var(--surface-600);font-size:14px;line-height:1.5}.trust-security-card{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-xl);width:100%;max-width:480px;opacity:0;transform:translate(30px);animation:trustSlideIn 1s var(--ease-out-expo) 1.5s both,subtleFloat 8s ease-in-out infinite;animation-delay:1.5s,3s;transition:all .4s var(--ease-out-expo)}.trust-security-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-2xl),0 15px 30px #0000001a;border-color:#10b9814d}@keyframes trustSlideIn{to{opacity:1;transform:translate(0)}}.trust-header-modern{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.trust-icon-large{font-size:32px}.trust-title-section{flex:1}.trust-main-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:var(--surface-900);margin-bottom:2px}.trust-subtitle{color:var(--surface-600);font-size:13px}.trust-metrics-modern{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:1.5rem}.trust-metric-modern{text-align:center;padding:12px 8px;background:#fff9;border:1px solid rgba(255,255,255,.8);border-radius:10px;transition:all .3s ease;cursor:pointer}.trust-metric-modern:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-2px)}.trust-metric-icon{font-size:18px;margin-bottom:6px;display:block}.trust-metric-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;color:var(--surface-900);margin-bottom:2px}.trust-metric-label{font-size:11px;color:var(--surface-700);font-weight:600;margin-bottom:1px}.trust-metric-desc{font-size:10px;color:var(--surface-500)}.testimonial-modern{background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:1rem}.quote-mark-modern{font-size:32px;color:var(--primary-400);line-height:1;margin-bottom:6px;opacity:.4}.testimonial-text-modern{color:var(--surface-700);font-size:13px;line-height:1.5;margin-bottom:12px;font-style:italic}.testimonial-author-modern{display:flex;align-items:center;gap:10px}.author-avatar-modern{width:32px;height:32px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}.author-info-modern{flex:1;text-align:left}.author-name-modern{font-weight:700;font-size:13px;color:var(--surface-900);margin-bottom:1px}.author-title-modern{font-size:11px;color:var(--surface-600)}.rating-modern{font-size:12px}.tech-excellence-card{background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-xl);width:100%;max-width:480px;opacity:0;transform:translate(40px);animation:techSlideIn 1s var(--ease-out-expo) 2s both,subtleFloat 7s ease-in-out infinite;animation-delay:2s,4s;transition:all .4s var(--ease-out-expo)}.tech-excellence-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow-2xl),0 12px 25px #0000001f;border-color:#8b5cf64d}@keyframes techSlideIn{to{opacity:1;transform:translate(0)}}.tech-header-modern{margin-bottom:1rem;text-align:center}.tech-title-modern{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:2px}.tech-subtitle-modern{color:var(--surface-600);font-size:12px}.tech-grid-modern{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tech-item-modern{background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:10px;padding:12px;transition:all .3s ease;cursor:pointer}.tech-item-modern:hover{background:#fff;border-color:var(--primary-200);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tech-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tech-icon-modern{font-size:16px}.tech-name-modern{font-weight:600;font-size:11px;color:var(--surface-900)}.tech-progress-modern{display:flex;align-items:center;gap:8px}.tech-progress-track{flex:1;height:3px;background:#0000001a;border-radius:2px;overflow:hidden}.tech-progress-fill-modern{height:100%;border-radius:2px;animation:progressShine 3s ease-in-out infinite;position:relative}.tech-progress-fill-modern:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shine 2s infinite}@keyframes progressShine{0%,to{opacity:.8}50%{opacity:1}}@keyframes shine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.tech-percentage{font-size:10px;font-weight:600;color:var(--surface-700);min-width:28px}.floating-actions-modern{position:absolute;width:100%;height:100%;pointer-events:none;z-index:8}.floating-metrics{position:absolute;top:50%;left:1rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem}.floating-metric{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:var(--shadow-md);transition:all .3s ease;opacity:0;transform:translate(-30px);animation:metricSlideIn .8s var(--ease-out-expo) both;cursor:pointer}.metric-float-1{animation-delay:2.5s}.metric-float-2{animation-delay:2.7s}.metric-float-3{animation-delay:2.9s}.metric-float-4{animation-delay:3.1s}@keyframes metricSlideIn{to{opacity:1;transform:translate(0)}}.floating-metric:hover{transform:translate(8px) scale(1.05);box-shadow:var(--shadow-lg)}.metric-icon-float{font-size:18px}.metric-content-float{text-align:left}.metric-value-float{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:2px}.metric-label-float{font-size:11px;color:var(--surface-600);font-weight:500}.floating-cta-modern{position:absolute;bottom:15%;right:1rem;pointer-events:auto;opacity:0;transform:translate(40px);animation:floatingCtaSlideIn 1s var(--ease-out-expo) 3.5s both}@keyframes floatingCtaSlideIn{to{opacity:1;transform:translate(0)}}.cta-card-modern{background:#fffffff2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-xl);width:260px;transition:all .4s ease}.cta-card-modern:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl)}.cta-card-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.cta-card-avatar{font-size:24px}.cta-card-text{flex:1}.cta-card-title{display:block;font-weight:700;font-size:14px;color:var(--surface-900);margin-bottom:2px}.cta-card-subtitle{font-size:12px;color:var(--surface-600)}.cta-card-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--gradient-primary);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease}.cta-card-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.scroll-indicator-modern{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;animation:scrollSlideIn 1s var(--ease-out-expo) 4s both}.scroll-progress-ring{position:relative;width:40px;height:40px;cursor:pointer;transition:all .3s ease}.scroll-progress-ring:hover{transform:scale(1.1)}.scroll-progress-ring svg{width:100%;height:100%}.scroll-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffc;animation:scrollBounce 2s infinite ease-in-out}@keyframes scrollBounce{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(3px)}}@keyframes scrollSlideIn{to{opacity:1}}.scroll-text-modern{color:var(--surface-500);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.scroll-icon-modern{color:var(--surface-500);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width: 1024px){.hero-grid-modern{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-showcase-modern{order:-1}.floating-actions-modern{position:relative;margin-top:2rem;pointer-events:auto}.floating-metrics{position:relative;top:auto;left:auto;transform:none;flex-direction:row;justify-content:center;flex-wrap:wrap}.floating-cta-modern{position:relative;bottom:auto;right:auto;margin-top:2rem;transform:none;animation:none;opacity:1}.cta-card-modern{margin:0 auto}}@media (max-width: 768px){.hero-container-modern{padding:0 1.5rem}.social-proof-indicators{flex-direction:column;gap:1rem;text-align:center}.proof-item{justify-content:center}.proof-rating{align-items:center}.hero-grid-modern{gap:2rem}.feature-pills-modern{justify-content:center}.hero-cta-modern{flex-direction:column;align-items:center}.cta-primary-modern,.cta-secondary-modern{width:100%;max-width:300px;justify-content:center}.stats-grid-modern{grid-template-columns:1fr 1fr;gap:1rem}.trust-metrics-modern{grid-template-columns:1fr;gap:6px}.tech-grid-modern{grid-template-columns:1fr}}@media (max-width: 480px){.hero-container-modern{padding:0 1rem}.social-proof-indicators{padding:1rem 1.5rem}.proof-avatar{width:28px;height:28px;font-size:10px}.proof-count{width:28px;height:28px;font-size:9px}.feature-pills-modern{flex-direction:column;align-items:center}.feature-pill{width:100%;max-width:280px;justify-content:center}.stats-grid-modern{grid-template-columns:1fr;gap:1rem}.floating-metrics{grid-template-columns:1fr}.cta-card-modern{width:100%;max-width:280px}}.scene-3d{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.gradient-mesh{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.mesh-layer{position:absolute;width:100%;height:100%;border-radius:50%;filter:blur(60px);animation:meshFloat 25s infinite ease-in-out}.mesh-1{background:radial-gradient(ellipse 80% 50% at 20% 30%,var(--primary-500) 0%,transparent 50%);transform:translate3d(-20%,-10%,-100px);animation-delay:0s}.mesh-2{background:radial-gradient(ellipse 60% 80% at 80% 60%,var(--accent-500) 0%,transparent 50%);transform:translate3d(10%,20%,-150px);animation-delay:-8s}.mesh-3{background:radial-gradient(ellipse 90% 40% at 50% 80%,var(--primary-400) 0%,transparent 50%);transform:translate3d(-10%,10%,-200px);animation-delay:-15s}.theme-cyber .mesh-1{background:radial-gradient(ellipse 80% 50% at 20% 30%,#00ff88 0%,transparent 50%)}.theme-cyber .mesh-2{background:radial-gradient(ellipse 60% 80% at 80% 60%,#00ffff 0%,transparent 50%)}.theme-cyber .mesh-3{background:radial-gradient(ellipse 90% 40% at 50% 80%,#88ff00 0%,transparent 50%)}.theme-minimal .mesh-1{background:radial-gradient(ellipse 80% 50% at 20% 30%,#6366f1 0%,transparent 50%)}.theme-minimal .mesh-2{background:radial-gradient(ellipse 60% 80% at 80% 60%,#8b5cf6 0%,transparent 50%)}.theme-minimal .mesh-3{background:radial-gradient(ellipse 90% 40% at 50% 80%,#06b6d4 0%,transparent 50%)}.theme-vibrant .mesh-1{background:radial-gradient(ellipse 80% 50% at 20% 30%,#f59e0b 0%,transparent 50%)}.theme-vibrant .mesh-2{background:radial-gradient(ellipse 60% 80% at 80% 60%,#ec4899 0%,transparent 50%)}.theme-vibrant .mesh-3{background:radial-gradient(ellipse 90% 40% at 50% 80%,#8b5cf6 0%,transparent 50%)}@keyframes meshFloat{0%,to{transform:translateZ(var(--z)) rotate(0) scale(1)}25%{transform:translate3d(5%,-3%,var(--z)) rotate(90deg) scale(1.1)}50%{transform:translate3d(-3%,5%,var(--z)) rotate(180deg) scale(.9)}75%{transform:translate3d(3%,-2%,var(--z)) rotate(270deg) scale(1.05)}}.geometric-elements{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.geometric-shape{position:absolute;width:40px;height:40px;transform-style:preserve-3d;animation:shapeFloat 20s infinite ease-in-out;transition:transform .3s ease}.shape-face{position:absolute;width:100%;height:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.face-front{transform:translateZ(20px)}.face-back{transform:rotateY(180deg) translateZ(20px)}.face-left{transform:rotateY(-90deg) translateZ(20px)}.face-right{transform:rotateY(90deg) translateZ(20px)}.face-top{transform:rotateX(90deg) translateZ(20px)}.face-bottom{transform:rotateX(-90deg) translateZ(20px)}.shape-1{top:15%;left:10%;animation-delay:0s}.shape-2{top:25%;right:15%;animation-delay:-3s}.shape-3{bottom:30%;left:20%;animation-delay:-6s}.shape-4{top:40%;left:80%;animation-delay:-9s}.shape-5{bottom:20%;right:25%;animation-delay:-12s}.shape-6{top:60%;left:15%;animation-delay:-15s}.shape-7{top:20%;left:60%;animation-delay:-2s}.shape-8{bottom:40%;left:70%;animation-delay:-5s}.shape-9{top:70%;right:40%;animation-delay:-8s}.shape-10{bottom:60%;left:40%;animation-delay:-11s}.shape-11{top:50%;right:10%;animation-delay:-14s}.shape-12{bottom:15%;right:60%;animation-delay:-1s}@keyframes shapeFloat{0%,to{transform:translateZ(0) rotateX(0) rotateY(0) rotate(0)}25%{transform:translate3d(20px,-30px,50px) rotateX(90deg) rotateY(45deg) rotate(30deg)}50%{transform:translate3d(-15px,20px,-30px) rotateX(180deg) rotateY(90deg) rotate(60deg)}75%{transform:translate3d(25px,15px,40px) rotateX(270deg) rotateY(135deg) rotate(90deg)}}.particle-system{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.particle-3d{position:absolute;width:3px;height:3px;background:#fffc;border-radius:50%;animation:particle3DFloat 20s infinite linear;box-shadow:0 0 10px #ffffff80}.particle-3d:nth-child(3n){background:var(--primary-400);box-shadow:0 0 15px var(--primary-400)}.particle-3d:nth-child(3n+1){background:var(--accent-400);box-shadow:0 0 15px var(--accent-400)}@keyframes particle3DFloat{0%{opacity:0;transform:translate3d(0,100vh,-200px) rotateX(0) rotateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate3d(100px,-100px,200px) rotateX(360deg) rotateY(720deg)}}.cursor-3d-field{position:absolute;top:50%;left:50%;width:400px;height:400px;transform-origin:center;transition:transform .3s ease;opacity:.3}.field-lines{position:relative;width:100%;height:100%;transform-style:preserve-3d}.field-line{position:absolute;background:#ffffff1a;border-radius:1px}.line-1{width:100%;height:1px;top:0;transform:rotateX(0)}.line-2{width:100%;height:1px;top:25%;transform:rotateX(20deg)}.line-3{width:100%;height:1px;top:50%;transform:rotateX(40deg)}.line-4{width:100%;height:1px;top:75%;transform:rotateX(60deg)}.line-5{width:1px;height:100%;left:0;transform:rotateY(0)}.line-6{width:1px;height:100%;left:25%;transform:rotateY(20deg)}.line-7{width:1px;height:100%;left:50%;transform:rotateY(40deg)}.line-8{width:1px;height:100%;left:75%;transform:rotateY(60deg)}.lighting-system{position:absolute;width:100%;height:100%;pointer-events:none}.light-source{position:absolute;border-radius:50%;filter:blur(40px);mix-blend-mode:screen}.light-1{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);top:20%;left:20%;animation:lightPulse 8s infinite ease-in-out}.light-2{width:250px;height:250px;background:radial-gradient(circle,rgba(239,68,68,.3) 0%,transparent 70%);bottom:30%;right:20%;animation:lightPulse 6s infinite ease-in-out -2s}.light-3{width:200px;height:200px;background:radial-gradient(circle,rgba(34,197,94,.2) 0%,transparent 70%);top:60%;left:70%;animation:lightPulse 10s infinite ease-in-out -4s}@keyframes lightPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero-content-3d{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;min-height:100vh;transform-style:preserve-3d}.hero-main-content{opacity:0;transform:translate3d(-50px,50px,-100px);transition:all 1.2s var(--ease-out-expo)}.content-visible{opacity:1;transform:translateZ(0)}.hero-badge-3d{position:relative;display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:3rem;transform-style:preserve-3d;animation:badgeFloat3D 1.5s var(--ease-out-expo) .3s both}@keyframes badgeFloat3D{0%{opacity:0;transform:translate3d(0,30px,-50px) rotateX(20deg)}to{opacity:1;transform:translateZ(0) rotateX(0)}}.badge-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));border-radius:50px;opacity:.5;filter:blur(8px);z-index:-1;animation:pulse 3s infinite}.badge-dot-3d{width:10px;height:10px;background:var(--accent-400);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px var(--accent-400)}.hero-title-3d{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:2rem;letter-spacing:-.02em;perspective:1000px}.title-word{display:block;overflow:hidden;perspective:1000px;transform-style:preserve-3d}.word-3d{display:inline-block;transform:translate3d(0,100px,-100px) rotateX(45deg);opacity:0;transition:all .8s var(--ease-out-expo);color:#fff;text-shadow:0 5px 15px rgba(0,0,0,.3)}.content-visible .word-3d{transform:translateZ(0) rotateX(0);opacity:1}.word-1 .word-3d{transition-delay:.4s}.word-2 .word-3d{transition-delay:.6s}.word-3 .word-3d{transition-delay:.8s}.word-4 .word-3d{transition-delay:1s}.gradient-3d{background:linear-gradient(135deg,var(--primary-300),var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift3D 4s ease-in-out infinite}.accent-3d{background:linear-gradient(135deg,var(--accent-400),var(--accent-300),#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift3D 4s ease-in-out infinite -1s}@keyframes gradientShift3D{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.enterprise-highlights{display:flex;gap:1.5rem;margin:2rem 0 3rem;flex-wrap:wrap;opacity:0;transform:translate3d(0,30px,-30px);transition:all 1s var(--ease-out-expo) 1.2s}.content-visible .enterprise-highlights{opacity:1;transform:translateZ(0)}.highlight-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#ffffffe6;font-size:14px;font-weight:500;transition:all .3s var(--ease-out-expo);cursor:pointer}.highlight-item:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px) translateZ(10px);color:#fff}.highlight-icon{font-size:16px;display:flex;align-items:center;justify-content:center}.hero-subtitle-3d{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.7;color:#fffc;max-width:600px;margin-bottom:3rem;transform:translate3d(0,50px,-50px);opacity:0;transition:all 1s var(--ease-out-expo) 1s}.content-visible .hero-subtitle-3d{transform:translateZ(0);opacity:1}.highlight-text{background:linear-gradient(135deg,var(--accent-400),var(--accent-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.hero-actions-3d{display:flex;gap:1.5rem;margin-bottom:4rem;perspective:1000px}.btn-3d{position:relative;transform-style:preserve-3d;transition:transform .3s var(--ease-out-expo);border:none;cursor:pointer;background:transparent}.btn-face{position:absolute;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:16px;border-radius:12px}.btn-primary-3d .btn-face-front{width:200px;height:50px;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-xl)}.btn-primary-3d .btn-face-top{width:200px;height:8px;background:var(--primary-700);transform:rotateX(90deg) translateZ(4px)}.btn-primary-3d .btn-face-right{width:8px;height:50px;background:var(--primary-700);transform:rotateY(90deg) translateZ(100px)}.btn-secondary-3d .btn-face-front{width:180px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:#fff}.btn-secondary-3d .btn-face-top{width:180px;height:8px;background:#fff3;transform:rotateX(90deg) translateZ(4px)}.btn-secondary-3d .btn-face-right{width:8px;height:50px;background:#ffffff26;transform:rotateY(90deg) translateZ(90px)}.hero-stats-3d{display:flex;gap:2rem;perspective:1000px;transform:translate3d(0,50px,-50px);opacity:0;transition:all 1s var(--ease-out-expo) 1.4s}.content-visible .hero-stats-3d{transform:translateZ(0);opacity:1}.stat-card-3d{position:relative;width:120px;height:80px;transform-style:preserve-3d;transition:transform .3s ease;cursor:pointer}.stat-face{position:absolute;width:100%;height:100%;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.stat-front{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;transform:translateZ(10px)}.stat-top{background:#ffffff0d;transform:rotateX(90deg) translateZ(5px)}.stat-right{background:#ffffff14;transform:rotateY(90deg) translateZ(60px)}.stat-icon{font-size:1.5rem}.stat-number-3d{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;margin-bottom:2px}.stat-label-3d{font-size:.75rem;opacity:.8;text-align:center}.stat-glow{position:absolute;inset:-5px;background:var(--gradient-primary);border-radius:15px;opacity:0;filter:blur(10px);transition:opacity .3s ease;z-index:-1}.stat-card-3d:hover .stat-glow{opacity:.5}.hero-showcase-3d{display:flex;align-items:center;justify-content:center;perspective:1500px;transform:translate3d(50px,0,-100px);opacity:0;transition:all 1.5s var(--ease-out-expo) .8s}.content-visible .hero-showcase-3d{transform:translateZ(0);opacity:1}.showcase-container{position:relative;transform-style:preserve-3d;transition:transform .3s ease}.monitor-3d{position:relative;transform-style:preserve-3d}.monitor-screen{width:400px;height:280px;background:#1a1a1a;border-radius:12px;border:8px solid #333;transform:translateZ(0);overflow:hidden;position:relative}.monitor-screen:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:screenGloss 3s infinite}@keyframes screenGloss{0%,to{left:-100%}50%{left:100%}}.screen-content{padding:1rem;height:100%;background:linear-gradient(135deg,#1e293b,#334155);position:relative;overflow:hidden}.dashboard-preview{height:100%;display:flex;flex-direction:column;gap:1rem}.preview-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-dots{display:flex;gap:6px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.header-title{color:#ffffffe6;font-size:12px;font-weight:600}.preview-content{flex:1;display:flex;flex-direction:column;gap:1rem}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.grid-item{background:#ffffff0d;border-radius:6px;padding:.5rem;display:flex;flex-direction:column;gap:4px;animation:itemPulse 3s infinite ease-in-out}.grid-item:nth-child(1){animation-delay:0s}.grid-item:nth-child(2){animation-delay:.5s}.grid-item:nth-child(3){animation-delay:1s}.grid-item:nth-child(4){animation-delay:1.5s}.grid-item:nth-child(5){animation-delay:2s}.grid-item:nth-child(6){animation-delay:2.5s}@keyframes itemPulse{0%,to{opacity:.7}50%{opacity:1}}.item-icon{width:16px;height:16px;background:var(--primary-400);border-radius:4px}.item-bar{height:4px;background:#ffffff4d;border-radius:2px;animation:barGrow3D 2s ease-in-out infinite}@keyframes barGrow3D{0%,to{width:60%}50%{width:90%}}.live-chart{flex:1;position:relative;background:#ffffff08;border-radius:8px;padding:.5rem;overflow:hidden}.chart-line{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;height:2px;background:var(--accent-400);border-radius:1px;animation:chartGrow3D 4s ease-in-out infinite;box-shadow:0 0 10px var(--accent-400)}@keyframes chartGrow3D{0%{width:20%}50%{width:85%}to{width:20%}}.chart-dots{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;height:100%;display:flex;align-items:flex-end;justify-content:space-between}.chart-dot{width:4px;background:var(--primary-400);border-radius:2px;animation:dotBounce 2s ease-in-out infinite}.dot-1{height:20%;animation-delay:0s}.dot-2{height:40%;animation-delay:.2s}.dot-3{height:60%;animation-delay:.4s}.dot-4{height:80%;animation-delay:.6s}.dot-5{height:45%;animation-delay:.8s}.dot-6{height:70%;animation-delay:1s}.dot-7{height:35%;animation-delay:1.2s}.dot-8{height:55%;animation-delay:1.4s}@keyframes dotBounce{0%,to{opacity:.6}50%{opacity:1}}.monitor-stand{width:60px;height:40px;background:linear-gradient(135deg,#666,#444);margin:0 auto;border-radius:0 0 8px 8px;transform:translateZ(-20px)}.monitor-base{width:120px;height:20px;background:linear-gradient(135deg,#555,#333);margin:0 auto;border-radius:10px;transform:translateZ(-25px)}.floating-ui{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.ui-card{position:absolute;width:80px;height:80px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;transform-style:preserve-3d;transition:transform .3s ease;animation:uiCardFloat 6s infinite ease-in-out}.ui-card-1{animation-delay:0s}.ui-card-2{animation-delay:1.5s}.ui-card-3{animation-delay:3s}.ui-card-4{animation-delay:4.5s}@keyframes uiCardFloat{0%,to{transform:translateZ(0) rotateX(0) rotateY(0)}50%{transform:translateZ(30px) rotateX(10deg) rotateY(15deg)}}.ui-card-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff}.ui-icon{font-size:1.5rem}.ui-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.ui-card-shadow{position:absolute;inset:-5px;background:var(--gradient-primary);border-radius:20px;opacity:0;filter:blur(15px);transition:opacity .3s ease;z-index:-1}.ui-card:hover .ui-card-shadow{opacity:.6}.scroll-indicator-3d{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;perspective:1000px;animation:scrollIndicatorFloat 1.5s var(--ease-out-expo) 2.5s both}@keyframes scrollIndicatorFloat{0%{opacity:0;transform:translate(-50%) translateZ(-100px)}to{opacity:1;transform:translate(-50%) translateZ(0)}}.scroll-device{transform-style:preserve-3d;transition:transform .3s ease}.device-body{width:30px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:15px;position:relative;transform:translateZ(0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-track{position:absolute;top:10px;left:50%;transform:translate(-50%);width:4px;height:30px;background:#ffffff1a;border-radius:2px}.scroll-thumb{width:100%;height:8px;background:#fffc;border-radius:2px;animation:scrollThumb3D 3s infinite ease-in-out}@keyframes scrollThumb3D{0%,to{transform:translateY(0)}50%{transform:translateY(22px)}}.scroll-text-3d{color:#ffffffb3;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;text-align:center}.grid-floor{position:absolute;bottom:0;left:0;right:0;height:200px;perspective:1000px;transform-style:preserve-3d;pointer-events:none}.grid-lines{position:absolute;width:100%;height:100%;transform:rotateX(75deg) translateZ(-100px);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:rotateX(75deg) translateZ(-100px) translate(0)}to{transform:rotateX(75deg) translateZ(-100px) translate(50px)}}@media (max-width: 1024px){.hero-content-3d{grid-template-columns:1fr;text-align:center;gap:4rem}.hero-showcase-3d{order:-1}.monitor-screen{width:320px;height:220px}}@media (max-width: 768px){.hero-content-3d{padding:0 1.5rem;gap:3rem}.hero-actions-3d{flex-direction:column;align-items:center}.btn-primary-3d .btn-face-front,.btn-secondary-3d .btn-face-front{width:280px}.hero-stats-3d{flex-wrap:wrap;justify-content:center;gap:1rem}.monitor-screen{width:280px;height:180px}.floating-ui{display:none}}@media (max-width: 480px){.hero-content-3d{padding:0 1rem}.btn-primary-3d .btn-face-front,.btn-secondary-3d .btn-face-front{width:250px;height:45px}.monitor-screen{width:240px;height:160px}}.solution-architecture-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d}.development-screen{position:relative;width:500px;height:320px;transform-style:preserve-3d;animation:screenFloat3D 1.8s var(--ease-out-expo) 1s both}@keyframes screenFloat3D{0%{opacity:0;transform:translate3d(50px,50px,-200px) rotateY(20deg)}to{opacity:1;transform:translateZ(0) rotateY(0)}}.screen-frame{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23);border-radius:16px;padding:8px;box-shadow:var(--shadow-2xl),inset 0 1px #ffffff1a;transform:translateZ(0)}.frame-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));border-radius:18px;opacity:.3;filter:blur(20px);animation:frameGlow 4s ease-in-out infinite;z-index:-1}@keyframes frameGlow{0%,to{opacity:.3}50%{opacity:.6}}.screen-display{width:100%;height:100%;background:linear-gradient(145deg,#0d1117,#161b22,#21262d);border-radius:12px;overflow:hidden;position:relative}.code-editor{width:100%;height:100%;font-family:JetBrains Mono,Fira Code,monospace}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(90deg,#21262d,#30363d);border-bottom:1px solid #30363d}.editor-dots{display:flex;gap:8px}.editor-title{color:#f0f6fc;font-size:12px;font-weight:500}.build-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#7dc383}.status-indicator{width:8px;height:8px;background:#7dc383;border-radius:50%;animation:pulse 2s infinite}.editor-content{padding:16px;position:relative;height:calc(100% - 60px)}.code-lines{font-size:13px;line-height:1.6}.code-line{display:flex;align-items:center;margin-bottom:4px;opacity:0;transform:translate(-20px);animation:codeLineAppear .5s var(--ease-out-expo) both}.code-line:nth-child(1){animation-delay:2s}.code-line:nth-child(2){animation-delay:2.3s}.code-line:nth-child(3){animation-delay:2.6s}.code-line:nth-child(4){animation-delay:2.9s}.code-line.active{background:#3b82f61a;padding:2px 8px;border-radius:4px;margin:0 -8px 4px}@keyframes codeLineAppear{to{opacity:1;transform:translate(0)}}.line-number{color:#6e7681;width:24px;text-align:right;margin-right:16px;font-size:11px}.code-text{color:#f0f6fc}.keyword{color:#ff7b72}.class-name{color:#7dc383}.function{color:#d2a8ff}.string{color:#a5d6ff}.comment{color:#6e7681;font-style:italic}.bracket{color:#ffa657}.param{color:#ffa198}.indent{opacity:0}.typing-cursor{position:absolute;right:16px;bottom:16px;width:2px;height:18px;background:#7dc383;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.solution-modules-3d{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.solution-module{position:absolute;width:180px;height:120px;transform-style:preserve-3d;transition:transform .3s ease;animation:moduleFloat3D 8s infinite ease-in-out}.module-1{animation-delay:0s}.module-2{animation-delay:-2s}.module-3{animation-delay:-4s}.module-4{animation-delay:-6s}@keyframes moduleFloat3D{0%,to{transform:translateZ(0) rotateX(0) rotateY(0)}50%{transform:translate3d(0,-10px,20px) rotateX(5deg) rotateY(2deg)}}.module-container{position:relative;width:100%;height:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;transform:translateZ(0);transition:all .3s ease}.solution-module:hover .module-container{background:#ffffff1a;border-color:#ffffff4d;transform:translateZ(20px)}.module-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.module-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;box-shadow:var(--shadow-md)}.module-info{flex:1}.module-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.module-status{font-size:11px;color:#ffffffb3;animation:statusPulse 2s infinite ease-in-out}.module-progress{margin-bottom:12px}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;animation:progressGrow 3s ease-in-out infinite;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressGrow{0%,to{transform:scaleX(.95)}50%{transform:scaleX(1)}}.module-metrics{display:flex;justify-content:space-between}.metric{text-align:center}.metric-value{display:block;font-size:12px;font-weight:700;color:#fff;margin-bottom:2px}.metric-label{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.module-glow{position:absolute;inset:-10px;border-radius:20px;opacity:0;filter:blur(20px);transition:opacity .3s ease;z-index:-1}.solution-module:hover .module-glow{opacity:.4}.dev-process-3d{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:400px;height:60px;transform-style:preserve-3d}.process-timeline{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;position:relative}.timeline-step{position:relative;width:60px;height:60px;transform-style:preserve-3d;animation:stepFloat3D 1s var(--ease-out-expo) both}@keyframes stepFloat3D{0%{opacity:0;transform:translate3d(0,30px,-100px) rotateX(45deg)}to{opacity:1;transform:translateZ(0) rotateX(0)}}.step-connector{position:absolute;top:50%;left:100%;width:60px;height:2px;background:linear-gradient(90deg,var(--primary-400),transparent);transform:translateY(-50%)}.step-node{position:relative;width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:all .3s ease}.timeline-step:hover .step-node{background:#fff3;border-color:#fff6;transform:translateZ(20px)}.step-icon{font-size:18px;z-index:2}.step-progress{position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(var(--primary-400) var(--progress, 0%),transparent 0%);z-index:1;animation:progressSpin 3s infinite ease-in-out}@keyframes progressSpin{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.step-progress-fill{width:100%;height:100%;border-radius:50%;background:var(--primary-400);animation:progressPulse 2s infinite ease-in-out}@keyframes progressPulse{0%,to{opacity:.6}50%{opacity:1}}.step-label{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:11px;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:8px}.tech-stack-3d{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.tech-card{position:absolute;width:70px;height:70px;transform-style:preserve-3d;animation:techFloat3D 10s infinite ease-in-out;transition:transform .3s ease}.tech-1{animation-delay:0s}.tech-2{animation-delay:-1.6s}.tech-3{animation-delay:-3.2s}.tech-4{animation-delay:-4.8s}.tech-5{animation-delay:-6.4s}.tech-6{animation-delay:-8s}@keyframes techFloat3D{0%,to{transform:rotateX(0) rotateY(0) rotate(0)}25%{transform:rotateX(15deg) rotateY(90deg) rotate(5deg)}50%{transform:rotateX(0) rotateY(180deg) rotate(0)}75%{transform:rotateX(-15deg) rotateY(270deg) rotate(-5deg)}}.tech-card-inner{position:relative;width:100%;height:100%;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:translateZ(0);transition:all .3s ease;cursor:pointer}.tech-card:hover .tech-card-inner{background:#ffffff26;border-color:#ffffff4d;transform:translateZ(30px)}.tech-icon{font-size:20px}.tech-name{font-size:9px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em}.tech-glow{position:absolute;inset:-8px;border-radius:16px;opacity:0;filter:blur(15px);transition:opacity .3s ease;z-index:-1}.tech-card:hover .tech-glow{opacity:.5}@media (max-width: 1024px){.hero-content-3d{grid-template-columns:1fr;text-align:center;gap:4rem}.hero-showcase-3d{order:-1}.development-screen{width:400px;height:260px}.enterprise-highlights{justify-content:center}}@media (max-width: 768px){.development-screen{width:350px;height:220px}.solution-modules-3d{display:none}.tech-stack-3d{opacity:.5}.dev-process-3d{top:-80px;width:300px}.timeline-step{width:45px;height:45px}.step-node{width:40px;height:40px}.enterprise-highlights{flex-direction:column;align-items:center;gap:1rem}}@media (max-width: 480px){.development-screen{width:300px;height:180px}.tech-card{width:50px;height:50px}.tech-icon{font-size:16px}.tech-name{font-size:8px}}.floating-glass-elements{position:absolute;top:0;right:0;width:350px;height:100vh;padding:2rem 2rem 2rem 0;display:flex;flex-direction:column;gap:1.5rem;z-index:15;transform-style:preserve-3d}.theme-switcher-glass{background:#ffffff14;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1.5rem;transform:translate3d(50px,0,-50px);opacity:0;animation:glassFloat 1s var(--ease-out-expo) .5s both;position:relative;overflow:hidden}@keyframes glassFloat{to{opacity:1;transform:translateZ(0)}}.theme-switcher-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:glassShine 4s infinite}@keyframes glassShine{0%,to{left:-100%}50%{left:100%}}.switcher-header{margin-bottom:1rem}.switcher-title{display:block;color:#ffffffe6;font-weight:600;font-size:14px;margin-bottom:4px}.switcher-subtitle{color:#fff9;font-size:12px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s var(--ease-out-expo);color:#fffc;font-size:11px;font-weight:500}.theme-option:hover,.theme-option.active{background:#ffffff1a;border-color:var(--theme-color, rgba(255, 255, 255, .3));color:#fff;transform:translateY(-2px) translateZ(10px)}.theme-option.active{box-shadow:0 0 20px var(--theme-color, rgba(255, 255, 255, .2))}.theme-icon{font-size:16px}.theme-label{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.trust-indicators-glass{background:#ffffff0f;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1.25rem;transform:translate3d(40px,0,-30px);opacity:0;animation:glassFloat 1s var(--ease-out-expo) 1s both;position:relative}.trust-header{margin-bottom:1rem}.trust-title{color:#ffffffe6;font-weight:600;font-size:14px}.trust-items{display:flex;flex-direction:column;gap:12px}.trust-item{display:flex;align-items:center;gap:12px}.trust-icon{width:32px;height:32px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.trust-content{flex:1}.trust-value{display:block;color:#fff;font-weight:700;font-size:16px;margin-bottom:2px}.trust-label{color:#ffffffb3;font-size:12px;font-weight:500}.testimonial-glass{background:#ffffff12;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.5rem;transform:translate3d(60px,0,-20px);opacity:0;animation:glassFloat 1s var(--ease-out-expo) 1.5s both;position:relative;cursor:pointer;transition:all .3s ease}.testimonial-glass:hover{background:#ffffff1f;border-color:#fff3;transform:translate3d(60px,-5px,10px)}.testimonial-content{position:relative;z-index:2}.quote-mark{font-size:48px;color:var(--primary-400);line-height:1;margin-bottom:8px;font-family:Space Grotesk,sans-serif;opacity:.3}.testimonial-text{color:#ffffffe6;font-size:14px;line-height:1.6;margin-bottom:1rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-placeholder{color:#fff;font-weight:600;font-size:14px}.author-info{flex:1}.author-name{color:#fff;font-weight:600;font-size:13px;margin-bottom:2px}.author-title{color:#ffffffb3;font-size:11px;font-weight:500}.testimonial-glow{position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:22px;opacity:0;filter:blur(20px);transition:opacity .3s ease;z-index:-1}.testimonial-glass:hover .testimonial-glow{opacity:.3}.solution-previews-glass{background:#ffffff0f;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1.25rem;transform:translate3d(45px,0,-40px);opacity:0;animation:glassFloat 1s var(--ease-out-expo) 2s both}.preview-header{margin-bottom:1rem}.preview-title{color:#ffffffe6;font-weight:600;font-size:14px}.preview-cards{display:flex;flex-direction:column;gap:12px}.preview-card{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;opacity:0;transform:translateY(20px);animation:cardSlideIn .5s var(--ease-out-expo) both;transition:all .3s ease;cursor:pointer}.preview-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px) translateZ(10px)}.preview-status{display:flex;align-items:center;gap:6px;margin-bottom:8px}.status-text{color:#fffc;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.preview-metric{margin-bottom:6px}.metric-number{display:block;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;margin-bottom:2px}.metric-description{color:#ffffffb3;font-size:11px}.preview-title{color:#ffffffe6;font-size:12px;font-weight:600}.preview-glow{position:absolute;inset:-3px;border-radius:15px;opacity:0;filter:blur(10px);transition:opacity .3s ease;z-index:-1}.preview-card:hover .preview-glow{opacity:.4}.capabilities-glass{background:#ffffff14;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1.5rem;transform:translate3d(55px,0,-60px);opacity:0;animation:glassFloat 1s var(--ease-out-expo) 2.5s both}.capabilities-header{margin-bottom:1rem}.capabilities-title{color:#ffffffe6;font-weight:600;font-size:14px}.capabilities-list{display:flex;flex-direction:column;gap:8px}.capability-item{display:flex;align-items:center;gap:10px;opacity:0;transform:translate(20px);animation:capabilitySlide .5s var(--ease-out-expo) both}@keyframes capabilitySlide{to{opacity:1;transform:translate(0)}}.capability-check{width:16px;height:16px;background:var(--accent-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.capability-text{color:#fffc;font-size:12px;font-weight:500;line-height:1.4}.theme-minimal .floating-glass-elements{color:var(--surface-700)}.theme-minimal .theme-switcher-glass,.theme-minimal .trust-indicators-glass,.theme-minimal .testimonial-glass,.theme-minimal .solution-previews-glass,.theme-minimal .capabilities-glass{background:#ffffffb3;border-color:#fffc;box-shadow:var(--shadow-lg)}.theme-minimal .switcher-title,.theme-minimal .trust-title,.theme-minimal .preview-title,.theme-minimal .capabilities-title{color:var(--surface-800)}.theme-minimal .switcher-subtitle,.theme-minimal .trust-label,.theme-minimal .capability-text{color:var(--surface-600)}.theme-minimal .trust-value,.theme-minimal .metric-number,.theme-minimal .author-name{color:var(--surface-900)}.theme-cyber .floating-glass-elements{filter:hue-rotate(120deg) saturate(1.5)}.theme-cyber .theme-switcher-glass,.theme-cyber .trust-indicators-glass,.theme-cyber .testimonial-glass,.theme-cyber .solution-previews-glass,.theme-cyber .capabilities-glass{background:#00ff880d;border-color:#0f83;box-shadow:0 0 30px #00ff881a}.theme-vibrant .floating-glass-elements{filter:hue-rotate(300deg) saturate(1.8)}.theme-vibrant .theme-switcher-glass,.theme-vibrant .trust-indicators-glass,.theme-vibrant .testimonial-glass,.theme-vibrant .solution-previews-glass,.theme-vibrant .capabilities-glass{background:#f59e0b14;border-color:#f59e0b33}@media (max-width: 1024px){.floating-glass-elements{position:relative;width:100%;height:auto;padding:2rem 0;flex-direction:row;flex-wrap:wrap;justify-content:center;order:1}.theme-switcher-glass,.trust-indicators-glass,.testimonial-glass,.solution-previews-glass,.capabilities-glass{flex:1;min-width:280px;max-width:320px;transform:none!important}}@media (max-width: 768px){.floating-glass-elements{flex-direction:column;align-items:center;padding:2rem 1rem}.theme-switcher-glass,.trust-indicators-glass,.testimonial-glass,.solution-previews-glass,.capabilities-glass{width:100%;max-width:350px}.theme-options{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.floating-glass-elements{padding:1rem}.theme-options{grid-template-columns:1fr 1fr}}.gradient-orbs{position:absolute;width:100%;height:100%}.orb{position:absolute;border-radius:50%;filter:blur(60px);mix-blend-mode:screen;animation:float 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--primary-400) 0%,transparent 70%);top:-20%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--accent-400) 0%,transparent 70%);top:20%;right:-10%;animation-delay:-7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--primary-300) 0%,transparent 70%);bottom:-20%;left:20%;animation-delay:-14s}.orb-4{width:600px;height:600px;background:radial-gradient(circle,var(--accent-300) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-3s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.1)}50%{transform:translate(-10px,20px) scale(.9)}75%{transform:translate(30px,10px) scale(1.05)}}.floating-elements{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:particleFloat 15s infinite linear}.particle:nth-child(odd){background:#38bdf866}.particle:nth-child(2n){background:#22c55e4d}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translate(100px)}}.particle-1{left:5%;animation-delay:0s}.particle-2{left:15%;animation-delay:-2s}.particle-3{left:25%;animation-delay:-4s}.particle-4{left:35%;animation-delay:-6s}.particle-5{left:45%;animation-delay:-8s}.particle-6{left:55%;animation-delay:-10s}.particle-7{left:65%;animation-delay:-12s}.particle-8{left:75%;animation-delay:-14s}.particle-9{left:85%;animation-delay:-16s}.particle-10{left:95%;animation-delay:-18s}.particle-11{left:10%;animation-delay:-1s}.particle-12{left:20%;animation-delay:-3s}.particle-13{left:30%;animation-delay:-5s}.particle-14{left:40%;animation-delay:-7s}.particle-15{left:50%;animation-delay:-9s}.particle-16{left:60%;animation-delay:-11s}.particle-17{left:70%;animation-delay:-13s}.particle-18{left:80%;animation-delay:-15s}.particle-19{left:90%;animation-delay:-17s}.particle-20{left:0%;animation-delay:-19s}.cursor-glow{position:fixed;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);pointer-events:none;transition:opacity .3s ease;z-index:1}.hero-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;min-height:100vh}.hero-text{text-align:center;opacity:0;transform:translateY(50px);transition:all 1s var(--ease-out-expo)}.hero-text-visible{opacity:1;transform:translateY(0)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:2rem;animation:slideInUp 1s var(--ease-out-expo) .2s both}.badge-dot{width:8px;height:8px;background:var(--accent-400);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(3rem,8vw,7rem);line-height:1.1;margin-bottom:2rem;letter-spacing:-.03em}.title-line{display:block;overflow:hidden}.title-line-1{animation:slideInUp 1s var(--ease-out-expo) .4s both}.title-line-2{color:#fff;animation:slideInUp 1s var(--ease-out-expo) .6s both}.title-line-3{animation:slideInUp 1s var(--ease-out-expo) .8s both}.gradient-text{background:linear-gradient(135deg,var(--primary-300),var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.accent-text{background:linear-gradient(135deg,var(--accent-400),var(--accent-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6;color:#fffc;max-width:600px;margin:0 auto 3rem;animation:slideInUp 1s var(--ease-out-expo) 1s both}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:4rem;animation:slideInUp 1s var(--ease-out-expo) 1.2s both}.btn-hero-primary{position:relative;display:flex;align-items:center;gap:12px;padding:16px 32px;border:none;border-radius:12px;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-xl);overflow:hidden}.btn-hero-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-300),var(--primary-400));opacity:0;transition:opacity .3s ease}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-2xl)}.btn-hero-primary:hover:before{opacity:1}.btn-hero-primary span,.btn-hero-primary .btn-icon{position:relative;z-index:2}.btn-hero-secondary{display:flex;align-items:center;gap:12px;padding:16px 32px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s var(--ease-out-expo)}.btn-hero-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;animation:slideInUp 1s var(--ease-out-expo) 1.4s both}.stat-number{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2rem;color:#fff;margin-bottom:4px;animation:countUp 2s ease-out 1.6s both}.stat-label{font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em}.stat-divider{width:1px;height:40px;background:#fff3}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{position:relative;padding:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .4s var(--ease-out-expo);cursor:pointer;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-8px);border-color:#ffffff4d;box-shadow:var(--shadow-xl)}.feature-card:hover:before{opacity:1}.feature-card:hover .feature-glow{opacity:1;transform:scale(1.1)}.feature-card-1{animation:slideInUp 1s var(--ease-out-expo) 1.8s both}.feature-card-2{animation:slideInUp 1s var(--ease-out-expo) 2s both}.feature-card-3{animation:slideInUp 1s var(--ease-out-expo) 2.2s both}.feature-card-4{animation:slideInUp 1s var(--ease-out-expo) 2.4s both}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.25rem;color:#fff;margin-bottom:.5rem;position:relative;z-index:2}.feature-desc{color:#ffffffb3;font-size:.875rem;line-height:1.5;position:relative;z-index:2}.feature-glow{position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,var(--primary-400) 0%,transparent 70%);border-radius:50%;opacity:0;transition:all .4s ease;transform:translate(-50%,-50%) scale(.8);z-index:0}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;animation:slideInUp 1s var(--ease-out-expo) 2.6s both}.scroll-mouse{width:28px;height:45px;border:2px solid rgba(255,255,255,.4);border-radius:15px;position:relative;cursor:pointer}.scroll-wheel{width:4px;height:8px;background:#fff9;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(15px);opacity:.3}}.scroll-text{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.hero-decorations{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decoration{position:absolute;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.decoration-1{width:200px;height:200px;top:10%;right:10%;animation:rotate 20s linear infinite}.decoration-2{width:150px;height:150px;bottom:20%;left:5%;animation:rotate 15s linear infinite reverse}.decoration-3{width:100px;height:100px;top:60%;right:5%;animation:rotate 25s linear infinite}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.hero-content{padding:0 1.5rem;gap:3rem}.hero-title{font-size:clamp(2.5rem,6vw,4rem)}.hero-actions{flex-direction:column;align-items:center}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:300px;justify-content:center}.hero-stats{flex-direction:column;gap:1rem}.stat-divider{width:40px;height:1px}.hero-features{grid-template-columns:1fr}.cursor-glow{display:none}}@media (max-width: 480px){.hero-content{padding:0 1rem}.hero-badge{font-size:12px;padding:6px 12px}.feature-card{padding:1.5rem}}.products-section{position:relative;padding:8rem 0 6rem;background:linear-gradient(180deg,#fafafa,#f8fafc,#f1f5f9);overflow:hidden}.section-background{position:absolute;inset:0;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6}.bg-orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary-200) 0%,transparent 70%);top:10%;left:-10%;animation:float 25s infinite ease-in-out}.bg-orb-2{width:350px;height:350px;background:radial-gradient(circle,var(--accent-200) 0%,transparent 70%);bottom:20%;right:-10%;animation:float 20s infinite ease-in-out reverse}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:50px 50px}.products-container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.header-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#fffc;border:1px solid var(--surface-200);border-radius:50px;font-size:14px;font-weight:500;color:var(--surface-600);margin-bottom:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.section-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4rem);line-height:1.2;color:var(--surface-900);margin-bottom:1.5rem}.title-line{display:block}.section-subtitle{font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.6;color:var(--surface-600);max-width:600px;margin:0 auto 2rem}.solution-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.category-tag{padding:8px 16px;background:#ffffffb3;border:1px solid var(--surface-200);border-radius:25px;font-size:14px;font-weight:500;color:var(--surface-700);transition:all .3s var(--ease-out-expo);cursor:pointer}.category-tag:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600);transform:translateY(-2px)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.product-wrapper{opacity:0;transform:translateY(50px);transition:all .8s var(--ease-out-expo)}.product-wrapper.visible{opacity:1;transform:translateY(0)}.product-card{position:relative;background:#ffffffe6;border:1px solid var(--surface-200);border-radius:24px;padding:2rem;transition:all .4s var(--ease-out-expo);cursor:pointer;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;animation:slideInUp .8s var(--ease-out-expo) both}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .4s ease}.product-card:hover{transform:translateY(-12px);border-color:var(--surface-300);box-shadow:var(--shadow-2xl)}.product-card:hover:before{opacity:1}.product-card-popular{border-color:var(--accent-300);background:linear-gradient(135deg,#fffffff2,#10b9810d)}.product-badge{position:absolute;top:-12px;right:2rem;background:var(--gradient-accent);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-lg);z-index:10;overflow:hidden}.badge-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 2s infinite}@keyframes shine{0%,to{left:-100%}50%{left:100%}}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-100) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:0}.product-card:hover .card-glow{opacity:.5}.card-gradient{position:absolute;top:0;left:0;right:0;height:4px;border-radius:24px 24px 0 0;z-index:1}.gradient-blue{background:var(--gradient-primary)}.gradient-green{background:var(--gradient-accent)}.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.gradient-orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.gradient-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.gradient-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.card-header{position:relative;z-index:2;display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.icon-container{position:relative;width:60px;height:60px;flex-shrink:0}.icon-background{position:absolute;inset:0;background:var(--gradient-surface);border-radius:16px;box-shadow:var(--shadow-sm)}.icon-emoji{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:2}.icon-pulse{position:absolute;inset:-4px;background:var(--primary-200);border-radius:20px;opacity:0;animation:pulse 3s infinite;z-index:0}.product-card:hover .icon-pulse{opacity:.6}.header-content{flex:1;min-width:0}.product-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.5rem;color:var(--surface-900);margin-bottom:.5rem;line-height:1.3}.product-stats{display:flex;gap:1rem}.stat-item{text-align:center}.stat-value{display:block;font-family:JetBrains Mono,monospace;font-weight:600;font-size:.875rem;color:var(--primary-600);margin-bottom:2px}.stat-label{font-size:.75rem;color:var(--surface-500);text-transform:uppercase;letter-spacing:.05em}.card-content{position:relative;z-index:2;margin-bottom:1.5rem}.product-description{color:var(--surface-600);line-height:1.6;margin-bottom:1.5rem}.features-list{display:grid;gap:.75rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--surface-700);opacity:0;transform:translate(-20px);animation:slideInRight .5s var(--ease-out-expo) both}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.feature-check{width:20px;height:20px;background:var(--accent-100);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-check svg{width:12px;height:12px;color:var(--accent-600)}.demo-preview{position:relative;background:var(--surface-50);border:1px solid var(--surface-200);border-radius:12px;height:120px;overflow:hidden;margin-bottom:1.5rem;cursor:pointer;transition:all .3s ease}.demo-preview:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.demo-screen{position:absolute;inset:12px;background:#fff;border-radius:8px;overflow:hidden}.demo-content{padding:12px;height:100%;display:flex;flex-direction:column;gap:8px}.demo-bars{display:flex;flex-direction:column;gap:4px;flex:1}.demo-bar{height:8px;background:var(--primary-200);border-radius:4px;animation:barGrow 2s ease-in-out infinite}.demo-bar:nth-child(2){animation-delay:.5s}.demo-bar:nth-child(3){animation-delay:1s}@keyframes barGrow{0%,to{opacity:.5}50%{opacity:1}}.demo-chart{height:20px;position:relative;background:var(--surface-100);border-radius:4px;overflow:hidden}.chart-line{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--accent-400);border-radius:4px;animation:chartGrow 3s ease-in-out infinite}@keyframes chartGrow{0%{width:0%}50%{width:80%}to{width:0%}}.demo-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .3s ease;color:#fff}.demo-preview:hover .demo-overlay{opacity:1}.play-button{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.play-button:hover{transform:scale(1.1)}.play-button svg{width:16px;height:16px;margin-left:2px}.card-footer{position:relative;z-index:2;display:flex;align-items:center;gap:1rem}.product-cta{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out-expo);position:relative;overflow:hidden}.product-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-400),var(--primary-500));opacity:0;transition:opacity .3s ease}.product-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.product-cta:hover:before{opacity:1}.product-cta span,.product-cta .cta-arrow{position:relative;z-index:2}.cta-arrow{width:16px;height:16px;transition:transform .3s ease}.product-cta:hover .cta-arrow{transform:translate(4px)}.card-actions{display:flex;gap:8px}.action-btn{width:40px;height:40px;background:var(--surface-100);border:1px solid var(--surface-200);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-out-expo);color:var(--surface-600)}.action-btn:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600);transform:translateY(-2px)}.action-btn svg{width:18px;height:18px}.card-shine{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;z-index:3;pointer-events:none}.card-shine.active{left:100%}.products-cta{margin-top:4rem}.cta-card{position:relative;background:var(--gradient-dark);border-radius:24px;padding:3rem;text-align:center;overflow:hidden;color:#fff}.cta-background{position:absolute;inset:0}.cta-glow{position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,var(--primary-400) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:.3;animation:pulse 4s infinite}.cta-content{position:relative;z-index:2}.cta-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.cta-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem}.stat-number{display:block;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2rem;color:var(--accent-300);margin-bottom:4px}.stat-text{font-size:.875rem;opacity:.8;text-transform:uppercase;letter-spacing:.1em}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.cta-primary{position:relative;padding:16px 32px;background:var(--gradient-accent);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out-expo);overflow:hidden}.cta-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.cta-primary:hover .btn-shine{left:100%}.cta-secondary{display:flex;align-items:center;gap:8px;padding:16px 32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s var(--ease-out-expo);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cta-secondary:hover{background:#fff3;border-color:#fff6}.cta-secondary svg{width:18px;height:18px}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.products-container{padding:0 1.5rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{padding:1.5rem}.card-header{flex-direction:column;text-align:center;gap:1rem}.solution-categories{flex-direction:column;align-items:center}.cta-stats{flex-direction:column;gap:1.5rem}.cta-actions{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.products-container{padding:0 1rem}.product-card{padding:1rem}.cta-card{padding:2rem 1rem}}.whatsapp-widget{position:fixed;bottom:2rem;right:2rem;z-index:1000;font-family:Inter,sans-serif}.chat-bubble{position:absolute;bottom:80px;right:0;width:320px;background:#fff;border-radius:20px;box-shadow:var(--shadow-2xl);overflow:hidden;animation:chatBubbleSlideIn .4s var(--ease-out-expo);border:1px solid var(--surface-200)}@keyframes chatBubbleSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(135deg,#075e54,#128c7e);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;color:#fff}.agent-info{display:flex;align-items:center;gap:12px}.agent-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.agent-avatar img{width:100%;height:100%;object-fit:cover}.agent-details{flex:1}.agent-name{font-weight:600;font-size:14px;margin-bottom:2px}.agent-status{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.9}.status-dot{width:8px;height:8px;background:#25d366;border-radius:50%;animation:pulse 2s infinite}.close-btn{background:transparent;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.chat-body{padding:1.25rem;background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z'/%3E%3C/g%3E%3C/svg%3E")}.chat-message{background:#fff;padding:12px 16px;border-radius:12px 12px 12px 4px;box-shadow:var(--shadow-sm);position:relative;animation:messageSlideIn .3s var(--ease-out-expo) .2s both}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-text{font-size:14px;line-height:1.5;color:var(--surface-800);margin-bottom:8px}.message-time{font-size:11px;color:var(--surface-500);text-align:right}.chat-footer{padding:1rem 1.25rem;background:#fff;border-top:1px solid var(--surface-200)}.whatsapp-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#25d366;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-md)}.whatsapp-btn:hover{background:#20ba5a;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.whatsapp-float-btn{position:relative;width:60px;height:60px;background:#25d366;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-xl);color:#fff;animation:floatIn .5s var(--ease-out-expo)}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.whatsapp-float-btn:hover{background:#20ba5a;transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-2xl)}.whatsapp-float-btn.expanded{background:#ff4757}.whatsapp-float-btn.expanded:hover{background:#ff3838}.whatsapp-icon{position:relative;z-index:2;transition:transform .3s ease}.whatsapp-float-btn:hover .whatsapp-icon{transform:scale(1.1)}.close-icon{transition:transform .3s ease}.whatsapp-float-btn.expanded:hover .close-icon{transform:rotate(90deg)}.pulse-ring{position:absolute;top:50%;left:50%;width:60px;height:60px;border:2px solid #25D366;border-radius:50%;transform:translate(-50%,-50%);animation:pulsate 2s infinite}.pulse-ring-2{animation-delay:1s}@keyframes pulsate{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.notification-badge{position:absolute;top:-4px;right:-4px;width:24px;height:24px;background:#ff4757;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;animation:bounceIn .5s var(--ease-bounce) 3s both,badgePulse 2s infinite 4s;z-index:10}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.whatsapp-widget{bottom:1.5rem;right:1.5rem}.chat-bubble{width:280px;right:-10px}.whatsapp-float-btn{width:56px;height:56px}.whatsapp-icon svg{width:24px;height:24px}.pulse-ring{width:56px;height:56px}}@media (max-width: 480px){.whatsapp-widget{bottom:1rem;right:1rem}.chat-bubble{width:260px;right:-20px}.whatsapp-float-btn{width:52px;height:52px}.whatsapp-icon svg{width:22px;height:22px}.pulse-ring{width:52px;height:52px}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primary{background:var(--primary-600);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px #0000001a;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.btn-secondary{background:transparent;color:var(--primary-600);padding:.75rem 1.5rem;border:2px solid var(--primary-600);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--primary-600);color:#fff}.gradient-bg{background:linear-gradient(135deg,var(--primary-600),var(--primary-700),var(--primary-800))}.gradient-text{background:linear-gradient(135deg,var(--primary-600),var(--accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-bounce-subtle{animation:bounceSubtle 2s infinite}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.fixed{position:fixed}.w-full{width:100%}.z-50{z-index:50}.bg-white{background-color:#fff}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.py-20{padding-top:5rem;padding-bottom:5rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-white{color:#fff}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-16{margin-bottom:4rem}.mt-16{margin-top:4rem}.grid{display:grid}.gap-8{gap:2rem}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.p-8{padding:2rem}.p-6{padding:1.5rem}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bg-opacity-95{background-color:#fffffff2}.space-x-4>*+*{margin-left:1rem}.space-y-8>*+*{margin-top:2rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-3>*+*{margin-top:.75rem}.hover\:text-primary-600:hover{color:var(--primary-600)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.transition-colors{transition-property:color,background-color,border-color}.transition-all{transition-property:all}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.transform{transform:translate(0)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.opacity-90{opacity:.9}.opacity-20{opacity:.2}.w-72{width:18rem}.h-72{height:18rem}.top-20{top:5rem}.left-20{left:5rem}.right-20{right:5rem}.bottom-20{bottom:5rem}.left-1\/2{left:50%}.bottom-8{bottom:2rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.filter{filter:blur(1px)}.blur-xl{filter:blur(24px)}.mix-blend-multiply{mix-blend-mode:multiply}.z-10{z-index:10}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.border{border-width:1px}.border-2{border-width:2px}.border-gray-300{border-color:#d1d5db}.border-gray-800{border-color:#1f2937}.border-white{border-color:#fff}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--primary-500)}.focus\:border-primary-500:focus{border-color:var(--primary-500)}.rounded-full{border-radius:9999px}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-primary-50{--tw-gradient-from: var(--primary-50);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-accent-50{--tw-gradient-to: var(--accent-50)}.from-primary-500{--tw-gradient-from: var(--primary-500);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-primary-600{--tw-gradient-to: var(--primary-600)}.from-primary-600{--tw-gradient-from: var(--primary-600);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-accent-500{--tw-gradient-from: var(--accent-500);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-accent-600{--tw-gradient-to: var(--accent-600)}.from-gray-50{--tw-gradient-from: #f9fafb;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-100{--tw-gradient-to: #f3f4f6}.shadow-xl,.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ring-4{box-shadow:0 0 0 4px var(--ring-color)}.ring-accent-400{--ring-color: var(--accent-400)}.bg-accent-500{background-color:var(--accent-500)}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.bg-gray-900{background-color:#111827}.bg-gray-800{background-color:#1f2937}.hover\:bg-primary-600:hover,.bg-primary-600{background-color:var(--primary-600)}.hover\:bg-primary-700:hover{background-color:var(--primary-700)}.bg-transparent{background-color:transparent}.border-primary-600{border-color:var(--primary-600)}.text-primary-600{color:var(--primary-600)}.hover\:text-white:hover{color:#fff}.hover\:text-primary-400:hover{color:var(--primary-400)}.ml-4{margin-left:1rem}.ml-10{margin-left:2.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.pt-8{padding-top:2rem}.pt-4{padding-top:1rem}.border-t{border-top-width:1px}.whitespace-nowrap{white-space:nowrap}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-baseline{align-items:baseline}.items-start{align-items:flex-start}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-heading{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.mobile-menu{background-color:#fff;box-shadow:0 10px 15px -3px #0000001a}input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}@media (max-width: 768px){.container{padding:0 1rem}.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-left{text-align:left}.md\:text-5xl{font-size:3rem}.md\:text-7xl{font-size:4.5rem}.md\:text-2xl{font-size:1.5rem}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-left{text-align:left}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}}.footer-modern{position:relative;background:linear-gradient(135deg,var(--surface-900) 0%,var(--surface-800) 50%,var(--surface-900) 100%);color:#fff;overflow:hidden}.footer-background{position:absolute;inset:0;pointer-events:none}.footer-gradient-mesh{position:absolute;width:100%;height:100%}.footer-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;animation:footerBlobFloat 20s infinite ease-in-out}.footer-blob-1{width:300px;height:300px;background:radial-gradient(circle,var(--primary-600) 0%,transparent 70%);top:10%;left:20%;animation-delay:0s}.footer-blob-2{width:250px;height:250px;background:radial-gradient(circle,var(--accent-500) 0%,transparent 70%);bottom:20%;right:15%;animation-delay:-10s}.footer-blob-3{width:200px;height:200px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);top:60%;left:70%;animation-delay:-5s}@keyframes footerBlobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.9)}75%{transform:translate(40px,10px) scale(1.05)}}.footer-grid-pattern{position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='20' cy='20' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.footer-noise{position:absolute;width:100%;height:100%;opacity:.02;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='footerNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23footerNoise)'/%3E%3C/svg%3E")}.footer-container{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:4rem 2rem 2rem}.footer-main{display:grid;grid-template-columns:1.2fr 2fr;gap:4rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-company{opacity:0;transform:translateY(30px);transition:all 1s var(--ease-out-expo)}.section-visible{opacity:1;transform:translateY(0)}.company-logo-section{margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:16px;margin-bottom:1.5rem}.logo-circle-footer{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.logo-radiating-footer{position:absolute;width:100%;height:100%;animation:rotate 25s linear infinite}.logo-ray-footer{position:absolute;top:50%;left:50%;width:1.5px;height:14px;transform-origin:0 0;border-radius:1px;opacity:.8}.logo-ray-footer:nth-child(odd){background:linear-gradient(to bottom,var(--primary-500) 0%,var(--primary-400) 60%,transparent 100%)}.logo-ray-footer:nth-child(2n){background:linear-gradient(to bottom,var(--accent-500) 0%,var(--accent-400) 60%,transparent 100%)}.logo-center-footer{position:relative;z-index:10;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:18px;color:var(--primary-400)}.logo-text-footer{display:flex;flex-direction:column;line-height:1}.logo-main-footer{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:28px;background:linear-gradient(135deg,var(--primary-400),var(--primary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.logo-sub-footer{font-size:11px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.15em;margin-top:-2px}.company-description{color:#fffc;font-size:15px;line-height:1.7;margin-bottom:2rem;max-width:400px}.enterprise-badges{display:flex;flex-direction:column;gap:12px}.badge-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;cursor:pointer}.badge-item:hover{background:#ffffff1a;border-color:#fff3;transform:translate(5px)}.badge-icon{font-size:18px}.badge-text{color:#ffffffe6;font-size:13px;font-weight:500}.footer-sections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-section{opacity:0;transform:translateY(30px);transition:all .8s var(--ease-out-expo)}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem}.section-icon{font-size:20px}.section-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:#fff}.section-links{display:flex;flex-direction:column;gap:8px;list-style:none}.link-item{position:relative}.footer-link{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:#ffffffb3;text-decoration:none;font-size:14px;border-radius:8px;transition:all .3s var(--ease-out-expo);overflow:hidden}.footer-link:hover{color:#fff;background:#ffffff14;transform:translate(4px)}.link-text{flex:1}.link-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.badge-popular{background:var(--primary-500);color:#fff}.badge-new{background:var(--accent-500);color:#fff}.badge-featured{background:#f59e0b;color:#fff}.badge-hiring{background:#10b981;color:#fff;animation:pulse 2s infinite}.newsletter-section{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.newsletter-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease}.newsletter-card:hover{background:#ffffff14;border-color:#fff3}.newsletter-header{display:flex;align-items:center;gap:16px;margin-bottom:1.5rem}.newsletter-icon{font-size:32px}.newsletter-text{flex:1}.newsletter-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;color:#fff;margin-bottom:6px}.newsletter-subtitle{color:#fffc;font-size:14px;line-height:1.5}.newsletter-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;gap:12px}.newsletter-input{flex:1;padding:14px 18px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;transition:all .3s ease}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{outline:none;border-color:var(--primary-400);background:#ffffff26;box-shadow:0 0 0 2px #3b82f633}.newsletter-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.newsletter-btn.subscribed{background:#22c55e;transform:none}.form-benefits{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.benefit-item{color:#fff9;font-size:12px;font-weight:500}.social-proof{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.social-proof-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:#fff;text-align:center}.social-icons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.social-icon-modern{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;text-decoration:none;font-size:12px;font-weight:600;transition:all .3s ease;cursor:pointer;overflow:hidden;animation:socialIconFloat .6s var(--ease-out-expo) both}@keyframes socialIconFloat{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-icon-modern:hover{background:#ffffff1a;border-color:var(--social-color, rgba(255, 255, 255, .3));color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md)}.social-icon-symbol{font-size:18px;font-weight:700}.social-followers{font-size:10px;color:#fff9}.social-hover-glow{position:absolute;inset:-2px;background:var(--social-color, var(--primary-500));border-radius:14px;opacity:0;filter:blur(8px);transition:opacity .3s ease;z-index:-1}.social-icon-modern:hover .social-hover-glow{opacity:.3}.contact-support-section{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.contact-card{display:flex;align-items:flex-start;gap:16px;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease;cursor:pointer;opacity:0;transform:translateY(20px);animation:contactCardSlide .8s var(--ease-out-expo) both}.card-2{animation-delay:1.2s}.card-3{animation-delay:1.4s}.card-4{animation-delay:1.6s}@keyframes contactCardSlide{to{opacity:1;transform:translateY(0)}}.contact-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.contact-icon{width:48px;height:48px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;transition:all .3s ease}.contact-card:hover .contact-icon{background:#fff3;transform:scale(1.1)}.contact-content{flex:1}.contact-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:8px}.contact-details{color:#ffffffb3;font-size:13px;line-height:1.6}.enterprise-cta-section{margin-bottom:3rem}.enterprise-cta-card{position:relative;background:var(--gradient-primary);border-radius:24px;padding:3rem;text-align:center;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.cta-background-effect{position:absolute;top:50%;left:50%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse 6s infinite}.cta-content-modern{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem}.cta-icon-large{font-size:48px;animation:bounce 3s infinite ease-in-out}.cta-text-content{text-align:center;max-width:600px}.cta-main-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2rem,4vw,2.5rem);color:#fff;margin-bottom:1rem}.cta-description{font-size:16px;color:#ffffffe6;line-height:1.6}.cta-stats{display:flex;gap:3rem;justify-content:center}.cta-stat{text-align:center}.stat-number-cta{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2rem;color:#fff;margin-bottom:4px}.stat-label-cta{font-size:14px;color:#fffc;font-weight:500}.cta-actions-footer{display:flex;gap:1rem;justify-content:center}.cta-btn-primary-footer{display:flex;align-items:center;gap:8px;padding:16px 32px;background:#fff;color:var(--primary-600);border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.cta-btn-primary-footer:hover{background:#fffffff2;transform:translateY(-3px);box-shadow:var(--shadow-xl)}.cta-btn-secondary-footer{display:flex;align-items:center;gap:8px;padding:16px 28px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.cta-btn-secondary-footer:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.trust-section-footer{margin-bottom:3rem}.trust-header-footer{text-align:center;margin-bottom:2rem}.trust-title-footer{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;color:#fff}.trust-indicators-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.trust-indicator{display:flex;align-items:center;gap:16px;padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease;cursor:pointer;opacity:0;transform:translateY(20px);animation:trustIndicatorSlide .8s var(--ease-out-expo) both}.indicator-1{animation-delay:1.8s}.indicator-2{animation-delay:2s}.indicator-3{animation-delay:2.2s}.indicator-4{animation-delay:2.4s}@keyframes trustIndicatorSlide{to{opacity:1;transform:translateY(0)}}.trust-indicator:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.indicator-icon{font-size:28px}.indicator-content{flex:1}.indicator-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:4px}.indicator-desc{color:#ffffffb3;font-size:14px;line-height:1.5}.footer-bottom{position:relative}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-copyright{flex:1}.copyright-text{color:#fffc;font-size:14px;margin-bottom:4px}.built-in-kenya{color:#fff9;font-size:12px}.footer-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-legal-link{color:#fff9;text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease}.footer-legal-link:hover{color:var(--primary-400)}.final-cta{text-align:center}.final-cta-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.final-cta-text{color:#fffc;font-size:16px;font-weight:600}.final-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--gradient-accent);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:16px;transition:all .3s ease;box-shadow:var(--shadow-md)}.final-cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-xl)}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr;gap:3rem}.footer-sections-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.newsletter-section{grid-template-columns:1fr;gap:2rem}.cta-stats{gap:2rem}.cta-actions-footer{flex-direction:column;align-items:center}.cta-btn-primary-footer,.cta-btn-secondary-footer{width:100%;max-width:300px;justify-content:center}}@media (max-width: 768px){.footer-container{padding:3rem 1.5rem 2rem}.footer-sections-grid{grid-template-columns:1fr;gap:2rem}.contact-cards{grid-template-columns:1fr;gap:1rem}.trust-indicators-footer{grid-template-columns:1fr 1fr;gap:1rem}.form-group{flex-direction:column}.newsletter-btn{align-self:center;width:100%;max-width:200px;justify-content:center}.form-benefits{flex-direction:column;gap:8px}.social-icons{gap:8px}.footer-bottom-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-links{justify-content:center}}@media (max-width: 480px){.footer-container{padding:2rem 1rem 1.5rem}.enterprise-cta-card{padding:2rem 1.5rem}.cta-stats{flex-direction:column;gap:1rem}.trust-indicators-footer{grid-template-columns:1fr}.contact-card{padding:1.5rem}.footer-links{flex-direction:column;gap:1rem}}.text-serix-logo{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--gradient-primary);color:#fff;border-radius:50%;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:12px}.new-hero{min-height:100vh;padding-top:80px;background:linear-gradient(135deg,#3b82f605,#ef444403,#10b98105),linear-gradient(180deg,#fff,#f8fafc);position:relative;overflow:hidden}.hero-background-new{position:absolute;inset:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:orbFloat 20s infinite ease-in-out}.orb-1{width:300px;height:300px;background:linear-gradient(135deg,#3b82f64d,#9333ea33);top:20%;left:10%;animation-delay:0s}.orb-2{width:250px;height:250px;background:linear-gradient(135deg,#ef444433,#f59e0b4d);bottom:20%;right:15%;animation-delay:-10s}.orb-3{width:200px;height:200px;background:linear-gradient(135deg,#10b9814d,#22c55e33);top:50%;right:30%;animation-delay:-5s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.9)}75%{transform:translate(20px,10px) scale(1.05)}}.animated-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 30s linear infinite;opacity:.4}.hero-container-new{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:calc(100vh - 80px)}.hero-content-new{display:flex;flex-direction:column;justify-content:center}.content-animate{opacity:0;transform:translateY(50px);transition:all 1.2s var(--ease-out-expo)}.content-animate.loaded{opacity:1;transform:translateY(0)}.hero-badge-new{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#3b82f61a,#9333ea0d);border:1px solid rgba(59,130,246,.2);border-radius:40px;color:var(--primary-700);font-size:15px;font-weight:600;margin-bottom:2rem;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #3b82f61a;position:relative;overflow:hidden;animation:badgeSlideIn .8s var(--ease-out-expo) .2s both}@keyframes badgeSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-badge-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.hero-badge-new:hover:before{left:100%}.badge-icon-new{font-size:16px}.hero-title-new{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2.5rem,6vw,4rem);line-height:1.2;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.2rem}.title-line{overflow:hidden}.title-1{color:var(--surface-900);opacity:0;transform:translateY(60px);animation:titleSlideIn .8s var(--ease-out-expo) .4s both}.title-2{background:linear-gradient(135deg,var(--primary-600),var(--primary-500),rgba(147,51,234,.8));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(60px);animation:titleSlideIn .8s var(--ease-out-expo) .6s both,gradientShift 3s ease-in-out infinite}.title-3{background:linear-gradient(135deg,var(--accent-600),rgba(16,185,129,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(60px);animation:titleSlideIn .8s var(--ease-out-expo) .8s both}@keyframes titleSlideIn{to{opacity:1;transform:translateY(0)}}.hero-description-new{font-size:1.125rem;line-height:1.7;color:var(--surface-600);margin-bottom:2rem;max-width:500px;opacity:0;transform:translateY(30px);animation:descSlideIn .8s var(--ease-out-expo) 1s both}@keyframes descSlideIn{to{opacity:1;transform:translateY(0)}}.hero-description-new strong{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid-new{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);animation:featuresSlideIn .8s var(--ease-out-expo) 1.2s both}@keyframes featuresSlideIn{to{opacity:1;transform:translateY(0)}}.feature-new{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#fff,#f8fafccc);border:1px solid var(--surface-200);border-radius:12px;font-size:14px;font-weight:500;color:var(--surface-700);box-shadow:0 4px 12px #0000000d;transition:all .4s var(--ease-out-expo);cursor:pointer;position:relative;overflow:hidden}.feature-new:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#9333ea0d);opacity:0;transition:opacity .3s ease}.feature-new:hover:before{opacity:1}.feature-new:hover{border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626}.feature-icon-new{font-size:16px}.cta-buttons-new{display:flex;gap:1rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);animation:ctaSlideIn .8s var(--ease-out-expo) 1.4s both}@keyframes ctaSlideIn{to{opacity:1;transform:translateY(0)}}.btn-primary-new{position:relative;display:flex;align-items:center;gap:10px;padding:18px 28px;background:linear-gradient(135deg,var(--primary-600),var(--primary-500),rgba(147,51,234,.8));background-size:200% 200%;color:#fff;border:none;border-radius:14px;font-weight:600;font-size:16px;cursor:pointer;transition:all .4s var(--ease-out-expo);box-shadow:0 8px 24px #2563eb4d;overflow:hidden;animation:gradientShift 4s ease-in-out infinite}.btn-primary-new:before{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}.btn-primary-new:hover:before{left:100%}.btn-primary-new:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #2563eb66}.btn-secondary-new{position:relative;display:flex;align-items:center;gap:10px;padding:18px 28px;background:linear-gradient(135deg,#fff,#f8fafce6);color:var(--surface-700);border:1px solid var(--surface-300);border-radius:14px;font-weight:600;font-size:16px;cursor:pointer;transition:all .4s var(--ease-out-expo);box-shadow:0 4px 16px #00000014;overflow:hidden}.btn-secondary-new:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#9333ea08);opacity:0;transition:opacity .3s ease}.btn-secondary-new:hover:before{opacity:1}.btn-secondary-new:hover{border-color:var(--primary-400);color:var(--primary-700);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #3b82f626}.stats-new{display:flex;align-items:center;gap:2rem;padding-top:2rem;border-top:1px solid var(--surface-200);opacity:0;transform:translateY(30px);animation:statsSlideIn .8s var(--ease-out-expo) 1.6s both}@keyframes statsSlideIn{to{opacity:1;transform:translateY(0)}}.stat-new{text-align:center}.stat-number-new{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--primary-600);display:block;margin-bottom:4px}.stat-label-new{font-size:14px;color:var(--surface-600)}.stat-divider-new{width:1px;height:30px;background:var(--surface-300)}.hero-visual-new{display:flex;align-items:center;justify-content:center;position:relative}.visual-container-new{position:relative;width:100%;max-width:500px}.dashboard-card-new{background:linear-gradient(135deg,#fff,#f8fafce6);border:1px solid var(--surface-200);border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative;z-index:2;opacity:0;transform:translate(50px);animation:dashboardSlideIn 1s var(--ease-out-expo) .8s both,cardFloat 6s ease-in-out infinite}@keyframes dashboardSlideIn{to{opacity:1;transform:translate(0)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card-header-new{background:linear-gradient(90deg,var(--surface-50),rgba(248,250,252,.8));padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-200)}.header-dots-new{display:flex;gap:6px}.dot-red{width:10px;height:10px;background:#ef4444;border-radius:50%}.dot-yellow{width:10px;height:10px;background:#f59e0b;border-radius:50%}.dot-green{width:10px;height:10px;background:#10b981;border-radius:50%}.card-title-new{font-weight:600;font-size:14px;color:var(--surface-900)}.card-content-new{padding:24px}.metrics-row-new{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.metric-card-new{background:linear-gradient(135deg,var(--surface-50),rgba(248,250,252,.8));padding:18px;border-radius:14px;text-align:center;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.metric-card-new.metric-active{background:linear-gradient(135deg,#3b82f61a,#9333ea0d);border-color:#3b82f633;transform:scale(1.05);box-shadow:0 8px 20px #3b82f626}.metric-value-new{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;display:block;margin-bottom:4px;transition:all .3s ease}.metric-label-new{font-size:12px;color:var(--surface-600);font-weight:500}.chart-area-new{height:140px;background:linear-gradient(135deg,var(--surface-50),rgba(248,250,252,.8));border-radius:16px;padding:20px;display:flex;align-items:end;border:1px solid var(--surface-100)}.chart-bars-new{display:flex;align-items:end;gap:6px;width:100%;height:100%}.chart-bar-new{flex:1;background:linear-gradient(180deg,var(--primary-500),var(--primary-600));border-radius:4px;min-height:20px;animation:barGrow 3s ease-in-out infinite;position:relative;overflow:hidden}.chart-bar-new:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:4px}.chart-bar-new:nth-child(odd){background:linear-gradient(180deg,var(--accent-500),var(--accent-600))}.chart-bar-new:nth-child(3n){background:linear-gradient(180deg,#10b981,#059669)}@keyframes barGrow{0%,to{opacity:.8;transform:scaleY(.9)}50%{opacity:1;transform:scaleY(1)}}.floating-card-new{position:absolute;display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#fff,#f8fafce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 12px 24px #0000001f;font-size:14px;font-weight:600;color:var(--surface-700);animation:floatUp 5s ease-in-out infinite;opacity:0;transition:all .3s ease}.card-1{top:15%;left:-60px;animation:floatUp 5s ease-in-out infinite,cardSlideIn 1s var(--ease-out-expo) 2s both}.card-2{top:45%;right:-70px;animation:floatUp 5s ease-in-out infinite,cardSlideIn 1s var(--ease-out-expo) 2.5s both;animation-delay:1.5s,2.5s}.card-3{bottom:25%;left:-50px;animation:floatUp 5s ease-in-out infinite,cardSlideIn 1s var(--ease-out-expo) 3s both;animation-delay:3s,3s}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cardSlideIn{to{opacity:1}}.floating-card-new:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 32px #00000026;border-color:var(--primary-200)}.floating-icon-new{font-size:16px}@media (max-width: 1024px){.hero-container-new{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-visual-new{order:-1}.floating-card-new{display:none}}@media (max-width: 768px){.hero-container-new{padding:0 1rem;gap:2rem}.features-grid-new{grid-template-columns:1fr}.cta-buttons-new{flex-direction:column;align-items:center}.btn-primary-new,.btn-secondary-new{width:100%;max-width:280px;justify-content:center}.stats-new{flex-direction:column;gap:1rem;align-items:center}.stat-divider-new{width:40px;height:1px}}.floating-platform-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;opacity:0;animation:platformTextFadeIn 2s ease-out 1s both}.platform-text{font-family:Space Grotesk,sans-serif;font-weight:200;font-size:clamp(4rem,12vw,8rem);color:#2563eb14;text-transform:uppercase;letter-spacing:.1em;line-height:1;-webkit-user-select:none;user-select:none;animation:platformFloat 15s ease-in-out infinite}@keyframes platformTextFadeIn{to{opacity:1}}@keyframes platformFloat{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(1deg) scale(1.02)}50%{transform:rotate(0) scale(.98)}75%{transform:rotate(-1deg) scale(1.01)}}@media (max-width: 1024px){.platform-text{font-size:clamp(3rem,10vw,6rem);opacity:.06}}@media (max-width: 768px){.platform-text{font-size:clamp(2rem,8vw,4rem);opacity:.05}}.floating-metric-card{position:absolute;display:flex;align-items:center;gap:12px;padding:20px 24px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000000d;transition:all .4s ease;opacity:0;animation:metricFloat 1s ease-out both;cursor:pointer}.metric-position-1{top:20%;right:10%;animation-delay:1.5s}.metric-position-2{top:50%;right:5%;animation-delay:2s}.metric-position-3{bottom:25%;right:15%;animation-delay:2.5s}@keyframes metricFloat{to{opacity:1;transform:translateY(0)}}.floating-metric-card:hover{background:#fff3;border-color:#fff6;transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #0000001a}.metric-highlighted{background:#3b82f626;border-color:#3b82f64d;transform:scale(1.1);box-shadow:0 12px 40px #3b82f633}.metric-icon-floating{font-size:24px;animation:iconBounce 3s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.metric-content-floating{display:flex;flex-direction:column;align-items:flex-start}.metric-value-floating{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.5rem;margin-bottom:2px;transition:all .3s ease}.metric-label-floating{font-size:12px;color:#0009;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.floating-card-transparent{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:13px;font-weight:500;color:#000000b3;animation:cardFloatIn 1s ease-out both,gentleFloat 4s ease-in-out infinite;transition:all .3s ease;opacity:0}.card-pos-1{top:15%;left:20%;animation-delay:3s,0s}.card-pos-2{top:65%;left:10%;animation-delay:3.5s,1s}.card-pos-3{bottom:15%;right:40%;animation-delay:4s,2s}.card-pos-4{top:35%;left:5%;animation-delay:4.5s,3s}@keyframes cardFloatIn{to{opacity:1}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-card-transparent:hover{background:#ffffff26;border-color:#3b82f64d;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #0000001a}.card-icon-transparent{font-size:16px}.card-text-transparent{font-weight:600}@media (max-width: 1024px){.floating-metric-card,.floating-card-transparent{position:relative;margin-bottom:1rem;opacity:1;transform:none;animation:none}.hero-visual-new{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}}.solutions-new{padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9)}.solutions-container{max-width:1200px;margin:0 auto;padding:0 2rem}.solutions-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.header-visible{opacity:1;transform:translateY(0)}.section-badge-new{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f61a,#9333ea0d);border:1px solid rgba(59,130,246,.2);border-radius:30px;color:var(--primary-700);font-size:14px;font-weight:600;margin-bottom:1.5rem}.badge-icon-solutions{font-size:16px}.solutions-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin-bottom:1.5rem}.solutions-title-line{display:block;color:var(--surface-900)}.solutions-title-gradient{display:block;background:linear-gradient(135deg,var(--primary-600),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.solutions-subtitle{font-size:1.125rem;color:var(--surface-600);max-width:600px;margin:0 auto;line-height:1.6}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;opacity:0;transform:translateY(20px);transition:all .8s ease-out}.filter-visible{opacity:1;transform:translateY(0)}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid var(--surface-200);border-radius:12px;color:var(--surface-700);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;animation:filterSlideIn .6s ease-out both}@keyframes filterSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-btn:hover,.category-active{background:linear-gradient(135deg,var(--primary-50),rgba(147,51,234,.05));border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.category-icon{font-size:16px}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.solution-card{background:linear-gradient(135deg,#fff,#f8fafccc);border:1px solid var(--surface-200);border-radius:20px;padding:2rem;box-shadow:0 8px 24px #0000000f;transition:all .4s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:cardSlideIn .8s ease-out both}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.card-visible{opacity:1;transform:translateY(0)}.solution-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001a;border-color:var(--primary-200)}.card-header-solutions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.solution-icon-container{display:flex;align-items:center;gap:12px}.solution-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 4px 12px #0000001a}.status-indicator{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#0000000d;border-radius:20px;font-size:12px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.solution-stats{text-align:right}.client-count{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;color:var(--surface-700)}.solution-title-card{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--surface-900);margin-bottom:1rem}.solution-description-card{color:var(--surface-600);line-height:1.6;margin-bottom:1.5rem}.features-list-new{display:flex;flex-direction:column;gap:8px;margin-bottom:2rem}.feature-item-new{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--surface-700)}.feature-check{width:16px;height:16px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.card-footer-solutions{display:flex;gap:1rem}.solution-cta{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.solution-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.demo-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#fff;color:var(--surface-700);border:1px solid var(--surface-300);border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease}.demo-btn:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.card-glow-solutions{position:absolute;inset:-4px;border-radius:24px;opacity:0;filter:blur(12px);transition:opacity .3s ease;z-index:-1}.solution-card:hover .card-glow-solutions{opacity:.2}.enterprise-cta-solutions{text-align:center;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.cta-visible{opacity:1;transform:translateY(0)}.cta-card-solutions{background:linear-gradient(135deg,var(--surface-900),var(--surface-800));border-radius:24px;padding:3rem;color:#fff;position:relative;overflow:hidden}.cta-card-solutions:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#ef44440d);opacity:.5}.cta-content-solutions{position:relative;z-index:2}.cta-icon-solutions{font-size:48px;margin-bottom:1.5rem}.cta-title-solutions{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2.5rem;margin-bottom:1rem}.cta-description-solutions{font-size:1.125rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-stats-solutions{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.cta-stat-item{text-align:center}.stat-value-solutions{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2rem;margin-bottom:4px}.stat-label-solutions{font-size:14px;opacity:.8}.cta-actions-solutions{display:flex;gap:1rem;justify-content:center}.cta-primary-solutions{display:flex;align-items:center;gap:8px;padding:16px 28px;background:#fff;color:var(--primary-600);border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.cta-primary-solutions:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.cta-secondary-solutions{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-secondary-solutions:hover{background:#fff3;border-color:#fff6}.about-new{padding:6rem 0;background:#fff}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.section-badge-about{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b9811a,#22c55e0d);border:1px solid rgba(16,185,129,.2);border-radius:30px;color:#059669;font-size:14px;font-weight:600;margin-bottom:1.5rem}.badge-icon-about{font-size:16px}.about-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin-bottom:1.5rem}.about-title-line{display:block;color:var(--surface-900)}.about-title-gradient{display:block;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:1.125rem;color:var(--surface-600);max-width:700px;margin:0 auto;line-height:1.6}.stats-section-about{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.stats-visible{opacity:1;transform:translateY(0)}.stat-card-about{display:flex;align-items:center;gap:16px;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafccc);border:1px solid var(--surface-200);border-radius:16px;box-shadow:0 4px 16px #0000000a;transition:all .3s ease;animation:statSlideIn .8s ease-out both}@keyframes statSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card-about:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.stat-icon-about{font-size:32px}.stat-number-about{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2rem;color:var(--primary-600);margin-bottom:4px;display:block}.stat-label-about{font-size:14px;color:var(--surface-600);font-weight:500}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem}.mission-card,.vision-card{padding:2rem;background:linear-gradient(135deg,var(--primary-50),rgba(59,130,246,.05));border:1px solid var(--primary-200);border-radius:20px;opacity:0;transform:translateY(30px);transition:all .8s ease-out;animation:missionSlideIn .8s ease-out both}@keyframes missionSlideIn{to{opacity:1;transform:translateY(0)}}.vision-card{background:linear-gradient(135deg,#10b9810d,#22c55e08);border-color:#10b981}.mission-header,.vision-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.mission-icon,.vision-icon{font-size:24px}.mission-title,.vision-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--surface-900)}.mission-text,.vision-text{color:var(--surface-600);line-height:1.7}.values-section{margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.values-visible{opacity:1;transform:translateY(0)}.values-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2rem;text-align:center;margin-bottom:3rem;color:var(--surface-900)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.value-card{position:relative;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafccc);border:1px solid var(--surface-200);border-radius:16px;box-shadow:0 4px 16px #0000000a;transition:all .3s ease;overflow:hidden;opacity:0;transform:translateY(20px);animation:valueSlideIn .6s ease-out both}@keyframes valueSlideIn{to{opacity:1;transform:translateY(0)}}.value-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000014}.value-icon-container{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff}.value-icon{font-size:28px}.value-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;color:var(--surface-900);margin-bottom:.5rem}.value-description{color:var(--surface-600);line-height:1.6}.value-glow{position:absolute;inset:-4px;border-radius:20px;opacity:0;filter:blur(12px);transition:opacity .3s ease;z-index:-1}.value-card:hover .value-glow{opacity:.15}.why-choose-us{opacity:0;transform:translateY(30px);transition:all 1s ease-out}.why-visible{opacity:1;transform:translateY(0)}.why-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2rem;text-align:center;margin-bottom:3rem;color:var(--surface-900)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.why-card{padding:1.5rem;background:linear-gradient(135deg,#f8fafccc,#fff);border:1px solid var(--surface-200);border-radius:12px;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:whySlideIn .6s ease-out both}@keyframes whySlideIn{to{opacity:1;transform:translateY(0)}}.why-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.why-icon{font-size:32px;margin-bottom:1rem}.why-card-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.125rem;color:var(--surface-900);margin-bottom:.5rem}.why-card-description{color:var(--surface-600);line-height:1.6}.contact-new{padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9)}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.section-badge-contact{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f59e0b1a,#fbbf240d);border:1px solid rgba(245,158,11,.2);border-radius:30px;color:#d97706;font-size:14px;font-weight:600;margin-bottom:1.5rem}.badge-icon-contact{font-size:16px}.contact-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin-bottom:1.5rem}.contact-title-line{display:block;color:var(--surface-900)}.contact-title-gradient{display:block;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.125rem;color:var(--surface-600);max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.contact-form-section{opacity:0;transform:translate(-30px);transition:all 1s ease-out}.form-visible{opacity:1;transform:translate(0)}.form-header{margin-bottom:2rem}.form-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--surface-900);margin-bottom:.5rem}.form-subtitle{color:var(--surface-600)}.contact-form-new{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;font-size:14px;color:var(--surface-800)}.form-input,.form-select,.form-textarea{padding:12px 16px;background:linear-gradient(135deg,#fff,#f8fafccc);border:1px solid var(--surface-300);border-radius:10px;font-size:14px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.form-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f64d}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.contact-info-section{opacity:0;transform:translate(30px);transition:all 1s ease-out}.info-visible{opacity:1;transform:translate(0)}.contact-info-card{background:linear-gradient(135deg,#fff,#f8fafce6);border:1px solid var(--surface-200);border-radius:20px;padding:2rem;box-shadow:0 8px 24px #0000000f}.info-header{margin-bottom:2rem}.info-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--surface-900);margin-bottom:.5rem}.info-subtitle{color:var(--surface-600)}.contact-method{display:flex;gap:16px;padding:1rem;background:#f8fafc80;border-radius:12px;transition:all .3s ease}.contact-method:hover{background:var(--primary-50);transform:translate(4px)}.method-icon{font-size:24px}.method-title{font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:4px}.method-details{color:var(--surface-600);font-size:14px;line-height:1.5}.quick-actions{margin-top:2rem}.quick-actions-title{font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:1rem}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.quick-action{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:linear-gradient(135deg,#fff,#f8fafccc);border:1px solid var(--surface-300);border-radius:8px;color:var(--surface-700);text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease}.quick-action:hover{background:linear-gradient(135deg,var(--primary-50),rgba(59,130,246,.05));border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-2px)}.action-icon{font-size:14px}.footer-new{background:linear-gradient(135deg,var(--surface-900),var(--surface-800));color:#fff;padding:3rem 0 2rem}.footer-container-new{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-main-new{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-company-new{display:flex;flex-direction:column;gap:2rem}.company-logo-new{display:flex;align-items:center;gap:16px}.logo-circle-new{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.logo-radiating-new{position:absolute;width:100%;height:100%;animation:rotate 20s linear infinite}.logo-ray-new{position:absolute;top:50%;left:50%;width:1px;height:12px;transform-origin:0 0;border-radius:1px;opacity:.8}.logo-center-new{position:relative;z-index:10;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:16px;color:var(--primary-400)}.logo-text-new{display:flex;flex-direction:column;line-height:1}.logo-main-new{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:24px;background:linear-gradient(135deg,var(--primary-400),var(--primary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub-new{font-size:10px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-top:-2px}.company-description-new{color:#fffc;line-height:1.7;max-width:400px}.company-badges-new{display:flex;flex-direction:column;gap:8px}.company-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffb3}.footer-links-new{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.column-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:1rem}.column-links{display:flex;flex-direction:column;gap:8px;list-style:none}.footer-link-new{color:#ffffffb3;text-decoration:none;font-size:14px;transition:all .3s ease;padding:4px 0}.footer-link-new:hover{color:var(--primary-400);transform:translate(4px)}.social-icons-new{display:flex;gap:8px;margin-top:1rem}.social-icon-new{width:32px;height:32px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fffc;transition:all .3s ease}.social-icon-new:hover{background:var(--social-color, var(--primary-500));color:#fff;transform:translateY(-2px)}.social-symbol{font-weight:700;font-size:14px}.newsletter-new{margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .8s ease-out}.newsletter-visible{opacity:1;transform:translateY(0)}.newsletter-card-new{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-header-new{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.newsletter-icon-new{font-size:24px}.newsletter-title-new{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;color:#fff;margin-bottom:4px}.newsletter-subtitle-new{color:#ffffffb3;font-size:14px}.newsletter-form-new{display:flex;gap:12px}.newsletter-input-new{flex:1;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease}.newsletter-input-new::placeholder{color:#ffffff80}.newsletter-input-new:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 2px #3b82f633}.newsletter-btn-new{display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-btn-new:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.footer-bottom-new{text-align:center}.footer-bottom-content-new{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-copyright-new{flex:1;text-align:left}.copyright-text-new{color:#fffc;margin-bottom:4px}.built-in-kenya-new{color:#fff9;font-size:14px}.footer-legal-new{display:flex;gap:2rem;flex-wrap:wrap}.legal-link-new{color:#fff9;text-decoration:none;font-size:14px;transition:all .3s ease}.legal-link-new:hover{color:var(--primary-400)}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:3rem}.mission-vision{grid-template-columns:1fr}.footer-main-new{grid-template-columns:1fr;gap:2rem}.footer-links-new{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-row,.actions-grid{grid-template-columns:1fr}.cta-stats-solutions{flex-direction:column;gap:1rem}.cta-actions-solutions{flex-direction:column;align-items:center}.footer-links-new{grid-template-columns:1fr;gap:2rem}.footer-bottom-content-new{flex-direction:column;text-align:center}.footer-copyright-new{text-align:center}}.solutions-3d{position:relative;padding:8rem 0;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 0% 100%,rgba(239,68,68,.02) 0%,transparent 50%),linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);overflow:hidden;perspective:2000px;transform-style:preserve-3d}.solutions-background-3d{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.solutions-mesh{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.mesh-layer{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;transition:transform .3s ease}.mesh-solutions-1{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);top:20%;left:10%}.mesh-solutions-2{width:350px;height:350px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);bottom:30%;right:15%}.mesh-solutions-3{width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.18) 0%,transparent 70%);top:60%;left:70%}.geometric-3d-solutions{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.geometric-shape-solutions{position:absolute;width:30px;height:30px;transform-style:preserve-3d;transition:transform .3s ease}.shape-face-solutions{position:absolute;width:100%;height:100%;background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.face-front{transform:translateZ(15px)}.face-back{transform:rotateY(180deg) translateZ(15px)}.face-left{transform:rotateY(-90deg) translateZ(15px)}.face-right{transform:rotateY(90deg) translateZ(15px)}.face-top{transform:rotateX(90deg) translateZ(15px)}.face-bottom{transform:rotateX(-90deg) translateZ(15px)}.shape-solutions-1{top:15%;left:15%}.shape-solutions-2{top:25%;right:20%}.shape-solutions-3{bottom:35%;left:25%}.shape-solutions-4{top:65%;right:30%}.shape-solutions-5{bottom:20%;right:40%}.shape-solutions-6{top:40%;left:5%}.shape-solutions-7{bottom:50%;left:80%}.shape-solutions-8{top:80%;right:10%}.parallax-elements{position:absolute;width:100%;height:100%;transition:transform .1s ease}.parallax-circle{position:absolute;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.circle-1{width:200px;height:200px;top:20%;right:20%}.circle-2{width:150px;height:150px;bottom:30%;left:15%}.circle-3{width:180px;height:180px;top:70%;right:50%}.solutions-container-3d{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;transform-style:preserve-3d}.solutions-header-3d{text-align:center;margin-bottom:4rem;opacity:0;transform:translate3d(0,50px,-100px);transition:all 1.5s var(--ease-out-expo);transform-style:preserve-3d}.header-3d-visible{opacity:1;transform:translateZ(0)}.section-badge-3d{position:relative;display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(59,130,246,.2);border-radius:50px;color:var(--primary-700);font-size:16px;font-weight:600;margin-bottom:3rem;box-shadow:0 8px 32px #3b82f626;overflow:hidden;transform-style:preserve-3d}.badge-glow-3d{position:absolute;inset:-3px;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));border-radius:53px;opacity:.3;filter:blur(15px);animation:pulse 4s infinite;z-index:-1}.badge-icon-3d{font-size:20px;animation:iconSpin 10s linear infinite}@keyframes iconSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.solutions-title-3d{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:2rem;letter-spacing:-.02em;perspective:1000px;transform-style:preserve-3d}.title-word-3d{display:block;opacity:0;transform:translate3d(0,80px,-200px) rotateX(45deg);animation:word3DEntrance 1s var(--ease-out-expo) both;color:var(--surface-900);text-shadow:0 4px 8px rgba(0,0,0,.1)}.word-1{animation-delay:.2s}.word-2{animation-delay:.4s}.word-3{animation-delay:.6s}.word-4{animation-delay:.8s}@keyframes word3DEntrance{to{opacity:1;transform:translateZ(0) rotateX(0)}}.gradient-word-3d{background:linear-gradient(135deg,var(--primary-600),var(--primary-500),var(--accent-500));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient3DShift 4s ease-in-out infinite}@keyframes gradient3DShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.solutions-subtitle-3d{font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.7;color:var(--surface-600);max-width:800px;margin:0 auto 3rem;opacity:0;transform:translate3d(0,30px,-50px);animation:subtitle3DEntrance 1s var(--ease-out-expo) 1s both;transition:transform .3s ease}@keyframes subtitle3DEntrance{to{opacity:1;transform:translateZ(0)}}.solutions-subtitle-3d strong{background:linear-gradient(135deg,var(--primary-600),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.stats-showcase-3d{display:flex;justify-content:center;gap:3rem;margin-top:3rem;perspective:1000px}.stat-cube-3d{position:relative;width:80px;height:80px;transform-style:preserve-3d;transition:transform .3s ease;cursor:pointer;animation:cubeFloat3D 1.2s var(--ease-out-expo) both}.cube-1{animation-delay:1.2s}.cube-2{animation-delay:1.4s}.cube-3{animation-delay:1.6s}@keyframes cubeFloat3D{0%{opacity:0;transform:translate3d(0,50px,-100px) rotateX(45deg)}to{opacity:1;transform:translateZ(0) rotateX(0)}}.cube-face{position:absolute;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(59,130,246,.2);color:var(--primary-600)}.cube-front{transform:translateZ(40px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);font-size:16px;font-weight:800}.cube-back{transform:rotateY(180deg) translateZ(40px);background:#3b82f6e6;color:#fff;font-size:12px}.cube-top{transform:rotateX(90deg) translateZ(40px);background:#10b981e6;color:#fff;font-size:11px}.stat-cube-3d:hover{animation:cubeRotate 2s ease-in-out infinite}@keyframes cubeRotate{0%,to{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(90deg) rotateY(0)}50%{transform:rotateX(90deg) rotateY(90deg)}75%{transform:rotateX(0) rotateY(90deg)}}.solutions-grid-3d{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;margin-bottom:5rem;transform-style:preserve-3d}.solution-card-3d{position:relative;background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a;transition:all .5s var(--ease-out-expo);opacity:0;transform:translate3d(0,80px,-150px) rotateX(25deg);animation:card3DEntrance 1.2s var(--ease-out-expo) both;transform-style:preserve-3d;cursor:pointer;overflow:hidden}@keyframes card3DEntrance{to{opacity:1;transform:translateZ(0) rotateX(0)}}.card-3d-visible{opacity:1;transform:translateZ(0) rotateX(0)}.solution-card-3d:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#9333ea08);opacity:0;transition:opacity .4s ease;z-index:-1}.solution-card-3d:hover:before{opacity:1}.solution-card-3d:hover{transform:translate3d(0,-12px,30px) rotateX(2deg);box-shadow:0 32px 64px #0000001f,0 16px 32px #3b82f614;border-color:#3b82f64d}.card-header-solutions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;position:relative;z-index:2}.solution-icon-container{display:flex;align-items:center;gap:16px;perspective:500px}.solution-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 20px #00000026,0 4px 8px #0000001a;transition:all .3s ease;transform-style:preserve-3d}.solution-card-3d:hover .solution-icon{transform:rotateY(180deg) translateZ(10px)}.status-indicator{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:25px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #0000000d}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px currentColor}.solution-stats{text-align:right;transform:perspective(500px) rotateY(-5deg);transition:transform .3s ease}.solution-card-3d:hover .solution-stats{transform:perspective(500px) rotateY(0) translateZ(5px)}.client-count{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;background:linear-gradient(135deg,var(--primary-600),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-body-solutions{position:relative;z-index:2;margin-bottom:2rem}.solution-title-card{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--surface-900);margin-bottom:1rem;transition:all .3s ease;transform:perspective(500px) rotateX(0)}.solution-card-3d:hover .solution-title-card{transform:perspective(500px) rotateX(-2deg) translateZ(5px);color:var(--primary-700)}.solution-description-card{color:var(--surface-600);line-height:1.7;margin-bottom:1.5rem;transition:all .3s ease}.features-list-new{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:2rem}.feature-item-new{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--surface-700);padding:8px 12px;background:#fff9;border-radius:8px;transition:all .3s ease;transform:perspective(300px) rotateY(0)}.solution-card-3d:hover .feature-item-new{transform:perspective(300px) rotateY(-2deg) translateZ(3px);background:#ffffffe6}.feature-check{width:18px;height:18px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 8px #22c55e4d}.card-footer-solutions{display:flex;gap:1rem;position:relative;z-index:2}.solution-cta{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 20px #3b82f64d;transform-style:preserve-3d}.solution-cta:hover{transform:translateY(-3px) translateZ(10px);box-shadow:0 12px 32px #3b82f666}.demo-btn{display:flex;align-items:center;gap:6px;padding:14px 18px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--surface-700);border:1px solid rgba(255,255,255,.6);border-radius:12px;font-weight:500;cursor:pointer;transition:all .3s ease;transform-style:preserve-3d}.demo-btn:hover{background:#fff;border-color:var(--primary-200);color:var(--primary-700);transform:translateY(-2px) translateZ(5px)}.card-glow-solutions{position:absolute;inset:-6px;border-radius:30px;opacity:0;filter:blur(20px);transition:opacity .4s ease;z-index:-2}.solution-card-3d:hover .card-glow-solutions{opacity:.25}.enterprise-cta-solutions{position:relative;transform-style:preserve-3d;opacity:0;transform:translate3d(0,50px,-100px);transition:all 1.5s var(--ease-out-expo)}.cta-visible{opacity:1;transform:translateZ(0)}.cta-card-solutions{background:linear-gradient(135deg,var(--surface-900),var(--surface-800));border-radius:32px;padding:4rem;color:#fff;position:relative;overflow:hidden;transform-style:preserve-3d;box-shadow:0 24px 48px #0003;transition:all .4s ease}.cta-card-solutions:hover{transform:rotateX(2deg) translateZ(20px)}.cta-card-solutions:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#ef44440d);opacity:.6;z-index:1}.cta-content-solutions{position:relative;z-index:2;text-align:center}.cta-icon-solutions{font-size:56px;margin-bottom:2rem;animation:iconFloat3D 6s ease-in-out infinite}@keyframes iconFloat3D{0%,to{transform:rotateY(0) translateZ(0)}50%{transform:rotateY(180deg) translateZ(20px)}}.cta-title-solutions{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3rem);margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description-solutions{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-stats-solutions{display:flex;justify-content:center;gap:4rem;margin-bottom:3rem;perspective:800px}.cta-stat-item{text-align:center;transform-style:preserve-3d;transition:transform .3s ease}.cta-stat-item:hover{transform:rotateY(10deg) translateZ(10px)}.stat-value-solutions{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;margin-bottom:6px;background:linear-gradient(135deg,var(--accent-400),var(--accent-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label-solutions{font-size:16px;opacity:.8;font-weight:500}.cta-actions-solutions{display:flex;gap:1.5rem;justify-content:center;perspective:600px}.cta-primary-solutions{display:flex;align-items:center;gap:10px;padding:18px 32px;background:linear-gradient(135deg,#fff,#f8fafcf2);color:var(--primary-600);border:none;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 24px #fff3;transform-style:preserve-3d}.cta-primary-solutions:hover{transform:rotateX(-5deg) translateZ(15px);box-shadow:0 16px 40px #ffffff4d}.cta-secondary-solutions{display:flex;align-items:center;gap:10px;padding:18px 28px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:14px;font-weight:600;font-size:16px;cursor:pointer;transition:all .4s ease;transform-style:preserve-3d}.cta-secondary-solutions:hover{background:#fff3;border-color:#fff6;transform:rotateX(-3deg) translateZ(10px)}@media (max-width: 1024px){.solutions-grid-3d{grid-template-columns:1fr;gap:2rem}.stats-showcase-3d{gap:2rem}.solution-card-3d:hover{transform:translateY(-8px)}}@media (max-width: 768px){.solutions-3d{padding:4rem 0}.stats-showcase-3d{flex-direction:column;align-items:center;gap:1.5rem}.features-list-new{grid-template-columns:1fr}.cta-stats-solutions{flex-direction:column;gap:2rem}.cta-actions-solutions{flex-direction:column;align-items:center}.cta-primary-solutions,.cta-secondary-solutions{width:100%;max-width:300px;justify-content:center}}.technology-showcase{position:relative;padding:8rem 0;background:radial-gradient(ellipse 120% 80% at 20% 20%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(ellipse 100% 60% at 80% 80%,rgba(139,92,246,.02) 0%,transparent 50%),linear-gradient(180deg,#f8fafc,#fff,#f1f5f9);overflow:hidden;perspective:2000px;transform-style:preserve-3d}.tech-background-3d{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.tech-grid-3d{position:absolute;width:120%;height:120%;top:-10%;left:-10%;background-image:linear-gradient(rgba(16,185,129,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.08) 1px,transparent 1px);background-size:60px 60px;transition:transform .3s ease;opacity:.6}.floating-code{position:absolute;width:100%;height:100%}.code-fragment{position:absolute;font-family:JetBrains Mono,monospace;font-size:14px;color:#10b98166;font-weight:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:8px 12px;background:#ffffff1a;border-radius:6px;border:1px solid rgba(16,185,129,.1);animation:codeFloat 12s ease-in-out infinite;transition:transform .3s ease}@keyframes codeFloat{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.fragment-1{animation-delay:0s}.fragment-2{animation-delay:3s}.fragment-3{animation-delay:6s}.fragment-4{animation-delay:9s}.tech-container{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem}.tech-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translate3d(0,50px,-100px);transition:all 1.5s var(--ease-out-expo);transform-style:preserve-3d}.tech-header-visible{opacity:1;transform:translateZ(0)}.tech-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#10b9811a,#22c55e0d);border:1px solid rgba(16,185,129,.2);border-radius:40px;color:#059669;font-size:15px;font-weight:600;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-badge-icon{font-size:18px;animation:iconRotate 8s linear infinite}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tech-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(3rem,7vw,5rem);line-height:1.2;margin-bottom:2rem;perspective:1000px}.tech-title-line{display:block;color:var(--surface-900);transform:perspective(500px) rotateX(0);transition:transform .3s ease}.tech-title-gradient{display:block;background:linear-gradient(135deg,#10b981,#059669,#16a34a);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:techGradientShift 4s ease-in-out infinite;transform:perspective(500px) rotateX(0);transition:transform .3s ease}@keyframes techGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tech-subtitle{font-size:1.25rem;color:var(--surface-600);max-width:700px;margin:0 auto;line-height:1.6}.tech-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.tabs-visible{opacity:1;transform:translateY(0)}.tech-tab{display:flex;align-items:center;gap:16px;padding:1.5rem 2rem;background:linear-gradient(135deg,#fff,#f8fafce6);border:1px solid var(--surface-200);border-radius:16px;cursor:pointer;transition:all .4s ease;text-align:left;box-shadow:0 4px 16px #0000000a;transform-style:preserve-3d;animation:tabSlideIn .8s ease-out both}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(20px) rotateX(15deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.tech-tab:hover,.tab-active{background:linear-gradient(135deg,#10b9811a,#22c55e0d);border-color:#10b981;transform:translateY(-4px) rotateX(-2deg) translateZ(10px);box-shadow:0 12px 32px #10b98126}.tab-icon{font-size:24px;transition:transform .3s ease}.tech-tab:hover .tab-icon{transform:scale(1.2) rotate(5deg)}.tab-content{flex:1}.tab-name{display:block;font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:4px}.tab-description{font-size:13px;color:var(--surface-600)}.tech-content-area{margin-bottom:4rem}.tech-content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.content-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.75rem;color:var(--surface-900);margin-bottom:2rem}.features-3d-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.tech-feature-card{display:flex;align-items:center;gap:16px;padding:1.5rem;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 8px 24px #0000000f;transition:all .4s ease;opacity:0;transform:translate3d(0,30px,-50px);animation:featureCard3D .8s ease-out both;transform-style:preserve-3d;cursor:pointer}@keyframes featureCard3D{to{opacity:1;transform:translateZ(0)}}.tech-feature-card:hover{transform:translate3d(0,-6px,15px) rotateX(-3deg);box-shadow:0 16px 40px #0000001a;border-color:#10b9814d}.feature-icon-3d{font-size:28px;animation:iconBounce3D 4s ease-in-out infinite}@keyframes iconBounce3D{0%,to{transform:translateZ(0)}50%{transform:translateZ(5px) rotateY(5deg)}}.feature-content-3d{flex:1}.feature-title-3d{font-weight:700;font-size:16px;color:var(--surface-900);margin-bottom:4px}.feature-desc-3d{color:var(--surface-600);font-size:14px;line-height:1.5}.tech-metrics{display:flex;flex-direction:column;gap:2rem}.metrics-3d-container{display:flex;flex-direction:column;gap:1rem}.metric-3d-card{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 8px 24px #0000000f;transition:all .4s ease;opacity:0;transform:translate3d(50px,0,-50px);animation:metric3DSlide .8s ease-out both;overflow:hidden}@keyframes metric3DSlide{to{opacity:1;transform:translateZ(0)}}.metric-3d-card:hover{transform:translate3d(-4px,-4px,10px) rotateY(-2deg);box-shadow:0 16px 40px #10b9811a}.metric-3d-value{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.75rem;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-3d-label{font-size:14px;color:var(--surface-600);font-weight:500}.metric-3d-glow{position:absolute;inset:-3px;background:linear-gradient(135deg,#10b981,#059669);border-radius:19px;opacity:0;filter:blur(15px);transition:opacity .3s ease;z-index:-1}.metric-3d-card:hover .metric-3d-glow{opacity:.2}.dev-screen-3d{background:var(--surface-900);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0003;transform-style:preserve-3d;transition:all .4s ease}.dev-screen-3d:hover{transform:rotateY(2deg) translateZ(5px)}.screen-header-3d{background:var(--surface-800);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.screen-dots-3d{display:flex;gap:6px}.dot-3d{width:10px;height:10px;border-radius:50%}.dot-3d.red{background:#ef4444}.dot-3d.yellow{background:#f59e0b}.dot-3d.green{background:#10b981}.screen-title-3d{color:var(--surface-300);font-size:12px;font-weight:600}.screen-body-3d{padding:1.5rem;height:200px;position:relative;font-family:JetBrains Mono,monospace}.code-lines-3d{display:flex;flex-direction:column;gap:8px}.code-line-3d{display:flex;align-items:center;opacity:0;transform:translate(-20px);animation:codeLine3D .5s ease-out both}@keyframes codeLine3D{to{opacity:1;transform:translate(0)}}.line-number-3d{color:var(--surface-500);margin-right:16px;font-size:11px;width:20px}.code-text-3d{color:var(--surface-200);font-size:13px}.code-text-3d.comment{color:#10b981;font-style:italic}.typing-cursor-3d{position:absolute;bottom:1.5rem;right:1.5rem;width:2px;height:16px;background:#10b981;animation:blink3D 1s infinite}@keyframes blink3D{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 1024px){.tech-content-grid{grid-template-columns:1fr;gap:3rem}.features-3d-grid{grid-template-columns:1fr}.tech-tabs{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.technology-showcase{padding:4rem 0}.tech-container{padding:0 1rem}.tech-tabs{grid-template-columns:1fr}.floating-code{display:none}}.contact-3d{position:relative;padding:8rem 0;background:radial-gradient(ellipse 100% 70% at 30% 20%,rgba(245,158,11,.03) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 70% 80%,rgba(139,92,246,.02) 0%,transparent 50%),linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);overflow:hidden;perspective:2000px;transform-style:preserve-3d}.contact-background-3d{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.contact-mesh-1{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px);top:25%;left:15%;transition:transform .3s ease}.contact-mesh-2{position:absolute;width:350px;height:350px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);border-radius:50%;filter:blur(60px);bottom:30%;right:20%;transition:transform .3s ease}.floating-3d-elements{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.floating-3d-shape{position:absolute;width:25px;height:25px;transform-style:preserve-3d;transition:transform .3s ease}.shape-3d-face{position:absolute;width:100%;height:100%;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.face-front-contact{transform:translateZ(12px)}.face-back-contact{transform:rotateY(180deg) translateZ(12px)}.face-left-contact{transform:rotateY(-90deg) translateZ(12px)}.face-right-contact{transform:rotateY(90deg) translateZ(12px)}.face-top-contact{transform:rotateX(90deg) translateZ(12px)}.face-bottom-contact{transform:rotateX(-90deg) translateZ(12px)}.shape-contact-1{top:20%;left:10%}.shape-contact-2{top:40%;right:15%}.shape-contact-3{bottom:30%;left:20%}.shape-contact-4{top:70%;right:25%}.shape-contact-5{bottom:15%;right:40%}.shape-contact-6{top:50%;left:5%}.contact-container-3d{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;transform-style:preserve-3d}.contact-header-3d{text-align:center;margin-bottom:4rem;opacity:0;transform:translate3d(0,60px,-150px) rotateX(25deg);transition:all 1.5s var(--ease-out-expo);transform-style:preserve-3d}.header-3d-visible{opacity:1;transform:translateZ(0) rotateX(0)}.section-badge-contact-3d{position:relative;display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:#ffffffe6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(245,158,11,.3);border-radius:50px;color:#d97706;font-size:16px;font-weight:600;margin-bottom:3rem;box-shadow:0 8px 32px #f59e0b33;overflow:hidden;transform-style:preserve-3d}.badge-glow-contact{position:absolute;inset:-3px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:53px;opacity:.3;filter:blur(15px);animation:pulse 4s infinite;z-index:-1}.badge-icon-contact-3d{font-size:20px;animation:iconPulse3D 3s ease-in-out infinite}@keyframes iconPulse3D{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.contact-title-3d{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(3rem,7vw,5rem);line-height:1.1;margin-bottom:2rem;perspective:1000px;transform-style:preserve-3d}.contact-word-3d{display:block;opacity:0;transform:translate3d(0,100px,-250px) rotateX(45deg);animation:contactWord3D 1s var(--ease-out-expo) both;color:var(--surface-900)}.word-contact-1{animation-delay:.3s}.word-contact-2{animation-delay:.5s}.word-contact-3{animation-delay:.7s}.word-contact-4{animation-delay:.9s}@keyframes contactWord3D{to{opacity:1;transform:translateZ(0) rotateX(0)}}.gradient-contact{background:linear-gradient(135deg,#f59e0b,#d97706,#ea580c);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:contactGradient 4s ease-in-out infinite}@keyframes contactGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.contact-subtitle-3d{font-size:1.25rem;color:var(--surface-600);max-width:700px;margin:0 auto;line-height:1.6;transition:transform .3s ease}.contact-content-3d{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start;transform-style:preserve-3d}.contact-form-3d{background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:3rem;box-shadow:0 24px 48px #00000014,0 12px 24px #0000000a;opacity:0;transform:translate3d(-50px,50px,-100px) rotateY(15deg);transition:all 1.5s var(--ease-out-expo);transform-style:preserve-3d}.form-3d-visible{opacity:1;transform:translateZ(0) rotateY(0)}.contact-form-3d:hover{transform:translate3d(0,-8px,20px) rotateY(-1deg);box-shadow:0 32px 64px #0000001f,0 16px 32px #f59e0b14}.contact-form-new .form-input,.contact-form-new .form-select,.contact-form-new .form-textarea{background:linear-gradient(135deg,#fff,#f8fafce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 12px #00000008;transition:all .4s ease;transform-style:preserve-3d}.contact-form-new .form-input:focus,.contact-form-new .form-select:focus,.contact-form-new .form-textarea:focus{border-color:#f59e0b;transform:translateZ(5px) rotateX(-1deg);box-shadow:0 8px 24px #f59e0b26}.form-submit{position:relative;background:linear-gradient(135deg,#f59e0b,#d97706);background-size:200% 200%;animation:buttonGradient 3s ease-in-out infinite;transform-style:preserve-3d;overflow:hidden}.form-submit:before{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}.form-submit:hover:before{left:100%}.form-submit:hover{transform:translateY(-3px) translateZ(10px) rotateX(-2deg);animation-duration:1s}@keyframes buttonGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.contact-info-3d{opacity:0;transform:translate3d(50px,50px,-100px) rotateY(-15deg);transition:all 1.5s var(--ease-out-expo);transform-style:preserve-3d}.info-3d-visible{opacity:1;transform:translateZ(0) rotateY(0)}.contact-info-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:3rem;box-shadow:0 24px 48px #00000014,0 12px 24px #0000000a;transform-style:preserve-3d;transition:all .4s ease}.contact-info-card:hover{transform:translate3d(0,-8px,20px) rotateY(1deg);box-shadow:0 32px 64px #0000001f,0 16px 32px #8b5cf614}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-method{display:flex;gap:16px;padding:1.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.8);border-radius:16px;transition:all .4s ease;transform-style:preserve-3d;cursor:pointer}.contact-method:hover{background:linear-gradient(135deg,#f59e0b1a,#fbbf240d);border-color:#f59e0b4d;transform:translate(6px) translateZ(8px) rotateY(-2deg);box-shadow:0 12px 28px #f59e0b26}.method-icon{font-size:28px;animation:methodIconFloat 4s ease-in-out infinite}@keyframes methodIconFloat{0%,to{transform:rotateY(0) translateZ(0)}50%{transform:rotateY(10deg) translateZ(5px)}}.quick-actions{margin-top:2rem;transform-style:preserve-3d}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;perspective:600px}.quick-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.6);border-radius:12px;color:var(--surface-700);text-decoration:none;font-size:14px;font-weight:600;transition:all .4s ease;box-shadow:0 4px 16px #0000000d;transform-style:preserve-3d}.quick-action:hover{background:linear-gradient(135deg,#f59e0b26,#fbbf2414);border-color:#f59e0b4d;color:#d97706;transform:translateY(-3px) translateZ(8px) rotateX(-3deg);box-shadow:0 8px 24px #f59e0b33}.action-icon{font-size:16px;transition:transform .3s ease}.quick-action:hover .action-icon{transform:scale(1.2) rotate(5deg)}.footer-new{background:linear-gradient(135deg,var(--surface-900),var(--surface-800));color:#fff;padding:4rem 0 2rem;position:relative;transform-style:preserve-3d;perspective:1500px}.footer-new:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 80% 80%,rgba(239,68,68,.05) 0%,transparent 50%);pointer-events:none}.footer-container-new{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;transform-style:preserve-3d}.footer-main-new{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);transform-style:preserve-3d}.footer-company-new{display:flex;flex-direction:column;gap:2rem;transition:transform .4s ease}.company-logo-new{display:flex;align-items:center;gap:16px;transform-style:preserve-3d}.logo-circle-new{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.logo-radiating-new{position:absolute;width:100%;height:100%;animation:logoRotate3D 25s linear infinite;transform-style:preserve-3d}@keyframes logoRotate3D{0%{transform:rotate(0) rotateY(0)}50%{transform:rotate(180deg) rotateY(180deg)}to{transform:rotate(360deg) rotateY(360deg)}}.logo-ray-new{position:absolute;top:50%;left:50%;width:1.5px;height:14px;transform-origin:0 0;border-radius:1px;opacity:.9}.logo-ray-new:nth-child(odd){background:linear-gradient(to bottom,var(--primary-400) 0%,var(--primary-300) 60%,transparent 100%)}.logo-ray-new:nth-child(2n){background:linear-gradient(to bottom,var(--accent-400) 0%,var(--accent-300) 60%,transparent 100%)}.logo-center-new{position:relative;z-index:10;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:18px;color:var(--primary-400);animation:logoCenter3D 8s ease-in-out infinite}@keyframes logoCenter3D{0%,to{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}}.footer-links-new{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;transition:transform .4s ease}.footer-column{transform-style:preserve-3d;transition:transform .3s ease}.footer-column:hover{transform:translateY(-4px) rotateX(-2deg)}.column-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:#fff;margin-bottom:1.5rem;position:relative}.column-title:after{content:"";position:absolute;bottom:-4px;left:0;width:30px;height:2px;background:linear-gradient(90deg,var(--primary-400),var(--accent-400));border-radius:1px;animation:underlineGlow 3s ease-in-out infinite}@keyframes underlineGlow{0%,to{width:30px;opacity:.8}50%{width:50px;opacity:1}}.footer-link-new{display:block;color:#ffffffb3;text-decoration:none;font-size:14px;padding:6px 0;transition:all .3s ease;transform-style:preserve-3d}.footer-link-new:hover{color:var(--primary-400);transform:translate(6px) translateZ(3px)}.social-icons-new{display:flex;gap:12px;margin-top:1.5rem;perspective:400px}.social-icon-new{width:40px;height:40px;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fffc;transition:all .4s ease;box-shadow:0 4px 12px #0000001a;transform-style:preserve-3d}.social-icon-new:hover{background:var(--social-color, var(--primary-500));color:#fff;transform:translateY(-4px) rotateX(-5deg) translateZ(8px);box-shadow:0 12px 28px #0003}.social-symbol{font-weight:700;font-size:16px;transition:transform .3s ease}.social-icon-new:hover .social-symbol{transform:scale(1.2) rotate(5deg)}.column-title-btn{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:1rem;transition:all .3s ease}.column-title-btn:hover{transform:translate(4px)}.column-title-btn .column-title{margin-bottom:0;text-align:left}.footer-chevron{color:#fff9;transition:all .3s ease;transform:rotate(0)}.footer-chevron.expanded{transform:rotate(180deg);color:var(--primary-400)}.column-links{max-height:0;overflow:hidden;transition:all .4s ease;opacity:0;transform:translateY(-10px)}.column-links.expanded{max-height:300px;opacity:1;transform:translateY(0)}.social-icons-new{max-height:0;overflow:hidden;transition:all .4s ease;opacity:0;transform:translateY(-10px);margin-top:0}.social-icons-new.expanded{max-height:60px;opacity:1;transform:translateY(0);margin-top:1.5rem}@media (min-width: 768px){.column-links,.social-icons-new{max-height:none;opacity:1;transform:none;overflow:visible}.social-icons-new{margin-top:1.5rem}.footer-chevron{display:none}.column-title-btn{pointer-events:none}.column-title-btn:hover{transform:none}}.newsletter-card-new{background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;transform-style:preserve-3d;transition:all .4s ease;box-shadow:0 12px 32px #0000001a}.newsletter-card-new:hover{transform:translateY(-6px) rotateX(-2deg) translateZ(15px);border-color:#ffffff4d;box-shadow:0 20px 48px #00000026}.newsletter-btn-new{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;transform-style:preserve-3d}.newsletter-btn-new:hover{transform:translateY(-2px) translateZ(5px);animation-duration:1s}@media (max-width: 1024px){.contact-content-3d{grid-template-columns:1fr;gap:3rem}.footer-main-new{grid-template-columns:1fr}.contact-form-3d,.contact-info-3d,.footer-company-new,.footer-links-new{transform:none!important}.contact-form-3d:hover,.contact-info-card:hover{transform:translateY(-4px)!important}}@media (max-width: 768px){.contact-3d{padding:4rem 0}.contact-container-3d{padding:0 1rem}.floating-3d-shape,.contact-mesh-1,.contact-mesh-2{display:none}}.infrastructure-page{min-height:100vh;background:linear-gradient(135deg,#fff,#f8fafc);padding-top:80px;position:relative;overflow:hidden;perspective:2000px;transform-style:preserve-3d}.infra-background-3d{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.infra-mesh-grid{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:40px;padding:40px}.grid-node{width:20px;height:20px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:4px;transition:transform .3s ease;animation:nodeGlow 4s ease-in-out infinite;transform-style:preserve-3d}@keyframes nodeGlow{0%,to{opacity:.3;box-shadow:0 0 5px #2563eb33}50%{opacity:.8;box-shadow:0 0 15px #2563eb66}}.node-1{animation-delay:0s}.node-2{animation-delay:.2s}.node-3{animation-delay:.4s}.node-4{animation-delay:.6s}.node-5{animation-delay:.8s}.node-6{animation-delay:1s}.node-7{animation-delay:1.2s}.node-8{animation-delay:1.4s}.node-9{animation-delay:1.6s}.node-10{animation-delay:1.8s}.data-streams{position:absolute;width:100%;height:100%}.data-stream{position:absolute;width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(37,99,235,.3),transparent);animation:streamFlow 8s ease-in-out infinite;transition:transform .3s ease}.stream-1{left:20%;animation-delay:0s}.stream-2{left:40%;animation-delay:1.6s}.stream-3{left:60%;animation-delay:3.2s}.stream-4{left:80%;animation-delay:4.8s}.stream-5{left:30%;animation-delay:6.4s}@keyframes streamFlow{0%,to{opacity:.2;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.2)}}.infra-hero{padding:6rem 0;position:relative;z-index:10}.infra-hero-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.infra-hero-content{opacity:0;transform:translate3d(-50px,50px,-100px);transition:all 1.5s var(--ease-out-expo);transform-style:preserve-3d}.hero-loaded{opacity:1;transform:translateZ(0)}.infra-badge{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border:1px solid rgba(37,99,235,.2);border-radius:50px;color:var(--primary-700);font-size:16px;font-weight:600;margin-bottom:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #2563eb26;animation:badgeSlide3D 1s var(--ease-out-expo) .3s both}@keyframes badgeSlide3D{0%{opacity:0;transform:translateY(30px) rotateX(25deg) scale(.9)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}.infra-badge-icon{font-size:20px;animation:iconSpark 5s ease-in-out infinite}@keyframes iconSpark{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.infra-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(3.5rem,8vw,6rem);line-height:1.1;margin-bottom:2rem;perspective:1000px;transform-style:preserve-3d}.infra-title-line{display:block;overflow:hidden}.line-1{color:var(--surface-900);opacity:0;transform:translateY(100px) rotateX(45deg);animation:infraTitle3D 1s var(--ease-out-expo) .5s both}.line-2{opacity:0;transform:translateY(100px) rotateX(45deg);animation:infraTitle3D 1s var(--ease-out-expo) .7s both}.line-3{color:var(--surface-700);opacity:0;transform:translateY(100px) rotateX(45deg);animation:infraTitle3D 1s var(--ease-out-expo) .9s both}@keyframes infraTitle3D{to{opacity:1;transform:translateY(0) rotateX(0)}}.gradient-infra{background:linear-gradient(135deg,var(--primary-600),var(--primary-500),#059669);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:infraGradient 4s ease-in-out infinite}@keyframes infraGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.infra-description{font-size:1.25rem;line-height:1.7;color:var(--surface-600);margin-bottom:2rem;max-width:600px;opacity:0;transform:translateY(30px);animation:infraDescSlide 1s var(--ease-out-expo) 1.1s both}@keyframes infraDescSlide{to{opacity:1;transform:translateY(0)}}.infra-description strong{background:linear-gradient(135deg,var(--primary-600),#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.infra-key-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.key-metric{text-align:center;padding:1rem;background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:0 4px 16px #0000000a;transition:all .3s ease;transform-style:preserve-3d;opacity:0;transform:translateY(20px);animation:metricSlide3D .8s var(--ease-out-expo) both}.metric-1{animation-delay:1.3s}.metric-2{animation-delay:1.4s}.metric-3{animation-delay:1.5s}.metric-4{animation-delay:1.6s}@keyframes metricSlide3D{to{opacity:1;transform:translateY(0)}}.key-metric:hover{transform:translateY(-4px) rotateX(-3deg) translateZ(8px);box-shadow:0 12px 32px #2563eb26}.metric-value-key{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.5rem;color:var(--primary-600);margin-bottom:4px}.metric-label-key{font-size:12px;color:var(--surface-600);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.infra-cta-buttons{display:flex;gap:1rem;opacity:0;transform:translateY(30px);animation:ctaSlide3D 1s var(--ease-out-expo) 1.7s both}@keyframes ctaSlide3D{to{opacity:1;transform:translateY(0)}}.infra-btn-primary{display:flex;align-items:center;gap:10px;padding:18px 32px;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));background-size:200% 200%;color:#fff;border:none;border-radius:14px;font-weight:600;font-size:16px;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 24px #2563eb4d;transform-style:preserve-3d;animation:gradientShift 4s ease-in-out infinite}.infra-btn-primary:hover{transform:translateY(-4px) rotateX(-3deg) translateZ(10px);box-shadow:0 16px 40px #2563eb66;animation-duration:1.5s}.infra-btn-secondary{display:flex;align-items:center;gap:10px;padding:18px 28px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--surface-700);border:1px solid rgba(255,255,255,.6);border-radius:14px;font-weight:600;font-size:16px;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 16px #00000014;transform-style:preserve-3d}.infra-btn-secondary:hover{background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-3px) rotateX(-2deg) translateZ(8px)}.infra-visual-3d{display:flex;align-items:center;justify-content:center;perspective:1000px;opacity:0;transform:translate(50px);animation:visualSlide3D 1.5s var(--ease-out-expo) .8s both}@keyframes visualSlide3D{to{opacity:1;transform:translate(0)}}.infrastructure-diagram{position:relative;width:100%;max-width:500px;height:400px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:2rem;box-shadow:0 24px 48px #0000001a;transform-style:preserve-3d;animation:diagramFloat 8s ease-in-out infinite}@keyframes diagramFloat{0%,to{transform:rotateY(0) translateZ(0)}50%{transform:rotateY(2deg) translateZ(10px)}}.server-cluster{position:absolute;background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(37,99,235,.2);border-radius:16px;padding:1rem;transition:all .3s ease;transform-style:preserve-3d;cursor:pointer}.cluster-1{top:10%;left:10%;width:35%;animation:clusterPulse 6s ease-in-out infinite}.cluster-2{top:40%;right:15%;width:40%;animation:clusterPulse 6s ease-in-out infinite;animation-delay:2s}.cluster-3{bottom:15%;left:20%;width:30%;animation:clusterPulse 6s ease-in-out infinite;animation-delay:4s}@keyframes clusterPulse{0%,to{border-color:#2563eb33;box-shadow:0 4px 12px #2563eb1a}50%{border-color:#2563eb66;box-shadow:0 8px 24px #2563eb33;transform:translateZ(5px)}}.server-cluster:hover{transform:translateY(-4px) rotateX(-3deg) translateZ(10px);border-color:#2563eb66;box-shadow:0 12px 32px #2563eb33}.cluster-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.cluster-icon{font-size:16px}.cluster-name{font-size:11px;font-weight:600;color:var(--surface-900)}.cluster-status{font-size:9px;padding:2px 6px;background:#059669;color:#fff;border-radius:4px;text-transform:uppercase}.server-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.server-node{width:12px;height:12px;background:var(--primary-500);border-radius:2px;animation:serverBlink 3s ease-in-out infinite}@keyframes serverBlink{0%,to{opacity:.6}50%{opacity:1}}.data-flow-lines{position:absolute;inset:0;pointer-events:none}.flow-line{position:absolute;background:#2563eb4d;animation:dataFlow 4s ease-in-out infinite}.line-1{width:2px;height:60px;top:30%;left:25%;animation-delay:0s}.line-2{width:80px;height:2px;top:50%;left:30%;animation-delay:1s}.line-3{width:2px;height:40px;bottom:30%;right:30%;animation-delay:2s}@keyframes dataFlow{0%,to{opacity:.3}50%{opacity:.8}}.infra-features-section{padding:6rem 0;background:#f8fafc80;position:relative;transform-style:preserve-3d}.infra-features-container{max-width:1400px;margin:0 auto;padding:0 2rem}.features-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2.5rem;text-align:center;color:var(--surface-900);margin-bottom:4rem}.features-grid-infra{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;perspective:1200px}.infra-feature-card{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2rem;box-shadow:0 12px 32px #00000014;transition:all .5s ease;opacity:0;transform:translate3d(0,40px,-80px) rotateX(15deg);animation:featureCard3DSlide 1s var(--ease-out-expo) both;transform-style:preserve-3d;cursor:pointer}@keyframes featureCard3DSlide{to{opacity:1;transform:translateZ(0) rotateX(0)}}.feature-1{animation-delay:.2s}.feature-2{animation-delay:.4s}.feature-3{animation-delay:.6s}.feature-4{animation-delay:.8s}.infra-feature-card:hover{transform:translate3d(0,-12px,25px) rotateX(-3deg) rotateY(1deg);box-shadow:0 24px 48px #0000001f,0 12px 24px #2563eb1a}.feature-icon-infra{font-size:48px;margin-bottom:1rem;animation:featureIconFloat 6s ease-in-out infinite}@keyframes featureIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.feature-title-infra{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--surface-900);margin-bottom:1rem}.feature-desc-infra{color:var(--surface-600);line-height:1.6;margin-bottom:1rem}.feature-metrics-infra{display:flex;flex-wrap:wrap;gap:8px}.metric-tag{padding:4px 10px;background:#2563eb1a;color:var(--primary-700);border-radius:6px;font-size:12px;font-weight:500}.performance-monitoring{padding:6rem 0;background:#fff;position:relative}.monitoring-container{max-width:1400px;margin:0 auto;padding:0 2rem}.monitoring-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2.5rem;text-align:center;color:var(--surface-900);margin-bottom:3rem}.metrics-dashboard-3d{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.metrics-grid-3d{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;perspective:800px}.metric-card-3d{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:1.5rem;transition:all .4s ease;transform-style:preserve-3d;position:relative;overflow:hidden;opacity:0;transform:translate3d(0,30px,-50px);animation:metricCard3D .8s ease-out both}@keyframes metricCard3D{to{opacity:1;transform:translateZ(0)}}.metric-card-3d:hover{transform:translate3d(0,-6px,15px) rotateX(-2deg);box-shadow:0 16px 40px #0000001f}.metric-highlighted{border-color:#2563eb4d;transform:translate3d(0,-4px,10px) scale(1.02);box-shadow:0 12px 32px #2563eb26}.metric-header-3d{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-label-3d{font-size:13px;color:var(--surface-600);font-weight:600}.metric-trend{font-size:11px;font-weight:700;padding:3px 8px;background:#22c55e1a;border-radius:6px}.metric-value-3d{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.75rem;margin-bottom:.5rem;animation:valueCount 2s ease-out}@keyframes valueCount{0%{transform:scale(1.2) rotateX(10deg)}to{transform:scale(1) rotateX(0)}}.metric-progress{height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.progress-bar-3d{height:100%;width:85%;border-radius:2px;animation:progressGlow3D 3s ease-in-out infinite;position:relative}.progress-bar-3d:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progressShine3D 2s infinite}@keyframes progressGlow3D{0%,to{opacity:.8}50%{opacity:1}}@keyframes progressShine3D{0%,to{left:-100%}50%{left:100%}}.metric-glow-3d{position:absolute;inset:-3px;border-radius:19px;opacity:0;filter:blur(12px);transition:opacity .3s ease;z-index:-1}.metric-card-3d:hover .metric-glow-3d{opacity:.2}.status-board-3d{background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2rem;box-shadow:0 16px 40px #00000014;transform-style:preserve-3d;transition:all .4s ease}.status-board-3d:hover{transform:rotateY(-2deg) translateZ(10px)}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;color:var(--surface-900)}.live-indicator-3d{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--surface-600);font-weight:500}.live-dot-3d{width:8px;height:8px;background:#059669;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px #05966980}.status-items{display:flex;flex-direction:column;gap:.75rem}.status-item-3d{display:flex;align-items:center;gap:12px;padding:.75rem;background:#ffffffb3;border-radius:8px;transition:all .3s ease;transform-style:preserve-3d}.status-item-3d:hover{background:#0596690d;transform:translate(4px) translateZ(3px)}.status-icon-3d{display:flex;align-items:center;justify-content:center}.status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.status-content-3d{flex:1}.service-name{font-weight:600;font-size:13px;color:var(--surface-900);margin-bottom:2px}.service-status{font-size:11px;color:#059669;font-weight:500}.status-uptime{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;color:var(--surface-700)}.architecture-section{padding:6rem 0;background:#f8fafc80}.architecture-container{max-width:1400px;margin:0 auto;padding:0 2rem}.arch-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2.5rem;text-align:center;color:var(--surface-900);margin-bottom:4rem}.architecture-diagram-3d{display:flex;flex-direction:column;gap:2rem;perspective:1000px;transform-style:preserve-3d}.arch-layer{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:2rem;box-shadow:0 8px 24px #0000000f;transition:all .4s ease;transform-style:preserve-3d}.arch-layer:hover{transform:rotateX(-2deg) translateZ(8px);box-shadow:0 16px 40px #0000001a}.layer-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;color:var(--surface-900);margin-bottom:1rem;text-align:center}.layer-components{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.component{padding:8px 16px;background:#2563eb1a;color:var(--primary-700);border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;transform-style:preserve-3d}.component:hover{background:#2563eb33;transform:translateY(-2px) translateZ(5px)}.connection-lines{position:absolute;inset:0;pointer-events:none}.connection-line{position:absolute;background:#2563eb33;animation:connectionPulse 3s ease-in-out infinite}@keyframes connectionPulse{0%,to{opacity:.2}50%{opacity:.6}}.infra-cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--surface-900),var(--surface-800));color:#fff;position:relative;transform-style:preserve-3d}.infra-cta-container{max-width:800px;margin:0 auto;padding:0 2rem;text-align:center}.cta-content-infra{transform-style:preserve-3d}.cta-title-infra{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:3rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-desc-infra{font-size:1.25rem;margin-bottom:3rem;opacity:.9;line-height:1.6}.cta-actions-infra{display:flex;gap:1.5rem;justify-content:center;perspective:600px}.cta-primary-infra{display:flex;align-items:center;gap:10px;padding:20px 32px;background:linear-gradient(135deg,#fff,#f8fafce6);color:var(--primary-600);border:none;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 24px #fff3;transform-style:preserve-3d}.cta-primary-infra:hover{transform:rotateX(-3deg) translateZ(12px);box-shadow:0 16px 40px #ffffff4d}.cta-secondary-infra{display:flex;align-items:center;gap:10px;padding:20px 28px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.2);border-radius:14px;font-weight:600;font-size:16px;transition:all .4s ease;transform-style:preserve-3d}.cta-secondary-infra:hover{background:#fff3;border-color:#fff6;transform:rotateX(-2deg) translateZ(8px)}@media (max-width: 1024px){.infra-hero-container{grid-template-columns:1fr;gap:3rem}.metrics-dashboard-3d{grid-template-columns:1fr;gap:2rem}.infra-key-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.infra-key-metrics{grid-template-columns:1fr}.cta-actions-infra{flex-direction:column;align-items:center}.cta-primary-infra,.cta-secondary-infra{width:100%;max-width:320px;justify-content:center}.infra-background-3d,.geometric-3d-solutions{display:none}}.coming-soon-section{min-height:calc(100vh - 80px);padding:6rem 2rem 4rem;background:radial-gradient(ellipse 80% 60% at 30% 20%,rgba(37,99,235,.03) 0%,transparent 50%),radial-gradient(ellipse 70% 80% at 70% 80%,rgba(139,92,246,.02) 0%,transparent 50%),linear-gradient(135deg,#fff,#f8fafc);display:flex;align-items:center;justify-content:center}.coming-soon-container{max-width:800px;margin:0 auto;text-align:center}.coming-soon-content{opacity:0;transform:translateY(30px);transition:all 1s ease-out}.content-loaded{opacity:1;transform:translateY(0)}.coming-soon-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,var(--primary-100),rgba(59,130,246,.05));border:2px solid var(--primary-200);border-radius:50%;margin-bottom:2rem;animation:iconFloat .8s ease-out .2s both}@keyframes iconFloat{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.icon-symbol{font-size:48px;animation:iconPulse 4s ease-in-out infinite}.icon-glow{position:absolute;inset:-4px;background:linear-gradient(135deg,var(--primary-400),rgba(59,130,246,.5));border-radius:50%;opacity:.3;filter:blur(20px);animation:pulse 3s infinite}.coming-soon-title{font-family:Space Grotesk,sans-serif;font-weight:800;margin-bottom:1.5rem}.title-main{display:block;font-size:clamp(2.5rem,6vw,4rem);color:var(--surface-900);margin-bottom:.5rem;animation:titleSlideIn .8s ease-out .4s both}.title-sub{display:block;font-size:1.5rem;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleSlideIn .8s ease-out .6s both}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.coming-soon-description{font-size:1.125rem;line-height:1.6;color:var(--surface-600);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;animation:descSlideIn .8s ease-out .8s both}@keyframes descSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.launch-info{margin-bottom:3rem;animation:launchInfoSlide .8s ease-out 1s both}@keyframes launchInfoSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.launch-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.2);border-radius:30px;color:#059669;font-weight:600;margin-bottom:1rem}.launch-icon{font-size:16px;animation:iconSpin 3s ease-in-out infinite}@keyframes iconSpin{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.launch-text{color:var(--surface-600)}.notify-form{margin-bottom:3rem;animation:formSlideIn .8s ease-out 1.2s both}@keyframes formSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group-notify{display:flex;gap:1rem;max-width:500px;margin:0 auto}.notify-input{flex:1;padding:14px 18px;background:linear-gradient(135deg,#fff,#f8fafce6);border:1px solid var(--surface-300);border-radius:12px;font-size:16px;transition:all .3s ease}.notify-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.notify-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f64d}.notify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.progress-indicators{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;animation:progressSlideIn .8s ease-out 1.4s both}@keyframes progressSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:var(--surface-600)}.progress-icon{font-size:24px;margin-bottom:4px}.back-to-home{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;animation:backLinksSlide .8s ease-out 1.6s both}@keyframes backLinksSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-link,.contact-link{display:flex;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;border-radius:10px;font-weight:500;transition:all .3s ease}.back-link{color:var(--surface-700);border:1px solid var(--surface-300);background:#fff}.back-link:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-2px)}.contact-link{color:#fff;background:linear-gradient(135deg,#059669,#16a34a);border:none}.contact-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0596694d}.page-content{padding-top:80px}@media (max-width: 768px){.coming-soon-section{padding:4rem 1rem 2rem}.form-group-notify{flex-direction:column;align-items:center}.notify-input{width:100%;max-width:320px}.notify-btn{width:100%;max-width:200px;justify-content:center}.progress-indicators{flex-direction:column;gap:1.5rem}.back-to-home{flex-direction:column;align-items:center;gap:1rem}.back-link,.contact-link{width:100%;max-width:280px;justify-content:center}}.payment-gateway-page{min-height:100vh;background:linear-gradient(180deg,#fafafa,#f8fafc,#f1f5f9)}.payment-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:80px}.hero-background{position:absolute;inset:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:orbFloat 20s infinite ease-in-out}.orb-1{width:400px;height:400px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:10%;left:-10%;animation-delay:0s}.orb-2{width:300px;height:300px;background:radial-gradient(circle,#10b981 0%,transparent 70%);bottom:20%;right:-5%;animation-delay:-10s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);top:50%;left:70%;animation-delay:-5s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.9)}75%{transform:translate(40px,20px) scale(1.05)}}.hero-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:10}.hero-content{opacity:0;transform:translateY(30px);animation:heroContentSlide 1s var(--ease-out-expo) .3s both}@keyframes heroContentSlide{to{opacity:1;transform:translateY(0)}}.api-console-section{padding:6rem 0;background:#0d1117;color:#fff}.console-header{text-align:center;margin-bottom:4rem}.console-header h2{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2.5rem;color:#fff;margin-bottom:1rem}.console-header p{font-size:1.125rem;color:#ffffffb3}.console-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem}.console-input,.console-output{background:#161b22;border:1px solid #30363d;border-radius:12px;overflow:hidden}.input-header,.output-header{background:#21262d;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30363d}.input-header h3,.output-header h3{font-weight:600;font-size:16px;color:#f0f6fc;margin:0}.endpoint{font-family:JetBrains Mono,monospace;font-size:12px;color:#7dc383;background:#7dc3831a;padding:4px 8px;border-radius:4px}.response-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#f0f6fc}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.idle{background:#6e7681}.status-dot.success{background:#22c55e;animation:pulse 2s infinite}.json-editor,.response-viewer{padding:0}.editor-header,.response-header{background:#0d1117;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #21262d}.file-name{font-family:JetBrains Mono,monospace;font-size:12px;color:#8b949e}.editor-actions,.response-actions{display:flex;gap:8px}.format-btn,.copy-btn{padding:4px 8px;background:#21262d;color:#f0f6fc;border:1px solid #30363d;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.format-btn:hover,.copy-btn:hover{background:#30363d}.test-btn{padding:4px 12px;background:#238636;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.test-btn:hover{background:#2ea043}.test-btn:disabled{background:#656d76;cursor:not-allowed}.json-input,.json-output{width:100%;padding:1rem;background:#0d1117;color:#f0f6fc;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;resize:vertical;min-height:200px}.json-input:focus{outline:none;background:#161b22}.json-output{background:#0d1117;border:none;resize:none;overflow-y:auto;white-space:pre-wrap;color:#7dc383}.api-features{display:flex;justify-content:center;gap:3rem;padding:2rem 0;background:#ffffff0d;border-radius:12px}.feature-item{display:flex;align-items:center;gap:12px;text-align:left}.feature-icon{font-size:24px}.feature-text{display:flex;flex-direction:column;gap:2px}.feature-text strong{font-weight:600;color:#fff;font-size:14px}.feature-text span{font-size:12px;color:#ffffffb3}@media (max-width: 1024px){.console-content{grid-template-columns:1fr;gap:1.5rem}.api-features{flex-direction:column;align-items:center;gap:1.5rem}}@media (max-width: 768px){.api-console-section{padding:4rem 0}.console-header h2{font-size:2rem}.api-features{gap:1rem}.feature-item{flex-direction:column;text-align:center;gap:8px}}.breadcrumb-nav{padding:2rem 0 1rem;background:var(--surface-50);border-bottom:1px solid var(--surface-200)}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--surface-600);text-decoration:none;font-weight:500;transition:all .3s ease;font-size:14px}.back-link:hover{color:var(--primary-600);transform:translate(-2px)}.breadcrumb-divider{margin:0 1rem;color:var(--surface-400)}.breadcrumb-current{color:var(--primary-600);font-weight:600}.editor-controls{padding:12px 16px;background:#161b22;border-bottom:1px solid #21262d}.bank-examples{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b949e}.bank-examples span{margin-right:4px}.bank-example{padding:4px 8px;background:#21262d;color:#f0f6fc;border:1px solid #30363d;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.bank-example:hover{background:#30363d;color:#58a6ff;border-color:#58a6ff}.json-input{background:#0d1117;color:#f0f6fc;font-family:JetBrains Mono,monospace;border:none;width:100%;padding:16px;line-height:1.5;tab-size:2;font-size:13px}.json-input::placeholder{color:#6e7681}.json-input:focus{outline:none;background:#161b22;color:#f0f6fc}@keyframes typing{0%{width:0}to{width:100%}}.json-output{color:#7dc383;background:#0d1117;font-family:JetBrains Mono,monospace;white-space:pre;overflow-x:auto;line-height:1.6;font-size:13px}.json-output .json-key{color:#79c0ff}.json-output .json-string{color:#a5d6ff}.json-output .json-number{color:#79c0ff}.json-output .json-boolean{color:#ff7b72}.payment-gateway-page{background:linear-gradient(135deg,#fff,#f8fafc)}.payment-hero-new{padding:4rem 0 6rem;position:relative;overflow:hidden}.hero-container-payment{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content-payment{padding-right:2rem}.trustpilot-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:2rem;font-size:14px;color:var(--surface-700)}.hero-badge-payment{display:inline-flex;padding:8px 20px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:25px;font-size:14px;font-weight:600;margin-bottom:2rem}.hero-title-payment{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4rem);line-height:1.2;margin-bottom:1.5rem;color:var(--surface-900)}.title-highlight{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:4px 16px;border-radius:8px;display:inline-block}.workflow-icon,.time-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;font-size:20px;margin:0 8px;vertical-align:middle}.hero-description-payment{font-size:1.125rem;color:var(--surface-600);margin-bottom:2rem;max-width:500px}.hero-actions-payment{display:flex;gap:1rem;margin-bottom:2rem}.btn-get-started{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:16px}.btn-get-started:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1f29374d}.btn-icon{font-size:16px}.btn-see-how{padding:14px 24px;background:transparent;color:var(--surface-700);border:none;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:underline}.btn-see-how:hover{color:var(--primary-600)}.trust-indicator{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--surface-600)}.trust-icon{width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.console-area{position:relative;display:flex;flex-direction:column;gap:1rem}.console-window{background:#f8fafc;border:1px solid var(--surface-200);border-radius:12px;box-shadow:0 8px 25px #0000001a;overflow:hidden}.console-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-200)}.console-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.console-title{font-weight:600;font-size:14px;color:var(--surface-900)}.console-controls{display:flex;gap:4px}.minimize-btn,.maximize-btn,.close-btn{width:16px;height:16px;border:none;background:var(--surface-300);color:var(--surface-600);border-radius:2px;font-size:12px;cursor:pointer;transition:all .2s ease}.minimize-btn:hover,.maximize-btn:hover,.close-btn:hover{background:var(--surface-400)}.console-body{background:#fff}.console-tabs{display:flex;border-bottom:1px solid var(--surface-200);background:#f8fafc}.tab{padding:8px 16px;background:transparent;border:none;color:var(--surface-600);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.tab.active{background:#fff;color:var(--surface-900);border-bottom:2px solid var(--primary-500)}.console-content{padding:0}.method-url{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:var(--surface-50);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px}.method{padding:2px 8px;background:#059669;color:#fff;border-radius:4px;font-weight:600}.url{color:var(--surface-700);font-weight:500}.json-editor-area{margin-bottom:16px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-50);border-bottom:1px solid var(--surface-200);border-radius:6px 6px 0 0}.editor-label{font-size:13px;font-weight:600;color:var(--surface-800)}.bank-examples{display:flex;gap:4px}.bank-examples button{padding:3px 8px;background:#fff;border:1px solid var(--surface-300);border-radius:4px;font-size:11px;font-weight:500;color:var(--surface-700);cursor:pointer;transition:all .2s ease}.bank-examples button:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.json-editor{width:100%;min-height:200px;padding:16px;border:1px solid var(--surface-200);border-top:none;border-radius:0 0 6px 6px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;background:#fff;color:var(--surface-800);resize:vertical}.json-editor:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 2px #3b82f61a}.test-api-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.test-api-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.response-section{border-top:1px solid var(--surface-200);padding:16px;background:#f8fafc}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.response-header span{font-weight:600;font-size:14px;color:var(--surface-800)}.status-indicator.success{background:#10b981;animation:pulse 2s infinite}.response-output{width:100%;min-height:200px;padding:16px;background:#fff;border:1px solid var(--surface-200);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;color:#059669;overflow-y:auto;white-space:pre-wrap}.floating-features{position:absolute;right:-80px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.feature-card-float{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid var(--surface-200);border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:14px;font-weight:500;color:var(--surface-700);opacity:0;transform:translate(50px);animation:cardSlideIn .8s ease-out both;transition:all .3s ease;cursor:pointer}.card-1{animation-delay:1s}.card-2{animation-delay:1.3s}.card-3{animation-delay:1.6s}@keyframes cardSlideIn{to{opacity:1;transform:translate(0)}}.feature-card-float:hover{transform:translate(-8px) scale(1.05);box-shadow:0 8px 20px #00000026}.card-icon{font-size:16px}.coming-soon-section-payment{padding:6rem 0;background:var(--surface-50)}.launch-badge{display:flex;align-items:center;justify-content:center;gap:16px;padding:2rem;background:#fff;border:1px solid var(--surface-200);border-radius:16px;margin-bottom:3rem;box-shadow:0 4px 12px #0000000d}.rocket-icon{font-size:48px;animation:iconFloat 3s ease-in-out infinite}.launch-text h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:var(--surface-900);margin-bottom:.5rem}.launch-text p{color:var(--surface-600);margin:0}.form-group-notify{display:flex;gap:1rem;max-width:500px;margin:0 auto 3rem}.email-input-notify{flex:1;padding:14px 18px;border:1px solid var(--surface-300);border-radius:8px;font-size:16px;transition:all .3s ease}.notify-button{display:flex;align-items:center;gap:8px;padding:14px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.notify-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.supported-banks{margin-top:3rem}.supported-banks h4{font-weight:600;color:var(--surface-800);margin-bottom:1rem}.bank-logos{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.bank-logo-item{padding:8px 12px;background:#fff;border:1px solid var(--surface-200);border-radius:8px;font-size:12px;font-weight:600;color:var(--surface-700);transition:all .3s ease}.bank-logo-item:hover{border-color:var(--primary-300);color:var(--primary-600);transform:translateY(-2px)}.bank-logo-item.more{color:var(--surface-500);border-style:dashed}.integration-notice{padding:4rem 0;background:#fff}.notice-card{display:flex;align-items:center;justify-content:center;gap:16px;max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,var(--surface-50),white);border:1px solid var(--surface-200);border-radius:16px;box-shadow:0 4px 12px #0000000d}.notice-icon{font-size:32px}.notice-content h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;color:var(--surface-900);margin-bottom:.5rem}.notice-content p{color:var(--surface-600);margin:0}.success-message{text-align:center;padding:2rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px;margin-bottom:2rem}.success-icon{width:48px;height:48px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 1rem}.success-message h3{font-size:1.25rem;color:#059669;margin-bottom:.5rem}.success-message p{color:var(--surface-600);margin:0}@media (max-width: 1024px){.hero-container-payment{grid-template-columns:1fr;gap:3rem}.floating-features{position:relative;right:auto;top:auto;transform:none;flex-direction:row;justify-content:center;margin-top:2rem}.feature-card-float{transform:none;opacity:1;animation:none}}@media (max-width: 768px){.hero-container-payment{padding:0 1rem}.hero-actions-payment{flex-direction:column;align-items:center}.btn-get-started,.btn-see-how{width:100%;max-width:280px;justify-content:center}.form-group-notify{flex-direction:column}.email-input-notify,.notify-button{width:100%;max-width:320px}.floating-features{flex-direction:column;align-items:center}}.console-window{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;min-height:500px}.console-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.console-title{font-weight:600;font-size:14px;color:#374151}.tab{padding:10px 16px;background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent}.tab:hover:not(.active){color:#374151;background:#f3f4f6}.console-content{background:#fff;min-height:400px}.request-section{padding:16px}.api-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.method-url{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:13px}.method{padding:3px 8px;background:#059669;color:#fff;border-radius:4px;font-weight:600;font-size:11px}.headers-section{margin-bottom:16px;padding:12px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px}.header-item{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:12px}.header-key{color:#6366f1;font-weight:600}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0}.editor-label{font-size:13px;font-weight:600;color:#374151}.bank-examples{display:flex;align-items:center;gap:6px}.examples-label{font-size:11px;color:#6b7280;margin-right:4px}.bank-examples button{padding:4px 8px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:11px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.json-editor-container{display:flex;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;overflow:hidden}.line-numbers{background:#f8fafc;border-right:1px solid #e2e8f0;padding:16px 8px;font-family:JetBrains Mono,monospace;font-size:12px;color:#9ca3af;line-height:1.6;-webkit-user-select:none;user-select:none;min-width:40px;text-align:right}.line-number{height:24px;display:flex;align-items:center;justify-content:flex-end}.json-editor{flex:1;padding:16px;border:none;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;background:#fff;color:#1f2937;resize:none;outline:none;tab-size:2}.test-api-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.test-api-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.test-api-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.response-section{border-top:1px solid #e5e7eb;padding:16px;background:#f8fafc;min-height:250px}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.response-container{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.response-line-numbers{background:#f8fafc;border-right:1px solid #e2e8f0;padding:16px 8px;font-family:JetBrains Mono,monospace;font-size:12px;color:#9ca3af;line-height:1.6;-webkit-user-select:none;user-select:none;min-width:40px;text-align:right}.response-output{flex:1;margin:0;padding:16px;background:#fff;border:none;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;color:#059669;overflow-x:auto;white-space:pre;min-height:200px}.bank-logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:16px}.bank-card-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--surface-200);border-radius:10px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.bank-card-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#10b981,#059669);transition:all .3s ease}.bank-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#10b981}.bank-card-item:hover:before{width:6px}.bank-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-50);border-radius:8px}.bank-info{flex:1;display:flex;flex-direction:column}.bank-name{font-weight:600;font-size:14px;color:var(--surface-900);margin-bottom:2px}.bank-code{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--surface-500);text-transform:uppercase}.bank-status{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.bank-status .status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.floating-features{position:absolute;right:-100px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:5}.feature-card-float{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:0 6px 20px #0000001a;font-size:14px;font-weight:600;color:var(--surface-700);opacity:0;transform:translate(60px);animation:floatingCardSlide .8s ease-out both;transition:all .3s ease;cursor:pointer;min-width:140px}@keyframes floatingCardSlide{to{opacity:1;transform:translate(0)}}.feature-card-float:hover{transform:translate(-8px) scale(1.05);box-shadow:0 8px 25px #00000026;background:#fff;border-color:var(--primary-200)}.card-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-50);border-radius:6px}.supported-banks{margin-top:4rem;padding:2rem;background:#f8fafc80;border-radius:12px;border:1px solid var(--surface-200)}.supported-banks h4{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--surface-900);margin-bottom:1.5rem;text-align:center;font-size:1.25rem}.json-editor{background:linear-gradient(135deg,#fff,#fafbfc)}.response-output{background:linear-gradient(135deg,#f0fdf4,#f7fee7);color:#166534}.response-header{position:relative}.copy-response-btn{padding:4px 8px;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-response-btn:hover{background:#0369a1;color:#fff}@media (max-width: 1024px){.floating-features{position:relative;right:auto;top:auto;transform:none;flex-direction:row;justify-content:center;margin-top:2rem;gap:12px}.feature-card-float{transform:none;opacity:1;animation:none;min-width:auto}}@media (max-width: 768px){.bank-logos-grid{grid-template-columns:1fr;gap:8px}.bank-card-item{padding:10px 12px}.bank-icon{width:32px;height:32px;font-size:18px}.console-window{min-height:400px}.json-editor-container,.response-container{flex-direction:column}.line-numbers,.response-line-numbers{display:none}.floating-features{flex-direction:column;align-items:center}}.hero-container-payment{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start;min-height:calc(100vh - 80px)}.console-window{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000014;overflow:hidden;width:100%;max-width:480px}.console-header{background:#f8fafc;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.console-title{font-weight:600;font-size:12px;color:#374151}.console-dots{display:flex;gap:4px}.dot{width:8px;height:8px;border-radius:50%}.console-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f8fafc}.tab{padding:6px 12px;background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent}.request-section{padding:12px}.api-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px}.method-url{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px}.method{padding:2px 6px;background:#059669;color:#fff;border-radius:3px;font-weight:600;font-size:9px}.url{color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.headers-section{margin-bottom:12px;padding:8px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px}.header-item{display:flex;align-items:center;gap:6px;margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:10px}.header-key{color:#6366f1;font-weight:600;min-width:80px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:4px 4px 0 0}.editor-label{font-size:11px;font-weight:600;color:#374151}.bank-examples{display:flex;align-items:center;gap:4px}.examples-label{font-size:9px;color:#6b7280;margin-right:4px}.bank-examples button{padding:2px 6px;background:#fff;border:1px solid #d1d5db;border-radius:3px;font-size:9px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.json-editor-container{display:flex;border:1px solid #e2e8f0;border-radius:0 0 4px 4px;overflow:hidden;max-height:180px}.line-numbers{background:#f8fafc;border-right:1px solid #e2e8f0;padding:8px 4px;font-family:JetBrains Mono,monospace;font-size:10px;color:#9ca3af;line-height:1.4;-webkit-user-select:none;user-select:none;min-width:24px;text-align:right}.line-number{height:16px;display:flex;align-items:center;justify-content:flex-end}.json-editor{flex:1;padding:8px;border:none;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.4;background:#fff;color:#1f2937;resize:none;outline:none;tab-size:2;max-height:164px;overflow-y:auto}.test-api-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:4px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;margin-top:12px}.response-section{border-top:1px solid #e5e7eb;padding:12px;background:#f8fafc;max-height:200px;overflow-y:auto}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:3px}.response-header span{font-weight:600;font-size:11px;color:#374151}.response-container{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden;max-height:150px}.response-line-numbers{background:#f8fafc;border-right:1px solid #e2e8f0;padding:8px 4px;font-family:JetBrains Mono,monospace;font-size:9px;color:#9ca3af;line-height:1.4;-webkit-user-select:none;user-select:none;min-width:20px;text-align:right}.response-output{flex:1;margin:0;padding:8px;background:#fff;border:none;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.4;color:#059669;overflow:auto;white-space:pre}.floating-features{position:absolute;right:-60px;top:60%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:5}.feature-card-float{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:8px;box-shadow:0 3px 12px #00000014;font-size:12px;font-weight:600;color:var(--surface-700);opacity:0;transform:translate(40px);animation:floatingCardSlide .8s ease-out both;transition:all .3s ease;cursor:pointer;min-width:100px}.card-icon{font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-50);border-radius:4px}.supported-banks{margin-top:4rem;padding:3rem;background:#fff;border-radius:16px;border:1px solid var(--surface-200);box-shadow:0 4px 20px #0000000d}.supported-banks h4{font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--surface-900);margin-bottom:2rem;text-align:center;font-size:1.5rem}.bank-logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.bank-logos-grid::-webkit-scrollbar{width:4px}.bank-logos-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.bank-logos-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.bank-logos-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bank-card-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid var(--surface-200);border-radius:10px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:60px}.bank-card-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#10b981,#059669);transform:scaleY(0);transition:transform .3s ease}.bank-card-item:hover:before{transform:scaleY(1)}.bank-card-item:hover{transform:translate(4px);box-shadow:0 6px 20px #10b98126;border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.bank-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-50),#f8fafc);border-radius:10px;border:1px solid var(--surface-200);transition:all .3s ease}.bank-card-item:hover .bank-icon{transform:scale(1.1);background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#10b981}.bank-info{flex:1;display:flex;flex-direction:column;gap:2px}.bank-name{font-weight:700;font-size:15px;color:var(--surface-900);margin-bottom:2px}.bank-code{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--surface-500);background:var(--surface-100);padding:2px 6px;border-radius:4px;text-transform:uppercase;width:fit-content}.bank-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.bank-status .status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 3s infinite}@media (max-width: 1200px){.bank-logos-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.bank-logos-grid{grid-template-columns:1fr;max-height:300px}.bank-card-item{padding:12px;min-height:56px}.bank-icon{width:36px;height:36px;font-size:20px}.supported-banks{padding:2rem 1rem}}@media (max-width: 1024px){.hero-container-payment{grid-template-columns:1fr;gap:2rem}.console-window{max-width:100%;margin:0 auto}}.bank-subtitle{text-align:center;color:var(--surface-600);font-size:1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.bank-row{margin-bottom:2rem}.bank-row:last-child{margin-bottom:2rem}.row-label{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;color:var(--surface-700);margin-bottom:1rem;border-left:3px solid var(--primary-500);padding-left:12px}.bank-cards-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.bank-card-compact{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid var(--surface-200);border-radius:12px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;text-align:center;min-height:100px}.bank-card-compact:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:var(--primary-300);background:linear-gradient(135deg,#fff,#f8fafc)}.bank-icon-compact{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-50);border-radius:8px;border:2px solid var(--surface-200);transition:all .3s ease}.bank-card-compact:hover .bank-icon-compact{transform:scale(1.1);background:#fff}.bank-details{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.bank-name-compact{font-weight:600;font-size:12px;color:var(--surface-900);text-align:center;line-height:1.2}.bank-code-compact{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--surface-500);background:var(--surface-100);padding:2px 6px;border-radius:3px;text-transform:uppercase}.integration-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#059669}.badge-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 3s infinite}.bank-stats{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--surface-50),#f8fafc);border:1px solid var(--surface-200);border-radius:12px}.stat-number{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.25rem;color:var(--primary-600);margin-bottom:2px}.stat-label{font-size:11px;color:var(--surface-600);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:30px;background:var(--surface-300)}@media (max-width: 1200px){.bank-cards-row{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width: 768px){.bank-cards-row{grid-template-columns:repeat(3,1fr);gap:8px}.bank-card-compact{padding:12px 8px;min-height:85px}.bank-icon-compact{width:32px;height:32px;font-size:18px}.bank-stats{gap:1rem}.stat-divider{height:20px}}@media (max-width: 480px){.bank-cards-row{grid-template-columns:repeat(2,1fr)}.bank-stats{flex-direction:column;gap:1rem}.stat-divider{width:30px;height:1px}}.hero-container-payment{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:calc(100vh - 80px)}.console-window{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 25px #0000001a;overflow:hidden;width:100%;min-height:550px}.request-section{padding:20px}.json-editor-container{display:flex;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;overflow:hidden;min-height:220px}.json-editor{flex:1;padding:16px;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;background:#fff;color:#1f2937;resize:none;outline:none;tab-size:2;min-height:204px}.json-editor:focus{background:#fafbfc}.response-section{border-top:1px solid #e5e7eb;padding:20px;background:#f8fafc;min-height:250px}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.response-header span{font-weight:600;font-size:14px;color:#374151}.response-container{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;min-height:200px}.floating-features{position:absolute;right:-80px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:5}.feature-card-float{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:10px;box-shadow:0 4px 16px #0000001a;font-size:13px;font-weight:600;color:var(--surface-700);opacity:0;transform:translate(50px);animation:floatingCardSlide .8s ease-out both;transition:all .3s ease;cursor:pointer;min-width:120px}.card-icon{font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-50);border-radius:6px}.console-3d-area{position:relative;width:100%;height:100vh;perspective:1000px;transform-style:preserve-3d}.floating-3d-elements{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.floating-cube{position:absolute;width:60px;height:60px;transform-style:preserve-3d;animation:cubeFloat 8s infinite ease-in-out}.cube-1{top:15%;right:10%;animation-delay:0s}.cube-2{top:40%;right:80%;animation-delay:2s}.cube-3{bottom:25%;right:15%;animation-delay:4s}@keyframes cubeFloat{0%,to{transform:rotateX(0) rotateY(0) translateZ(0)}25%{transform:rotateX(90deg) rotateY(45deg) translateZ(20px)}50%{transform:rotateX(180deg) rotateY(90deg) translateZ(0)}75%{transform:rotateX(270deg) rotateY(135deg) translateZ(-20px)}}.cube-face{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:1px solid rgba(59,130,246,.2);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary-600)}.cube-face.front{transform:rotateY(0) translateZ(30px)}.cube-face.back{transform:rotateY(180deg) translateZ(30px)}.cube-face.left{transform:rotateY(-90deg) translateZ(30px)}.cube-face.right{transform:rotateY(90deg) translateZ(30px)}.cube-face.top{transform:rotateX(90deg) translateZ(30px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(30px)}.floating-sphere{position:absolute;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981cc,#05966999);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;animation:sphereFloat 6s infinite ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #10b9814d}.sphere-1{top:20%;right:60%;animation-delay:1s}.sphere-2{bottom:30%;right:70%;animation-delay:3s}@keyframes sphereFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:1}}.floating-bank-icon{position:absolute;width:50px;height:50px;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;animation:bankIconFloat 10s infinite ease-in-out;box-shadow:0 6px 25px #0000001a}.bank-1{top:35%;right:5%;animation-delay:.5s}.bank-2{top:60%;right:25%;animation-delay:2.5s}.bank-3{bottom:40%;right:5%;animation-delay:4.5s}.bank-4{top:80%;right:50%;animation-delay:6.5s}@keyframes bankIconFloat{0%,to{transform:translateY(0) rotate(0);opacity:.7}25%{transform:translateY(-15px) rotate(5deg);opacity:1}50%{transform:translateY(0) rotate(0);opacity:.8}75%{transform:translateY(15px) rotate(-5deg);opacity:.9}}.console-window-3d{position:relative;z-index:10;width:100%;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:perspective(800px) rotateY(-2deg);transition:all .4s ease}.console-window-3d:hover{transform:perspective(800px) rotateY(0) translateZ(10px);box-shadow:0 25px 50px #00000026}.console-header-3d{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.live-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:600}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px #10b98180}.console-body-3d{padding:24px;background:#fff}.api-endpoint{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;font-family:JetBrains Mono,monospace}.method{padding:4px 12px;background:#059669;color:#fff;border-radius:6px;font-weight:700;font-size:12px}.url{color:#374151;font-size:14px;font-weight:500}.console-split{display:flex;flex-direction:column;gap:20px}.request-panel,.response-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.panel-header{background:#f1f5f9;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;font-weight:600;color:#374151}.bank-selectors{display:flex;gap:6px}.bank-selector{padding:4px 10px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:11px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.bank-selector:hover{background:#e0f2fe;border-color:#3b82f6;color:#1e40af}.json-editor-3d{padding:0}.json-input-3d{width:100%;padding:18px;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;background:#fff;color:#1f2937;resize:none;outline:none;tab-size:2;min-height:200px}.json-output-3d{width:100%;margin:0;padding:18px;background:#fff;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:#059669;overflow:auto;white-space:pre-wrap;min-height:200px}.console-footer{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:20px}.test-payment-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #3b82f64d;display:flex;align-items:center;justify-content:center;gap:10px}.test-payment-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #3b82f666}.test-payment-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-3d{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;font-size:12px;color:#059669;font-weight:600}.status-dot.success{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.bank-integration-compact{margin-top:3rem;text-align:center}.bank-integration-compact h4{font-size:1.125rem;font-weight:600;color:var(--surface-800);margin-bottom:1rem}.bank-grid-6x6{display:flex;flex-direction:column;gap:12px}.bank-row-6{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.bank-mini-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative}.bank-mini-card:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 4px 15px #0000001a;background:#fff}.bank-mini-icon{font-size:16px;margin-bottom:2px}.bank-mini-name{font-size:9px;font-weight:600;color:var(--surface-700);text-align:center}.mini-status-dot{width:4px;height:4px;border-radius:50%;animation:pulse 3s infinite}@media (max-width: 1024px){.console-3d-area{height:auto;margin-top:2rem}.floating-3d-elements{display:none}.console-window-3d{transform:none;max-width:600px;margin:0 auto}.bank-row-6{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.bank-row-6{grid-template-columns:repeat(3,1fr)}.console-split{gap:16px}.json-input-3d,.json-output-3d{min-height:150px;font-size:12px}}@media (max-width: 480px){.bank-row-6{grid-template-columns:repeat(2,1fr)}}.console-3d-container{position:relative;width:100%;height:600px;perspective:1200px;transform-style:preserve-3d}.floating-3d-bg{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.float-card{position:absolute;width:200px;padding:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.6);border-radius:10px;box-shadow:0 8px 25px #0000001a;animation:cardFloat 8s infinite ease-in-out;opacity:.8}.card-trigger{top:10%;right:20%;animation-delay:0s}.card-action-1{top:45%;right:15%;animation-delay:2s;background:#3b82f60d;border-color:#3b82f633}.card-action-2{top:45%;right:60%;animation-delay:3s;background:#3b82f60d;border-color:#3b82f633}.card-progress{bottom:15%;right:10%;animation-delay:4s;background:#22c55e0d;border-color:#22c55e33}@keyframes cardFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}25%{transform:translateY(-10px) scale(1.02);opacity:.9}50%{transform:translateY(5px) scale(.98);opacity:.8}75%{transform:translateY(-5px) scale(1.01);opacity:.85}}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;color:#374151}.status-circle{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 3s infinite}.action-number{width:16px;height:16px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.card-content{font-size:10px;color:#6b7280}.task-item{margin-bottom:6px;color:#374151;font-weight:500}.integrations{display:flex;gap:4px;flex-wrap:wrap}.integration-badge{padding:2px 6px;background:#e0f2fe;color:#0369a1;border-radius:3px;font-size:8px;font-weight:600}.priority{padding:2px 6px;border-radius:3px;font-size:8px;font-weight:600}.priority.urgent{background:#fee2e2;color:#dc2626}.priority.high{background:#fef3c7;color:#d97706}.assignee{background:#e0e7ff;color:#4338ca;padding:2px 6px;border-radius:3px;font-size:8px;font-weight:600}.main-api-console{position:relative;z-index:10;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0000001f;overflow:hidden;transform:rotateY(-1deg) rotateX(1deg);transition:all .4s ease}.main-api-console:hover{transform:rotateY(0) rotateX(0) translateZ(5px)}.console-header-main{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:12px}.console-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:#1f2937}.api-status-main{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:600}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.console-content-main{padding:24px}.endpoint-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;font-family:JetBrains Mono,monospace}.method{padding:6px 12px;background:#059669;color:#fff;border-radius:6px;font-weight:700;font-size:12px}.endpoint{color:#374151;font-size:14px;font-weight:500;margin-left:12px}.auth-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669}.auth-icon{font-size:14px}.console-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.request-panel,.response-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.panel-title{background:#f1f5f9;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;font-weight:600;font-size:14px;color:#374151}.quick-banks{display:flex;gap:4px}.quick-banks button{padding:3px 8px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:10px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.quick-banks button:hover{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.code-editor,.code-response{width:100%;padding:16px;border:none;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;background:#fff;resize:none;outline:none;min-height:180px}.code-response{color:#059669;margin:0;white-space:pre-wrap;overflow-y:auto}.response-status{display:flex;gap:4px;font-size:11px}.status-code{background:#dcfce7;color:#166534;padding:2px 6px;border-radius:3px;font-weight:700}.status-text{color:#059669;font-weight:600}.test-button-main{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 25px #3b82f64d}.test-button-main:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #3b82f666}.test-button-main:disabled{opacity:.7;cursor:not-allowed}.loading-dots{display:flex;gap:4px}.dot-1,.dot-2,.dot-3{width:6px;height:6px;background:#fff;border-radius:50%;animation:loadingDots 1.4s infinite ease-in-out}@keyframes loadingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.arrow{font-size:18px;font-weight:700}@media (max-width: 1024px){.console-3d-container{height:auto;margin-top:2rem}.floating-3d-bg{display:none}.main-api-console{transform:none;max-width:700px;margin:0 auto}.console-panels{grid-template-columns:1fr}}@media (max-width: 768px){.endpoint-bar{flex-direction:column;gap:8px;text-align:center}.code-editor,.code-response{min-height:140px;font-size:12px}}.payment-hero-new{padding:6rem 0 8rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(16,185,129,.02) 0%,transparent 50%),linear-gradient(135deg,#fff,#f8fafc)}.hero-container-payment{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:10}.hero-content-payment{padding-right:2rem;animation:contentSlideIn 1s ease-out}@keyframes contentSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.trustpilot-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:2rem;font-size:14px;color:var(--surface-700);animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trustpilot-star{color:#00b67a;font-size:16px;font-weight:700}.trustpilot-text{font-weight:600}.trustpilot-rating{color:var(--surface-600)}.hero-badge-payment{display:inline-flex;padding:10px 24px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:2rem;box-shadow:0 4px 15px #ff6b354d;animation:fadeInUp .8s ease-out .4s both;position:relative;overflow:hidden}.hero-badge-payment:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:badgeShine 3s infinite}@keyframes badgeShine{0%,to{left:-100%}50%{left:100%}}.hero-title-payment{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;margin-bottom:1.5rem;color:#1f2937;animation:fadeInUp .8s ease-out .6s both}.title-highlight{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:6px 18px;border-radius:10px;display:inline-block;box-shadow:0 4px 15px #ff6b3533}.workflow-icon,.time-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;font-size:22px;margin:0 10px;vertical-align:middle;box-shadow:0 6px 20px #00000026;animation:iconFloat 6s ease-in-out infinite}.workflow-icon{background:linear-gradient(135deg,#3b82f6,#1e40af)}.time-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-description-payment{font-size:1.2rem;color:var(--surface-600);margin-bottom:2.5rem;max-width:520px;line-height:1.6;animation:fadeInUp .8s ease-out .8s both}.hero-actions-payment{display:flex;gap:1rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out 1s both}.btn-get-started{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;border:none;border-radius:30px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:16px;box-shadow:0 8px 25px #1f29374d;position:relative;overflow:hidden}.btn-get-started:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn-get-started:hover:before{left:100%}.btn-get-started:hover{transform:translateY(-3px);box-shadow:0 12px 35px #1f293766}.btn-icon{font-size:18px;animation:iconPulse 2s ease-in-out infinite}.btn-see-how{padding:16px 28px;background:transparent;color:var(--surface-700);border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--surface-400)}.btn-see-how:hover{color:var(--primary-600);text-decoration-color:var(--primary-600);transform:translateY(-1px)}.trust-indicator{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--surface-600);animation:fadeInUp .8s ease-out 1.2s both}.trust-icon{width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 4px 12px #10b9814d}@keyframes consoleSlideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.float-card{position:absolute;width:220px;padding:14px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 10px 30px #0000001a;animation:cardFloat 8s infinite ease-in-out;opacity:.9;transition:all .3s ease;cursor:pointer}.float-card:hover{opacity:1;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #00000026}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;color:#374151}.task-item{margin-bottom:8px;color:#1f2937;font-weight:600;font-size:12px;line-height:1.4}.integrations{display:flex;gap:6px;flex-wrap:wrap}.integration-badge{padding:3px 8px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:4px;font-size:9px;font-weight:700;border:1px solid rgba(59,130,246,.2)}.priority-selector{display:flex;gap:6px}.priority.urgent{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid rgba(220,38,38,.2)}.priority.high{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid rgba(217,119,6,.2)}.assignee{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border:1px solid rgba(67,56,202,.2)}.main-api-console{position:relative;z-index:10;width:100%;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px #00000026;overflow:hidden;transform:rotateY(-2deg) rotateX(1deg);transition:all .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.main-api-console:hover{transform:rotateY(0) rotateX(0) translateZ(8px);box-shadow:0 30px 60px #0003}.console-header-main{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.console-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:#1f2937}.console-content-main{padding:28px;background:#fff}.endpoint-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px;font-family:JetBrains Mono,monospace}.method{padding:8px 14px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border-radius:8px;font-weight:700;font-size:13px;box-shadow:0 4px 12px #0596694d}.endpoint{color:#374151;font-size:15px;font-weight:600;margin-left:16px;flex:1}.auth-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#059669;font-weight:600;padding:6px 12px;background:#10b9811a;border-radius:20px}.console-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.request-panel,.response-panel{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.panel-title{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;font-weight:700;font-size:15px;color:#374151}.quick-banks{display:flex;gap:6px}.quick-banks button{padding:4px 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:11px;font-weight:700;color:#374151;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0000000d}.quick-banks button:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.code-editor{width:100%;padding:20px;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;background:#fff;color:#1f2937;resize:none;outline:none;min-height:200px;tab-size:2}.code-editor:focus{background:#fafbfc}.code-response{width:100%;margin:0;padding:20px;background:#fff;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:#059669;overflow-y:auto;white-space:pre-wrap;min-height:200px}.response-status{display:flex;gap:6px;font-size:12px}.status-code{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;padding:4px 8px;border-radius:6px;font-weight:700;border:1px solid rgba(22,101,52,.2)}.status-text{color:#059669;font-weight:700;display:flex;align-items:center}.test-button-main{width:100%;padding:20px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);background-size:200% 200%;color:#fff;border:none;border-radius:12px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:17px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 30px #3b82f666;position:relative;overflow:hidden;animation:gradientShift 3s ease-in-out infinite}.test-button-main:before{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}.test-button-main:hover:before{left:100%}.test-button-main:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #3b82f680}.arrow{font-size:20px;font-weight:700;transition:transform .3s ease}.test-button-main:hover .arrow{transform:translate(3px)}.loading-dots{display:flex;gap:6px}.dot-1,.dot-2,.dot-3{width:8px;height:8px;background:#fff;border-radius:50%;animation:loadingDots 1.4s infinite ease-in-out}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes loadingDots{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.coming-soon-section-payment{padding:8rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);position:relative;overflow:hidden}.coming-soon-section-payment:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.02) 0%,transparent 50%);pointer-events:none}.supported-banks{margin-top:4rem;padding:4rem;background:#fff;border-radius:20px;border:1px solid var(--surface-200);box-shadow:0 8px 30px #00000014;position:relative;overflow:hidden}.supported-banks:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444)}.supported-banks h4{font-family:Space Grotesk,sans-serif;font-weight:800;color:#1f2937;margin-bottom:1rem;text-align:center;font-size:1.75rem}.bank-subtitle{text-align:center;color:var(--surface-600);font-size:1.1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.bank-row{margin-bottom:2.5rem}.row-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:var(--surface-800);margin-bottom:1.5rem;padding-left:16px;border-left:4px solid var(--primary-500);display:flex;align-items:center;gap:8px}.row-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--primary-500),transparent)}.bank-cards-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.bank-card-compact{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 14px;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid var(--surface-200);border-radius:12px;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden;text-align:center;min-height:120px;box-shadow:0 4px 15px #0000000d}.bank-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--surface-300);transition:all .3s ease}.bank-card-compact:hover:before{background:linear-gradient(90deg,var(--primary-500),var(--accent-500))}.bank-card-compact:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 35px #0000001f;border-color:var(--primary-300);background:linear-gradient(135deg,#fff,#f0f9ff)}.bank-icon-compact{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-50),#f8fafc);border-radius:10px;border:2px solid var(--surface-200);transition:all .3s ease}.bank-card-compact:hover .bank-icon-compact{transform:scale(1.1);background:linear-gradient(135deg,#fff,#f0f9ff);border-color:var(--primary-400)}.bank-name-compact{font-weight:700;font-size:13px;color:var(--surface-900);text-align:center;line-height:1.2}.bank-code-compact{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--surface-500);background:var(--surface-100);padding:3px 8px;border-radius:4px;text-transform:uppercase;font-weight:600}.integration-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#059669}.badge-dot{width:8px;height:8px;border-radius:50%;animation:pulse 3s infinite;box-shadow:0 0 8px currentColor}.bank-stats{display:flex;justify-content:center;align-items:center;gap:3rem;margin-top:3rem;padding:2rem;background:linear-gradient(135deg,var(--surface-50),#f8fafc);border:1px solid var(--surface-200);border-radius:16px;box-shadow:inset 0 2px 6px #00000008}.stat-item-bank{text-align:center}.stat-number{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.5rem;color:var(--primary-600);margin-bottom:4px}.stat-label{font-size:12px;color:var(--surface-600);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:2px;height:40px;background:linear-gradient(180deg,var(--primary-500),var(--accent-500));border-radius:1px}@media (max-width: 1200px){.bank-cards-row{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.hero-container-payment{grid-template-columns:1fr;gap:4rem}.console-3d-container{height:auto;margin-top:2rem}.floating-3d-bg{display:none}.main-api-console{transform:none;max-width:700px;margin:0 auto}.console-panels{grid-template-columns:1fr}}@media (max-width: 768px){.bank-cards-row{grid-template-columns:repeat(3,1fr);gap:10px}.bank-card-compact{padding:14px 10px;min-height:100px}.bank-icon-compact{width:40px;height:40px;font-size:22px}.bank-stats{flex-direction:column;gap:1.5rem}.stat-divider{width:40px;height:2px}}@media (max-width: 480px){.bank-cards-row{grid-template-columns:repeat(2,1fr)}}.console-3d-container{position:relative;width:100%;height:450px;perspective:1200px;transform-style:preserve-3d;animation:consoleSlideIn 1s ease-out .5s both}.main-api-console{position:relative;z-index:10;width:100%;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px #00000026;overflow:hidden;transform:rotateY(-2deg) rotateX(1deg);transition:all .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100%;max-height:450px}.console-content-main{padding:20px;background:#fff;height:calc(100% - 60px);overflow-y:auto}.console-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;height:280px}.panel-title{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;font-weight:700;font-size:14px;color:#374151;flex-shrink:0}.code-editor,.code-response{flex:1;width:100%;padding:16px;border:none;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;background:#fff;resize:none;outline:none;tab-size:2;overflow-y:auto}.code-editor{color:#1f2937}.code-response{color:#059669;margin:0;white-space:pre-wrap}.test-button-main{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);background-size:200% 200%;color:#fff;border:none;border-radius:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 25px #3b82f666;position:relative;overflow:hidden;animation:gradientShift 3s ease-in-out infinite;margin-top:auto;flex-shrink:0}.float-card{position:absolute;width:180px;padding:10px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:10px;box-shadow:0 6px 20px #00000014;animation:cardFloat 8s infinite ease-in-out;opacity:.85;transition:all .3s ease;cursor:pointer}.card-trigger{top:8%;right:15%;animation-delay:0s}.card-condition{top:20%;right:5%;animation-delay:1s}.card-action-1{top:35%;right:12%;animation-delay:2s}.card-action-2{top:35%;right:55%;animation-delay:3s}.card-progress{bottom:20%;right:8%;animation-delay:4s}.card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;color:#374151}.task-item{margin-bottom:6px;color:#1f2937;font-weight:600;font-size:10px;line-height:1.3}@media (max-width: 1024px){.console-3d-container{height:400px}.main-api-console{max-height:400px}.console-panels{height:240px}}@media (max-width: 768px){.console-3d-container{height:350px}.console-panels{grid-template-columns:1fr;height:200px}.code-editor,.code-response{font-size:12px}}.console-3d-container{position:relative;width:100%;height:600px;perspective:1200px;transform-style:preserve-3d;animation:consoleSlideIn 1s ease-out .5s both}.main-api-console{position:relative;z-index:10;width:100%;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px #00000026;overflow:hidden;transform:rotateY(-2deg) rotateX(1deg);transition:all .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100%;max-height:600px}.console-content-main{padding:24px;background:#fff;height:calc(100% - 70px);overflow-y:auto;display:flex;flex-direction:column}.console-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;height:380px;flex:1}.request-panel,.response-panel{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d;height:100%;display:flex;flex-direction:column}.code-editor,.code-response{flex:1;width:100%;padding:20px;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;background:#fff;resize:none;outline:none;tab-size:2;overflow-y:auto}.code-editor{color:#1f2937;min-height:300px}.code-response{color:#059669;margin:0;white-space:pre-wrap;min-height:300px}.test-button-main{width:100%;padding:18px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);background-size:200% 200%;color:#fff;border:none;border-radius:12px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 30px #3b82f666;position:relative;overflow:hidden;animation:gradientShift 3s ease-in-out infinite;margin-top:auto;flex-shrink:0}.float-card{position:absolute;width:200px;padding:12px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 8px 25px #0000001a;animation:cardFloat 8s infinite ease-in-out;opacity:.9;transition:all .3s ease;cursor:pointer}.card-trigger{top:5%;right:15%;animation-delay:0s}.card-condition{top:20%;right:5%;animation-delay:1s;background:#ec48990d;border-color:#ec489933}.card-action-1{top:40%;right:12%;animation-delay:2s;background:#3b82f60d;border-color:#3b82f633}.card-action-2{top:40%;right:55%;animation-delay:3s;background:#3b82f60d;border-color:#3b82f633}.card-progress{bottom:10%;right:8%;animation-delay:4s;background:#22c55e0d;border-color:#22c55e33}@media (max-width: 1024px){.console-3d-container{height:500px;margin-top:2rem}.main-api-console{max-height:500px}.console-panels{height:320px}.floating-3d-bg{opacity:.7}}@media (max-width: 768px){.console-3d-container{height:450px}.floating-3d-bg{display:none}.console-panels{grid-template-columns:1fr;height:300px}.code-editor,.code-response{min-height:120px;font-size:13px}}.floating-3d-bg{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;inset:0}.float-card{position:absolute;width:160px;padding:10px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:10px;box-shadow:0 6px 20px #00000014;animation:cardFloat 8s infinite ease-in-out;opacity:.85;transition:all .3s ease;cursor:pointer}.card-trigger{top:8%;left:5%;animation-delay:0s}.card-condition{top:25%;right:5%;animation-delay:1s;background:#ec48990d;border-color:#ec489933}.card-action-1{top:45%;left:8%;animation-delay:2s;background:#3b82f60d;border-color:#3b82f633}.card-action-2{top:45%;right:8%;animation-delay:3s;background:#3b82f60d;border-color:#3b82f633}.card-progress{bottom:12%;left:12%;animation-delay:4s;background:#22c55e0d;border-color:#22c55e33}@keyframes cardFloat{0%,to{transform:translateY(0) scale(1);opacity:.75}25%{transform:translateY(-8px) scale(1.01);opacity:.9}50%{transform:translateY(4px) scale(.99);opacity:.8}75%{transform:translateY(-4px) scale(1.005);opacity:.85}}.float-card:hover{opacity:1;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #0000001f;z-index:2}.console-3d-container{position:relative;width:100%;height:600px;perspective:1200px;transform-style:preserve-3d;animation:consoleSlideIn 1s ease-out .5s both;overflow:hidden}.main-api-console{position:relative;z-index:10;width:100%;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px #00000026;overflow:hidden;transform:rotateY(-1deg) rotateX(.5deg);transition:all .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100%;max-height:600px;margin:20px}.main-api-console:hover{transform:rotateY(0) rotateX(0) translateZ(5px);box-shadow:0 30px 60px #0003}.card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:700;color:#374151}.task-item{margin-bottom:4px;color:#1f2937;font-weight:600;font-size:9px;line-height:1.2}.integrations{display:flex;gap:3px;flex-wrap:wrap}.integration-badge{padding:2px 5px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:3px;font-size:7px;font-weight:700;border:1px solid rgba(59,130,246,.2)}.priority-selector{display:flex;gap:3px}.priority{padding:2px 5px;border-radius:3px;font-size:7px;font-weight:700}.assignee{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border:1px solid rgba(67,56,202,.2);padding:2px 5px;border-radius:3px;font-size:7px;font-weight:700}.action-number{width:14px;height:14px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.status-circle{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 3s infinite}.status-circle.condition{background:#ec4899}.status-circle.progress{background:#22c55e}@media (max-width: 1024px){.console-3d-container{height:500px;margin-top:2rem}.main-api-console{max-height:500px;margin:10px}.console-panels{height:320px}.floating-3d-bg{opacity:.6}}@media (max-width: 768px){.console-3d-container{height:450px}.floating-3d-bg{display:none}.main-api-console{margin:0;transform:none}.console-panels{grid-template-columns:1fr;height:280px}}.console-area{position:relative;display:flex;flex-direction:column;gap:1rem;max-width:100%}.console-window{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;width:100%;height:650px}.console-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.console-title{font-weight:600;font-size:15px;color:#374151}.console-controls{display:flex;gap:6px}.minimize-btn,.maximize-btn,.close-btn{width:18px;height:18px;border:none;background:var(--surface-300);color:var(--surface-600);border-radius:3px;font-size:12px;cursor:pointer;transition:all .2s ease}.console-body{background:#fff;height:calc(100% - 60px)}.console-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tab{padding:12px 18px;background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent}.tab.active{background:#fff;color:#111827;border-bottom-color:#3b82f6}.console-content{padding:0;height:calc(100% - 50px);display:flex;flex-direction:column}.request-section{padding:20px;flex:1;overflow-y:auto}.response-section{border-top:1px solid #e5e7eb;padding:20px;background:#f8fafc;height:300px;overflow-y:auto}.api-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.method-url{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:14px}.method{padding:4px 10px;background:#059669;color:#fff;border-radius:5px;font-weight:600;font-size:12px}.url{color:#374151;font-weight:500}.api-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:500}.status-dot.live{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.headers-section{margin-bottom:18px;padding:14px 18px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px}.header-item{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:13px}.header-key{color:#6366f1;font-weight:600;min-width:120px}.header-value{color:#374151}.json-editor-area{margin-bottom:20px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0}.editor-label{font-size:14px;font-weight:600;color:#374151}.bank-examples{display:flex;align-items:center;gap:8px}.examples-label{font-size:12px;color:#6b7280;margin-right:6px}.bank-examples button{padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.bank-examples button:hover{background:#e0f2fe;border-color:#3b82f6;color:#1e40af}.json-editor-container{display:flex;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;overflow:hidden;height:220px}.line-numbers{background:#f8fafc;border-right:1px solid #e2e8f0;padding:16px 10px;font-family:JetBrains Mono,monospace;font-size:13px;color:#9ca3af;line-height:1.6;-webkit-user-select:none;user-select:none;min-width:45px;text-align:right}.line-number{height:22px;display:flex;align-items:center;justify-content:flex-end}.json-editor{flex:1;padding:16px;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;background:#fff;color:#1f2937;resize:none;outline:none;tab-size:2}.test-api-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.test-api-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.test-api-btn:disabled{opacity:.7;cursor:not-allowed}.btn-arrow{font-size:16px;font-weight:700}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-weight:600;font-size:14px;color:#374151}.response-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:600}.status-indicator.success{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.response-container{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;height:240px}.response-line-numbers{background:#f8fafc;border-right:1px solid #e2e8f0;padding:16px 10px;font-family:JetBrains Mono,monospace;font-size:13px;color:#9ca3af;line-height:1.6;-webkit-user-select:none;user-select:none;min-width:45px;text-align:right}.response-output{flex:1;margin:0;padding:16px;background:#fff;border:none;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;color:#059669;overflow:auto;white-space:pre}.floating-features{position:absolute;top:10%;left:-10px;display:flex;flex-direction:column;gap:12px;z-index:5;pointer-events:none}.feature-card-float{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.6);border-radius:8px;box-shadow:0 4px 15px #00000014;font-size:12px;font-weight:600;color:var(--surface-700);opacity:0;transform:translate(-50px);animation:floatingCardSlide .8s ease-out both;transition:all .3s ease;min-width:100px}.card-1{animation-delay:1.5s}.card-2{animation-delay:1.8s}.card-3{animation-delay:2.1s}@keyframes floatingCardSlide{to{opacity:.8;transform:translate(0)}}.card-icon{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-50);border-radius:4px}.console-area{position:relative;display:flex;flex-direction:column;gap:1rem;width:100%}.console-window{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;width:100%;height:650px}.console-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;width:100%}.console-body{background:#fff;height:calc(100% - 60px);width:100%}.console-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb;width:100%}.console-content{padding:0;height:calc(100% - 50px);display:flex;flex-direction:column;background:#fff;width:100%}.request-section{padding:20px;flex:1;overflow-y:auto;background:#fff;width:100%}.response-section{border-top:1px solid #e5e7eb;padding:20px;background:#fff;height:300px;overflow-y:auto;width:100%}.api-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:calc(100% - 36px)}.headers-section{margin-bottom:18px;padding:14px 18px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;width:calc(100% - 36px)}.json-editor-container{display:flex;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;overflow:hidden;height:220px;width:100%}.json-editor{flex:1;padding:16px;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;background:#fff;color:#1f2937;resize:none;outline:none;tab-size:2;width:100%}.test-api-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;margin-top:16px}.test-api-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#059669,#047857)}.response-container{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;height:240px;width:100%}.response-output{flex:1;margin:0;padding:16px;background:#fff;border:none;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;color:#059669;overflow:auto;white-space:pre;width:100%}.hero-container-payment{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.floating-features{position:absolute;top:15%;left:-80px;display:flex;flex-direction:column;gap:12px;z-index:5;pointer-events:none}.feature-card-float{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:8px;font-size:12px;font-weight:600;color:var(--surface-700);opacity:0;transform:translate(-30px);animation:floatingCardSlide .8s ease-out both;transition:all .3s ease;min-width:100px}@keyframes floatingCardSlide{to{opacity:.7;transform:translate(0)}}.card-icon{font-size:14px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--surface-50);border-radius:4px}@media (max-width: 1024px){.console-window{height:550px}.floating-features{position:relative;left:auto;top:auto;flex-direction:row;justify-content:center;margin-top:1rem;pointer-events:auto}.feature-card-float{transform:none;opacity:1;animation:none}}@media (max-width: 768px){.console-window{height:450px}.response-section{height:200px}.response-container{height:160px}}.performance-stats-section{padding:8rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);position:relative;overflow:hidden}.stats-header{text-align:center;margin-bottom:4rem;animation:fadeInUp 1s ease-out}.stats-header h2{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;color:#1f2937;margin-bottom:1rem}.stats-header p{font-size:1.2rem;color:var(--surface-600);max-width:600px;margin:0 auto}.performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:4rem}.performance-card{background:#fff;padding:2rem;border-radius:16px;border:1px solid var(--surface-200);text-align:center;transition:all .4s ease;position:relative;overflow:hidden;animation:cardSlideUp .8s ease-out both}.performance-card:nth-child(1){animation-delay:.2s}.performance-card:nth-child(2){animation-delay:.4s}.performance-card:nth-child(3){animation-delay:.6s}.performance-card:nth-child(4){animation-delay:.8s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.performance-card:hover{transform:translateY(-8px);border-color:var(--primary-300)}.performance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444);opacity:0;transition:opacity .3s ease}.performance-card:hover:before{opacity:1}.perf-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.metric-number{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;color:#1f2937;margin-bottom:.5rem}.metric-label{font-size:1rem;color:var(--surface-600);font-weight:500;margin-bottom:1rem}.metric-trend{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.875rem;font-weight:600}.metric-trend.positive{color:#059669}.trend-arrow{font-size:1rem}.integration-notice-enhanced{display:flex;align-items:center;gap:2rem;padding:3rem;background:linear-gradient(135deg,#1f2937,#111827);border-radius:20px;color:#fff;position:relative;overflow:hidden}.integration-notice-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#10b9810d);opacity:.6}.notice-icon-animated{position:relative;z-index:2}.icon-pulse{font-size:4rem;animation:iconPulse 4s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notice-content-enhanced{flex:1;position:relative;z-index:2}.notice-content-enhanced h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.75rem;margin-bottom:1rem}.notice-content-enhanced p{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem;line-height:1.6}.integration-badges{display:flex;gap:8px;flex-wrap:wrap}.integration-tag{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;font-size:12px;font-weight:600;color:#fff;transition:all .3s ease}.integration-tag:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 1024px){.performance-grid{grid-template-columns:repeat(2,1fr)}.integration-notice-enhanced{flex-direction:column;text-align:center;gap:1.5rem}}@media (max-width: 768px){.performance-grid{grid-template-columns:1fr}.performance-card{padding:1.5rem}.metric-number{font-size:2rem}}.payment-gateway-page{background:linear-gradient(180deg,#fafafa,#f8fafc,#f1f5f9);margin:0;padding:0}.payment-hero-new{padding:4rem 0;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(16,185,129,.02) 0%,transparent 50%),linear-gradient(135deg,#fff,#f8fafc);margin:0}.hero-container-payment{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:10;min-height:80vh}.coming-soon-section-payment{padding:0;margin:0;background:#fff;border-top:1px solid var(--surface-200)}.performance-stats-section{padding:6rem 0;background:#f8fafc;margin:0;border-top:1px solid var(--surface-200)}.payment-gateway-page section{margin:0}.payment-gateway-page div{margin:0}.min-h-screen{margin:0;padding:0}.coming-soon-section-payment{padding:6rem 0;background:#fff;margin:0;position:relative}.coming-soon-content{text-align:center;max-width:800px;margin:0 auto}.launch-badge{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid var(--surface-200);border-radius:16px;margin-bottom:3rem;box-shadow:0 4px 20px #0000000d}.rocket-icon{font-size:4rem;animation:rocketFloat 3s ease-in-out infinite}@keyframes rocketFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.launch-text{text-align:left}.launch-text h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.75rem;color:#1f2937;margin-bottom:.5rem}.launch-text p{color:var(--surface-600);font-size:1.1rem;margin:0}.notify-form{margin-bottom:3rem}.form-group-notify{display:flex;gap:1rem;max-width:500px;margin:0 auto 2rem}.email-input-notify{flex:1;padding:16px 20px;border:1px solid var(--surface-300);border-radius:12px;font-size:16px;background:#fff;transition:all .3s ease}.email-input-notify:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.notify-button{display:flex;align-items:center;gap:8px;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.notify-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.success-message{text-align:center;padding:3rem;background:linear-gradient(135deg,#10b9810d,#22c55e08);border:1px solid rgba(16,185,129,.2);border-radius:16px;margin-bottom:3rem}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 8px 25px #10b9814d}.success-message h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:#059669;margin-bottom:.5rem}.success-message p{color:var(--surface-600);font-size:1.1rem;margin:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}*{box-sizing:border-box}.payment-gateway-page>section{margin:0;padding:0}.payment-hero-new+.coming-soon-section-payment{margin-top:0;padding-top:6rem}.coming-soon-section-payment{padding:6rem 0!important;background:#f8fafc!important;margin:0!important;border-top:2px solid #e2e8f0;min-height:400px}.coming-soon-content{background:#fff;padding:3rem;border-radius:16px;border:1px solid var(--surface-200);box-shadow:0 4px 20px #0000000d}.performance-stats-section{padding:6rem 0!important;background:#fff!important;margin:0!important;border-top:2px solid #e2e8f0;min-height:400px}.stats-container{max-width:1400px;margin:0 auto;padding:0 2rem}.payment-gateway-page section{display:block!important;visibility:visible!important}.payment-gateway-page div,.container,.stats-container,.features-container{display:block!important;visibility:visible!important}.supported-banks{margin-top:4rem;text-align:center}.supported-banks h4{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:#1f2937;margin-bottom:2rem}.bank-logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.bank-card-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:1px solid var(--surface-200);border-radius:12px;transition:all .3s ease;cursor:pointer}.bank-card-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-300)}.bank-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-50);border-radius:10px;border:1px solid var(--surface-200)}.bank-info{flex:1;text-align:left}.bank-name{display:block;font-weight:600;font-size:14px;color:#1f2937;margin-bottom:2px}.bank-code{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--surface-500);background:var(--surface-100);padding:2px 6px;border-radius:3px;text-transform:uppercase}.bank-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.bank-status.integrated{color:#059669}.bank-status .status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.payment-hero-new{margin-bottom:0;border-bottom:none}.coming-soon-section-payment,.performance-stats-section{margin-top:0;padding-top:6rem}.pg-hero{padding:6rem 0;background:linear-gradient(135deg,#fff,#f8fafc);position:relative;overflow:hidden}.pg-hero-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.pg-hero-content{animation:slideInLeft 1s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.pg-trustpilot{display:flex;align-items:center;gap:8px;margin-bottom:2rem;font-size:14px;color:#6b7280}.pg-star{color:#00b67a;font-size:16px;font-weight:700}.pg-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:25px;font-size:14px;font-weight:600;margin-bottom:2rem}.pg-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4rem);line-height:1.2;margin-bottom:1.5rem;color:#1f2937}.pg-highlight{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:4px 16px;border-radius:8px}.pg-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;font-size:20px;margin:0 8px;vertical-align:middle;animation:iconFloat 3s ease-in-out infinite}.pg-icon:last-child{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pg-description{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;max-width:500px}.pg-actions{display:flex;gap:1rem;margin-bottom:2rem}.pg-btn-primary{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.pg-btn-primary:hover{transform:translateY(-2px)}.pg-btn-secondary{padding:14px 24px;background:transparent;color:#6b7280;border:none;font-weight:500;cursor:pointer;text-decoration:underline;transition:all .3s ease}.pg-btn-secondary:hover{color:#3b82f6}.pg-trust{display:flex;align-items:center;gap:8px;color:#6b7280}.pg-check{width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.pg-console{animation:slideInRight 1s ease-out .3s both;perspective:1000px;transform-style:preserve-3d}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.pg-console-window{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;height:650px;position:relative;transform:rotateY(-8deg) rotateX(2deg) translateZ(20px);transition:all .4s ease;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff80,inset 0 1px #fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-style:preserve-3d}.pg-console-window:hover{transform:rotateY(0) rotateX(0) translateZ(30px);box-shadow:0 35px 70px #0003,0 0 0 1px #fff9,inset 0 1px #ffffffe6}.pg-console-window:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f605,#10b98103);opacity:0;transition:opacity .3s ease;z-index:-1}.pg-console-window:hover:before{opacity:1}.pg-console-header{background:linear-gradient(135deg,#f9fafb,#f1f5f9);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(229,231,235,.8);font-weight:700;font-size:15px;color:#1f2937;position:relative;transform:translateZ(5px);box-shadow:inset 0 1px #fffc}.pg-dots{display:flex;gap:8px}.pg-dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease;transform:translateZ(2px);box-shadow:0 2px 4px #0000001a}.pg-dot.red{background:linear-gradient(135deg,#ef4444,#dc2626);animation:dotPulse 3s ease-in-out infinite}.pg-dot.yellow{background:linear-gradient(135deg,#f59e0b,#d97706);animation:dotPulse 3s ease-in-out infinite .5s}.pg-dot.green{background:linear-gradient(135deg,#10b981,#059669);animation:dotPulse 3s ease-in-out infinite 1s}@keyframes dotPulse{0%,to{transform:translateZ(2px) scale(1)}50%{transform:translateZ(4px) scale(1.1)}}.pg-console-window:hover .pg-dot{transform:translateZ(8px) scale(1.2);box-shadow:0 4px 8px #00000026}.pg-live{display:flex;align-items:center;gap:8px;font-size:13px;color:#059669;font-weight:700;padding:6px 12px;background:#10b9811a;border-radius:20px;transform:translateZ(3px);transition:all .3s ease}.pg-live:hover{transform:translateZ(8px);background:#10b98126}.pg-live-dot{width:10px;height:10px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;animation:livePulse 2s infinite;box-shadow:0 0 10px #10b98180}@keyframes livePulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #10b98180}50%{opacity:.7;transform:scale(1.2);box-shadow:0 0 20px #10b981cc}}.pg-console-body{padding:24px;background:linear-gradient(135deg,#fff,#fafbfc);height:calc(100% - 60px);display:flex;flex-direction:column;position:relative;transform:translateZ(2px)}.pg-endpoint{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.8);border-radius:10px;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:14px;box-shadow:0 4px 8px #0000000d,inset 0 1px #fffc;transform:translateZ(3px);transition:all .3s ease}.pg-endpoint:hover{transform:translateZ(8px);box-shadow:0 8px 16px #0000001a,inset 0 1px #ffffffe6}.pg-method{padding:6px 12px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border-radius:8px;font-weight:700;font-size:12px;box-shadow:0 4px 8px #0596694d;transform:translateZ(2px);transition:all .3s ease}.pg-method:hover{transform:translateZ(6px) scale(1.05);box-shadow:0 8px 16px #05966966}.pg-editor{margin-bottom:20px;flex:1;transform-style:preserve-3d}.pg-editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.8);border-bottom:none;border-radius:10px 10px 0 0;font-size:14px;font-weight:700;color:#1f2937;box-shadow:inset 0 1px #fffc;transform:translateZ(4px)}.pg-bank-buttons{display:flex;gap:6px}.pg-bank-buttons button{padding:6px 12px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(209,213,219,.8);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;transform:translateZ(2px)}.pg-bank-buttons button:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af;transform:translateZ(6px) translateY(-2px);box-shadow:0 6px 12px #3b82f633}.pg-textarea{width:100%;padding:16px;border:1px solid rgba(226,232,240,.8);border-top:none;border-radius:0 0 10px 10px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;resize:none;outline:none;background:linear-gradient(135deg,#fff,#fafbfc);color:#1f2937;height:160px;box-shadow:inset 0 2px 4px #00000005,0 0 0 1px #ffffff80;transform:translateZ(2px);transition:all .3s ease}.pg-textarea:focus{background:#fff;box-shadow:inset 0 2px 4px #3b82f61a,0 0 0 2px #3b82f633;transform:translateZ(6px)}.pg-test-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);background-size:200% 200%;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .4s ease;margin-bottom:20px;box-shadow:0 8px 16px #3b82f64d,0 0 0 1px #fff3;transform:translateZ(8px);position:relative;overflow:hidden;animation:gradientShift 3s ease-in-out infinite}.pg-test-btn:hover:not(:disabled){transform:translateZ(15px) translateY(-3px) scale(1.02);box-shadow:0 15px 30px #3b82f666,0 0 0 1px #ffffff4d}.pg-test-btn:disabled{opacity:.7;transform:translateZ(4px)}.pg-response{flex:1;transform-style:preserve-3d}.pg-response-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.8);border-bottom:none;border-radius:10px 10px 0 0;font-size:14px;font-weight:700;color:#1f2937;box-shadow:inset 0 1px #fffc;transform:translateZ(4px)}.pg-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:700;padding:4px 8px;background:#10b9811a;border-radius:6px;transform:translateZ(2px)}.pg-response-body{width:100%;height:200px;padding:16px;margin:0;border:1px solid rgba(226,232,240,.8);border-radius:0 0 10px 10px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;background:linear-gradient(135deg,#fff,#f0fdf4);color:#059669;overflow-y:auto;white-space:pre-wrap;box-shadow:inset 0 2px 4px #00000005,0 0 0 1px #ffffff80;transform:translateZ(2px);transition:all .3s ease}.pg-response-body:hover{background:#fff;transform:translateZ(6px);box-shadow:inset 0 2px 4px #10b9810d,0 0 0 1px #fff9}.pg-ecosystem{padding:8rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);position:relative;overflow:hidden}.pg-ecosystem-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.pg-ecosystem-header{margin-bottom:4rem}.pg-ecosystem-header p{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.pg-ecosystem-visual{position:relative;width:100%;height:600px;margin:0 auto}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counterOrbit{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(-360deg)}}.pg-payment-node span{display:block;font-weight:600;font-size:12px;color:#1f2937;margin-bottom:2px}@keyframes nodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes connectionPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes dataFlow{0%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.pg-cta-section{margin-top:4rem}.pg-cta-card{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;border-radius:20px;padding:3rem;text-align:center;position:relative;overflow:hidden}.pg-cta-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#10b9810d);opacity:.5}.pg-cta-icon{font-size:4rem;margin-bottom:1.5rem;position:relative;z-index:2}.pg-cta-content{position:relative;z-index:2;margin-bottom:2rem}.pg-cta-content h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2rem;margin-bottom:1rem}.pg-cta-content p{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto}.pg-cta-form{display:flex;gap:1rem;max-width:400px;margin:0 auto;position:relative;z-index:2}.pg-email-input{flex:1;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px}.pg-email-input::placeholder{color:#fff9}.pg-email-input:focus{outline:none;border-color:#fff6}.pg-notify-btn{padding:14px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.pg-notify-btn:hover{transform:translateY(-2px)}.pg-success{display:flex;align-items:center;gap:8px;justify-content:center;font-weight:600;position:relative;z-index:2}.pg-success-icon{width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}@media (max-width: 1024px){.pg-hero-container{grid-template-columns:1fr;gap:3rem}.pg-console{order:-1}.pg-console-window{height:500px;max-width:600px;margin:0 auto}.pg-ecosystem-visual{height:500px}.pg-app-node{position:relative;margin:1rem;display:inline-block}.pg-app-nodes{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.pg-payment-orbit{position:relative;width:200px;height:200px;margin:2rem auto}}@media (max-width: 768px){.pg-hero{padding:4rem 0}.pg-hero-container{padding:0 1rem}.pg-console-window{height:400px}.pg-textarea{height:100px}.pg-response-body{height:120px}.pg-ecosystem{padding:4rem 0}.pg-ecosystem-visual{height:400px}.pg-cta-form{flex-direction:column}.pg-actions{flex-direction:column;align-items:center}.pg-btn-primary,.pg-btn-secondary{width:100%;max-width:280px;justify-content:center}}.pg-panels-flex{display:flex;gap:16px;flex:1;margin-bottom:20px}.pg-request-panel,.pg-response-panel{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.8);border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #00000014,inset 0 1px #fffc;transform:translateZ(6px);transition:all .3s ease;transform-style:preserve-3d}.pg-request-panel:hover,.pg-response-panel:hover{transform:translateZ(12px) rotateY(2deg);box-shadow:0 12px 32px #0000001f,inset 0 1px #ffffffe6}.pg-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid rgba(226,232,240,.8);font-size:14px;font-weight:700;color:#1f2937;box-shadow:inset 0 1px #fffc;transform:translateZ(2px)}.pg-request-panel .pg-textarea{flex:1;margin:0;border:none;border-radius:0;background:#fff;min-height:280px;padding:20px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:#1f2937;resize:none;outline:none;transform:translateZ(1px);transition:all .3s ease}.pg-response-panel .pg-response-body{flex:1;margin:0;border:none;border-radius:0;background:#fff;min-height:280px;padding:20px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:#059669;overflow-y:auto;white-space:pre-wrap;transform:translateZ(1px);transition:all .3s ease}.pg-bank-buttons{display:flex;gap:8px}.pg-bank-buttons button{padding:8px 14px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(209,213,219,.8);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0000000d;transform:translateZ(3px)}.pg-bank-buttons button:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af;transform:translateZ(10px) rotateX(-2deg);box-shadow:0 8px 16px #3b82f633}.pg-bank-buttons button:active{transform:translateZ(6px) scale(.98)}.pg-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:700;padding:6px 12px;background:linear-gradient(135deg,#10b9811a,#22c55e0d);border:1px solid rgba(16,185,129,.2);border-radius:8px;transform:translateZ(4px);transition:all .3s ease;box-shadow:0 2px 6px #10b98133}.pg-status:hover{transform:translateZ(8px) scale(1.05);box-shadow:0 6px 12px #10b9814d}@media (max-width: 1024px){.pg-panels-flex{flex-direction:column;gap:12px}.pg-console-window{transform:rotateY(-4deg) rotateX(1deg)}.pg-console-window:hover{transform:rotateY(0) rotateX(0) translateZ(10px)}.pg-request-panel .pg-textarea,.pg-response-panel .pg-response-body{min-height:180px}}@media (max-width: 768px){.pg-console-window{transform:none;box-shadow:0 8px 25px #0000001a}.pg-console-window:hover{transform:translateY(-4px)}.pg-request-panel,.pg-response-panel{transform:none}.pg-request-panel:hover,.pg-response-panel:hover{transform:translateY(-2px)}}.pg-single-panel{flex:1;margin-bottom:20px;position:relative;perspective:800px}.pg-request-panel,.pg-response-panel{width:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.8);border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #00000014,inset 0 1px #fffc;transform:translateZ(6px);transition:all .5s ease;transform-style:preserve-3d;animation:panelSlideIn .6s ease-out}@keyframes panelSlideIn{0%{opacity:0;transform:translateZ(0) rotateY(-10deg)}to{opacity:1;transform:translateZ(6px) rotateY(0)}}.pg-request-panel:hover,.pg-response-panel:hover{transform:translateZ(12px) rotateX(-1deg);box-shadow:0 16px 40px #0000001f,inset 0 1px #ffffffe6}.pg-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid rgba(226,232,240,.8);font-size:15px;font-weight:700;color:#1f2937;box-shadow:inset 0 1px #fffc;transform:translateZ(2px)}.pg-request-panel .pg-textarea{flex:1;margin:0;border:none;border-radius:0;background:#fff;min-height:400px;padding:24px;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.6;color:#1f2937;resize:none;outline:none;transform:translateZ(1px);transition:all .3s ease}.pg-request-panel .pg-textarea:focus{background:#fafbfc;transform:translateZ(8px);box-shadow:inset 0 0 0 2px #3b82f633}.pg-response-panel .pg-response-body{flex:1;margin:0;border:none;border-radius:0;background:#fff;min-height:400px;padding:24px;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.6;color:#059669;overflow-y:auto;white-space:pre-wrap;transform:translateZ(1px);transition:all .3s ease}.pg-response-panel .pg-response-body:hover{background:#f0fdf4;transform:translateZ(8px)}.pg-response-controls{display:flex;align-items:center;gap:12px}.pg-back-btn{padding:6px 12px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(209,213,219,.8);border-radius:6px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease;transform:translateZ(2px)}.pg-back-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af;transform:translateZ(6px)}.pg-auto-switch{padding:12px 20px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-top:1px solid rgba(226,232,240,.8)}.pg-countdown{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:12px;color:#6b7280}.pg-countdown-bar{width:100%;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden;position:relative}.pg-countdown-bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px;animation:countdownProgress 40s linear;transform-origin:left}@keyframes countdownProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.pg-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:700;padding:6px 12px;background:linear-gradient(135deg,#10b98126,#22c55e1a);border:1px solid rgba(16,185,129,.3);border-radius:8px;transform:translateZ(4px);transition:all .3s ease;box-shadow:0 2px 8px #10b98133}.pg-status:before{content:"●";color:#10b981;animation:pulse 2s infinite}@media (max-width: 1024px){.pg-request-panel .pg-textarea,.pg-response-panel .pg-response-body{min-height:300px;font-size:14px}}@media (max-width: 768px){.pg-request-panel .pg-textarea,.pg-response-panel .pg-response-body{min-height:250px;font-size:13px;padding:16px}.pg-response-controls{flex-direction:column;gap:8px;align-items:stretch}.pg-back-btn{width:100%;text-align:center}}.pg-test-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);background-size:200% 200%;color:#fff;border:none;border-radius:12px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 20px #3b82f64d,0 0 0 1px #fff3;transform:translateZ(10px);position:relative;overflow:hidden;animation:gradientShift 4s ease-in-out infinite;transform-style:preserve-3d}.pg-test-btn:before{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}.pg-test-btn:hover:before{left:100%}.pg-test-btn:hover:not(:disabled){transform:translateZ(18px) translateY(-4px) scale(1.03);box-shadow:0 16px 40px #3b82f666,0 0 0 1px #ffffff4d;animation-duration:2s}.pg-test-btn:disabled{opacity:.7;cursor:not-allowed;transform:translateZ(6px);background:linear-gradient(135deg,#9ca3af,#6b7280)}.pg-arrow{font-size:18px;font-weight:700;transition:transform .3s ease}.pg-test-btn:hover .pg-arrow{transform:translate(4px)}.pg-loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.pg-test-btn:active{transform:translateZ(8px) translateY(-2px) scale(.98)}.pg-test-btn:disabled.pg-hidden{display:none}.pg-console-body>.pg-test-btn{margin-top:auto;flex-shrink:0}.pg-test-btn{display:flex!important;visibility:visible!important;opacity:1!important;position:relative;z-index:100}.pg-test-btn.success-state{background:linear-gradient(135deg,#10b981,#059669)!important;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 8px 20px #10b9814d}50%{box-shadow:0 12px 30px #10b98180}}.pg-success-icon{font-size:18px;font-weight:700;animation:checkmarkBounce .5s ease-out}@keyframes checkmarkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pg-console-body{padding:24px;background:linear-gradient(135deg,#fff,#fafbfc);height:calc(100% - 60px);display:flex;flex-direction:column;position:relative;transform:translateZ(2px);gap:0}.pg-single-panel{flex:1;margin-bottom:20px;position:relative;perspective:800px;min-height:0}.pg-console-body>.pg-test-btn{margin-top:0!important;flex-shrink:0;order:999}.pg-payment-node{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:#fff;border:2px solid #3b82f6;border-radius:20px;padding:16px 20px;box-shadow:0 12px 30px #3b82f640;text-align:center;animation:counterOrbit 12s linear infinite;position:relative;width:200px;height:120px;overflow:visible}.pg-node-icon{font-size:28px;margin-bottom:6px;display:block}.pg-node-status{font-size:11px;color:#3b82f6;font-weight:600;background:#3b82f61a;padding:3px 8px;border-radius:6px}.pg-rotating-banks{position:absolute;top:50%;left:50%;width:160px;height:160px;transform:translate(-50%,-50%);animation:bankRingRotation 8s linear infinite;pointer-events:none}@keyframes bankRingRotation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pg-bank-ring{position:relative;width:100%;height:100%}.pg-bank-orbit-icon{position:absolute;top:50%;left:50%;width:40px;height:40px;transform-origin:0 0;transform:translate(-20px,-20px) rotate(var(--rotation)) translate(80px) rotate(calc(-1 * var(--rotation)));animation:bankIconFloat 3s ease-in-out infinite;animation-delay:calc(var(--rotation) * .02)}@keyframes bankIconFloat{0%,to{transform:translate(-20px,-20px) rotate(var(--rotation)) translate(80px) rotate(calc(-1 * var(--rotation))) scale(1)}50%{transform:translate(-20px,-20px) rotate(var(--rotation)) translate(85px) rotate(calc(-1 * var(--rotation))) scale(1.1)}}.pg-bank-icon-small{width:32px;height:32px;background:#fff;border:2px solid var(--color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px #00000026;transition:all .3s ease;animation:bankIconPulse 4s ease-in-out infinite}@keyframes bankIconPulse{0%,to{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 6px 20px var(--color)}}.pg-bank-name-small{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:8px;font-weight:600;color:var(--color);white-space:nowrap;margin-top:4px;background:#fff;padding:2px 6px;border-radius:4px;box-shadow:0 2px 6px #0000001a;opacity:0;transition:opacity .3s ease}.pg-bank-orbit-icon:hover .pg-bank-name-small{opacity:1}.pg-bank-orbit-icon:hover .pg-bank-icon-small{transform:scale(1.2);border-width:3px}.pg-payment-node:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#3b82f633,#10b9811a);border-radius:24px;opacity:0;animation:nodeGlow 3s ease-in-out infinite}@keyframes nodeGlow{0%,to{opacity:0}50%{opacity:1}}.pg-bank-orbit-icon:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:20px;background:linear-gradient(180deg,var(--color),transparent);transform:translate(-50%,-100%);animation:connectionPulse 2s ease-in-out infinite;animation-delay:calc(var(--rotation) * .05)}@keyframes connectionPulse{0%,to{opacity:.3;transform:translate(-50%,-100%) scaleY(1)}50%{opacity:1;transform:translate(-50%,-100%) scaleY(1.5)}}@media (max-width: 1024px){.pg-rotating-banks{width:120px;height:120px}.pg-bank-orbit-icon{transform:translate(-15px,-15px) rotate(var(--rotation)) translate(60px) rotate(calc(-1 * var(--rotation)))}.pg-bank-icon-small{width:24px;height:24px;font-size:12px}}@media (max-width: 768px){.pg-rotating-banks{width:100px;height:100px}.pg-bank-orbit-icon{transform:translate(-12px,-12px) rotate(var(--rotation)) translate(50px) rotate(calc(-1 * var(--rotation)))}.pg-bank-icon-small{width:20px;height:20px;font-size:10px}.pg-bank-name-small{font-size:7px}}.pg-rotating-bank{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:120px;height:30px;display:flex;align-items:center;justify-content:center}.pg-current-bank{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:bankSlideIn .5s ease-out}@keyframes bankSlideIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.pg-bank-name-display{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;color:var(--color);background:#fff;padding:6px 12px;border-radius:20px;border:2px solid var(--color);box-shadow:0 4px 12px #0000001a,0 0 0 1px #fffc;animation:bankNamePulse 2s ease-in-out infinite;position:relative;overflow:hidden}@keyframes bankNamePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #0000001a,0 0 0 1px #fffc}50%{transform:scale(1.05);box-shadow:0 6px 20px var(--color),0 0 0 2px #ffffffe6}}.pg-bank-name-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:bankNameShine 2s infinite}@keyframes bankNameShine{0%,to{left:-100%}50%{left:100%}}.pg-payment-node{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:#fff;border:3px solid #3b82f6;border-radius:20px;padding:16px 20px;box-shadow:0 15px 35px #3b82f640,0 0 0 1px #fffc;text-align:center;animation:counterOrbit 12s linear infinite;position:relative;width:200px;height:100px;overflow:visible}.pg-payment-content{position:relative;z-index:10}.pg-node-icon{font-size:32px;margin-bottom:6px;display:block;animation:iconBounce 3s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}.pg-payment-node span{display:block;font-weight:700;font-size:14px;color:#1f2937;margin-bottom:4px}.pg-node-status{font-size:11px;color:#3b82f6;font-weight:600;background:#3b82f626;padding:4px 10px;border-radius:8px;border:1px solid rgba(59,130,246,.3);animation:statusGlow 3s ease-in-out infinite}@keyframes statusGlow{0%,to{background:#3b82f626;box-shadow:none}50%{background:#3b82f640;box-shadow:0 0 10px #3b82f64d}}.pg-payment-node:before{content:"";position:absolute;inset:-6px;background:linear-gradient(135deg,#3b82f64d,#10b98133);border-radius:26px;opacity:0;animation:nodeGlow 4s ease-in-out infinite;filter:blur(8px)}@keyframes nodeGlow{0%,to{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.pg-rotating-banks,.pg-bank-ring,.pg-bank-orbit-icon{display:none}.pg-payment-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px}.pg-gateway-title{font-weight:700;font-size:14px;color:#1f2937;margin-bottom:2px}.pg-current-bank-center{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:16px;color:var(--color);background:#ffffffe6;padding:8px 16px;border-radius:12px;border:2px solid var(--color);box-shadow:0 4px 12px #0000001a,0 0 0 1px #ffffffe6;animation:centerBankPulse 2s ease-in-out infinite;position:relative;overflow:hidden;transition:all .5s ease}@keyframes centerBankPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #0000001a,0 0 0 1px #ffffffe6}50%{transform:scale(1.08);box-shadow:0 8px 24px var(--color),0 0 0 2px #fff}}.pg-current-bank-center:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:centerBankShine 3s infinite}@keyframes centerBankShine{0%,to{left:-100%}33%{left:100%}}.pg-payment-node{position:absolute;top:-70px;left:50%;transform:translate(-50%);background:#fff;border:3px solid #3b82f6;border-radius:24px;padding:20px 24px;box-shadow:0 20px 40px #3b82f640,0 0 0 1px #fffc;text-align:center;animation:counterOrbit 12s linear infinite;width:220px;height:140px;overflow:visible;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pg-node-icon{font-size:32px;margin-bottom:4px;display:block;animation:iconBounce 3s ease-in-out infinite}.pg-node-status{font-size:11px;color:#3b82f6;font-weight:600;background:#3b82f626;padding:4px 12px;border-radius:8px;border:1px solid rgba(59,130,246,.3);animation:statusGlow 3s ease-in-out infinite;margin-top:4px}@keyframes statusGlow{0%,to{background:#3b82f626;box-shadow:none}50%{background:#3b82f640;box-shadow:0 0 12px #3b82f666}}.pg-payment-node:before{content:"";position:absolute;inset:-8px;background:linear-gradient(135deg,#3b82f64d,#10b98133);border-radius:32px;opacity:0;animation:nodeGlow 4s ease-in-out infinite;filter:blur(12px)}@keyframes nodeGlow{0%,to{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.pg-rotating-bank,.pg-current-bank,.pg-bank-name-display,.pg-rotating-banks,.pg-bank-ring,.pg-bank-orbit-icon{display:none!important}.pg-current-bank-center{animation:centerBankChange .5s ease-out,centerBankPulse 2s ease-in-out infinite .5s}@keyframes centerBankChange{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pg-bank-text-orbit{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border:2px dashed rgba(59,130,246,.3);border-radius:50%;animation:orbit 15s linear infinite;display:flex;align-items:flex-start;justify-content:center}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pg-bank-text{position:absolute;top:-15px;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:18px;color:var(--color);background:#fff;padding:10px 20px;border-radius:20px;border:3px solid var(--color);box-shadow:0 8px 25px #00000026,0 0 0 2px #ffffffe6;animation:counterOrbit 15s linear infinite,bankTextPulse 2s ease-in-out infinite,bankTextChange .6s ease-out;position:relative;overflow:hidden;white-space:nowrap}@keyframes counterOrbit{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes bankTextPulse{0%,to{transform:scale(1);box-shadow:0 8px 25px #00000026,0 0 0 2px #ffffffe6}50%{transform:scale(1.1);box-shadow:0 12px 35px var(--color),0 0 0 3px #fff}}@keyframes bankTextChange{0%{opacity:0;transform:scale(.8) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.pg-bank-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:bankTextShine 3s infinite}@keyframes bankTextShine{0%,to{left:-100%}33%{left:100%}}.pg-bank-text:after{content:"";position:absolute;inset:-4px;background:var(--color);border-radius:24px;opacity:.1;animation:bankTextGlow 3s ease-in-out infinite;filter:blur(8px);z-index:-1}@keyframes bankTextGlow{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:.3;transform:scale(1.1)}}.pg-payment-orbit,.pg-payment-node,.pg-payment-content,.pg-node-icon,.pg-gateway-title,.pg-current-bank-center,.pg-node-status,.pg-rotating-bank,.pg-current-bank,.pg-bank-name-display,.pg-rotating-banks,.pg-bank-ring,.pg-bank-orbit-icon{display:none!important}@media (max-width: 1024px){.pg-bank-text-orbit{width:160px;height:160px}.pg-bank-text{font-size:16px;padding:8px 16px;top:-12px}}@media (max-width: 768px){.pg-bank-text-orbit{width:120px;height:120px}.pg-bank-text{font-size:14px;padding:6px 12px;top:-10px}}.pg-payment-flow{position:relative;width:100%;height:100%;overflow:hidden}.pg-payment-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.pg-hub-core{position:relative;width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #3b82f666,0 15px 35px #0003;animation:hubPulse 3s ease-in-out infinite}@keyframes hubPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #3b82f666,0 15px 35px #0003}50%{transform:scale(1.1);box-shadow:0 0 50px #3b82f699,0 20px 45px #00000040}}.pg-core-pulse{position:absolute;inset:-20px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:corePulse 2s ease-in-out infinite}@keyframes corePulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.1}}.pg-hub-text{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:11px;color:#fff;text-align:center;letter-spacing:.5px}.pg-bank-beams{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);animation:beamRotation 20s linear infinite}@keyframes beamRotation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pg-bank-beam{position:absolute;top:50%;left:50%;width:200px;height:2px;transform-origin:0 50%;transform:rotate(var(--rotation));opacity:.4;transition:all .5s ease}.pg-bank-beam.active{opacity:1;animation:activeBeam 1s ease-in-out}@keyframes activeBeam{0%,to{opacity:1}50%{opacity:.7}}.pg-beam-line{width:100%;height:100%;background:linear-gradient(90deg,rgba(59,130,246,.8),var(--color),transparent);border-radius:1px;animation:beamFlow 2s ease-in-out infinite;animation-delay:var(--delay)}@keyframes beamFlow{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}.pg-bank-node{position:absolute;right:-40px;top:50%;transform:translateY(-50%);background:#fff;padding:8px 12px;border-radius:12px;border:2px solid var(--color);box-shadow:0 4px 15px #0000001a;animation:nodeFloat 4s ease-in-out infinite;animation-delay:var(--delay);transform-origin:center}@keyframes nodeFloat{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}}.pg-bank-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:10px;color:var(--color);white-space:nowrap}.pg-data-pulse{position:absolute;top:50%;left:-5px;width:8px;height:8px;background:var(--color);border-radius:50%;transform:translateY(-50%);animation:dataPulse 1.5s ease-in-out infinite;animation-delay:var(--delay)}@keyframes dataPulse{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.5)}}.pg-active-bank-spotlight{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:15}.pg-spotlight-text{background:#fff;padding:16px 24px;border-radius:16px;border:2px solid var(--color);box-shadow:0 8px 30px #00000026,0 0 0 1px #ffffffe6;animation:spotlightPulse 3s ease-in-out infinite;text-align:center;position:relative;overflow:hidden}@keyframes spotlightPulse{0%,to{transform:scale(1);box-shadow:0 8px 30px #00000026,0 0 0 1px #ffffffe6}50%{transform:scale(1.05);box-shadow:0 15px 45px var(--color),0 0 0 2px #fff}}.pg-bank-status-active{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--color);margin-bottom:12px}.pg-status-dot{width:10px;height:10px;background:var(--color);border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:.7}50%{opacity:1}}.pg-transaction-flow{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.pg-flow-step{padding:4px 8px;background:#3b82f61a;border-radius:6px;font-weight:600;animation:stepGlow 3s ease-in-out infinite}.step-1{animation-delay:0s}.step-2{animation-delay:1s}.step-3{animation-delay:2s}@keyframes stepGlow{0%,66%,to{background:#3b82f61a;color:#6b7280}33%{background:var(--color);color:#fff}}.pg-flow-arrow{font-weight:700;color:var(--color);animation:arrowPulse 1s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.pg-transaction-particles{position:absolute;width:100%;height:100%;pointer-events:none;z-index:5}.pg-particle{position:absolute;font-size:16px;opacity:0;animation:particleFlow 4s linear infinite;color:var(--color);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.particle-1{top:20%;left:10%;animation-delay:0s}.particle-2{top:15%;right:20%;animation-delay:.5s}.particle-4{top:80%;right:10%;animation-delay:1.5s}.particle-5{top:40%;left:5%;animation-delay:2s}.particle-6{top:60%;right:5%;animation-delay:2.5s}.particle-7{bottom:30%;left:25%;animation-delay:3s}.particle-8{bottom:40%;right:30%;animation-delay:3.5s}.particle-9{top:25%;left:40%;animation-delay:.8s}.particle-10{top:75%;right:45%;animation-delay:1.3s}.particle-11{bottom:20%;left:60%;animation-delay:1.8s}.particle-12{bottom:50%;right:65%;animation-delay:2.3s}@keyframes particleFlow{0%{opacity:0;transform:scale(.5) rotate(0)}20%{opacity:1;transform:scale(1) rotate(90deg)}80%{opacity:1;transform:scale(1.2) rotate(270deg)}to{opacity:0;transform:scale(.8) rotate(360deg)}}.pg-spotlight-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:spotlightShine 4s infinite}@keyframes spotlightShine{0%,to{left:-100%}25%{left:100%}}.pg-spotlight-text:after{content:"";position:absolute;inset:-6px;background:var(--color);border-radius:22px;opacity:.2;filter:blur(12px);animation:spotlightGlow 2s ease-in-out infinite;z-index:-1}@keyframes spotlightGlow{0%,to{opacity:.2;transform:scale(.95)}50%{opacity:.4;transform:scale(1.05)}}.pg-bank-beam.active .pg-beam-line{background:linear-gradient(90deg,rgba(59,130,246,1),var(--color),rgba(255,255,255,.8));box-shadow:0 0 15px var(--color);animation:activeBeamGlow 1s ease-in-out infinite}@keyframes activeBeamGlow{0%,to{box-shadow:0 0 15px var(--color);transform:scaleY(1)}50%{box-shadow:0 0 25px var(--color);transform:scaleY(1.5)}}.pg-bank-beam.active .pg-bank-node{background:var(--color);color:#fff;transform:translateY(-50%) scale(1.2);box-shadow:0 8px 25px var(--color);animation:activeBankPulse 1s ease-in-out infinite}@keyframes activeBankPulse{0%,to{transform:translateY(-50%) scale(1.2)}50%{transform:translateY(-50%) scale(1.3)}}.pg-bank-beam.active .pg-bank-label{color:#fff}.pg-bank-beam.active .pg-data-pulse{background:#fff;box-shadow:0 0 10px #fff;animation:activeDataPulse .8s ease-in-out infinite}@keyframes activeDataPulse{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(2);opacity:.5}}.pg-bank-text-orbit,.pg-bank-text{display:none!important}@media (max-width: 1024px){.pg-bank-beams{width:300px;height:300px}.pg-bank-beam{width:150px}.pg-bank-node{right:-30px}.pg-hub-core{width:60px;height:60px}}@media (max-width: 768px){.pg-bank-beams{width:200px;height:200px}.pg-bank-beam{width:100px}.pg-bank-node{right:-25px;padding:6px 8px}.pg-bank-label{font-size:8px}.pg-hub-core{width:50px;height:50px}.pg-hub-text{font-size:9px}.pg-transaction-particles{display:none}}.pg-hub-core{position:relative;width:100px;height:100px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #3b82f680,0 20px 40px #0003;animation:serixHubPulse 3s ease-in-out infinite;border:3px solid rgba(255,255,255,.8)}@keyframes serixHubPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #3b82f680,0 20px 40px #0003}50%{transform:scale(1.1);box-shadow:0 0 60px #3b82f6b3,0 25px 50px #00000040}}.pg-hub-text{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:14px;color:#fff;text-align:center;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.pg-core-pulse{position:absolute;inset:-25px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:serixCorePulse 2s ease-in-out infinite}@keyframes serixCorePulse{0%,to{transform:scale(1);opacity:.4;border-color:#3b82f64d}50%{transform:scale(1.8);opacity:.1;border-color:#3b82f699}}.pg-hub-core:before{content:"";position:absolute;inset:-15px;background:conic-gradient(from 0deg,transparent,rgba(59,130,246,.2),transparent,rgba(16,185,129,.2),transparent,rgba(59,130,246,.2),transparent);border-radius:50%;animation:rayRotation 8s linear infinite;filter:blur(4px)}@keyframes rayRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pg-bank-status-active{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--color);margin-bottom:12px;animation:statusChange .5s ease-out}@keyframes statusChange{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.pg-hub-core{width:80px;height:80px}.pg-hub-text{font-size:12px}}@media (max-width: 768px){.pg-hub-core{width:60px;height:60px}.pg-hub-text{font-size:10px;letter-spacing:.5px}}.pg-integration-stats{margin:2rem 0;padding:0 2rem}.pg-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:800px;margin:0 auto}.pg-stat-card{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid #e5e7eb;text-align:center;transition:all .3s ease;animation:statCardSlide .8s ease-out both;position:relative;overflow:hidden}.pg-stat-card:nth-child(1){animation-delay:.2s}.pg-stat-card:nth-child(2){animation-delay:.4s}.pg-stat-card:nth-child(3){animation-delay:.6s}.pg-stat-card:nth-child(4){animation-delay:.8s}@keyframes statCardSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pg-stat-card:hover{transform:translateY(-4px);border-color:#3b82f6}.pg-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981);opacity:0;transition:opacity .3s ease}.pg-stat-card:hover:before{opacity:1}.pg-stat-icon{font-size:2rem;margin-bottom:.5rem;display:block;animation:iconBob 3s ease-in-out infinite}@keyframes iconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pg-stat-number{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.5rem;color:#1f2937;margin-bottom:.25rem}.pg-stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.pg-early-access{background:linear-gradient(135deg,#f8fafc,#fff);padding:3rem;border-radius:20px;border:1px solid #e5e7eb;text-align:center;position:relative;overflow:hidden}.pg-early-access:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f605,#10b98103);opacity:.5}.pg-access-header{position:relative;z-index:2;margin-bottom:2rem}.pg-access-header h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.75rem;color:#1f2937;margin-bottom:.5rem}.pg-access-header p{color:#6b7280;font-size:1rem}.pg-access-form{display:flex;gap:1rem;max-width:400px;margin:0 auto;position:relative;z-index:2}.pg-access-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pg-access-success{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;z-index:2}.pg-success-text h4{font-weight:700;color:#059669;margin-bottom:.25rem}.pg-success-text p{color:#6b7280;margin:0}.pg-app-constellation{position:relative;width:100%;height:100%}.pg-app-node{position:absolute;cursor:pointer;transition:all .4s ease;animation:appNodeFloat 8s ease-in-out infinite}.pg-app-node:hover{transform:translateY(-8px) scale(1.1);z-index:20}.pg-app-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:16px 20px;text-align:center;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.pg-app-node:hover .pg-app-card{border-color:#3b82f6;box-shadow:0 12px 35px #3b82f633}.pg-app-icon{font-size:2rem;margin-bottom:.5rem;display:block;animation:appIconSpin 6s ease-in-out infinite}@keyframes appIconSpin{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-5deg) scale(1.05)}}.pg-app-card span{display:block;font-weight:700;font-size:14px;color:#1f2937;margin-bottom:4px}.pg-app-status{font-size:10px;color:#6b7280;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-weight:500}.pg-connection-beam{position:absolute;top:50%;left:50%;width:100px;height:2px;background:linear-gradient(90deg,#3b82f6,transparent);transform-origin:0 50%;animation:beamPulse 3s ease-in-out infinite;opacity:.6}.pg-app-node:hover .pg-connection-beam{background:linear-gradient(90deg,#3b82f6,#10b981);opacity:1;box-shadow:0 0 10px #3b82f6}@keyframes beamPulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}.pg-data-flow{position:absolute;top:50%;left:0;width:6px;height:6px;background:#3b82f6;border-radius:50%;transform:translateY(-50%);animation:dataFlowPulse 2s linear infinite}@keyframes dataFlowPulse{0%{left:0;opacity:1;transform:translateY(-50%) scale(1)}to{left:100px;opacity:0;transform:translateY(-50%) scale(1.5)}}.pg-app-node:hover .pg-data-flow{background:#10b981;box-shadow:0 0 8px #10b981;animation-duration:1s}.app-1{top:15%;left:15%;animation-delay:0s}.app-2{top:20%;right:15%;animation-delay:1s}@keyframes appNodeFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(5px) rotate(-1deg)}}@media (max-width: 1024px){.pg-stats-grid{grid-template-columns:repeat(2,1fr)}.pg-access-form{flex-direction:column;align-items:center}.pg-access-input,.pg-access-btn{width:100%;max-width:300px}}@media (max-width: 768px){.pg-stats-grid{grid-template-columns:1fr;gap:1rem}.pg-stat-card{padding:1rem}.pg-early-access{padding:2rem 1rem}.pg-app-constellation .pg-app-node{position:relative;display:inline-block;margin:.5rem}.pg-connection-beam,.pg-data-flow{display:none}}.pg-early-access{background:linear-gradient(135deg,#f8fafc,#fff);padding:2rem;border-radius:16px;border:1px solid #e5e7eb;text-align:center;position:relative;overflow:hidden;margin-top:3rem;z-index:5}.pg-access-header{position:relative;z-index:2;margin-bottom:1.5rem}.pg-access-header h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.pg-access-header p{color:#6b7280;font-size:.95rem}.pg-active-bank-spotlight{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:8}.pg-ecosystem-visual{position:relative;width:100%;height:600px;margin:2rem auto;z-index:10}.pg-app-constellation{position:relative;width:100%;height:100%;z-index:7}.pg-payment-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:9}.pg-bank-beams{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);animation:beamRotation 20s linear infinite;z-index:6}.pg-ecosystem{padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);position:relative}.pg-ecosystem-container{max-width:1400px;margin:0 auto;padding:0 2rem}.pg-ecosystem-header{text-align:center;margin-bottom:4rem}.pg-ecosystem-header h2{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;color:#1f2937;margin-bottom:1rem}.pg-ecosystem-header p{font-size:1.125rem;color:#6b7280;max-width:700px;margin:0 auto}.pg-central-hub{display:flex;justify-content:center;margin-bottom:6rem;position:relative;height:300px;align-items:center}.pg-serix-center{text-align:center;position:relative}.pg-logo-text{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:18px;color:#fff;letter-spacing:2px}.pg-bank-indicator{margin-top:1rem;text-align:center}.pg-bank-label{font-size:14px;color:#6b7280;font-weight:500;margin-bottom:8px}.pg-current-bank{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:var(--color);background:#fff;padding:8px 16px;border-radius:20px;border:2px solid var(--color);display:inline-block;animation:bankChange .5s ease-out;box-shadow:0 4px 15px #0000001a}@keyframes bankChange{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.pg-applications-grid{margin:4rem 0}.pg-grid-header{text-align:center;margin-bottom:3rem}.pg-grid-header h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:2rem;color:#1f2937;margin-bottom:.5rem}.pg-grid-header p{font-size:1rem;color:#6b7280}.pg-apps-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.pg-app-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s ease;animation:appCardSlide .8s ease-out both;position:relative;overflow:hidden}.pg-app-card:nth-child(1){animation-delay:.1s}.pg-app-card:nth-child(2){animation-delay:.2s}.pg-app-card:nth-child(3){animation-delay:.3s}.pg-app-card:nth-child(4){animation-delay:.4s}.pg-app-card:nth-child(5){animation-delay:.5s}.pg-app-card:nth-child(6){animation-delay:.6s}@keyframes appCardSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pg-app-card:hover{transform:translateY(-6px);border-color:#3b82f6;box-shadow:0 12px 35px #3b82f626}.pg-app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);opacity:0;transition:opacity .3s ease}.pg-app-card:hover:before{opacity:1}.pg-app-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.pg-app-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.pg-app-info h4{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.25rem;color:#1f2937;margin-bottom:.25rem}.pg-app-metric{font-size:.875rem;color:#6b7280;font-weight:500}.pg-payment-integration{border-top:1px solid #f1f5f9;padding-top:1rem}.pg-integration-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;font-size:12px;font-weight:600;color:#3b82f6;margin-bottom:.75rem}.pg-badge-icon{font-size:14px}.pg-payment-integration p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.pg-integration-stats{margin:4rem 0;padding:0;clear:both}@media (max-width: 1024px){.pg-apps-layout{grid-template-columns:1fr;gap:1.5rem}.pg-central-hub{height:250px;margin-bottom:4rem}.pg-serix-logo{width:100px;height:100px}}@media (max-width: 768px){.pg-ecosystem{padding:4rem 0}.pg-ecosystem-container{padding:0 1rem}.pg-app-card{padding:1.5rem}.pg-app-header{flex-direction:column;text-align:center;gap:.75rem}.pg-central-hub{height:200px}.pg-serix-logo{width:80px;height:80px}.pg-logo-text{font-size:14px}}.pg-ecosystem-visual{position:relative;width:100%;height:700px;margin:2rem auto 4rem;overflow:visible}.pg-bank-orbit{position:absolute;top:50%;left:50%;width:350px;height:350px;transform:translate(-50%,-50%);animation:bankOrbitRotation 20s linear infinite}@keyframes bankOrbitRotation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pg-bank-satellite{position:absolute;top:50%;left:50%;transform-origin:0 50%;transform:rotate(var(--rotation)) translate(175px) rotate(calc(-1 * var(--rotation)));animation:satelliteFloat 6s ease-in-out infinite;animation-delay:calc(var(--rotation) * .02)}@keyframes satelliteFloat{0%,to{transform:rotate(var(--rotation)) translate(175px) rotate(calc(-1 * var(--rotation))) scale(1)}50%{transform:rotate(var(--rotation)) translate(180px) rotate(calc(-1 * var(--rotation))) scale(1.1)}}.pg-bank-node{background:#fff;padding:12px 16px;border-radius:12px;border:2px solid var(--color);box-shadow:0 6px 20px #0000001a;text-align:center;transition:all .3s ease;transform:translate(-50%)}.pg-bank-satellite.active .pg-bank-node{background:var(--color);color:#fff;transform:translate(-50%) scale(1.2);box-shadow:0 10px 30px var(--color)}.pg-bank-icon{font-size:20px;margin-bottom:4px;display:block}.pg-bank-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:var(--color);white-space:nowrap}.pg-bank-satellite.active .pg-bank-name{color:#fff}.pg-money-particles{position:absolute;width:100%;height:100%;pointer-events:none}.pg-money-icon{position:absolute;top:50%;left:50%;font-size:20px;opacity:0;animation:moneyFlow 8s linear infinite;animation-delay:var(--delay);transform-origin:0 0}@keyframes moneyFlow{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(60px) scale(.5)}10%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(80px) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(250px) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(300px) scale(.8)}}.pg-transaction-lines{position:absolute;width:100%;height:100%;top:0;left:0}.pg-flow-line{position:absolute;top:50%;left:50%;width:250px;height:2px;transform-origin:0 50%;transform:rotate(var(--angle));opacity:.3;animation:lineFlow 4s ease-in-out infinite;animation-delay:calc(var(--angle) * .02)}@keyframes lineFlow{0%,to{opacity:.3;transform:rotate(var(--angle)) scaleX(1)}50%{opacity:.8;transform:rotate(var(--angle)) scaleX(1.2)}}.pg-line-pulse{width:100%;height:100%;background:linear-gradient(90deg,rgba(59,130,246,.8),var(--color),transparent);border-radius:1px;animation:pulseFlow 2s ease-in-out infinite}@keyframes pulseFlow{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3)}}.pg-active-status{position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.pg-status-display{background:#fff;padding:16px 24px;border-radius:16px;border:2px solid var(--color);box-shadow:0 8px 25px #00000026;display:flex;align-items:center;gap:12px;animation:statusPulse 3s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 8px 25px #00000026}50%{box-shadow:0 12px 35px var(--color)}}.pg-status-icon{font-size:24px}.pg-status-text{display:flex;flex-direction:column;gap:2px}.pg-status-text span:first-child{font-weight:600;color:#374151;font-size:14px}.pg-bank-connection{font-weight:700;color:var(--color);font-size:16px;animation:textChange .5s ease-out}@keyframes textChange{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pg-applications-grid{margin:8rem 0 4rem;clear:both}.pg-integration-stats{margin:6rem 0 4rem;clear:both}.pg-early-access{margin:6rem auto 0;clear:both}@media (max-width: 1024px){.pg-ecosystem-visual{height:500px}.pg-bank-orbit{width:250px;height:250px}.pg-bank-satellite{transform:rotate(var(--rotation)) translate(125px) rotate(calc(-1 * var(--rotation)))}.pg-money-particles{opacity:.7}}@media (max-width: 768px){.pg-ecosystem-visual{height:400px}.pg-bank-orbit{width:180px;height:180px}.pg-transaction-lines,.pg-money-particles{display:none}}.pg-ecosystem-visual{position:relative;width:100%;height:600px;margin:0 auto;overflow:hidden}.pg-center-serix{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.pg-serix-logo{position:relative;width:120px;height:120px;margin:0 auto 1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #3b82f64d}.pg-logo-rays{position:absolute;width:100%;height:100%;animation:rotate 20s linear infinite}.pg-ray{position:absolute;top:50%;left:50%;width:2px;height:30px;background:linear-gradient(to top,transparent,rgba(255,255,255,.8));transform-origin:0 0;border-radius:1px}.pg-logo-center{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:24px;color:#fff;letter-spacing:2px;position:relative;z-index:2}.pg-logo-subtitle{font-size:14px;color:#6b7280;font-weight:500}.pg-payment-orbit{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border:2px dashed #e5e7eb;border-radius:50%;animation:orbit 12s linear infinite}.pg-payment-node{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#fff;border:2px solid #3b82f6;border-radius:16px;padding:12px 16px;box-shadow:0 8px 25px #3b82f633;text-align:center;animation:counterOrbit 12s linear infinite}.pg-node-icon{font-size:24px;margin-bottom:4px}.pg-payment-node span{display:block;font-weight:600;font-size:12px;color:#1f2937;margin-bottom:4px}.pg-rotating-bank-name{font-weight:700;font-size:14px;color:var(--color);animation:bankNameChange .5s ease-out}@keyframes bankNameChange{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pg-node-status{font-size:10px;color:#3b82f6;font-weight:600;background:#3b82f61a;padding:2px 6px;border-radius:4px}.pg-app-nodes{position:absolute;width:100%;height:100%}.pg-app-node{position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer;animation:nodeFloat 6s ease-in-out infinite}.pg-app-node:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #00000026;border-color:#3b82f6}.app-1{top:10%;left:15%;animation-delay:0s}.app-2{top:15%;right:15%;animation-delay:1s}.app-3{top:65%;left:10%;animation-delay:2s}.app-4{top:70%;right:10%;animation-delay:3s}.app-5{bottom:15%;left:25%;animation-delay:4s}.app-6{bottom:10%;right:25%;animation-delay:5s}.pg-app-icon{font-size:32px;margin-bottom:8px}.pg-app-node span{display:block;font-weight:600;font-size:12px;color:#1f2937}.pg-connection-line{position:absolute;width:2px;height:60px;background:linear-gradient(180deg,#3b82f6,transparent);top:100%;left:50%;transform:translate(-50%);animation:connectionPulse 3s ease-in-out infinite}.pg-data-flows{position:absolute;width:100%;height:100%}.pg-data-particle{position:absolute;width:4px;height:4px;background:#3b82f6;border-radius:50%;opacity:0;animation:dataFlow 4s linear infinite}.particle-1{top:20%;left:20%;animation-delay:0s}.particle-2{top:25%;right:20%;animation-delay:.5s}.particle-3{top:70%;left:15%;animation-delay:1s}.particle-4{top:75%;right:15%;animation-delay:1.5s}.particle-5{bottom:20%;left:30%;animation-delay:2s}.particle-6{bottom:15%;right:30%;animation-delay:2.5s}.particle-7{top:40%;left:5%;animation-delay:3s}.particle-8{top:45%;right:5%;animation-delay:3.5s}.pg-applications-grid{margin:4rem 0;padding:4rem 0;background:#fff;border-radius:20px;clear:both}.pg-integration-stats{margin:4rem 0;padding:4rem 0;background:#f8fafc;clear:both}.pg-early-access{margin:4rem auto 0;padding:3rem;max-width:600px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;border:1px solid #e5e7eb;clear:both}.pg-app-nodes,.pg-app-constellation,.pg-data-flows,.pg-data-particle,.pg-connection-line,.pg-data-flow,.pg-connection-beam,.pg-app-card,.pg-app-header,.pg-app-info,.pg-payment-integration{display:none!important}.pg-ecosystem-visual{position:relative;width:100%;height:400px;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.pg-payment-node{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:#fff;border:3px solid #3b82f6;border-radius:20px;padding:20px 24px;box-shadow:0 12px 30px #3b82f640,0 0 0 1px #fffc;text-align:center;animation:counterOrbit 12s linear infinite;width:220px;min-height:140px}.pg-node-icon{font-size:32px;margin-bottom:8px;display:block;animation:iconBounce 3s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.1)}}.pg-payment-node span{display:block;font-weight:700;font-size:16px;color:#1f2937;margin-bottom:8px}.pg-rotating-bank-name{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:18px;color:var(--color);background:#fff;padding:8px 16px;border-radius:12px;border:2px solid var(--color);margin:8px 0;animation:bankNamePulse 2s ease-in-out infinite;box-shadow:0 4px 12px #0000001a}@keyframes bankNamePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #0000001a}50%{transform:scale(1.05);box-shadow:0 8px 24px var(--color)}}.pg-node-status{font-size:12px;color:#3b82f6;font-weight:600;background:#3b82f626;padding:6px 12px;border-radius:8px;margin-top:8px}.pg-ecosystem-container{max-width:1200px;margin:0 auto;padding:0 2rem}.pg-ecosystem{padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);position:relative;margin:0}.pg-applications-grid{display:none}.pg-integration-stats{margin:4rem 0;padding:3rem 0;background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}@media (max-width: 1024px){.pg-ecosystem-visual{height:350px}.pg-payment-orbit{width:250px;height:250px}.pg-payment-node{width:180px;min-height:120px;padding:16px 20px}.pg-rotating-bank-name{font-size:16px}}@media (max-width: 768px){.pg-ecosystem-visual{height:300px}.pg-payment-orbit{width:200px;height:200px}.pg-payment-node{width:160px;min-height:100px;padding:12px 16px}.pg-rotating-bank-name{font-size:14px;padding:6px 12px}.pg-node-icon{font-size:24px}.pg-payment-node span{font-size:14px}}.pg-money-flow{position:absolute;width:100%;height:100%;pointer-events:none;z-index:5}.pg-money-icon{position:absolute;top:50%;left:50%;font-size:20px;opacity:0;animation:moneyFlow 8s linear infinite;animation-delay:var(--delay);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes moneyFlow{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(60px) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(100px) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(280px) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(350px) scale(.8)}}.money-1{animation-delay:0s}.money-2{animation-delay:.6s}.money-3{animation-delay:1.2s}.money-4{animation-delay:1.8s}.money-5{animation-delay:2.4s}.money-6{animation-delay:3s}.money-7{animation-delay:3.6s}.money-8{animation-delay:4.2s}.money-9{animation-delay:4.8s}.money-10{animation-delay:5.4s}.money-11{animation-delay:6s}.money-12{animation-delay:6.6s}@media (max-width: 1024px){.pg-money-icon{font-size:18px}@keyframes moneyFlow{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(50px) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(80px) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(200px) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(250px) scale(.8)}}}@media (max-width: 768px){.pg-money-flow{display:none}}.pg-edge-banks{position:absolute;width:100%;height:100%;animation:edgeBanksRotation 24s linear infinite}@keyframes edgeBanksRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pg-edge-bank{position:absolute;top:50%;left:50%;transform-origin:0 50%;transform:rotate(var(--rotation)) translate(320px) rotate(calc(-1 * var(--rotation)));animation:bankEdgeFloat 6s ease-in-out infinite;animation-delay:calc(var(--rotation) * .02)}@keyframes bankEdgeFloat{0%,to{transform:rotate(var(--rotation)) translate(320px) rotate(calc(-1 * var(--rotation))) scale(1)}50%{transform:rotate(var(--rotation)) translate(325px) rotate(calc(-1 * var(--rotation))) scale(1.05)}}.pg-bank-edge-card{background:#fff;padding:12px 16px;border-radius:12px;border:2px solid var(--color);box-shadow:0 6px 20px #0000001a;text-align:center;transition:all .3s ease;transform:translate(-50%);min-width:80px;animation:edgeCardPulse 3s ease-in-out infinite}@keyframes edgeCardPulse{0%,to{box-shadow:0 6px 20px #0000001a;border-color:var(--color)}50%{box-shadow:0 10px 30px var(--color);border-color:var(--color)}}.pg-edge-bank.active .pg-bank-edge-card{background:var(--color);color:#fff;transform:translate(-50%) scale(1.2);box-shadow:0 12px 35px var(--color);animation:activeEdgeBank 2s ease-in-out infinite}@keyframes activeEdgeBank{0%,to{transform:translate(-50%) scale(1.2)}50%{transform:translate(-50%) scale(1.3)}}.pg-bank-icon-edge{font-size:20px;margin-bottom:4px;display:block;animation:bankIconSpin 4s ease-in-out infinite}@keyframes bankIconSpin{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.pg-bank-name-edge{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;color:var(--color);white-space:nowrap;display:block}.pg-edge-bank.active .pg-bank-name-edge{color:#fff}.pg-money-icon{position:absolute;top:50%;left:50%;font-size:20px;opacity:0;animation:moneyFlowToBanks 8s linear infinite;animation-delay:var(--delay);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes moneyFlowToBanks{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(60px) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(100px) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(300px) scale(1.2)}95%{opacity:.8;transform:translate(-50%,-50%) rotate(var(--path)) translate(320px) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(340px) scale(.5)}}.pg-edge-bank{animation:bankReceiveMoney 8s linear infinite;animation-delay:calc(var(--rotation) * .1 + 6.8s)}@keyframes bankReceiveMoney{0%,90%{filter:none}95%{filter:drop-shadow(0 0 15px var(--color))}to{filter:none}}@media (max-width: 1024px){.pg-edge-bank{transform:rotate(var(--rotation)) translate(250px) rotate(calc(-1 * var(--rotation)))}.pg-bank-edge-card{padding:10px 12px;min-width:70px}.pg-bank-icon-edge{font-size:18px}.pg-bank-name-edge{font-size:10px}}@media (max-width: 768px){.pg-edge-banks,.pg-money-flow{display:none}}.pg-ecosystem-visual{position:relative;width:100%;height:800px;margin:0 auto;overflow:visible;display:flex;align-items:center;justify-content:center}.pg-ecosystem{padding:8rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);position:relative;margin:0;min-height:900px}.pg-edge-bank{position:absolute;top:50%;left:50%;transform-origin:0 50%;transform:rotate(var(--rotation)) translate(380px) rotate(calc(-1 * var(--rotation)));animation:bankEdgeFloat 6s ease-in-out infinite;animation-delay:calc(var(--rotation) * .02)}@keyframes bankEdgeFloat{0%,to{transform:rotate(var(--rotation)) translate(380px) rotate(calc(-1 * var(--rotation))) scale(1)}50%{transform:rotate(var(--rotation)) translate(385px) rotate(calc(-1 * var(--rotation))) scale(1.05)}}@keyframes moneyFlowToBanks{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(60px) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(120px) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) rotate(var(--path)) translate(350px) scale(1.2)}95%{opacity:.8;transform:translate(-50%,-50%) rotate(var(--path)) translate(380px) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--path)) translate(400px) scale(.5)}}.pg-bank-edge-card{background:#fff;padding:14px 18px;border-radius:14px;border:2px solid var(--color);box-shadow:0 8px 25px #0000001f;text-align:center;transition:all .3s ease;transform:translate(-50%);min-width:90px;animation:edgeCardPulse 3s ease-in-out infinite}.pg-bank-icon-edge{font-size:24px;margin-bottom:6px;display:block;animation:bankIconSpin 4s ease-in-out infinite}.pg-bank-name-edge{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;color:var(--color);white-space:nowrap;display:block}@media (max-width: 1200px){.pg-ecosystem-visual{height:700px}.pg-ecosystem{min-height:800px}.pg-edge-bank{transform:rotate(var(--rotation)) translate(320px) rotate(calc(-1 * var(--rotation)))}}@media (max-width: 1024px){.pg-ecosystem-visual{height:600px}.pg-ecosystem{min-height:700px}.pg-edge-bank{transform:rotate(var(--rotation)) translate(280px) rotate(calc(-1 * var(--rotation)))}.pg-bank-edge-card{padding:12px 14px;min-width:80px}.pg-bank-icon-edge{font-size:20px}.pg-bank-name-edge{font-size:11px}}@media (max-width: 768px){.pg-ecosystem-visual{height:400px}.pg-ecosystem{min-height:500px}.pg-edge-bank{transform:rotate(var(--rotation)) translate(180px) rotate(calc(-1 * var(--rotation)))}.pg-bank-edge-card{padding:8px 10px;min-width:60px}.pg-bank-icon-edge{font-size:16px}.pg-bank-name-edge{font-size:9px}}.pg-ecosystem-container{max-width:1200px;margin:0 auto;padding:0 2rem;overflow:visible}.pg-financial-institutions{padding:6rem 0;background:#fff;position:relative}.pg-institutions-container{max-width:1400px;margin:0 auto;padding:0 2rem}.pg-institutions-header{text-align:center;margin-bottom:4rem}.pg-institutions-header h2{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;color:#1f2937;margin-bottom:1rem}.pg-institutions-header p{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.pg-banks-section{margin-bottom:4rem}.pg-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:16px}.pg-section-icon{font-size:3rem;margin-right:1rem}.pg-section-info{flex:1}.pg-section-info h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.pg-section-info p{color:#6b7280;margin:0}.pg-integration-status{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.pg-status-dot.live{width:12px;height:12px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.pg-status-dot.coming{width:12px;height:12px;background:#f59e0b;border-radius:50%;animation:pulse 2s infinite}.pg-integration-status{color:#059669}.pg-saccos-section .pg-integration-status{color:#d97706}.pg-banks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.pg-bank-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease;animation:bankItemSlide .8s ease-out both;position:relative;overflow:hidden}.pg-bank-item:nth-child(odd){animation-delay:.1s}.pg-bank-item:nth-child(2n){animation-delay:.2s}@keyframes bankItemSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pg-bank-item:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626}.pg-bank-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color);opacity:0;transition:opacity .3s ease}.pg-bank-item:hover:before{opacity:1}.pg-bank-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pg-bank-icon-item{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.pg-bank-info{flex:1}.pg-bank-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.125rem;color:#1f2937;margin-bottom:.25rem}.pg-bank-code{font-family:JetBrains Mono,monospace;font-size:12px;color:#6b7280;background:#f1f5f9;padding:3px 8px;border-radius:4px;font-weight:600}.pg-bank-metrics{text-align:right}.pg-customer-count{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.25rem;color:#1f2937;margin-bottom:2px}.pg-customer-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pg-integration-details{display:flex;justify-content:space-between;align-items:center}.pg-integration-type{display:flex;gap:8px}.pg-type-badge{padding:4px 8px;background:#10b9811a;color:#059669;border-radius:6px;font-size:11px;font-weight:600}.pg-api-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#059669;font-weight:600}.pg-api-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.pg-saccos-section{margin-bottom:4rem}.pg-saccos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.pg-sacco-item:nth-child(odd){animation-delay:.1s}.pg-sacco-item:nth-child(2n){animation-delay:.2s}@keyframes saccoItemSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pg-sacco-item:hover{transform:translateY(-4px);border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b26}.pg-sacco-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pg-sacco-info{flex:1}.pg-sacco-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;color:#1f2937;margin-bottom:.25rem}.pg-sacco-code{font-family:JetBrains Mono,monospace;font-size:11px;color:#d97706;background:#fef3c7;padding:2px 6px;border-radius:3px;font-weight:600}.pg-sacco-metrics{text-align:right}.pg-member-count{display:block;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.125rem;color:#d97706;margin-bottom:2px}.pg-member-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pg-integration-progress{margin-top:1rem}.pg-progress-fill{height:100%;border-radius:3px;animation:progressGlow 3s ease-in-out infinite;position:relative}@keyframes progressGlow{0%,to{opacity:.8}50%{opacity:1}}.pg-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.pg-progress-text{font-size:12px;color:#6b7280;font-weight:500}@media (max-width: 1024px){.pg-banks-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.pg-saccos-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.pg-financial-institutions{padding:4rem 0}.pg-institutions-container{padding:0 1rem}.pg-banks-grid,.pg-saccos-grid{grid-template-columns:1fr}.pg-section-header,.pg-bank-item-header,.pg-sacco-header{flex-direction:column;text-align:center;gap:1rem}.pg-bank-metrics,.pg-sacco-metrics{text-align:center}}.pg-sacco-item{background:linear-gradient(135deg,#fef7ff,#fff);border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease;animation:saccoItemSlide .8s ease-out both;position:relative;overflow:hidden}.pg-sacco-item:hover{transform:translateY(-4px);border-color:#f59e0b}.pg-sacco-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fef3c7;border-radius:10px;border:1px solid #fde68a}.pg-progress-bar{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden;margin-bottom:8px}.pg-early-access{background:linear-gradient(135deg,#f8fafc,#fff);padding:3rem;border-radius:20px;border:1px solid #e5e7eb;text-align:center;position:relative;overflow:hidden;margin:4rem auto 0;max-width:600px;z-index:1}.pg-access-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease}.pg-access-input:focus{outline:none;border-color:#3b82f6}.pg-access-btn{padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pg-access-btn:hover{transform:translateY(-2px)}.pg-success-check{width:48px;height:48px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.pg-saccos-section .pg-section-header{background:linear-gradient(135deg,#fef9e7,#fef3c7);border-color:#fde68a}.pg-saccos-section .pg-section-icon{color:#d97706}.pg-sacco-item *,.pg-early-access *,.pg-progress-bar *,.pg-access-form *,.pg-access-success *{box-shadow:none!important}.gs-hero{padding:8rem 0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;color:#fff}.gs-security-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.gs-hero-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.gs-hero-content{animation:slideInLeft 1s ease-out}.gs-security-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:30px;font-size:14px;font-weight:600;margin-bottom:2rem;animation:badgePulse 3s ease-in-out infinite}.gs-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#e3f2fd,#bbdefb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gs-highlight{background:linear-gradient(135deg,#ff6b35,#f39c12);color:#fff;padding:8px 20px;border-radius:12px;display:inline-block;animation:highlightGlow 3s ease-in-out infinite}@keyframes highlightGlow{0%,to{box-shadow:0 0 20px #ff6b3566}50%{box-shadow:0 0 40px #ff6b35cc}}.gs-description{font-size:1.25rem;line-height:1.6;color:#e3f2fd;margin-bottom:3rem;max-width:500px}.gs-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:3rem}.gs-feature{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.gs-feature:hover{background:#ffffff26;transform:translateY(-4px)}.gs-feature-icon{font-size:24px;animation:featureFloat 3s ease-in-out infinite}@keyframes featureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gs-feature-text{font-weight:600;color:#fff}.gs-actions{display:flex;gap:1.5rem;margin-bottom:3rem}.gs-btn-primary{display:flex;align-items:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;text-decoration:none}.gs-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e74c3c66}.gs-btn-secondary{padding:18px 28px;background:transparent;color:#e3f2fd;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.gs-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.gs-stats{display:flex;gap:2rem}.gs-stat{text-align:center}.gs-stat-number{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;color:#ff6b35;display:block;animation:numberPulse 2s ease-in-out infinite}.gs-stat-label{color:#e3f2fd;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.gs-attendance-console{background:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;animation:slideInRight 1s ease-out .5s both}.gs-console-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.gs-dashboard-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.gs-live-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2ecc7133;border-radius:20px;font-size:14px;font-weight:600;color:#2ecc71}.gs-live-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;animation:livePulse 2s infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.gs-clock-in-out{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.gs-clock-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .3s ease;color:#fff;text-align:center}.gs-clock-btn:hover{background:#fff3;transform:translateY(-4px)}.gs-clock-btn.clock-in:hover{border-color:#2ecc71}.gs-clock-btn.clock-out:hover{border-color:#e74c3c}.gs-clock-icon{font-size:3rem;margin-bottom:.5rem}.gs-clock-text{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.gs-clock-time{font-family:Space Grotesk,monospace;font-size:1.5rem;font-weight:800;color:#3498db}.gs-recent-activity{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-top:2rem}.gs-activity-header{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.gs-activity-list{list-style:none;padding:0;margin:0}.gs-activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.gs-activity-item:last-child{border-bottom:none}.gs-activity-action{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600}.gs-activity-time{color:#bdc3c7;font-size:14px}.gs-activity-icon.clock-in{color:#2ecc71}.gs-activity-icon.clock-out{color:#e74c3c}.gs-features-section{padding:8rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.gs-features-container{max-width:1400px;margin:0 auto;padding:0 2rem}.gs-section-header{text-align:center;margin-bottom:4rem}.gs-section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-radius:25px;font-size:14px;font-weight:600;margin-bottom:1rem}.gs-section-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:3rem;color:#2c3e50;margin-bottom:1rem}.gs-section-subtitle{font-size:1.25rem;color:#7f8c8d;max-width:600px;margin:0 auto}.gs-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem}.gs-feature-card{background:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 20px 40px #0000001a;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden}.gs-feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.1),transparent);transition:left .6s ease}.gs-feature-card:hover:before{left:100%}.gs-feature-card:hover{transform:translateY(-8px);border-color:#3498db}.gs-feature-card-icon{font-size:4rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:featureIconFloat 4s ease-in-out infinite}@keyframes featureIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.gs-feature-card-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.gs-feature-card-description{color:#7f8c8d;line-height:1.6;margin-bottom:2rem}.gs-feature-card-list{list-style:none;padding:0;margin:0;text-align:left}.gs-feature-card-list li{display:flex;align-items:center;gap:12px;padding:8px 0;color:#2c3e50;font-size:14px}.gs-check-icon{color:#2ecc71;font-weight:700}.gs-cta-section{padding:6rem 0;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;text-align:center}.gs-cta-container{max-width:800px;margin:0 auto;padding:0 2rem}.gs-cta-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:3rem;margin-bottom:1rem}.gs-cta-subtitle{font-size:1.25rem;color:#bdc3c7;margin-bottom:3rem}.gs-cta-actions{display:flex;justify-content:center;gap:2rem}.gs-cta-primary{display:flex;align-items:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;text-decoration:none}.gs-cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e74c3c66}.gs-cta-secondary{display:flex;align-items:center;gap:12px;padding:18px 32px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;text-decoration:none}.gs-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width: 1024px){.gs-hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.gs-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.gs-hero{padding:4rem 0}.gs-hero-container{padding:0 1rem}.gs-features{grid-template-columns:1fr}.gs-actions{flex-direction:column;align-items:center}.gs-btn-primary,.gs-btn-secondary{width:100%;max-width:300px;justify-content:center}.gs-features-grid{grid-template-columns:1fr;gap:2rem}.gs-cta-actions{flex-direction:column;align-items:center}.gs-cta-primary,.gs-cta-secondary{width:100%;max-width:300px;justify-content:center}.gs-clock-in-out{grid-template-columns:1fr}}.sms-hero{padding:8rem 0;background:#fff;position:relative;overflow:hidden;color:#2c3e50}.sms-message-bubbles{position:absolute;width:100%;height:100%;overflow:hidden}.sms-bubble{position:absolute;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:8px 16px;font-size:12px;color:#fff;animation:bubbleFloat 15s linear infinite;box-shadow:0 4px 15px #667eea4d}.bubble-1{top:10%;left:5%;animation-delay:0s}.bubble-2{top:20%;left:80%;animation-delay:2s}.bubble-3{top:60%;left:10%;animation-delay:4s}.bubble-4{top:70%;left:75%;animation-delay:6s}.bubble-5{top:40%;left:85%;animation-delay:8s}@keyframes bubbleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.sms-hero-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;position:relative;z-index:2}.sms-hero-content{animation:slideInLeft 1s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.sms-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:30px;font-size:14px;font-weight:600;margin-bottom:2rem;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sms-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#f093fb,#c3aff0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sms-highlight{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;padding:8px 20px;border-radius:12px;display:inline-block;animation:highlightGlow 3s ease-in-out infinite}@keyframes highlightGlow{0%,to{box-shadow:0 0 20px #ff6b6b66}50%{box-shadow:0 0 40px #ff6b6bcc}}.sms-description{font-size:1.25rem;line-height:1.6;color:#f8f9fa;margin-bottom:3rem;max-width:500px}.sms-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:3rem}.sms-feature{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.sms-feature:hover{background:#fff3;transform:translateY(-4px)}.sms-feature-icon{font-size:24px;animation:featureFloat 3s ease-in-out infinite}@keyframes featureFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.sms-feature-text{font-weight:600;color:#fff}.sms-actions{display:flex;gap:1.5rem;margin-bottom:3rem}.sms-btn-primary{display:flex;align-items:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;text-decoration:none}.sms-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b6b66}.sms-btn-secondary{padding:18px 28px;background:transparent;color:#f8f9fa;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.sms-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.sms-stats{display:flex;gap:2rem}.sms-stat{text-align:center}.sms-stat-number{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;color:#feca57;display:block;animation:numberPulse 2s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sms-stat-label{color:#f8f9fa;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.sms-phone-mockup{animation:slideInRight 1s ease-out .3s both;perspective:1200px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;position:relative;padding:2rem 0;margin-right:-2rem}.sms-phone-mockup:before{content:"📨";position:absolute;top:10%;right:-20px;font-size:24px;animation:floatAroundPhone1 6s ease-in-out infinite;z-index:1}.sms-phone-mockup:after{content:"✉️";position:absolute;bottom:15%;right:-30px;font-size:20px;animation:floatAroundPhone2 7s ease-in-out infinite;z-index:1}@keyframes floatAroundPhone1{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes floatAroundPhone2{0%,to{transform:translateY(0) rotate(0);opacity:.8}50%{transform:translateY(-15px) rotate(-180deg);opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px) rotateY(-30deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.sms-phone{width:320px;height:640px;background:linear-gradient(135deg,#2c2c2c,#1a1a1a);border-radius:40px;padding:25px;position:relative;transform:rotateY(-15deg) rotateX(8deg) translate(20px);transition:all .4s ease;box-shadow:0 40px 80px #0006,0 0 0 1px #ffffff1a,0 0 50px #667eea33;cursor:pointer;animation:heroPhoneFloat 8s ease-in-out infinite}@keyframes heroPhoneFloat{0%,to{transform:rotateY(-15deg) rotateX(8deg) translate(20px) translateY(0) translateZ(0)}25%{transform:rotateY(-12deg) rotateX(6deg) translate(30px) translateY(-15px) translateZ(10px)}50%{transform:rotateY(-18deg) rotateX(10deg) translate(10px) translateY(-8px) translateZ(20px)}75%{transform:rotateY(-14deg) rotateX(7deg) translate(25px) translateY(-20px) translateZ(15px)}}.sms-phone:hover{transform:rotateY(-5deg) rotateX(3deg) translate(40px) translateZ(30px) scale(1.05);animation-play-state:paused;box-shadow:0 50px 100px #00000080,0 0 0 1px #fff3,0 0 80px #667eea66}.sms-phone:active{transform:rotateY(-5deg) rotateX(3deg) translate(35px) translateZ(20px) scale(1.02)}.sms-phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;padding:20px;position:relative;overflow:hidden;animation:screenGlow 4s ease-in-out infinite}@keyframes screenGlow{0%,to{box-shadow:inset 0 0 20px #ffffff1a}50%{box-shadow:inset 0 0 30px #fff3}}.sms-phone-screen:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:screenTransition 8s infinite}@keyframes screenTransition{0%,90%{left:-100%}95%,to{left:100%}}.sms-phone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#fff}.sms-phone-time{font-weight:700;font-size:16px}.sms-phone-status{display:flex;align-items:center;gap:5px}.sms-signal-bar{width:3px;background:#fff;border-radius:1px;animation:signalPulse 2s ease-in-out infinite}.signal-1{height:8px;animation-delay:0s}.signal-2{height:12px;animation-delay:.2s}.signal-3{height:16px;animation-delay:.4s}.signal-4{height:20px;animation-delay:.6s}@keyframes signalPulse{0%,to{opacity:.6}50%{opacity:1}}.sms-conversation{height:400px;overflow-y:auto;padding:10px 0}.sms-message{margin-bottom:15px;animation:messageSlideIn .5s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sms-message.incoming{text-align:left}.sms-message.outgoing{text-align:right}.sms-message-bubble{display:inline-block;max-width:200px;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;position:relative}.sms-message.incoming .sms-message-bubble{background:#ffffffe6;color:#333;border-bottom-left-radius:6px}.sms-message.outgoing .sms-message-bubble{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-bottom-right-radius:6px}.sms-message-time{font-size:11px;opacity:.7;margin-top:4px}.sms-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#ffffffe6;border-radius:18px 18px 18px 6px;max-width:60px}.sms-typing-dot{width:6px;height:6px;background:#999;border-radius:50%;animation:typingBounce 1.5s ease-in-out infinite}.sms-typing-dot:nth-child(1){animation-delay:0s}.sms-typing-dot:nth-child(2){animation-delay:.2s}.sms-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.sms-campaign-builder{padding:8rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.sms-builder-container{max-width:1400px;margin:0 auto;padding:0 2rem}.sms-section-header{text-align:center;margin-bottom:4rem}.sms-section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:25px;font-size:14px;font-weight:600;margin-bottom:1rem}.sms-section-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:3rem;color:#2c3e50;margin-bottom:1rem}.sms-section-subtitle{font-size:1.25rem;color:#7f8c8d;max-width:700px;margin:0 auto}.sms-campaign-interface{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:4rem}.sms-campaign-form{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000001a;position:relative;overflow:hidden}.sms-campaign-form:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.sms-campaign-form:hover:before{left:100%}.sms-form-header{margin-bottom:2rem}.sms-form-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.sms-form-subtitle{color:#7f8c8d;font-size:14px}.sms-form-group{margin-bottom:1.5rem}.sms-form-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:14px}.sms-form-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f8f9fa}.sms-form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.sms-form-textarea{width:100%;padding:16px;border:2px solid #e9ecef;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;min-height:120px;transition:all .3s ease;background:#f8f9fa;font-family:system-ui,-apple-system,sans-serif}.sms-form-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.sms-char-counter{text-align:right;font-size:12px;color:#7f8c8d;margin-top:4px}.sms-char-counter.warning{color:#f39c12}.sms-char-counter.error{color:#e74c3c}.sms-send-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.sms-send-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.sms-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sms-live-preview{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000001a;position:relative}.sms-preview-header{margin-bottom:2rem}.sms-preview-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.sms-preview-subtitle{color:#7f8c8d;font-size:14px}.sms-phone-preview{width:250px;height:500px;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:30px;padding:15px;margin:0 auto;position:relative;box-shadow:0 15px 35px #0003}.sms-phone-preview-screen{width:100%;height:100%;background:#fff;border-radius:20px;padding:20px 15px;position:relative;overflow:hidden}.sms-preview-message{background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;padding:16px;margin-bottom:20px;position:relative;animation:messagePreviewSlide .5s ease-out}@keyframes messagePreviewSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sms-preview-from{font-size:12px;font-weight:600;color:#1976d2;margin-bottom:8px}.sms-preview-text{font-size:14px;line-height:1.5;color:#2c3e50;margin-bottom:8px}.sms-preview-time{font-size:11px;color:#7f8c8d;text-align:right}.sms-campaign-stats{padding:6rem 0;background:#fff}.sms-stats-container{max-width:1200px;margin:0 auto;padding:0 2rem}.sms-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.sms-stat-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:2rem;text-align:center;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden}.sms-stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.sms-stat-card:hover:before{left:100%}.sms-stat-card:hover{transform:translateY(-8px);border-color:#667eea;box-shadow:0 15px 35px #667eea33}.sms-stat-card-icon{font-size:3rem;margin-bottom:1rem;animation:statIconFloat 4s ease-in-out infinite}@keyframes statIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.sms-stat-card-number{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem;display:block}.sms-stat-card-label{color:#7f8c8d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.sms-dashboard-section{padding:8rem 0;background:#1a1a2e;color:#fff}.sms-dashboard-container{max-width:1400px;margin:0 auto;padding:0 2rem}.sms-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:4rem}.sms-dashboard-main{background:#ffffff0d;border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.sms-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sms-dashboard-title{font-size:1.5rem;font-weight:700}.sms-live-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2ecc7133;border-radius:20px;font-size:14px;font-weight:600;color:#2ecc71}.sms-status-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes sendPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.sms-battery{width:25px;height:12px;border:1px solid white;border-radius:2px;position:relative;margin-left:8px}.sms-battery:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:6px;background:#fff;border-radius:0 1px 1px 0}.sms-battery-fill{height:100%;background:#fff;border-radius:1px;transition:all .3s ease;animation:batteryPulse 3s ease-in-out infinite}@keyframes batteryPulse{0%,to{opacity:1}50%{opacity:.7}}.sms-message.outgoing .sms-message-bubble:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:messageDelivery 2s ease-out}@keyframes messageDelivery{0%{left:-100%}to{left:100%}}@keyframes phoneFloat1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes phoneFloat2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes phoneFloat3{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(.5deg)}}@keyframes stepSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes progressGlow{0%,to{box-shadow:0 0 10px #2ecc714d}50%{box-shadow:0 0 20px #2ecc7199}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sms-live-console{animation:slideInLeft 1s ease-out;position:relative}.sms-live-console:before{content:"";position:absolute;inset:-20px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:25px;filter:blur(20px);opacity:.6;animation:consoleGlow 4s ease-in-out infinite}@keyframes consoleGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.sms-campaign-queue{margin-bottom:2rem}.sms-queue-header{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.sms-queue-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff0d;border-radius:12px;margin-bottom:12px;transition:all .3s ease}.sms-queue-item:hover{background:#ffffff1a}.sms-queue-info{display:flex;align-items:center;gap:12px}.sms-queue-icon{font-size:24px}.sms-queue-details h4{margin:0 0 4px;font-size:16px;font-weight:600}.sms-queue-details p{margin:0;font-size:14px;opacity:.8}.sms-queue-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.sms-status-sending{background:#3498db33;color:#3498db}.sms-status-queued{background:#f1c40f33;color:#f1c40f}.sms-status-completed{background:#2ecc7133;color:#2ecc71}.sms-realtime-metrics{background:#ffffff0d;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.sms-metrics-header{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.sms-metric-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.sms-metric-item:last-child{border-bottom:none}.sms-metric-label{font-size:14px;opacity:.8}.sms-metric-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:#667eea}.sms-cta-section{padding:6rem 0;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;text-align:center}.sms-cta-container{max-width:800px;margin:0 auto;padding:0 2rem}.sms-cta-title{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:3rem;margin-bottom:1rem}.sms-cta-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:3rem}.sms-cta-actions{display:flex;justify-content:center;gap:2rem}.sms-cta-primary{display:flex;align-items:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;text-decoration:none}.sms-cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.sms-cta-secondary{display:flex;align-items:center;gap:12px;padding:18px 32px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;text-decoration:none}.sms-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width: 1024px){.sms-hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.sms-campaign-interface{grid-template-columns:1fr;gap:2rem}.sms-dashboard-grid{grid-template-columns:1fr}.sms-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sms-hero{padding:4rem 0}.sms-hero-container{padding:0 1rem}.sms-features{grid-template-columns:1fr}.sms-actions{flex-direction:column;align-items:center}.sms-btn-primary,.sms-btn-secondary{width:100%;max-width:300px;justify-content:center}.sms-stats-grid{grid-template-columns:1fr}.sms-cta-actions{flex-direction:column;align-items:center}.sms-cta-primary,.sms-cta-secondary{width:100%;max-width:300px;justify-content:center}.sms-phone-preview{width:200px;height:400px}}.api-platform{background:linear-gradient(135deg,#fafafa,#f0f9ff,#fafafa);min-height:100vh;position:relative;overflow:hidden}.background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.4;pointer-events:none}.notifications-panel{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:1rem;min-width:300px;max-width:350px;box-shadow:0 20px 40px #0000001a}.notifications-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;font-weight:600;color:#374151}.notifications-icon{font-size:1.125rem;animation:bell-ring 2s ease-in-out infinite}@keyframes bell-ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notifications-list{display:flex;flex-direction:column;gap:.5rem}.notification-item{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;padding:.75rem;border-radius:8px;font-size:.875rem;color:#166534;animation:notification-slide .4s ease-out;animation-delay:calc(var(--index) * .1s);animation-fill-mode:both}@keyframes notification-slide{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.custom-cursor{position:fixed;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#3b82f6,#1d4ed8);pointer-events:none;z-index:9999;transition:all .1s ease;mix-blend-mode:multiply;opacity:.6;box-shadow:0 0 20px #3b82f666}.api-platform:hover .custom-cursor{transform:scale(1.5);opacity:.8}.bg-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#3b82f61a,#93c5fd0d);animation:float 20s ease-in-out infinite}.shape-1{width:300px;height:300px;top:10%;left:-100px;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:-50px;animation-delay:7s}.shape-3{width:150px;height:150px;top:30%;left:50%;transform:translate(-50%);animation-delay:14s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(-60px) rotate(240deg)}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 30s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-dashboard{position:relative;z-index:2;padding:2rem;margin-top:2rem}.dashboard-container{max-width:1600px;margin:0 auto}.dashboard-header{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin-bottom:3rem;background:#fff;padding:2rem;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(59,130,246,.1);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444);animation:rainbow-slide 3s ease-in-out infinite}@keyframes rainbow-slide{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.header-main{display:flex;align-items:center;gap:3rem}.api-logo{display:flex;align-items:center;gap:1rem;position:relative}.logo-pulse{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;position:relative;animation:logo-pulse 2s ease-in-out infinite}.logo-pulse:before{content:"🔌";font-size:1.5rem;color:#fff}.logo-pulse:after{content:"";position:absolute;inset:-10px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:pulse-ring 2s ease-in-out infinite}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.logo-text{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#111827,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-bar{display:flex;align-items:center;gap:2rem}.status-item{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:.75rem 1.5rem;border-radius:16px;border:1px solid #bbf7d0;font-weight:600;color:#166534}.status-icon{width:12px;height:12px;border-radius:50%;position:relative}.status-icon.green{background:#10b981;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 10px #10b98100}}.live-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.metric{text-align:center;background:#ffffffb3;padding:1rem;border-radius:12px;border:1px solid rgba(59,130,246,.1);transition:all .3s ease;position:relative;overflow:hidden}.metric:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#10b981);animation:metric-glow 3s ease-in-out infinite}@keyframes metric-glow{0%,to{opacity:.3}50%{opacity:1}}.metric-value{display:block;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:800;color:#111827;margin-bottom:.25rem}.metric-label{font-size:.625rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:.25rem}.metric-trend{font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;margin-top:.25rem}.metric-trend.up{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.metric-trend.down{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.metric-trend.neutral{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.header-controls{display:flex;align-items:center;gap:1.5rem}.mode-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:16px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#374151}.mode-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#3b82f6}.mode-toggle.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1d4ed8}.toggle-icon{font-size:1.125rem}.search-container{position:relative}.global-search{width:300px;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:16px;font-size:.875rem;background:#fff;transition:all .3s ease}.global-search:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#6b7280}.api-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:4rem}.api-category-card{background:#fff;border-radius:24px;padding:0;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;border:2px solid transparent;height:280px;animation:card-appear .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes card-appear{to{opacity:1;transform:translateY(0)}}.api-category-card:hover{transform:translateY(-12px) rotateX(8deg) rotateY(2deg);box-shadow:0 35px 70px #0003,0 0 0 1px var(--color),0 0 60px #0000001a;border-color:var(--color);filter:brightness(1.05)}.api-category-card.selected{transform:translateY(-6px) rotateX(3deg);border-color:var(--color);box-shadow:0 25px 50px #00000026,0 0 0 2px var(--color),0 0 40px #0000001a;background:linear-gradient(135deg,#fff,#f8fafc)}.card-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,var(--color),transparent 40%),radial-gradient(circle at 80% 80%,var(--color),transparent 40%),radial-gradient(circle at center,var(--color),transparent 70%);opacity:0;transition:opacity .4s ease;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.02) rotate(1deg)}}.api-category-card:hover .card-glow{opacity:.08;animation-duration:2s}.api-category-card.selected .card-glow{opacity:.06}.card-content{padding:2rem;height:100%;display:flex;flex-direction:column;position:relative;z-index:2}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.category-icon-wrapper{position:relative;width:64px;height:64px}.icon-bg{position:absolute;inset:0;background:var(--color);border-radius:20px;opacity:.1;transform:rotate(45deg);transition:all .3s ease}.api-category-card:hover .icon-bg{opacity:.15;transform:rotate(45deg) scale(1.1)}.category-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;z-index:1}.category-stats{text-align:right}.endpoint-count{display:block;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:800;color:var(--color);line-height:1}.endpoint-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.category-title{font-family:Space Grotesk,sans-serif;font-size:1.375rem;font-weight:700;color:#111827;margin:0 0 .75rem;line-height:1.3}.category-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;flex:1}.category-tags{display:flex;gap:.5rem;margin-bottom:1.5rem}.tag{background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.card-footer{margin-top:auto}.usage-indicator{display:flex;align-items:center;gap:1rem}.usage-bar{flex:1;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,var(--color),color-mix(in srgb,var(--color) 70%,white));border-radius:2px;animation:usage-grow 2s ease-out}@keyframes usage-grow{0%{width:0}}.usage-text{font-size:.75rem;color:#6b7280;font-weight:500}.card-border{position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,var(--color),transparent,var(--color));opacity:0;transition:opacity .3s ease}.api-category-card:hover .card-border,.api-category-card.selected .card-border{opacity:.3}.card-border:before{content:"";background:#fff;border-radius:22px;position:absolute;inset:2px}.hover-effects{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--color);border-radius:50%;opacity:0}.api-category-card:hover .particle{animation:particle-burst .8s ease-out}.particle:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle:nth-child(2){top:60%;right:30%;animation-delay:.2s}.particle:nth-child(3){bottom:30%;left:60%;animation-delay:.4s}@keyframes particle-burst{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.api-explorer{position:relative;z-index:2;padding:2rem}.explorer-container{max-width:1600px;margin:0 auto}.explorer-layout{display:grid;grid-template-columns:350px 1fr 450px;gap:2rem;min-height:80vh}.endpoints-panel{background:#fff;border-radius:24px;padding:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(0,0,0,.05);overflow:hidden;position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem)}.panel-header{padding:1.5rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fafafa,#f9fafb)}.panel-header h2{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;color:#111827;margin:0}.panel-controls{display:flex;gap:.5rem}.filter-btn{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#374151}.filter-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.endpoints-list{padding:1rem;overflow-y:auto;max-height:calc(100vh - 8rem)}.endpoint-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;margin-bottom:.5rem;animation:endpoint-fade-in .4s ease-out;animation-delay:calc(var(--index) * .05s);animation-fill-mode:both}@keyframes endpoint-fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.endpoint-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translate(4px)}.endpoint-item.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;margin-left:-1rem;padding-left:calc(1rem - 4px)}.endpoint-method-badge{min-width:60px}.method{display:block;font-size:.625rem;font-weight:800;text-transform:uppercase;padding:.375rem .75rem;border-radius:8px;text-align:center;letter-spacing:.5px}.method.get{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;box-shadow:0 2px 4px #1665341a}.method.post{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 2px 4px #1e40af1a}.method.put{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 4px #92400e1a}.method.delete{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b;box-shadow:0 2px 4px #991b1b1a}.endpoint-details{flex:1}.endpoint-path{font-family:Monaco,Menlo,monospace;font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.endpoint-description{font-size:.75rem;color:#6b7280;line-height:1.4}.endpoint-status{display:flex;flex-direction:column;align-items:center;gap:.25rem}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.active{background:#10b981;animation:indicator-pulse 2s ease-in-out infinite}@keyframes indicator-pulse{0%,to{opacity:1}50%{opacity:.5}}.endpoint-status span{font-size:.625rem;color:#10b981;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.endpoint-hover-effect{position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(59,130,246,.05),transparent);opacity:0;transition:opacity .3s ease}.endpoint-item:hover .endpoint-hover-effect{opacity:1}.documentation-panel{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(0,0,0,.05);overflow-y:auto;max-height:calc(100vh - 4rem)}.doc-content{animation:doc-slide-in .4s ease-out}@keyframes doc-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.doc-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f3f4f6}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.separator{color:#d1d5db}.endpoint-signature{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.method-label{font-size:.75rem;font-weight:800;text-transform:uppercase;padding:.5rem 1rem;border-radius:8px;letter-spacing:.5px}.method-label.get{background:#dcfce7;color:#166534}.method-label.post{background:#dbeafe;color:#1e40af}.method-label.put{background:#fef3c7;color:#92400e}.method-label.delete{background:#fecaca;color:#991b1b}.endpoint-url{font-family:Monaco,Menlo,monospace;font-size:.875rem;background:#f8fafc;padding:.75rem 1rem;border-radius:8px;border:1px solid #e2e8f0;color:#334155;flex:1;min-width:300px}.try-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:all .3s ease}.try-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.try-icon{font-size:.75rem}.doc-sections{display:flex;flex-direction:column;gap:3rem}.doc-section h3{font-family:Space Grotesk,sans-serif;font-size:1.375rem;font-weight:700;color:#111827;margin:0 0 1.5rem}.description-text{font-size:1rem;color:#4b5563;line-height:1.6;margin:0}.parameters-grid{display:grid;gap:1rem}.parameter-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.parameter-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.param-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.param-name{font-family:Monaco,Menlo,monospace;font-size:.875rem;font-weight:600;color:#111827;background:#fff;padding:.375rem .75rem;border-radius:6px;border:1px solid #e2e8f0}.param-type{background:#f3e8ff;color:#7c3aed;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.required-badge{background:#fee2e2;color:#dc2626;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.param-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.response-viewer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.response-tabs{display:flex;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.tab-button{padding:1rem 1.5rem;background:none;border:none;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s ease;border-bottom:2px solid transparent}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#fff}.response-content{padding:1.5rem}.response-json{margin:0;font-family:Monaco,Menlo,monospace;font-size:.875rem;line-height:1.6;color:#334155;background:none;overflow-x:auto}.code-panel{background:#1e293b;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem)}.panel-tabs{display:flex;background:#334155;border-bottom:1px solid #475569}.tab{flex:1;padding:1rem;background:none;border:none;color:#cbd5e1;cursor:pointer;transition:all .2s ease;font-weight:500;border-bottom:2px solid transparent}.tab:hover{color:#f1f5f9;background:#3f4a5f}.tab.active{color:#60a5fa;background:#1e293b;border-bottom-color:#60a5fa}.code-content{padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 8rem)}.language-switcher{display:flex;gap:.25rem;margin-bottom:1.5rem;background:#334155;padding:.25rem;border-radius:8px}.lang-btn{flex:1;padding:.5rem .75rem;background:none;border:none;color:#94a3b8;cursor:pointer;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;transition:all .2s ease}.lang-btn:hover{color:#e2e8f0}.lang-btn.active{background:#1e293b;color:#60a5fa}.code-editor{background:#111827;border-radius:12px;overflow:hidden;border:1px solid #374151;margin-bottom:1rem}.editor-header{background:#1f2937;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #374151}.editor-tabs{display:flex;gap:1rem}.tab-active{background:#374151;color:#e5e7eb;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.copy-code-btn{display:flex;align-items:center;gap:.5rem;background:#374151;border:1px solid #4b5563;color:#e5e7eb;padding:.375rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.copy-code-btn:hover{background:#4b5563;transform:translateY(-1px)}.code-area{padding:1.5rem;overflow-x:auto}.code-block{margin:0;font-family:Monaco,Menlo,monospace;font-size:.875rem;line-height:1.6;color:#e5e7eb;background:none;position:relative}.code-block::selection{background:#60a5fa4d}.code-block .string{color:#fbbf24}.code-block .keyword{color:#a78bfa}.code-block .number{color:#34d399}.code-block .comment{color:#6b7280;font-style:italic}.try-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.try-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.try-button:hover:before{left:100%}.try-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #3b82f666}.try-button:disabled{opacity:.8;cursor:not-allowed}.try-button:disabled:hover{transform:none;box-shadow:none}.try-icon{font-size:.875rem;transition:transform .3s ease}.try-button:hover .try-icon{transform:translate(2px)}.category-icon-wrapper{position:relative;width:64px;height:64px;margin-bottom:.5rem}.icon-bg{position:absolute;inset:0;background:var(--color);border-radius:20px;opacity:.1;transform:rotate(45deg);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.api-category-card:hover .icon-bg{opacity:.2;transform:rotate(45deg) scale(1.15) rotateX(10deg)}.category-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;z-index:1;transition:all .3s ease}.api-category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.copy-code-btn,.copy-button,.lang-btn,.tab{position:relative;overflow:hidden}.copy-code-btn:after,.copy-button:after,.lang-btn:after,.tab:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease}.copy-code-btn:active:after,.copy-button:active:after,.lang-btn:active:after,.tab:active:after{width:100px;height:100px}.try-button .loading-spinner{margin-right:.5rem}.api-category-card,.endpoint-item,.code-editor,.playground-section{will-change:transform}.try-button:focus,.run-btn:focus,.mode-toggle:focus,.global-search:focus,.api-category-card:focus{outline:2px solid #3b82f6;outline-offset:2px}.playground-section{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;padding:1.5rem;border:1px solid #334155;margin-top:1rem;position:relative;overflow:hidden}.playground-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);animation:progress-flow 2s ease-in-out infinite}@keyframes progress-flow{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.playground-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;z-index:2}.playground-header h4{color:#f1f5f9;font-size:1.125rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.75rem}.run-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;position:relative;overflow:hidden}.run-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.run-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:12px;height:12px;border-width:1.5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.playground-result{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;overflow:hidden;border:1px solid #475569;animation:result-appear .4s ease-out;position:relative}@keyframes result-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-status{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#334155,#475569);border-bottom:1px solid #64748b}.status-code{padding:.375rem .75rem;border-radius:6px;font-weight:800;font-size:.75rem;letter-spacing:.5px}.status-code.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 20px #10b9814d}.status-code.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 20px #ef44444d}.status-text{color:#f1f5f9;font-weight:600;font-size:.875rem}.response-time{color:#94a3b8;font-size:.75rem;background:#475569;padding:.25rem .75rem;border-radius:12px;margin-left:auto}.result-actions{display:flex;gap:.5rem;margin-left:1rem}.action-btn{background:#475569;border:1px solid #64748b;color:#e2e8f0;padding:.375rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.action-btn:hover{background:#64748b;transform:translateY(-1px)}.result-content{padding:1.5rem;background:#1e293b}.result-json{margin:0;font-family:Monaco,Menlo,monospace;font-size:.875rem;line-height:1.6;color:#e2e8f0;overflow-x:auto;background:none}.testing-animation{text-align:center;padding:2rem;background:#3b82f60d;border-radius:12px;margin:1rem 0}.testing-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.dot{width:8px;height:8px;border-radius:50%;background:#60a5fa;animation:dot-bounce 1.4s ease-in-out infinite both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.testing-animation p{color:#94a3b8;font-size:.875rem;margin:0;font-weight:500}.doc-empty,.code-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.empty-illustration,.empty-code{max-width:300px}.empty-icon,.code-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-illustration h3,.empty-code p{color:#6b7280;margin:0}.empty-illustration h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#374151}.empty-illustration p{font-size:.875rem;line-height:1.5}.code-icon{color:#94a3b8}.empty-code p{color:#94a3b8;font-size:.875rem;line-height:1.5}@media (max-width: 1400px){.explorer-layout{grid-template-columns:320px 1fr 400px}.global-search{width:250px}}@media (max-width: 1200px){.api-categories-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.explorer-layout{grid-template-columns:300px 1fr 350px}}@media (max-width: 1024px){.dashboard-header{grid-template-columns:1fr;gap:1.5rem}.header-controls{justify-self:stretch;justify-content:space-between}.explorer-layout{grid-template-columns:1fr;gap:1.5rem}.endpoints-panel,.code-panel{position:static;max-height:none}.api-categories-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 768px){.hero-dashboard,.api-explorer{padding:1rem}.dashboard-header{padding:1.5rem}.header-main{flex-direction:column;gap:1.5rem;align-items:flex-start}.status-bar{flex-direction:column;gap:1rem;align-items:flex-start}.header-controls{flex-direction:column;gap:1rem;width:100%}.global-search{width:100%}.api-categories-grid{grid-template-columns:1fr}.documentation-panel,.code-panel{padding:1.5rem}.endpoint-signature{flex-direction:column;align-items:flex-start;gap:.75rem}.endpoint-url{width:100%;min-width:auto}}@media (max-width: 640px){.live-metrics{flex-direction:column;gap:1rem}.param-header{flex-direction:column;align-items:flex-start;gap:.5rem}.endpoint-item{flex-direction:column;align-items:flex-start;gap:.75rem}.endpoint-status{flex-direction:row;align-items:center}}