@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";.nav a,.nav-btn,.nav-cta a,.btn-base,button{text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 20px #0000000d;transition:all .3s ease}.nav-container{max-width:clamp(800px,90vw,1200px);margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative}.nav-brand{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;left:50%;transform:translate(-50%);z-index:1100}.nav-brand a{display:flex;align-items:center;line-height:0}.brand-logo{height:clamp(20px,2.5vw,28px);width:auto;max-width:clamp(80px,12vw,120px);display:block;object-fit:contain;transition:transform .2s ease}.nav-brand .brand-logo,.nav-brand picture.brand-logo{display:block;height:auto;max-height:36px;width:auto}.nav-brand .brand-logo img,.nav-brand picture.brand-logo img{display:block;width:auto!important;height:auto!important;max-height:36px!important}@media(max-width:700px){.brand-logo{height:20px;max-width:90px}.nav-brand{position:static;transform:none;left:auto;z-index:auto;justify-content:flex-start}.nav-links{justify-content:flex-end;margin-left:1rem}.nav-container{padding:.75rem 1rem;gap:1rem}.nav-btn{padding:8px 10px;font-size:14px}.mobile-menu-btn{padding:6px}}.nav-links{display:flex;align-items:center;gap:.5rem;flex:1;margin-left:0;justify-content:space-between}.nav-btn{padding:10px 16px;border:none;background:transparent;color:#334155;font-size:15px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.nav-btn:hover{background:#0063c51a;color:var(--brand-blue)}.nav-btn:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.nav-btn.active{color:var(--brand-blue);background:#0063c51a}.dropdown-trigger{display:inline-flex;align-items:center;gap:.25rem}.dropdown-arrow{font-size:10px;transition:transform .2s ease;margin-left:.25rem}.dropdown-trigger[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:.5rem;min-width:200px;z-index:1001;opacity:0;visibility:hidden;transition:all .2s ease}.nav-dropdown[aria-expanded=true] .dropdown-menu,.dropdown-menu:not(.hidden){opacity:1;visibility:visible}.dropdown-item{display:flex;align-items:flex-start;gap:.75rem;padding:12px;border-radius:8px;text-decoration:none;color:#334155;transition:all .15s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.dropdown-item:hover{background:#0063c514;color:var(--brand-blue)}.dropdown-item:focus-visible{outline:2px solid var(--brand-blue);outline-offset:-2px}.dropdown-icon{font-size:20px;flex-shrink:0;margin-top:2px}.dropdown-text h4{font-size:14px;font-weight:600;margin-bottom:2px;color:inherit}.dropdown-text p{font-size:12px;color:#64748b;margin:0;line-height:1.4}.nav-cta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cta-secondary{padding:10px 20px;border:2px solid var(--brand-blue);background:transparent;color:var(--brand-blue);font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center}.cta-secondary:hover{background:var(--brand-blue);color:#fff}.cta-primary{padding:12px 24px;background:var(--brand-blue);color:#fff;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;border:none;box-shadow:0 4px 14px #0063c540;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0063c559}.cta-primary:focus-visible,.cta-secondary:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.mobile-menu-toggle{display:none;background:transparent;border:none;color:#334155;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.mobile-menu-toggle:hover{background:#0063c51a;color:var(--brand-blue)}.mobile-menu-toggle:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger-bar{width:100%;height:2px;background:currentColor;border-radius:2px;transition:all .3s ease}.mobile-menu-toggle[aria-expanded=true] .hamburger-bar:nth-child(1){transform:rotate(45deg) translateY(6px)}.mobile-menu-toggle[aria-expanded=true] .hamburger-bar:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-bar:nth-child(3){transform:rotate(-45deg) translateY(-6px)}.nav.scrolled{background:#fffffffa;box-shadow:0 4px 30px #00000014}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--brand-blue);color:#fff;padding:8px 16px;text-decoration:none;z-index:10000;border-radius:0 0 4px;font-weight:600;transition:top .2s}.skip-to-content:focus{top:0;outline:3px solid white;outline-offset:2px}@media(max-width:1024px){.nav-container{padding:1rem 1.5rem}.nav-links{gap:.25rem}.nav-btn{padding:8px 12px;font-size:14px}.cta-primary,.cta-secondary{padding:8px 16px;font-size:13px}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.nav-links{position:fixed;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:1rem;box-shadow:0 8px 24px #0000001f;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;max-height:calc(100vh - 72px);overflow-y:auto}.nav-links-mobile{transform:translateY(0);opacity:1;visibility:visible}.nav-btn{width:100%;justify-content:flex-start;padding:12px 16px;font-size:15px}.nav-dropdown{width:100%}.dropdown-menu{position:static;transform:none;box-shadow:none;background:#0066cc0d;margin-top:.5rem}.nav-cta{width:100%;flex-direction:column;padding:1rem 0;border-top:1px solid rgba(0,0,0,.1);margin-top:1rem}.cta-primary,.cta-secondary{width:100%;justify-content:center;padding:12px 24px;font-size:15px}}@media(min-width:769px)and (max-width:1024px){.dropdown-menu{min-width:180px}.dropdown-item{padding:10px}.dropdown-text h4{font-size:13px}.dropdown-text p{font-size:11px}}@media(prefers-reduced-motion:reduce){.nav,.nav-btn,.dropdown-menu,.hamburger-bar,.nav-links,.brand-logo{transition:none}}@media(prefers-contrast:high){.nav{border-bottom-width:2px}.nav-btn:focus-visible,.dropdown-item:focus-visible,.cta-primary:focus-visible,.cta-secondary:focus-visible{outline-width:3px}}@media(prefers-color-scheme:dark){.nav{background:#1e293bf2;border-bottom-color:#ffffff1a}.nav-btn{color:#e2e8f0}.nav-btn:hover{background:#06c3;color:#60a5fa}.dropdown-menu{background:#1e293b}.dropdown-text p{color:#94a3b8}}.btn-base{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;white-space:nowrap}.btn-base:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-base:disabled{cursor:not-allowed;opacity:.5}.btn-primary,.btn-primary-new{background:var(--brand-blue);color:#fff;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;box-shadow:none;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:hover,.btn-primary-new:hover{transform:translateY(-2px);box-shadow:none;background:var(--brand-blue)}.btn-primary:active,.btn-primary-new:active{transform:translateY(0)}.btn-outline{background:transparent;border:2px solid var(--brand-blue);color:var(--brand-blue);padding:12px 28px;border-radius:10px;font-size:15px;font-weight:500;transition:all .2s ease}.btn-outline:hover{background:var(--brand-blue);color:#fff}.btn-ghost{background:transparent;color:var(--brand-blue);padding:12px 24px;border-radius:10px;font-size:15px;font-weight:500;transition:all .2s ease}.btn-ghost:hover{background:#0063c51a}.btn-sm{padding:8px 16px;font-size:14px;border-radius:8px}.btn-md{padding:12px 24px;font-size:15px;border-radius:10px}.btn-lg{padding:16px 32px;font-size:17px;border-radius:12px}.btn-full-width{width:100%;justify-content:center}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff0f;transition:left .45s ease}.btn-primary:hover .btn-glow,.btn-primary-new:hover .btn-glow{left:100%}.btn-arrow-new{display:inline-flex;transition:transform .3s ease}.btn-primary:hover .btn-arrow-new,.btn-primary-new:hover .btn-arrow-new{transform:translate(4px)}.btn-icon-new{font-size:20px}.btn-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.btn-secondary:active .btn-ripple,.btn-secondary-new:active .btn-ripple{background:radial-gradient(circle,rgba(0,99,197,.12) 0%,transparent 70%);animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-base:focus-visible{outline:3px solid var(--brand-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){.btn-base,.btn-primary,.btn-primary-new,.btn-secondary,.btn-secondary-new,.btn-outline,.btn-ghost,.btn-glow,.btn-arrow-new{transition:none}.btn-loading:after{animation:none}}@media(max-width:768px){.btn-primary,.btn-secondary,.btn-primary-new,.btn-secondary-new{padding:12px 24px;font-size:15px}.btn-lg{padding:14px 28px;font-size:16px}}.contact-form-container{max-width:600px;margin:0 auto;padding:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:14px;color:#1e293b;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-blue);box-shadow:none}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23334155' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;background-color:#fef2f2}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{color:#dc2626;font-size:13px;font-weight:500;display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.error-message:before{content:"⚠";font-size:14px}.success-message{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:16px;border:2px solid #86efac}.success-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;box-shadow:0 4px 14px #10b9814d}.success-message h3{color:#065f46;margin-bottom:1rem;font-size:24px}.success-message p{color:#047857;margin-bottom:2rem;font-size:16px;line-height:1.6}.submit-btn{margin-top:.5rem}.privacy-note{font-size:13px;color:#64748b;text-align:center;line-height:1.5;margin-top:.5rem}.privacy-note a{color:var(--brand-blue);text-decoration:none}.form-group label:after{content:""}.form-group label:has(+input[required]):after,.form-group label:has(+select[required]):after,.form-group label:has(+textarea[required]):after{content:" *";color:#ef4444}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}.form-loading{position:relative;pointer-events:none}.form-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:inherit}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand-blue);color:#fff;padding:8px 16px;text-decoration:none;z-index:9999;transition:top .2s;border-radius:0 0 4px}.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.form-group input,.form-group select,.form-group textarea,.skip-link{transition:none}}@media(max-width:768px){.contact-form-container{padding:1.5rem 1rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.success-message{padding:2rem 1.5rem}}@media(prefers-contrast:high){.form-group input,.form-group select,.form-group textarea{border-width:2px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-width:3px}}html{height:100%;width:100%;overscroll-behavior-y:none}body{margin:0;padding:0;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}#root{width:100%;height:auto;min-height:100dvh;display:flex;flex-direction:column}html,body,#root{overflow-x:hidden}html,body,#root{background-color:#f8fafc}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.skip-link{position:absolute;top:-40px;left:0;background:#3b82f6;color:#fff;padding:8px 16px;text-decoration:none;font-weight:600;font-size:14px;z-index:10000;border-radius:0 0 4px}.skip-link:focus{top:0;outline:3px solid #1e40af;outline-offset:2px}*:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}:root{--ghana-red: #CE1126;--ghana-gold: #FCD116;--ghana-green: #006B3F;--primary-50: #0063c5;--primary-100: #0063c5;--primary-200: #0063c5;--primary-300: #0063c5;--primary-400: #0063c5;--primary-500: #0063c5;--primary-600: #0063c5;--primary-700: #0063c5;--primary-800: #0063c5;--primary-900: #0063c5;--brand-blue: #0063c5;--gradient-primary: var(--brand-blue);--gradient-hero: var(--brand-blue);--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--text-color: #0f172a}.btn-primary,.btn-primary-new,.btn-primary-modern,.btn-primary-advanced,.btn-primary-pricing,.btn-secondary,.btn-secondary-new,.btn-secondary-modern,.nav-cta,.ecosystem-badge,.btn-primary:hover,.btn-primary-new:hover,.btn-primary-modern:hover,.nav-cta:hover{box-shadow:none!important}body{color:var(--text-color);background-color:var(--gray-50);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-app-showcase-redesign{background:linear-gradient(135deg,#004d99,#06c);padding:100px 0 80px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.mobile-app-content-wrapper{max-width:1100px;width:100%;margin:0 auto;padding:0 40px}.mobile-app-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center}.mobile-app-text{color:#fff}.mobile-app-title{font-size:2.5rem;font-weight:800;margin-bottom:20px;line-height:1.2;color:#fff}.mobile-app-description{font-size:1.05rem;color:#ffffffe6;margin-bottom:32px;line-height:1.6}.mobile-app-badges{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.badge-link{display:inline-flex;align-items:center;justify-content:center;width:170px;height:50px;flex:0 0 auto}.badge-link img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s ease;cursor:pointer}.badge-link img:hover{transform:translateY(-3px)}.mobile-app-preview{display:flex;justify-content:center;align-items:center}.phones-preview-placeholder{width:100%;max-width:600px;aspect-ratio:16 / 10;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px dashed rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.phones-mockup-image{width:100%;height:100%;object-fit:contain;display:block}.placeholder-box{text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.placeholder-box.hidden{display:none}.placeholder-text{font-size:4rem;margin-bottom:16px}.placeholder-box p{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:#fff}.placeholder-box span{font-size:.9rem;color:#ffffffb3}.mobile-app-showcase{background:linear-gradient(135deg,#004d99,#06c);padding:80px 0;position:relative;overflow:hidden}.mobile-app-wrapper{display:flex;flex-direction:column;gap:40px;align-items:center}@media(min-width:992px){.mobile-app-wrapper{flex-direction:row;justify-content:space-between;gap:60px}}.mobile-app-info{flex:1;max-width:500px;color:#fff}.app-title{font-size:2.75rem;font-weight:800;margin-bottom:16px;line-height:1.2}.app-subtitle{font-size:1.125rem;color:#ffffffe6;margin-bottom:32px;line-height:1.6}.app-store-links{display:flex;gap:16px;flex-wrap:wrap}.store-link img{height:52px;width:auto;border-radius:8px;transition:transform .2s ease}.store-link img:hover{transform:translateY(-2px)}.mobile-app-visuals{flex:1.2;display:flex;justify-content:center;align-items:center;position:relative;height:600px;width:100%}.phones-container{position:relative;width:100%;height:100%;max-width:700px;display:flex;justify-content:center;align-items:center}.phone-mockup{position:absolute;width:260px;height:auto;min-height:500px;border-radius:40px;box-shadow:0 25px 50px -12px #00000080;border:8px solid #1f2937;background:#1f2937;overflow:hidden;transition:all .5s ease}.phone-mockup img.phones-image-fallback{width:100%;height:100%;object-fit:cover}.phone-screen{background:#fff;height:100%;width:100%;border-radius:30px;overflow:hidden;position:relative;display:flex;flex-direction:column}.screen-header{height:40px;background:#f3f4f6;display:flex;padding:0 16px;align-items:center;justify-content:space-between;font-size:12px;color:#666}.screen-content{padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex:1}.app-icon-circle{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:20px;box-shadow:0 10px 15px -3px #0000001a}.app-icon-circle.blue{background:#e0f2fe;color:#0284c7}.app-icon-circle.gold{background:#fef9c3;color:#ca8a04}.app-icon-circle.green{background:#dcfce7;color:#16a34a}.screen-content h4{color:#111;font-weight:700;margin-bottom:8px;font-size:1.25rem}.screen-content p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:12px}.screen-content p.highlight{color:#06c;font-weight:600}.screen-content p.small-text{font-size:.8rem;color:#888}.ghana-badge{display:inline-block;background:#f3f4f6;color:#4b5563;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:auto}.btn-app-primary{background:#06c;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;margin-top:20px;font-size:.9rem;box-shadow:0 4px 6px -1px #7c3aed66}.phone-center{z-index:10;transform:translateY(20px) scale(1)}.phone-left{z-index:5;transform:translate(-180px) translateY(60px) rotate(-12deg);opacity:1}.phone-right{z-index:5;transform:translate(180px) translateY(60px) rotate(12deg);opacity:1}@media(max-width:992px){.mobile-app-layout{grid-template-columns:1fr;gap:50px;text-align:center}.mobile-app-title{font-size:2rem}.mobile-app-badges{justify-content:center}.phones-preview-placeholder{max-width:500px}}@media(max-width:768px){.mobile-app-showcase-redesign{padding:60px 0}.mobile-app-content-wrapper{padding:0 24px}.mobile-app-title{font-size:1.75rem}.mobile-app-description{font-size:.95rem}.phones-preview-placeholder{aspect-ratio:4 / 3}.placeholder-text{font-size:3rem}}@media(max-width:992px){.mobile-app-showcase{padding:60px 0}.mobile-app-visuals{height:450px;margin-top:40px}.phones-container{transform:scale(.8);margin-top:-20px}.phone-left{transform:translate(-140px) translateY(40px) rotate(-12deg)}.phone-right{transform:translate(140px) translateY(40px) rotate(12deg)}}@media(max-width:576px){.phones-container{transform:scale(.6)}.app-title{font-size:2rem}.phone-left{transform:translate(-110px) translateY(40px) rotate(-12deg)}.phone-right{transform:translate(110px) translateY(40px) rotate(12deg)}}.mobile-app-mockups{display:flex;gap:var(--space-lg);justify-content:center;align-items:flex-end}.phone-mockup{width:200px;height:400px;background:var(--gray-900);border-radius:2rem;padding:.5rem;box-shadow:var(--shadow-xl);position:relative;transition:var(--transition-base)}.phone-mockup:hover{transform:translateY(-8px)}.phone-mockup.primary{z-index:3;transform:scale(1.1)}.phone-mockup.secondary{z-index:2;opacity:.9}.phone-mockup.tertiary{z-index:1;opacity:.8}.phone-screen{width:100%;height:100%;background:#fff;border-radius:1.5rem;padding:var(--space-lg);display:flex;flex-direction:column;justify-content:center;text-align:center}.mockup-content h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--gray-900)}.mockup-content p{font-size:.75rem;color:var(--gray-600);margin-bottom:var(--space-md)}.mockup-features{display:flex;flex-direction:column;gap:var(--space-xs)}.mockup-feature{font-size:.65rem;color:var(--gray-700);padding:var(--space-xs);background:var(--gray-50);border-radius:var(--radius-sm)}.newsletter-section{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);padding:var(--space-3xl) 0;color:#fff;position:relative;overflow:hidden}.newsletter-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.1"/><circle cx="80" cy="40" r="1" fill="white" opacity="0.1"/><circle cx="40" cy="80" r="1.5" fill="white" opacity="0.1"/></svg>')}.newsletter-content{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:1}.newsletter-content h2{font-size:2.25rem;font-weight:700;margin-bottom:var(--space-lg)}.newsletter-content p{font-size:1.125rem;opacity:.9;margin-bottom:var(--space-xl)}.newsletter-form{display:flex;gap:var(--space-md);max-width:400px;margin:0 auto var(--space-lg)}.newsletter-input{flex:1;padding:var(--space-md);border:none;border-radius:var(--radius-lg);font-size:1rem;outline:none;box-shadow:var(--shadow-md)}.newsletter-btn{padding:var(--space-md) var(--space-xl);background:var(--ghana-gold);color:var(--gray-900);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-md)}.newsletter-btn:hover{background:#e6b800;transform:translateY(-1px)}.newsletter-disclaimer{font-size:.875rem;opacity:.8}.newsletter-disclaimer button{color:var(--ghana-gold);text-decoration:none;background:none;border:none;cursor:pointer}.optimized-image{transition:opacity var(--transition-base);max-width:100%;height:auto}.image-placeholder{background:var(--gray-200);border-radius:var(--radius-md);position:relative;overflow:hidden;min-height:40px}.placeholder-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:100%}}.image-fallback{filter:grayscale(.3)}.app-store-btn{display:inline-block;transition:var(--transition-base);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.app-store-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.app-store-btn img{width:140px;height:42px;object-fit:contain}.brand-logo,.footer-logo{transition:var(--transition-base)}.brand-logo:hover{transform:scale(1.05)}.phone-mockup img{width:100%;height:100%;object-fit:cover;border-radius:1.5rem}.contact-form-container{max-width:600px;margin:0 auto}.contact-form{background:#fff;padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--gray-700)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-base);background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-submit-btn{width:100%;padding:var(--space-md) var(--space-xl);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.form-submit-btn:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px)}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-submit-btn.loading{background:var(--primary-500)}.error-message{display:block;color:#dc2626;font-size:.875rem;margin-top:var(--space-xs)}.form-status,.newsletter-status{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);text-align:center}.form-status.success,.newsletter-status.success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.form-status.error,.newsletter-status.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-content{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.newsletter-input-wrapper{position:relative;flex:1}.newsletter-input.error{border-color:#dc2626}.newsletter-disclaimer .privacy-link{color:var(--ghana-gold);text-decoration:none;background:none;border:none;cursor:pointer;font-size:inherit}.newsletter-disclaimer .privacy-link:hover{color:#e6b800}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:var(--space-md)}.contact-form{padding:var(--space-lg)}.newsletter-form{flex-direction:column;gap:var(--space-md)}}@media(max-width:768px){.app-store-btn img{width:120px;height:36px}.phone-mockup{width:140px;height:280px}}.feature-icon,.ecosystem-icon,.ghana-icon,.demo-icon,.showcase-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Segoe UI Symbol,"Android Emoji",EmojiSymbols,sans-serif;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}.lazy-section{transition:opacity .5s ease}.lazy-loading{min-height:200px;opacity:0}.lazy-loaded{opacity:1}.lazy-placeholder{display:flex;justify-content:center;align-items:center;min-height:200px;background:var(--gray-100);border-radius:var(--radius-lg)}.lazy-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.contact-form{max-width:600px;margin:0 auto;padding:var(--space-8);background:var(--gradient-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-display);font-weight:600;font-size:.875rem;color:var(--gray-700);margin-bottom:var(--space-1)}.form-input,.form-select,.form-textarea{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:1rem;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:120px}.form-submit-btn{width:100%;padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.form-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-submit-btn:disabled{opacity:.7;cursor:not-allowed}.form-submit-btn.submitting{background:var(--gray-400)}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.form-success,.form-error{padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-3)}.form-success{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-800)}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.success-icon,.error-icon{font-size:1.25rem;flex-shrink:0}: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;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: var(--brand-blue);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-hero: var(--brand-blue);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--gradient-glass: rgba(255,255,255,.16);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow: none;--shadow-glow-lg: none;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Poppins", "Inter", sans-serif;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-bounce: .25s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--gray-900);background:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--gray-50)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);padding:var(--space-4) 0;transition:all var(--transition-base);width:100%}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:var(--space-3);font-weight:800;font-size:1.75rem;color:var(--primary-600);text-decoration:none}.brand-icon{font-size:2.25rem;color:#06c;background:none;-webkit-text-fill-color:unset;background-clip:border-box;filter:drop-shadow(0 2px 4px rgba(0,102,204,.24))}.brand-name{font-family:var(--font-display);color:#06c;background:none;-webkit-text-fill-color:unset;background-clip:border-box;letter-spacing:-.025em}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-btn{background:none;border:none;color:var(--gray-700);font-weight:500;font-size:.95rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;text-decoration:none;display:inline-flex;align-items:center;box-shadow:none;outline:none}.nav-btn:hover{color:var(--primary-600);background:var(--primary-50);transform:translateY(-1px)}.nav-btn.active{color:var(--primary-600);background:var(--primary-50)}.nav-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.25rem}.dropdown-arrow{font-size:.7rem;transition:transform .2s ease}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;padding:.5rem;min-width:280px;z-index:1000;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);text-decoration:none;color:var(--gray-700);transition:all .2s ease}.dropdown-item:hover{background:var(--primary-50);color:var(--primary-600)}.dropdown-icon{font-size:1.5rem;flex-shrink:0}.dropdown-title{font-weight:600;font-size:.95rem;margin-bottom:.15rem}.dropdown-desc{font-size:.8rem;color:var(--gray-500)}.dropdown-item:hover .dropdown-desc{color:var(--primary-500)}.why-choose-section{padding:5rem 0;background:linear-gradient(135deg,#f9fafb,#fff)}.section-header-centered{text-align:center;max-width:700px;margin:0 auto 3.5rem}.section-header-centered .section-title{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:1rem}.section-header-centered .section-subtitle{font-size:1.15rem;color:var(--gray-600);line-height:1.6}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.why-card{background:#fff;padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transform:none;transition:none}.why-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000000f;border-color:var(--gray-200)}.why-icon-wrapper{margin-bottom:1.5rem}.why-icon{font-size:3rem;display:inline-block;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.why-title{font-size:1.4rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.why-description{font-size:1rem;color:var(--gray-600);line-height:1.7;margin-bottom:1.5rem}.why-features{list-style:none;padding:0;margin:0}.why-features li{font-size:.95rem;color:var(--gray-700);padding:.5rem 0;display:flex;align-items:center;gap:.5rem}.why-features li:before{content:none}.nav-cta{background:#06c!important;color:#fff!important;padding:var(--space-3) var(--space-6)!important;border-radius:var(--radius-full)!important;font-weight:600!important;box-shadow:var(--shadow-lg);transition:all var(--transition-base)!important;border:none!important;position:relative;overflow:hidden}.nav-cta: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 .5s}.nav-cta:hover{transform:translateY(-2px);box-shadow:none;background:var(--brand-blue)!important}.nav-cta:hover:before{left:100%}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--gray-700);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base)}.mobile-menu-btn:hover{background:var(--gray-100);color:var(--primary-600)}.nav-links-mobile{position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:var(--space-6);flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xl)}.main{flex:1;padding-top:90px}.section{width:100%;padding:var(--space-20) 0}.main-content>.section:first-child{padding-top:0}.section-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center;min-height:85vh;padding:var(--space-32) var(--space-6);background:var(--gray-900);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M 8 0 L 0 0 0 8" fill="none" stroke="%23e5e7eb" stroke-width="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.4;z-index:1}.hero-content{z-index:2;position:relative}.hero-title{font-family:var(--font-display);font-size:4rem;font-weight:800;line-height:1.1;color:#fff;margin-bottom:var(--space-6);letter-spacing:-.025em}.text-accent{color:#06c;position:relative}.text-accent:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#06c;opacity:.3;border-radius:var(--radius-full)}.hero-subtitle{font-size:1.375rem;color:var(--gray-300);line-height:1.6;margin-bottom:var(--space-10);max-width:540px;font-weight:400}.hero-buttons{display:flex;gap:var(--space-5);margin-bottom:var(--space-16);flex-wrap:wrap}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);position:relative;overflow:hidden;font-family:var(--font-sans)}.btn-primary: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}.btn-primary:hover{transform:translateY(-3px);box-shadow:none}.btn-primary:hover:before{left:100%}.btn-secondary{background:#fff;color:var(--primary-600);border:2px solid var(--primary-200);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);position:relative;overflow:hidden;font-family:var(--font-sans)}.btn-secondary:hover{background:var(--primary-600);color:#fff;border-color:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-large{padding:var(--space-5) var(--space-12);font-size:1.125rem;border-radius:var(--radius-2xl)}.btn-pricing{width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid;background:transparent;cursor:pointer;text-align:center;margin-top:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-sans)}.btn-pricing:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-primary-pricing{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.btn-primary-pricing:hover{background:var(--brand-blue);border-color:var(--brand-blue)}.btn-outline{color:#475569;border-color:#cbd5e1}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-main-text{font-weight:600;font-size:1rem;line-height:1.2;margin-bottom:2px}.btn-subtitle{font-size:.875rem;font-weight:400;opacity:.8;line-height:1.2}.hero-stats{display:flex;gap:var(--space-10);flex-wrap:wrap}.stat{text-align:left}.stat-number{display:block;font-size:2.5rem;font-weight:900;color:var(--primary-600);line-height:1;font-family:var(--font-display)}.stat-label{font-size:.875rem;color:var(--gray-600);margin-top:var(--space-2);font-weight:500}.hero-image{z-index:2;position:relative;display:flex;justify-content:center;align-items:center}.hero-visual{position:relative;width:450px;height:450px;display:flex;align-items:center;justify-content:center}.hero-icon{font-size:10rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:2;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.floating-cards{position:absolute;width:100%;height:100%}.floating-card{position:absolute;background:#fff;padding:var(--space-4) var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);font-weight:600;font-size:.875rem;color:var(--gray-700);animation:float 6s ease-in-out infinite;border:1px solid var(--gray-200);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-card:nth-child(1){top:15%;right:5%;animation-delay:0s;background:linear-gradient(135deg,#3b82f61a,#ffffffe6)}.floating-card:nth-child(2){bottom:25%;left:0%;animation-delay:2s;background:linear-gradient(135deg,#10b9811a,#ffffffe6)}.floating-card:nth-child(3){top:55%;right:15%;animation-delay:4s;background:linear-gradient(135deg,#f59e0b1a,#ffffffe6)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(2deg)}}.hero-redesigned{position:relative;min-height:100vh;background:#0f172a;display:flex;align-items:center;overflow:hidden}.hero-bg-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.bg-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 6s ease-in-out infinite}.bg-orb-1{width:400px;height:400px;background:#0066cc38;top:10%;left:10%;animation-delay:0s}.bg-orb-2{width:300px;height:300px;background:#0066cc29;top:60%;right:15%;animation-delay:2s}.bg-orb-3{width:250px;height:250px;background:#0066cc1f;bottom:20%;left:60%;animation-delay:4s}.hero-grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.hero-container-new{max-width:1400px;margin:0 auto;padding:var(--space-20) var(--space-6);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-20);align-items:center;position:relative;z-index:2;width:100%}.hero-content-new{color:#fff;z-index:3;position:relative;animation:slideInLeft 1s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:#10b981;margin-bottom:var(--space-6)}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge-new{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);background:#10b98126;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.4);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--space-8);overflow:hidden;animation:fadeInUp .8s ease-out .2s both}.status-pulse{width:8px;height:8px;background:#10b981;border-radius:50%;animation:statusPulse 2s infinite;box-shadow:0 0 10px #10b98180}.status-text-new{color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.status-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes shine{0%{left:-100%}to{left:100%}}.hero-headline{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:var(--space-6);font-family:var(--font-display)}.headline-highlight{color:#06c}.hero-headline-new{font-family:var(--font-display);font-size:3.5rem;font-weight:900;line-height:1.1;color:#fff!important;margin-bottom:var(--space-8);letter-spacing:-.03em;animation:fadeInUp .8s ease-out .4s both;position:relative;z-index:10}.desktop-break{display:block}.headline-line-1,.headline-line-2,.headline-line-3{display:block!important;animation:slideInUp .8s ease-out both;color:#fff!important}.headline-line-1{animation-delay:.6s}.headline-line-2{animation-delay:.8s;min-height:1.2em;display:block!important}.headline-line-3{animation-delay:1s;font-size:.9em;opacity:.9}.headline-highlight-new{color:#3b82f6!important;font-weight:900!important;display:inline!important;position:relative}.headline-highlight-new:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0066cc1f;opacity:1;border-radius:var(--radius-lg);z-index:-1;filter:blur(20px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-actions-new{display:flex;gap:var(--space-4);margin-bottom:var(--space-12);animation:fadeInUp .8s ease-out .8s both}.btn-primary-new{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:#06c;color:#fff;border:none;border-radius:var(--radius-xl);font-family:var(--font-display);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 10px 30px #0066cc4d}.btn-primary-new:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0066cc61}.btn-primary-new .btn-arrow-new{transition:transform .3s ease}.btn-primary-new:hover .btn-arrow-new{transform:translate(4px)}.btn-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff29;opacity:0;transition:opacity .3s ease}.btn-primary-new:hover .btn-glow{opacity:1}.btn-secondary-new{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);font-family:var(--font-display);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden}.btn-secondary-new:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.btn-icon-new{font-size:1rem;transition:transform .3s ease}.btn-secondary-new:hover .btn-icon-new{transform:scale(1.1)}.btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-secondary-new:hover .btn-ripple{width:300px;height:300px}.hero-features-new{display:flex;gap:var(--space-6);margin-bottom:var(--space-12);animation:fadeInUp .8s ease-out 1s both}.hero-features-new .hero-features-new .feature-badge:nth-child(2){display:none}.feature-badge{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-full);color:#1f2937;font-size:.9rem;font-weight:700;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 12px #00000026}.feature-badge:hover{background:#fff;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.feature-icon-new{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-text{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.feature-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61a,#10b9811a);opacity:0;transition:opacity .3s ease;border-radius:var(--radius-full)}.feature-badge:hover .feature-glow{opacity:1}.hero-visual-new{position:relative;z-index:2;animation:slideInRight 1s ease-out .5s both}.visual-container-new{position:relative;width:100%;height:600px;display:flex;align-items:center;justify-content:center}.dashboard-preview-new{position:relative;width:450px;background:#fffffffa;border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:float 6s ease-in-out infinite}.dashboard-header-new{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(0,0,0,.05)}.dashboard-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6)}.control-dots{display:flex;gap:var(--space-2)}.control-dots .dot{width:12px;height:12px;border-radius:50%}.control-dots .dot.red{background:#ef4444}.control-dots .dot.yellow{background:#f59e0b}.control-dots .dot.green{background:#10b981}.dashboard-title-new{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:.9rem;color:#1f2937}.dashboard-actions{display:flex;gap:var(--space-2)}.action-btn{padding:var(--space-1);border-radius:var(--radius-md);background:#0000000d;cursor:pointer;transition:background .2s ease}.action-btn:hover{background:#0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.dashboard-content-new{padding:var(--space-6);background:#fff}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{padding:var(--space-4);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.metric-card.revenue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.metric-card.properties{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.metric-icon{font-size:1.2rem}.metric-trend{font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.metric-trend.positive{background:#10b9811a;color:#059669}.metric-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:var(--space-1)}.metric-label{font-size:.75rem;color:#6b7280;font-weight:500;margin-bottom:var(--space-2)}.metric-sparkline{display:flex;align-items:end;gap:2px;height:20px}.sparkline-bar{flex:1;background:linear-gradient(to top,#3b82f6,#60a5fa);border-radius:1px;min-height:4px;animation:sparklineGrow 1.5s ease-out}.metric-progress{height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;animation:progressFill 2s ease-out}@keyframes sparklineGrow{0%{height:0}to{height:var(--height, 100%)}}@keyframes progressFill{0%{width:0}to{width:var(--width, 100%)}}.dashboard-chart-new{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);overflow:hidden}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid rgba(0,0,0,.05)}.chart-title{font-weight:600;font-size:.875rem;color:#374151}.chart-controls{display:flex;gap:var(--space-1)}.chart-period{padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:#6b7280}.chart-period.active{background:#3b82f6;color:#fff}.chart-area{padding:var(--space-4);height:80px}.chart-bars-new{display:flex;align-items:end;gap:var(--space-1);height:100%}.chart-bar-new{flex:1;background:var(--brand-blue);border-radius:2px 2px 0 0;min-height:8px;animation:chartBarGrow 1.5s ease-out;transition:all .3s ease}.chart-bar-new:hover{background:var(--brand-blue);transform:scaleY(1.1)}@keyframes chartBarGrow{0%{height:0}to{height:var(--height, 100%)}}.role-cards-new{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.role-card{position:absolute;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;border:1px solid rgba(255,255,255,.2);animation:float 4s ease-in-out infinite;pointer-events:auto;cursor:pointer;transition:all .3s ease}.role-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.homeowner-card{top:20%;left:-20%;animation-delay:0s}.tenant-card{top:60%;right:-25%;animation-delay:1s}.vendor-card{bottom:15%;left:-15%;animation-delay:2s}.role-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.role-info{display:flex;flex-direction:column;gap:var(--space-1)}.role-type{font-weight:600;font-size:.875rem;color:#1f2937}.role-benefit{font-size:.75rem;color:#6b7280;font-weight:500}.role-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease}.homeowner-glow,.tenant-glow,.vendor-glow{background:transparent!important}.role-card:hover .role-glow{opacity:0!important}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-notification,.floating-payment{position:absolute;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 8px 20px #0000001a;font-size:.8rem;font-weight:500;color:#374151;animation:floatNotification 3s ease-in-out infinite}.floating-notification{top:10%;right:10%;animation-delay:.5s}.floating-payment{bottom:25%;right:5%;animation-delay:2.5s}@keyframes floatNotification{0%,to{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}}.hero-description{font-size:1.25rem;line-height:1.6;color:#fffc;margin-bottom:var(--space-8);max-width:500px}.hero-description-new{font-size:1.3rem;line-height:1.7;color:#ffffffd9;margin-bottom:var(--space-10);max-width:650px;animation:fadeInUp .8s ease-out .6s both;font-weight:400}.hero-description-new strong{color:var(--brand-blue);font-weight:600}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.btn-primary-modern{background:var(--brand-blue);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .3s ease;box-shadow:none}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:none}.btn-secondary-modern{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary-modern:hover{background:#ffffff26;transform:translateY(-2px)}.btn-arrow{transition:transform .3s ease}.btn-primary-modern:hover .btn-arrow{transform:translate(4px)}.hero-features{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.hero-features .feature-item{display:flex;align-items:center;gap:var(--space-2);color:#fffffff2!important;font-size:.875rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.hero-features .feature-icon{font-size:1.25rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));line-height:1}.hero-visual{position:relative;z-index:3}.visual-container{position:relative;width:100%;height:500px}.feature-showcase{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 20px 40px #0000001a;border:1px solid rgba(226,232,240,.8);animation:float 6s ease-in-out infinite}.showcase-header{display:flex;align-items:center;justify-content:center;padding-bottom:var(--space-4);border-bottom:1px solid rgba(226,232,240,.5);margin-bottom:var(--space-6)}.showcase-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:#1f2937}.showcase-content{display:flex;flex-direction:column;gap:var(--space-4)}.feature-category{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-lg);border:1px solid rgba(226,232,240,.5);transition:all .3s ease}.feature-category:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f64d;transform:translate(4px)}.category-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.category-name{font-weight:600;color:#374151;font-size:.875rem}.dashboard-preview{background:#fffffffa;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 20px 40px #00000026;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);position:relative;z-index:2}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(0,0,0,.1)}.dashboard-dots span{width:12px;height:12px;border-radius:50%;background:#ef4444}.dashboard-dots span:nth-child(2){background:#f59e0b}.dashboard-dots span:nth-child(3){background:#10b981}.dashboard-title{font-size:.875rem;font-weight:600;color:#1f2937!important;text-shadow:none}.dashboard-content{color:#374151!important}.dashboard-stats{display:flex;gap:var(--space-4);margin-top:var(--space-3)}.stat-card{flex:1;text-align:center}.stat-card .stat-value{color:#1f2937!important;font-weight:700;font-size:1.25rem;text-shadow:none}.stat-card .stat-label{color:#6b7280!important;font-size:.75rem;text-shadow:none}.stat-card .stat-trend{color:#10b981!important;font-size:.75rem;font-weight:600;text-shadow:none}.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05)}.stat-value{font-size:1.5rem;font-weight:700;color:#1f2937!important;display:block;text-shadow:none}.stat-label{font-size:.75rem;color:#6b7280!important;margin-top:var(--space-1);text-shadow:none}.stat-trend{font-size:.75rem;color:#10b981!important;font-weight:600;margin-top:var(--space-1);text-shadow:none}.dashboard-chart{background:#f8fafc;border-radius:var(--radius-lg);padding:var(--space-4);height:120px;display:flex;align-items:end}.chart-bars{display:flex;gap:var(--space-2);align-items:end;width:100%;height:100%}.chart-bar{background:var(--brand-blue);border-radius:var(--radius-sm);flex:1;min-height:20px;animation:chartGrow 1s ease-out}@keyframes chartGrow{0%{height:0}to{height:var(--final-height, 100%)}}.user-cards{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.user-card{position:absolute;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);box-shadow:0 8px 20px #0000001a;animation:float 6s ease-in-out infinite}.user-card.homeowner{top:20%;right:-20%;animation-delay:0s}.user-card.tenant{bottom:30%;right:-15%;animation-delay:2s}.user-card.vendor{top:60%;left:-25%;animation-delay:4s}.user-icon{width:40px;height:40px;background:var(--brand-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.user-card.tenant .user-icon{background:linear-gradient(135deg,#10b981,#059669)}.user-card.vendor .user-icon{background:linear-gradient(135deg,#06c,#06c)}.user-info{min-width:0}.user-type{font-size:.875rem;font-weight:600;color:#1f2937;line-height:1.2}.user-commission{font-size:.75rem;color:#6b7280;line-height:1.2}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#3b82f61a,#10b9811a);animation:floatShape 20s infinite linear}.shape-1{width:100px;height:100px;top:10%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:15%;animation-delay:5s}.shape-3{width:80px;height:80px;bottom:20%;left:20%;animation-delay:10s}.shape-4{width:120px;height:120px;top:30%;right:30%;animation-delay:15s}.shape-5{width:200px;height:200px;bottom:10%;right:10%;animation-delay:8s}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.3}25%{transform:translateY(-30px) rotate(90deg) scale(1.1);opacity:.6}50%{transform:translateY(-60px) rotate(180deg) scale(.9);opacity:.4}75%{transform:translateY(-30px) rotate(270deg) scale(1.05);opacity:.7}}.grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 30s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content-advanced{z-index:10;position:relative;color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);margin-bottom:var(--space-8);position:relative;overflow:hidden}.badge-icon{font-size:1.25rem;color:var(--gray-700);animation:none}.badge-text{font-weight:600;font-size:.875rem;color:#fff}.badge-glow{display:none!important}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hero-title-advanced{font-family:var(--font-display);font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}.title-line-1,.title-line-2,.title-line-3{display:block;opacity:0;transform:translateY(50px);animation:slideUpFade 1s ease-out forwards}.title-line-1{animation-delay:.2s;color:#ffffffe6}.title-line-2{animation-delay:.4s}.title-line-3{animation-delay:.6s;color:#ffffffe6}.text-gradient{color:#06c;position:relative}.text-gradient:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:4px;background:#06c;border-radius:var(--radius-full);animation:expandWidth 1s ease-out .8s forwards;transform:scaleX(0);transform-origin:left}@keyframes expandWidth{to{transform:scaleX(1)}}.title-subtitle{display:block;font-size:1rem;font-weight:500;color:#ffffffb3;margin-top:var(--space-4);opacity:0;animation:fadeIn 1s ease-out 1s forwards}.hero-subtitle-advanced{font-size:1.375rem;line-height:1.6;color:#fffc;margin-bottom:var(--space-10);max-width:600px}.hero-subtitle-advanced strong{color:#fff;background:none;color:var(--brand-blue);font-weight:700}.hero-buttons-advanced{display:flex;gap:var(--space-6);margin-bottom:var(--space-12);flex-wrap:wrap}.btn-primary-advanced{position:relative;background:var(--brand-blue);color:#fff;border:none;padding:var(--space-5) var(--space-8);border-radius:var(--radius-2xl);cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:200px}.btn-primary-advanced:hover{transform:translateY(-5px);box-shadow:0 20px 40px #3b82f666}.btn-secondary-advanced{position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border:2px solid rgba(255,255,255,.3);padding:var(--space-5) var(--space-8);border-radius:var(--radius-2xl);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:200px}.btn-secondary-advanced:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.btn-icon{font-size:1.5rem}.btn-text{font-weight:700;font-size:1.125rem}.btn-subtext{font-size:.75rem;opacity:.8;font-weight:500}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:buttonGlow 3s infinite}@keyframes buttonGlow{0%{left:-100%}to{left:100%}}.trust-indicators{display:flex;gap:var(--space-8);margin-bottom:var(--space-12);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:var(--space-2);color:#fffc;font-size:.875rem;font-weight:500}.trust-icon{font-size:1.25rem;animation:pulse 2s infinite}.hero-stats-advanced{display:flex;gap:var(--space-10);flex-wrap:wrap}.stat-advanced{position:relative;text-align:left}.stat-number-advanced,.stat-number-static{display:block;font-size:3rem;font-weight:900;color:#fff;font-family:var(--font-display);line-height:1}.stat-plus{color:#10b981;font-weight:900}.stat-label-advanced{display:block;font-size:.875rem;color:#ffffffb3;margin-top:var(--space-2);font-weight:500}.stat-bar{width:100%;height:3px;background:#fff3;border-radius:var(--radius-full);margin-top:var(--space-2);overflow:hidden}.stat-bar:after{content:"";display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:var(--radius-full);animation:fillBar 2s ease-out 1.5s forwards;transform:scaleX(0);transform-origin:left}@keyframes fillBar{to{transform:scaleX(1)}}.hero-visual-advanced{z-index:10;position:relative;display:flex;justify-content:center;align-items:center}.property-showcase{position:relative;width:500px;height:600px}.property-card-3d{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:400px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-3xl);overflow:hidden;animation:float3D 6s ease-in-out infinite;box-shadow:0 25px 50px #0000004d}@keyframes float3D{0%,to{transform:translate(-50%,-50%) rotateY(0) rotateX(0)}25%{transform:translate(-50%,-50%) rotateY(5deg) rotateX(2deg)}50%{transform:translate(-50%,-50%) rotateY(0) rotateX(-2deg)}75%{transform:translate(-50%,-50%) rotateY(-5deg) rotateX(2deg)}}.property-image{position:relative;height:60%;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;overflow:hidden}.property-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f64d,#10b9814d);animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#3b82f64d,#10b9814d)}50%{background:linear-gradient(135deg,#10b9814d,#f59e0b4d)}}.property-icon{font-size:4rem;color:#fff;z-index:2;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.property-status{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);background:#10b981e6;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);z-index:3}.status-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:statusBlink 2s infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#fff;font-size:.75rem;font-weight:600}.property-info{padding:var(--space-6);color:#fff}.property-info h4{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-2);color:#fff}.property-info p{color:#fffc;margin-bottom:var(--space-4)}.property-metrics{display:flex;gap:var(--space-3);flex-wrap:wrap}.metric{background:#ffffff1a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;color:#fff;font-weight:500}.floating-features{position:absolute;width:100%;height:100%}.feature-bubble{position:absolute;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);display:flex;align-items:center;gap:var(--space-2);color:#fff;font-size:.875rem;font-weight:600;animation:bubbleFloat 8s ease-in-out infinite;box-shadow:0 10px 30px #0003}.feature-1{top:10%;left:-10%;animation-delay:0s}.feature-2{top:20%;right:-15%;animation-delay:2s}.feature-3{bottom:30%;left:-20%;animation-delay:4s}.feature-4{bottom:10%;right:-10%;animation-delay:6s}@keyframes bubbleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.8}25%{transform:translateY(-20px) rotate(2deg);opacity:1}50%{transform:translateY(-40px) rotate(-1deg);opacity:.9}75%{transform:translateY(-20px) rotate(1deg);opacity:1}}.bubble-icon{font-size:1.25rem}.bubble-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-2xl);transform:translate(-50%,-50%);animation:bubblePulse 3s infinite}@keyframes bubblePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.dashboard-preview.floating{position:absolute;bottom:0;right:0;width:200px;height:150px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);overflow:hidden;animation:dashboardSlide 10s ease-in-out infinite}@keyframes dashboardSlide{0%,90%,to{transform:translate(100px);opacity:0}10%,80%{transform:translate(0);opacity:1}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-dots{display:flex;gap:var(--space-1)}.dashboard-dots span{width:6px;height:6px;background:#ffffff80;border-radius:50%}.dashboard-preview.floating .dashboard-title{font-size:.75rem;color:#1f2937!important;font-weight:600;text-shadow:none}.dashboard-preview:not(.floating) .dashboard-title{font-size:.875rem;color:#1f2937!important;font-weight:600;text-shadow:none}.dashboard-content{padding:var(--space-3)}.dashboard-chart{margin-bottom:var(--space-3)}.chart-bars{display:flex;align-items:end;gap:var(--space-1);height:40px}.bar{background:linear-gradient(to top,#3b82f6,#10b981);border-radius:2px;animation:barGrow 2s ease-out infinite}.bar-1{width:8px;height:20%;animation-delay:.2s}.bar-2{width:8px;height:60%;animation-delay:.4s}.bar-3{width:8px;height:100%;animation-delay:.6s}.bar-4{width:8px;height:40%;animation-delay:.8s}.bar-5{width:8px;height:80%;animation-delay:1s}@keyframes barGrow{0%,50%{transform:scaleY(0)}to{transform:scaleY(1)}}.dashboard-stats{display:flex;gap:var(--space-4)}.mini-stat{text-align:center}.mini-number{display:block;font-size:.875rem;font-weight:700;color:#fff}.mini-label{font-size:.625rem;color:#ffffffb3}.animate-slide-up{opacity:0;transform:translateY(30px);animation:slideUpFade 1s ease-out forwards}.animate-slide-up-delay{opacity:0;transform:translateY(30px);animation:slideUpFade 1s ease-out .3s forwards}.animate-slide-up-delay-2{opacity:0;transform:translateY(30px);animation:slideUpFade 1s ease-out .6s forwards}.animate-slide-up-delay-3{opacity:0;transform:translateY(30px);animation:slideUpFade 1s ease-out .9s forwards}.animate-fade-in{opacity:0;animation:fadeIn 1s ease-out forwards}.animate-fade-in-delay{opacity:0;animation:fadeIn 1s ease-out .5s forwards}.animate-slide-in-right{opacity:0;transform:translate(50px);animation:slideInRight 1s ease-out .4s forwards}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.features-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-32) var(--space-6);overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#fff}.features-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.features-hero-content{position:relative;z-index:10;text-align:center;max-width:800px}.features-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);margin-bottom:var(--space-8);position:relative;overflow:hidden}.features-title{font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}.features-subtitle{display:block;font-size:1.125rem;font-weight:500;color:#ffffffb3;margin-top:var(--space-4)}.features-description{font-size:1.25rem;line-height:1.6;color:#fffc;margin-bottom:var(--space-10)}.core-features{padding:var(--space-32) var(--space-6);background:var(--color-surface)}.section-title-advanced{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:var(--space-16);color:var(--color-foreground);font-family:var(--font-display)}.features-grid-advanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8);width:100%}.feature-card-advanced{background:#fff;border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:0 10px 30px #0000001a;border:1px solid rgba(226,232,240,.8);transition:all .3s ease;position:relative;overflow:hidden}.feature-card-advanced:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.feature-card-advanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981)}.feature-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.feature-icon-advanced{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;box-shadow:0 8px 20px #3b82f64d}.feature-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.feature-badge:not(.popular):not(.premium){background:#3b82f61a;color:#3b82f6}.feature-badge.popular{background:#10b9811a;color:#10b981}.feature-badge.premium{background:#8b5cf61a;color:#06c}.feature-card-advanced h3{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-4);font-family:var(--font-display)}.feature-card-advanced p{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-6)}.feature-highlights{display:flex;flex-direction:column;gap:var(--space-3)}.highlight{display:flex;align-items:center;font-size:.875rem;color:var(--color-foreground);font-weight:500}.tech-stack{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);width:100%}.tech-item{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.tech-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.tech-icon{font-size:3rem;margin-bottom:var(--space-4)}.tech-item h4{font-size:1.25rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-2);font-family:var(--font-display)}.tech-item p{color:var(--color-muted);line-height:1.5}.integrations{padding:var(--space-32) var(--space-6);background:var(--color-surface)}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);width:100%}.integration-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.integration-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.integration-logo{font-size:2.5rem;margin-bottom:var(--space-4)}.integration-card h4{font-size:1.125rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-2);font-family:var(--font-display)}.integration-card p{color:var(--color-muted);font-size:.875rem;line-height:1.5}.features-cta{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#1e293b,#334155);color:#fff;text-align:center}.features-cta h2{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-4);font-family:var(--font-display)}.features-cta p{font-size:1.25rem;color:#fffc;margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}.features-cta .cta-buttons{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.platform-overview{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#f8fafc,#e2e8f0);text-align:center}.platform-description{font-size:1.25rem;line-height:1.6;color:var(--color-muted);max-width:800px;margin:0 auto var(--space-16)}.user-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);width:100%}.user-type-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.user-type-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.user-type-icon{font-size:3rem;margin-bottom:var(--space-4)}.user-type-card h3{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-3);font-family:var(--font-display)}.user-type-card p{color:var(--color-muted);margin-bottom:var(--space-4);line-height:1.5}.user-count{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;display:inline-block}.role-features{padding:var(--space-32) var(--space-6)}.role-features:nth-child(2n){background:var(--color-surface)}.role-features:nth-child(odd){background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.role-features-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);width:100%;align-items:center}.role-features-text h3{font-size:2rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-4);font-family:var(--font-display)}.role-features-text p{font-size:1.125rem;line-height:1.6;color:var(--color-muted);margin-bottom:var(--space-8)}.feature-list{display:flex;flex-direction:column;gap:var(--space-6)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-4)}.feature-item .feature-icon{font-size:1.5rem;margin-top:var(--space-1);flex-shrink:0}.feature-item strong{display:block;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-1);font-size:1.125rem}.feature-item p{color:var(--color-muted);line-height:1.5;margin:0}.dashboard-preview{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 10px 30px #0000001a;border:1px solid rgba(226,232,240,.8);max-width:400px;margin:0 auto}.preview-header{font-size:1.125rem;font-weight:700;color:var(--color-foreground);text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid rgba(59,130,246,.1)}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.stat-item{text-align:center;padding:var(--space-4);background:#3b82f60d;border-radius:var(--radius-xl)}.stat-value{display:block;font-size:1.5rem;font-weight:900;color:var(--color-foreground);font-family:var(--font-display)}.stat-label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.preview-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.action-item{padding:var(--space-3);background:#10b9810d;border-radius:var(--radius-lg);text-align:center;font-size:.875rem;font-weight:600;color:var(--color-foreground);border:1px solid rgba(16,185,129,.1)}.homeowner-preview .stat-item{background:#3b82f60d;border:1px solid rgba(59,130,246,.1)}.tenant-preview .action-item{background:#10b9810d;border:1px solid rgba(16,185,129,.1)}.vendor-preview .stat-item{background:#8b5cf60d;border:1px solid rgba(139,92,246,.1)}.service-preview .action-item{background:#f59e0b0d;border:1px solid rgba(245,158,11,.1)}@media(max-width:768px){.role-features-content{grid-template-columns:1fr;gap:var(--space-8)}.user-types-grid,.preview-stats{grid-template-columns:repeat(2,1fr)}.preview-actions{grid-template-columns:1fr}}@media(max-width:480px){.user-types-grid,.preview-stats{grid-template-columns:1fr}}.ecosystem-showcase-new{padding:var(--space-32) 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.ecosystem-showcase-new:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none}.ecosystem-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.ecosystem-header-section{text-align:center;margin-bottom:var(--space-20);animation:fadeInUp .8s ease-out}.ecosystem-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--brand-blue);border:2px solid var(--brand-blue);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:.875rem;font-weight:700;color:#fff;margin-bottom:var(--space-6);box-shadow:none}.badge-icon{font-size:1rem}.ecosystem-title{font-family:var(--font-display);font-size:3.5rem;font-weight:800;line-height:1.1;color:#1f2937;margin-bottom:var(--space-6);letter-spacing:-.025em}.title-highlight{color:var(--brand-blue);background:none;-webkit-text-fill-color:currentColor}.ecosystem-description{font-size:1.25rem;line-height:1.6;color:#6b7280;max-width:700px;margin:0 auto}.ecosystem-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:var(--space-16);align-items:stretch;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}@media(min-width:1200px){.ecosystem-cards-grid{grid-template-columns:repeat(4,1fr);gap:32px;max-width:1400px}.user-type-card{min-height:420px}.ecosystem-title{font-size:3.5rem}.ecosystem-description{font-size:1.25rem}}.user-type-card{position:relative;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;border:1px solid rgba(226,232,240,.5);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:slideInUp .8s ease-out both;display:flex;flex-direction:column;height:100%;min-height:380px}.user-type-card:nth-child(1){animation-delay:.1s}.user-type-card:nth-child(2){animation-delay:.2s}.user-type-card:nth-child(3){animation-delay:.3s}.user-type-card:nth-child(4){animation-delay:.4s}.user-type-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f,0 4px 10px #00000014}.card-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-2xl);opacity:0;transition:opacity .4s ease;pointer-events:none}.user-type-card:hover .card-glow{opacity:1}.homeowner-glow-new{background:linear-gradient(135deg,rgba(220,38,38,.1),transparent)}.tenant-glow-new{background:linear-gradient(135deg,rgba(37,99,235,.1),transparent)}.vendor-glow-new{background:linear-gradient(135deg,rgba(234,88,12,.1),transparent)}.service-glow-new{background:linear-gradient(135deg,rgba(22,163,74,.1),transparent)}.card-header-new{display:flex;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(226,232,240,.5);min-height:48px}.user-info-new{width:100%;display:flex;flex-direction:column;justify-content:center;min-height:48px}.user-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:4px;line-height:1.2}.user-subtitle{font-size:.875rem;color:#6b7280;font-weight:500;line-height:1.4}.card-content-new{flex:1;display:flex;flex-direction:column;margin-bottom:24px}.features-list-new{flex:1;margin-bottom:0}.feature-item-new{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;min-height:32px}.feature-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--gray-100);color:var(--gray-700);border-radius:4px;font-size:.75rem;font-weight:600;flex-shrink:0;margin-top:1px}.feature-text{font-size:.875rem;color:#374151;font-weight:500;line-height:1.5;text-align:left}.card-footer-new{padding-top:24px;border-top:1px solid rgba(226,232,240,.5);margin-top:auto}.user-cta-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:44px;border:none;border-radius:8px;font-family:var(--font-display);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.homeowner-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.tenant-btn{background:var(--brand-blue);color:#fff}.vendor-btn{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.service-btn{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.user-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014}.user-cta-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001f}.user-cta-btn:focus{outline:2px solid var(--brand-blue);outline-offset:2px}.btn-text-new{font-weight:600}.user-cta-btn:hover .btn-arrow-new{transform:translate(4px)}.ecosystem-bottom-cta{margin-top:var(--space-16);padding:var(--space-12);background:linear-gradient(135deg,#1f2937,#111827);border-radius:var(--radius-2xl);text-align:center;position:relative;overflow:hidden}.ecosystem-bottom-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.bottom-cta-content{position:relative;z-index:2}.bottom-cta-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:#fff;margin-bottom:var(--space-4);line-height:1.2}.bottom-cta-description{font-size:1.125rem;color:#fffc;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.bottom-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;align-items:center}.cta-primary-btn,.cta-secondary-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-primary-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.cta-secondary-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cta-primary-btn:hover,.cta-secondary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.cta-btn-icon{transition:transform .3s ease}.cta-primary-btn:hover .cta-btn-icon,.cta-secondary-btn:hover .cta-btn-icon{transform:translate(4px)}.ecosystem-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.ecosystem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.homeowner-card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.tenant-card:before{background:linear-gradient(90deg,#10b981,#059669)}.vendor-card:before{background:linear-gradient(90deg,#06c,#06c)}.service-card:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.ecosystem-header{text-align:center;margin-bottom:var(--space-6)}.ecosystem-icon{font-size:3rem;margin-bottom:var(--space-4);display:block}.ecosystem-header h3{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-3);font-family:var(--font-display)}.user-badge{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;display:inline-block}.ecosystem-features{margin-bottom:var(--space-8)}.ecosystem-feature{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.check-icon{color:#10b981;font-weight:700;font-size:1.125rem;flex-shrink:0}.ecosystem-feature span:last-child{color:var(--color-muted);line-height:1.5}.ecosystem-cta{text-align:center}.ecosystem-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.ecosystem-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.ghana-features{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.ghana-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);width:100%}.ghana-feature{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.ghana-feature:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.ghana-icon{font-size:3rem;margin-bottom:var(--space-6);display:block}.ghana-feature h3{font-size:1.25rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-4);font-family:var(--font-display)}.ghana-feature p{color:var(--color-muted);line-height:1.6}@media(max-width:768px){.ecosystem-grid,.ghana-grid,.hero-stats-advanced{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ecosystem-grid,.ghana-grid{grid-template-columns:1fr}.hero-stats-advanced{grid-template-columns:repeat(2,1fr)}}.business-showcase{position:relative;width:500px;height:600px}.ecosystem-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px}.hub-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 40px #3b82f64d;animation:hubPulse 3s ease-in-out infinite}.hub-icon{font-size:2.5rem;margin-bottom:.5rem}.hub-label{font-size:.875rem;font-weight:700;text-align:center}.hub-pulse{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:3px solid rgba(59,130,246,.5);border-radius:50%;animation:hubPulseRing 3s ease-in-out infinite}@keyframes hubPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes hubPulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}.connected-users{position:relative;width:100%;height:100%}.user-node{position:absolute;width:100px;height:100px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;text-align:center;animation:nodeFloat 4s ease-in-out infinite}.user-homeowner{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.user-tenant{top:50%;right:0;transform:translateY(-50%);animation-delay:1s}.user-vendor{bottom:0;left:50%;transform:translate(-50%);animation-delay:2s}.user-service{top:50%;left:0;transform:translateY(-50%);animation-delay:3s}.node-icon{font-size:1.5rem;margin-bottom:.25rem}.node-label{line-height:1.2}@keyframes nodeFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.user-tenant{animation-name:nodeFloatRight}@keyframes nodeFloatRight{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(10px)}}.user-vendor{animation-name:nodeFloatBottom}@keyframes nodeFloatBottom{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.user-service{animation-name:nodeFloatLeft}@keyframes nodeFloatLeft{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-10px)}}.connection-line{position:absolute;background:linear-gradient(45deg,#3b82f6,#10b981);animation:lineGlow 2s ease-in-out infinite}.line-1{width:3px;height:80px;bottom:-80px;left:50%;transform:translate(-50%)}.line-2{width:80px;height:3px;left:-80px;top:50%;transform:translateY(-50%)}.line-3{width:3px;height:80px;top:-80px;left:50%;transform:translate(-50%)}.line-4{width:80px;height:3px;right:-80px;top:50%;transform:translateY(-50%)}@keyframes lineGlow{0%,to{opacity:.6}50%{opacity:1;box-shadow:0 0 10px #3b82f680}}.commission-badge,.free-badge{position:absolute;top:-15px;right:-15px;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;color:#fff}.commission-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.free-badge{background:linear-gradient(135deg,#10b981,#059669)}.transaction-bubbles{position:absolute;width:100%;height:100%}.transaction-bubble{position:absolute;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);padding:var(--space-3);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:#fff;font-size:.75rem;font-weight:600;animation:bubbleFloat 6s ease-in-out infinite;box-shadow:0 10px 30px #0003}.bubble-1{top:15%;left:-20%;animation-delay:0s}.bubble-2{top:25%;right:-25%;animation-delay:2s}.bubble-3{bottom:20%;left:-15%;animation-delay:4s}.transaction-icon{font-size:1.25rem}.transaction-amount{color:#10b981;font-weight:700}.live-metrics{position:absolute;bottom:-20px;right:-50px;width:200px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);overflow:hidden;animation:metricsSlide 8s ease-in-out infinite}.metrics-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid rgba(255,255,255,.1)}.metrics-dots{display:flex;gap:var(--space-1)}.metrics-dots span{width:6px;height:6px;background:#ffffff80;border-radius:50%}.metrics-title{font-size:.75rem;color:#fff;font-weight:600}.metrics-content{padding:var(--space-3)}.metric-item{margin-bottom:var(--space-3);text-align:center}.metric-value{display:block;font-size:1.25rem;font-weight:700;color:#fff}.metric-label{font-size:.625rem;color:#ffffffb3}.metric-trend{font-size:.625rem;color:#10b981;font-weight:600;margin-top:.25rem}@keyframes metricsSlide{0%,85%,to{transform:translate(100px);opacity:0}15%,70%{transform:translate(0);opacity:1}}.commission-intro{text-align:center;padding:var(--space-16) var(--space-6);max-width:800px;margin:0 auto}.commission-description{font-size:1.25rem;color:var(--color-muted);line-height:1.6;margin-top:var(--space-4)}.commission-rate{text-align:center;margin:var(--space-6) 0}.rate-number{display:block;font-size:3rem;font-weight:900;color:var(--color-foreground);font-family:var(--font-display);line-height:1}.rate-description{font-size:.875rem;color:var(--color-muted);font-weight:500;margin-top:var(--space-2)}.commission-example{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:var(--space-4);border-radius:var(--radius-xl);margin:var(--space-6) 0;text-align:center;font-size:.875rem;color:var(--color-muted);border:1px solid rgba(226,232,240,.8)}.pricing-btn-homeowner{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.pricing-btn-vendor{background:linear-gradient(135deg,#06c,#06c);color:#fff}.pricing-btn-service{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pricing-btn-tenant{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tenant-free-section{padding:var(--space-16) var(--space-6);background:linear-gradient(135deg,#f0fdf4,#dcfce7);margin-top:var(--space-16)}.tenant-free-card{max-width:600px;margin:0 auto;text-align:center;background:#fff;padding:var(--space-12);border-radius:var(--radius-3xl);box-shadow:0 10px 30px #0000001a;border:2px solid #10b981}.tenant-icon{font-size:4rem;margin-bottom:var(--space-6)}.tenant-free-card h3{font-size:2rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-4);font-family:var(--font-display)}.tenant-free-card p{font-size:1.125rem;color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-8)}.pricing-badge.homeowner{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.pricing-badge.vendor{background:linear-gradient(135deg,#06c,#06c)}.pricing-badge.service{background:linear-gradient(135deg,#f59e0b,#d97706)}.user-type-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.pricing-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-32) var(--space-6);overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#fff}.pricing-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.pricing-hero-content{position:relative;z-index:10;text-align:center;max-width:800px}.pricing-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);margin-bottom:var(--space-8);position:relative;overflow:hidden}.pricing-title{font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}.pricing-subtitle{display:block;font-size:1.125rem;font-weight:500;color:#ffffffb3;margin-top:var(--space-4)}.pricing-description{font-size:1.25rem;line-height:1.6;color:#fffc;margin-bottom:var(--space-10)}.pricing-section{padding:var(--space-32) var(--space-6);background:var(--color-surface)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-16)}.toggle-label{font-weight:600;color:var(--color-foreground)}.discount-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:700;margin-left:var(--space-2)}.toggle-switch{position:relative;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:30px;transition:.3s}.toggle-switch label:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+label{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.toggle-switch input:checked+label:before{transform:translate(30px)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px;margin:0 auto}.pricing-card{background:#fff;border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:0 10px 30px #0000001a;border:2px solid rgba(226,232,240,.8);transition:all .3s ease;position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.pricing-card.featured{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 20px 40px #3b82f633}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.featured-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:var(--space-2) var(--space-6);border-radius:0 0 var(--radius-xl) var(--radius-xl);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pricing-card-header{text-align:center;margin-bottom:var(--space-6)}.pricing-card h3{font-size:1.75rem;font-weight:800;color:var(--color-foreground);margin-bottom:var(--space-3);font-family:var(--font-display)}.pricing-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pricing-badge.starter{background:#3b82f61a;color:#3b82f6}.pricing-badge.professional{background:#10b9811a;color:#10b981}.pricing-badge.enterprise{background:#8b5cf61a;color:#06c}.pricing-amount{text-align:center;margin-bottom:var(--space-6)}.currency{font-size:1.5rem;font-weight:600;color:var(--color-muted);vertical-align:top}.amount{font-size:4rem;font-weight:900;color:var(--color-foreground);font-family:var(--font-display)}.period{font-size:1.125rem;color:var(--color-muted);font-weight:500}.pricing-description-card{text-align:center;color:var(--color-muted);margin-bottom:var(--space-8);line-height:1.5}.pricing-features{margin-bottom:var(--space-8)}.feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid rgba(226,232,240,.5)}.feature-item:last-child{border-bottom:none}.feature-item.disabled{opacity:.5}.feature-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.feature-item:not(.disabled) .feature-icon{color:#10b981}.feature-item.disabled .feature-icon{color:#ef4444}.pricing-btn{width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:1.125rem;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.pricing-btn-starter{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.pricing-btn-starter:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.pricing-btn-professional{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pricing-btn-professional:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.pricing-btn-enterprise{background:linear-gradient(135deg,#06c,#06c);color:#fff}.pricing-btn-enterprise:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.pricing-faq{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);width:100%}.faq-item{background:#fff;padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.faq-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.faq-item h4{font-size:1.125rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-3);font-family:var(--font-display)}.faq-item p{color:var(--color-muted);line-height:1.6}.pricing-cta{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#1e293b,#334155);color:#fff;text-align:center}.pricing-cta h2{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-4);font-family:var(--font-display)}.pricing-cta p{font-size:1.25rem;color:#fffc;margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}.about-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6) var(--space-24);overflow:hidden;background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-900) 100%);color:#fff}.about-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.about-hero-content{position:relative;z-index:10;text-align:center;max-width:800px}.about-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);margin-bottom:var(--space-8);position:relative;overflow:hidden}.about-title{font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}.about-subtitle{display:block;font-size:1.125rem;font-weight:500;color:#ffffffb3;margin-top:var(--space-4)}.about-description{font-size:1.25rem;line-height:1.6;color:#fffc;margin-bottom:var(--space-10)}.our-story{padding:var(--space-32) var(--space-6);background:var(--color-surface)}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);width:100%;align-items:center}.story-text p{font-size:1.125rem;line-height:1.7;color:var(--color-muted);margin-bottom:var(--space-6)}.story-stats{display:flex;gap:var(--space-8);margin-top:var(--space-8)}.story-stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:900;color:var(--color-foreground);font-family:var(--font-display)}.stat-label{font-size:.875rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.story-visual{display:flex;flex-direction:column;gap:var(--space-4)}.visual-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);text-align:center;transition:all .3s ease}.visual-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.visual-icon{font-size:2rem;margin-bottom:var(--space-3)}.visual-card h4{font-size:1.125rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-2);font-family:var(--font-display)}.visual-card p{color:var(--color-muted);font-size:.875rem}.our-mission{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);width:100%}.mission-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.mission-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.mission-icon{font-size:3rem;margin-bottom:var(--space-6)}.mission-card h3{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-4);font-family:var(--font-display)}.mission-card p{color:var(--color-muted);line-height:1.6}.our-team{padding:var(--space-32) var(--space-6);background:var(--color-surface)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:1000px;margin:0 auto}.team-member{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.team-member:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.member-avatar{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);font-size:2rem}.team-member h4{font-size:1.25rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-2);font-family:var(--font-display)}.member-role{color:var(--color-primary);font-weight:600;margin-bottom:var(--space-4)}.member-bio{color:var(--color-muted);line-height:1.6;font-size:.875rem}.our-values{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);width:100%}.value-item{background:#fff;padding:var(--space-6);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.value-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.value-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.value-item h4{font-size:1.125rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-3);font-family:var(--font-display)}.value-item p{color:var(--color-muted);line-height:1.6;font-size:.875rem}.about-cta{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#1e293b,#334155);color:#fff;text-align:center}.about-cta h2{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-4);font-family:var(--font-display)}.about-cta p{font-size:1.25rem;color:#fffc;margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}.contact-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-32) var(--space-6);overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#fff}.contact-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.contact-hero-content{position:relative;z-index:10;text-align:center;max-width:800px}.contact-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);margin-bottom:var(--space-8);position:relative;overflow:hidden}.contact-title{font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}.contact-subtitle{display:block;font-size:1.125rem;font-weight:500;color:#ffffffb3;margin-top:var(--space-4)}.contact-description{font-size:1.25rem;line-height:1.6;color:#fffc;margin-bottom:var(--space-10)}.contact-options{padding:var(--space-32) var(--space-6);background:var(--color-surface)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);width:100%}.contact-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.contact-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.contact-icon{font-size:3rem;margin-bottom:var(--space-6)}.contact-card h3{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-4);font-family:var(--font-display)}.contact-card p{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-6)}.contact-btn{width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.contact-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.contact-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.contact-btn-secondary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.contact-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.contact-btn-enterprise{background:linear-gradient(135deg,#06c,#06c);color:#fff}.contact-btn-enterprise:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.contact-info{padding:var(--space-32) var(--space-6);background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);width:100%}.contact-details h3{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-8);font-family:var(--font-display)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.contact-item-icon{font-size:1.5rem;margin-top:var(--space-1)}.contact-item strong{display:block;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-1)}.contact-item p{color:var(--color-muted);margin:0}.contact-form{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8)}.contact-form h3{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-8);font-family:var(--font-display)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-weight:600;color:var(--color-foreground);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid rgba(226,232,240,.8);border-radius:var(--radius-lg);font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-submit{width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:var(--radius-xl);font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.contact-faq{padding:var(--space-32) var(--space-6);background:var(--color-surface)}@media(max-width:768px){.story-content,.contact-info-grid{grid-template-columns:1fr;gap:var(--space-8)}.story-stats{justify-content:center}.features-title,.pricing-title,.about-title,.contact-title{font-size:2.5rem}}.legal-hero{padding:var(--space-32) var(--space-6) var(--space-16);background:linear-gradient(135deg,#1e293b,#334155);color:#fff;text-align:center}.legal-hero-content{max-width:800px;margin:0 auto}.legal-title{font-family:var(--font-display);font-size:3rem;font-weight:900;margin-bottom:var(--space-4);letter-spacing:-.02em}.legal-subtitle{font-size:1.125rem;color:#ffffffb3;margin-bottom:var(--space-6);font-weight:500}.legal-description{font-size:1.125rem;line-height:1.6;color:#fffc;max-width:600px;margin:0 auto}.legal-content{padding:var(--space-32) var(--space-6);background:var(--color-surface)}.legal-container{max-width:800px;margin:0 auto}.legal-section{margin-bottom:var(--space-12);background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000000d;border:1px solid rgba(226,232,240,.8)}.legal-section h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-foreground);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid rgba(59,130,246,.1)}.legal-section h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-foreground);margin:var(--space-6) 0 var(--space-4) 0}.legal-section p{color:var(--color-muted);line-height:1.7;margin-bottom:var(--space-4)}.legal-section ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.legal-section li{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-2)}.legal-section li strong{color:var(--color-foreground);font-weight:600}.contact-info-legal{background:#3b82f60d;padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(59,130,246,.1);margin-top:var(--space-4)}.contact-info-legal p{margin-bottom:var(--space-2);color:var(--color-foreground)}.contact-info-legal strong{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);border-top:1px solid rgba(226,232,240,.8)}.footer-bottom-left p{margin:0;color:var(--color-muted);font-size:.875rem}.footer-bottom-right{display:flex;align-items:center;gap:var(--space-3)}.footer-legal-link{background:none;border:none;color:var(--color-muted);font-size:.875rem;cursor:pointer;transition:color .3s ease;text-decoration:none;padding:0}.footer-legal-link:hover{color:var(--color-primary);text-decoration:none}.footer-separator{color:var(--color-muted);font-size:.875rem}@media(max-width:768px){.legal-title{font-size:2rem}.legal-section{padding:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer-bottom-right{justify-content:center}}.features-preview{padding:var(--space-32) var(--space-6);background:#fff;position:relative}.features-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-200),transparent)}.section-title{font-family:var(--font-display);font-size:3rem;font-weight:800;text-align:center;color:var(--gray-900);margin-bottom:var(--space-20);letter-spacing:-.025em;position:relative}.section-title:after{content:"";position:absolute;bottom:-var(--space-4);left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-10)}.feature-card{background:var(--gradient-card);padding:var(--space-10);border-radius:var(--radius-3xl);border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-base);transform-origin:left}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover:after{opacity:1}.feature-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-2xl);border-color:var(--primary-300)}.feature-icon{font-size:4rem;margin-bottom:var(--space-6);display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));transition:all var(--transition-base)}.feature-card:hover .feature-icon{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(59,130,246,.4))}.feature-card h3{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4);font-family:var(--font-display);letter-spacing:-.025em}.feature-card p{color:var(--gray-600);line-height:1.7;font-size:1.05rem}.social-proof{padding:var(--space-32) var(--space-6);background:var(--gray-900);color:#fff;position:relative;overflow:hidden}.social-proof:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.1) 0%,transparent 50%)}.social-proof .section-title{color:#fff;margin-bottom:var(--space-20)}.social-proof .section-title:after{background:linear-gradient(90deg,var(--primary-400),var(--success-400))}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-10);position:relative;z-index:2}.testimonial{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-10);border-radius:var(--radius-3xl);border:1px solid rgba(255,255,255,.15);transition:all var(--transition-base);position:relative;overflow:hidden}.testimonial:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-glass);opacity:0;transition:opacity var(--transition-base)}.testimonial:hover{transform:translateY(-8px);background:#ffffff1f;border-color:#ffffff40;box-shadow:var(--shadow-2xl)}.testimonial:hover:before{opacity:1}.testimonial p{font-size:1.25rem;line-height:1.7;margin-bottom:var(--space-8);font-style:italic;color:var(--gray-200);position:relative;z-index:2}.testimonial p:before{content:'"';font-size:4rem;color:var(--primary-400);position:absolute;top:-var(--space-4);left:-var(--space-2);font-family:serif;opacity:.5}.testimonial-author{display:flex;flex-direction:column;gap:var(--space-2);position:relative;z-index:2}.testimonial-author strong{font-weight:700;color:#fff;font-size:1.125rem}.testimonial-author span{font-size:.95rem;color:var(--gray-400);font-weight:500}.cta-section{padding:var(--space-32) var(--space-6);background:var(--gradient-hero);text-align:center;color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>')}.cta-section h2{font-family:var(--font-display);font-size:3.5rem;font-weight:800;margin-bottom:var(--space-6);letter-spacing:-.025em;position:relative;z-index:2}.cta-section p{font-size:1.375rem;margin-bottom:var(--space-12);opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2;font-weight:400}.cta-buttons{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.cta-buttons .btn-primary{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-xl)}.cta-buttons .btn-primary:hover{background:var(--gray-100);transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.cta-buttons .btn-secondary{background:transparent;color:#fff;border-color:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-buttons .btn-secondary:hover{background:#ffffff26;border-color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.features-hero{text-align:center;padding:var(--space-32) var(--space-6);background:var(--gradient-hero);color:#fff;position:relative;overflow:hidden}.features-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="hexagons" width="28" height="24" patternUnits="userSpaceOnUse"><polygon points="14,2 26,8 26,16 14,22 2,16 2,8" fill="none" stroke="%23ffffff" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23hexagons)"/></svg>')}.page-title{font-family:var(--font-display);font-size:4rem;font-weight:800;margin-bottom:var(--space-6);letter-spacing:-.025em;position:relative;z-index:2}.page-subtitle{font-size:1.375rem;opacity:.95;max-width:700px;margin:0 auto;position:relative;z-index:2;font-weight:400}.features-detailed{padding:var(--space-32) var(--space-6);background:#fff}.feature-section{margin-bottom:var(--space-24)}.feature-section:last-child{margin-bottom:0}.feature-section h2{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-12);display:flex;align-items:center;gap:var(--space-4);letter-spacing:-.025em}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.feature-item{background:var(--gradient-card);padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:var(--gradient-primary);transition:height var(--transition-base)}.feature-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-300)}.feature-item:hover:before{height:100%}.feature-item h4{font-size:1.375rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4);font-family:var(--font-display)}.feature-item p{color:var(--gray-600);line-height:1.7;font-size:1.05rem}.mobile-app-section{background:#06c;padding:var(--space-20) 0;position:relative;overflow:hidden}.mobile-app-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.mobile-app-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.mobile-app-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.mobile-app-text{color:#fff;animation:slideInFromLeft 1s ease-out}.mobile-app-text h2{font-size:3rem;font-weight:800;margin-bottom:var(--space-6);font-family:var(--font-display);line-height:1.1;animation:fadeInUp 1s ease-out .2s both}.mobile-app-text p{font-size:1.25rem;line-height:1.6;margin-bottom:var(--space-8);color:#ffffffe6;animation:fadeInUp 1s ease-out .4s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-store-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.app-store-btn{display:inline-block;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease;animation:bounceIn .8s ease-out}.app-store-btn:nth-child(1){animation-delay:.8s}.app-store-btn:nth-child(2){animation-delay:1s}.app-store-btn:hover{transform:translateY(-5px) scale(1.05);opacity:.9;box-shadow:0 10px 25px #0000004d}.app-store-btn img{height:60px;width:auto;border-radius:8px;transition:all .3s ease}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(50px)}50%{opacity:1;transform:scale(1.05) translateY(-10px)}70%{transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-app-image{display:flex;justify-content:center;align-items:center;perspective:1000px}.mobile-app-image img{max-width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));animation:floatAndRotate 6s ease-in-out infinite;transform-style:preserve-3d}@keyframes floatAndRotate{0%{transform:translateY(0) rotateY(0) rotateX(0);filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}25%{transform:translateY(-10px) rotateY(2deg) rotateX(1deg);filter:drop-shadow(0 25px 45px rgba(0,0,0,.35))}50%{transform:translateY(-15px) rotateY(0) rotateX(2deg);filter:drop-shadow(0 30px 50px rgba(0,0,0,.4))}75%{transform:translateY(-10px) rotateY(-2deg) rotateX(1deg);filter:drop-shadow(0 25px 45px rgba(0,0,0,.35))}to{transform:translateY(0) rotateY(0) rotateX(0);filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}}.mobile-app-image img:hover{animation-play-state:paused;transform:translateY(-20px) rotateY(5deg) rotateX(3deg) scale(1.05);filter:drop-shadow(0 35px 60px rgba(0,0,0,.5));transition:all .3s ease}@keyframes pulse{0%{transform:scale(1);filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}50%{transform:scale(1.02);filter:drop-shadow(0 25px 50px rgba(0,0,0,.4))}to{transform:scale(1);filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}}.mobile-app-image{animation:slideInFromRight 1s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.mobile-app-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.mobile-app-text h2{font-size:2.5rem}.mobile-app-text p{font-size:1.125rem}}@media(max-width:768px){.mobile-app-section{padding:var(--space-16) 0}.mobile-app-text h2{font-size:2rem}.mobile-app-text p{font-size:1rem}.app-store-buttons{justify-content:center}.app-store-btn img{height:50px}}@media(max-width:480px){.app-store-buttons{flex-direction:column;align-items:center}.app-store-btn img{height:45px}}.modern-footer{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f172a);color:#fff;position:relative;overflow:hidden}.modern-footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.footer-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}@media(max-width:768px){.footer-container{padding:0 var(--space-4)}}@media(max-width:480px){.footer-container{padding:0 var(--space-3)}}.footer-main{padding:var(--space-16) 0;border-bottom:1px solid rgba(255,255,255,.1)}.footer-main .footer-container{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-8);align-items:start}@media(max-width:1024px){.footer-main .footer-container{grid-template-columns:repeat(3,1fr);row-gap:var(--space-12)}.footer-brand-section{grid-column:1 / -1;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-social{align-self:center;margin-top:0}}@media(max-width:768px){.footer-main .footer-container{grid-template-columns:1fr 1fr}.footer-brand-section{grid-column:1 / -1;grid-template-columns:1fr}.footer-social{margin-top:var(--space-6)}}@media(max-width:480px){.footer-main .footer-container{grid-template-columns:1fr;gap:var(--space-10)}.footer-section{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-6)}.footer-section:last-child{border-bottom:none;padding-bottom:0}}.footer-brand-section{max-width:400px;margin-bottom:var(--space-8)}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.footer-logo{height:36px;width:auto;display:block;margin-bottom:var(--space-4)}.footer-tagline{color:#fffc;line-height:1.6;font-size:1rem;margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;transition:all .3s ease;color:#fff;text-decoration:none}.social-link:hover{background:var(--primary-500);transform:translateY(-3px);box-shadow:0 4px 12px #3b82f64d}.social-icon{width:20px;height:20px}.footer-social h5{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:var(--space-4)}.social-links{display:flex;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border-radius:12px;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.social-link:hover{background:#3b82f633;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d;color:#fff}.social-icon{width:20px;height:20px;transition:all .3s ease}.footer-contact{margin-top:var(--space-8)}.footer-contact h5{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:var(--space-4)}.footer-contact-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-contact-link{display:block;color:#fffc;text-decoration:none;font-size:.95rem;transition:all .3s ease;padding:var(--space-2) 0}.footer-contact-link:hover{color:#3b82f6;transform:translate(4px)}.footer-section h4{font-weight:700;margin-bottom:var(--space-6);color:#fff;font-size:1.125rem;font-family:var(--font-display);position:relative}.footer-section h4:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:1px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:var(--space-3)}.footer-link{color:#fffc;text-decoration:none;font-size:.95rem;transition:all .3s ease;background:none;border:none;cursor:pointer;padding:var(--space-1) 0;display:block;width:100%;text-align:left}.footer-link:hover{color:#3b82f6;transform:translate(4px)}.footer-newsletter{padding:var(--space-16) 0;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.newsletter-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.newsletter-text h3{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-4);font-family:var(--font-display);background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.newsletter-text p{color:#fffc;font-size:1.05rem;line-height:1.6}.newsletter-form{max-width:500px;margin-left:auto}.input-group{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.newsletter-input{flex:1;padding:var(--space-4) var(--space-5);border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:48px;box-sizing:border-box}.newsletter-input::placeholder{color:#fff9}.newsletter-input:focus{outline:none;border-color:#3b82f6;background:#ffffff26;box-shadow:0 0 0 4px #3b82f633}.newsletter-btn{padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.newsletter-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.newsletter-disclaimer{font-size:.8rem;color:#fff9;line-height:1.5}.newsletter-input.error{border-color:#ef4444;background:#ef44441a}.newsletter-btn.loading{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed}.newsletter-btn.success{background:linear-gradient(135deg,#10b981,#059669);cursor:not-allowed}.newsletter-message{margin-top:var(--space-3);padding:var(--space-3);border-radius:8px;font-size:.9rem;text-align:center}.newsletter-message.success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.newsletter-message.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.loading-spinner-small{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;display:inline-block}.link-button{background:none;border:none;color:#fffc;text-decoration:none;cursor:pointer;font-size:inherit;padding:0;transition:color .3s ease}.link-button:hover{color:#fff}.footer-bottom{padding:var(--space-8) 0;background:#0006}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.footer-bottom-left p{margin:0;color:#fffc;font-size:.9rem}.footer-tagline{color:#fff9!important;font-size:.85rem!important;margin-top:var(--space-1)!important}.footer-bottom-right{text-align:right}.footer-certifications{display:flex;gap:var(--space-4);justify-content:flex-end}.certification{display:flex;align-items:center;gap:var(--space-1);color:#ffffffb3;font-size:.85rem;padding:var(--space-1) var(--space-3);background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:1200px){.footer-main .footer-container{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10)}.footer-brand-section{max-width:350px}}@media(max-width:1024px){.footer-main .footer-container{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-brand-section{grid-column:1 / -1;max-width:none;margin-bottom:var(--space-8);text-align:center}.footer-brand{justify-content:center}.newsletter-content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.newsletter-form{margin:0 auto}.footer-bottom-content{flex-direction:column;gap:var(--space-6);text-align:center}.footer-certifications,.social-links{justify-content:center}.footer-contact-links{align-items:center}}@media(max-width:768px){.footer-main{padding:var(--space-16) 0 var(--space-12)}.footer-newsletter{padding:var(--space-12) 0}.footer-main .footer-container{grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-6);grid-template-areas:"brand brand" "product company" "support legal"}.footer-brand-section{text-align:center;margin-bottom:var(--space-8);grid-area:brand}.footer-section:nth-child(2){grid-area:product}.footer-section:nth-child(3){grid-area:company}.footer-section:nth-child(4){grid-area:support}.footer-section:nth-child(5){grid-area:legal}.footer-section{text-align:left;padding:var(--space-4) 0;border-bottom:none}.footer-section h4{margin-bottom:var(--space-4);font-size:1.125rem}.footer-section h4:after{left:0;transform:none}.footer-link{padding:var(--space-2) 0;font-size:1rem;text-align:left}.input-group{flex-direction:column;gap:var(--space-3)}.newsletter-input,.newsletter-btn{width:100%;padding:var(--space-4);font-size:1rem}.footer-certifications{flex-direction:column;gap:var(--space-3);align-items:center}.social-links{justify-content:center;gap:var(--space-4)}.social-link{width:48px;height:48px;color:#fff}.social-link:hover{color:#fff;background:#fff3}.footer-contact{margin-top:var(--space-6)}.footer-contact-links{align-items:center;gap:var(--space-4)}.footer-contact-link{font-size:1rem;padding:var(--space-3) 0}}@media(max-width:480px){.footer-main{padding:var(--space-12) 0 var(--space-8)}.footer-newsletter{padding:var(--space-10) 0}.footer-bottom{padding:var(--space-6) 0}.footer-container{padding:0 var(--space-4)}.footer-main .footer-container{grid-template-columns:1fr 1fr;gap:var(--space-6) var(--space-4);grid-template-areas:"brand brand" "product company" "support legal"}.footer-brand{font-size:1.5rem;flex-direction:column;gap:var(--space-2);justify-content:center;align-items:center}.footer-brand .brand-icon{font-size:2.5rem}.footer-description{font-size:1rem;text-align:center}.newsletter-text h3{font-size:1.5rem}.newsletter-text p{font-size:1rem}.social-links{justify-content:center;gap:var(--space-3);flex-wrap:wrap}.social-link{width:44px;height:44px;color:#fff}.social-link:hover{color:#fff;background:#fff3}.footer-section{padding:var(--space-4) 0}.footer-section h4{font-size:1rem;margin-bottom:var(--space-3)}.footer-link{font-size:.9rem;padding:var(--space-1) 0}.footer-contact h5{font-size:.875rem}.footer-contact-link{font-size:.95rem;padding:var(--space-2) 0}.footer-bottom-content{gap:var(--space-4)}.footer-tagline{font-size:.8rem!important}.certification{font-size:.8rem;padding:var(--space-1) var(--space-2)}}.page-section{min-height:100vh;padding-top:80px}.page-header{background:#06c;color:#fff;padding:var(--space-20) 0 var(--space-16);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.page-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:.9rem;position:relative;z-index:2}.breadcrumb-link{color:#fffc;text-decoration:none;background:none;border:none;cursor:pointer;transition:color .3s ease}.breadcrumb-link:hover{color:#fff}.breadcrumb-separator{color:#fff9}.breadcrumb-current{color:#fff;font-weight:500}.page-title{font-size:3.5rem;font-weight:800;margin-bottom:var(--space-6);font-family:var(--font-display);line-height:1.1;position:relative;z-index:2}.page-description{font-size:1.25rem;line-height:1.6;color:#ffffffe6;max-width:600px;position:relative;z-index:2}.page-content{padding:var(--space-20) 0}.content-section{margin-bottom:var(--space-20)}.content-section h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-8);font-family:var(--font-display);color:var(--color-text)}.culture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.culture-item{text-align:center;padding:var(--space-8);background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.culture-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.culture-icon{font-size:3rem;margin-bottom:var(--space-4)}.culture-item h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.culture-item p{color:var(--color-muted);line-height:1.6}.jobs-list{display:flex;flex-direction:column;gap:var(--space-6)}.job-item{background:#fff;border-radius:16px;padding:var(--space-8);box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.job-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.job-header h3{font-size:1.5rem;font-weight:600;color:var(--color-text)}.job-type{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:var(--space-1) var(--space-3);border-radius:20px;font-size:.85rem;font-weight:500}.job-description{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-4)}.job-details{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);font-size:.9rem;color:var(--color-muted)}.job-apply-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.job-apply-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.benefit-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.benefit-item:hover{transform:translateY(-2px)}.benefit-icon{font-size:1.5rem}.benefit-text{font-weight:500;color:var(--color-text)}.careers-cta{text-align:center;padding:var(--space-12);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px}.careers-cta h2{font-size:2rem;margin-bottom:var(--space-4)}.careers-cta p{color:var(--color-muted);margin-bottom:var(--space-6);font-size:1.1rem}.help-search{margin-bottom:var(--space-16)}.search-container{display:flex;max-width:600px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.help-search-input{flex:1;padding:var(--space-4) var(--space-5);border:none;font-size:1.1rem;outline:none}.help-search-input::placeholder{color:var(--color-muted)}.help-search-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:var(--space-4) var(--space-5);cursor:pointer;font-size:1.2rem;transition:background .3s ease}.help-search-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.help-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.help-topic{background:#fff;border-radius:16px;padding:var(--space-8);box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.help-topic:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.topic-icon{font-size:3rem;margin-bottom:var(--space-4)}.help-topic h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.help-topic p{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-4)}.help-topic ul{list-style:none;padding:0}.help-topic li{padding:var(--space-2) 0;color:var(--color-muted);position:relative;padding-left:var(--space-6)}.help-topic li:before{content:"→";position:absolute;left:0;color:#3b82f6;font-weight:600}@media(max-width:1024px){.page-title{font-size:3rem}.culture-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.help-topics{grid-template-columns:1fr}}@media(max-width:768px){.page-header{padding:var(--space-16) 0 var(--space-12)}.page-title{font-size:2.5rem}.page-description{font-size:1.1rem}.page-content{padding:var(--space-16) 0}.content-section h2{font-size:2rem}.culture-grid{grid-template-columns:1fr}.job-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.job-details{flex-direction:column;gap:var(--space-2)}.benefits-grid{grid-template-columns:1fr}.search-container{flex-direction:column}.help-search-input,.help-search-btn{width:100%}}@media(max-width:480px){.page-title{font-size:2rem}.culture-item,.job-item,.help-topic{padding:var(--space-6)}.careers-cta{padding:var(--space-8)}}.policy-meta{display:flex;gap:var(--space-6);margin-top:var(--space-4);font-size:.9rem;color:#fffc}.policy-date,.policy-version{background:#ffffff1a;padding:var(--space-1) var(--space-3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.policy-nav{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:var(--space-8);margin-bottom:var(--space-16)}.policy-nav h3{margin-bottom:var(--space-6);color:var(--color-text);font-size:1.25rem}.policy-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.policy-nav-link{display:block;padding:var(--space-3) var(--space-4);background:#fff;border-radius:8px;text-decoration:none;color:var(--color-text);font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.policy-nav-link:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.policy-subsection{margin-bottom:var(--space-8)}.policy-subsection h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-4);color:var(--color-text);position:relative;padding-left:var(--space-6)}.policy-subsection h3:before{content:"→";position:absolute;left:0;color:#3b82f6;font-weight:700}.policy-list{list-style:none;padding:0;margin:var(--space-4) 0}.policy-list li{padding:var(--space-3) 0;padding-left:var(--space-8);position:relative;line-height:1.6;color:var(--color-muted)}.policy-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;background:#10b9811a;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.usage-item{background:#fff;border-radius:16px;padding:var(--space-6);box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.usage-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.usage-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.usage-item h4{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.usage-item p{color:var(--color-muted);line-height:1.6}.highlight-box{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:16px;padding:var(--space-8);margin:var(--space-8) 0;display:flex;align-items:center;gap:var(--space-6)}.highlight-icon{font-size:3rem;opacity:.9}.highlight-content h3{font-size:1.5rem;margin-bottom:var(--space-3);color:#fff}.highlight-content p{color:#ffffffe6;line-height:1.6;margin:0}.momo-providers{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0}.momo-provider{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:var(--space-4) var(--space-6);border-radius:12px;box-shadow:0 2px 10px #0000001a}.provider-name{font-weight:600;color:var(--color-text)}.security-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:var(--space-1) var(--space-3);border-radius:20px;font-size:.85rem;font-weight:500}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.right-item{background:#fff;border-radius:16px;padding:var(--space-6);text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.right-item:hover{transform:translateY(-4px)}.right-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.right-item h4{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.right-item p{color:var(--color-muted);line-height:1.6}.contact-privacy{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:var(--space-8);margin:var(--space-8) 0}.contact-privacy h3{margin-bottom:var(--space-6);color:var(--color-text)}.contact-details{display:flex;flex-direction:column;gap:var(--space-3)}.contact-item{display:flex;gap:var(--space-4)}.contact-label{font-weight:600;color:var(--color-text);min-width:80px}.contact-value{color:var(--color-muted)}.policy-footer{background:#06c;color:#fff;border-radius:16px;padding:var(--space-12);text-align:center;margin:var(--space-16) 0}.policy-footer h2{color:#fff;margin-bottom:var(--space-6)}.policy-footer p{color:#ffffffe6;margin-bottom:var(--space-8);font-size:1.1rem}.terms-highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:16px;padding:var(--space-6);margin:var(--space-6) 0}.terms-highlight h3{color:#fff;margin-bottom:var(--space-3)}.terms-highlight p{color:#ffffffe6;margin:0;line-height:1.6}.service-overview{margin:var(--space-8) 0}.service-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.service-category{background:#fff;border-radius:16px;padding:var(--space-6);box-shadow:0 4px 20px #0000001a}.service-category h4{font-size:1.25rem;margin-bottom:var(--space-4);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.service-category ul{list-style:none;padding:0}.service-category li{padding:var(--space-2) 0;color:var(--color-muted);position:relative;padding-left:var(--space-6)}.service-category li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700;font-size:1.2rem}.obligations-section{margin-bottom:var(--space-8)}.obligations-section h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-4);color:var(--color-text);border-left:4px solid #3b82f6;padding-left:var(--space-4)}.payment-structure{margin:var(--space-8) 0}.commission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-6) 0}.commission-item{background:#fff;border-radius:16px;padding:var(--space-6);text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.commission-item:hover{transform:translateY(-4px)}.commission-item h4{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.commission-rate{font-size:2rem;font-weight:800;color:#3b82f6;margin-bottom:var(--space-3);font-family:var(--font-display)}.commission-item p{color:var(--color-muted);line-height:1.6}.payment-terms{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:var(--space-8);margin:var(--space-8) 0}.payment-terms h3{margin-bottom:var(--space-6);color:var(--color-text)}.refund-policy{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:var(--space-6);margin:var(--space-8) 0}.refund-policy h3{color:#92400e;margin-bottom:var(--space-4)}.refund-policy p{color:#78350f;line-height:1.6;margin:0}.liability-notice{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:16px;padding:var(--space-6);margin:var(--space-8) 0;display:flex;align-items:center;gap:var(--space-4)}.notice-icon{font-size:2.5rem}.notice-content h3{color:#dc2626;margin-bottom:var(--space-3)}.notice-content p{color:#991b1b;line-height:1.6;margin:0}.liability-section{margin-bottom:var(--space-8)}.liability-section h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-4);color:var(--color-text);border-left:4px solid #ef4444;padding-left:var(--space-4)}.liability-section p{color:var(--color-muted);line-height:1.6}.termination-section{margin-bottom:var(--space-8)}.termination-section h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-4);color:var(--color-text);border-left:4px solid #f59e0b;padding-left:var(--space-4)}.termination-section p{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-4)}@media(max-width:1024px){.policy-nav-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.usage-grid,.rights-grid,.service-categories,.commission-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.highlight-box{flex-direction:column;text-align:center}}@media(max-width:768px){.policy-meta{flex-direction:column;gap:var(--space-3)}.policy-nav-grid,.usage-grid,.rights-grid,.service-categories,.commission-grid{grid-template-columns:1fr}.contact-details{gap:var(--space-4)}.contact-item{flex-direction:column;gap:var(--space-1)}.momo-provider{flex-direction:column;gap:var(--space-2);text-align:center}.liability-notice{flex-direction:column;text-align:center}}@media(max-width:480px){.policy-nav,.contact-privacy,.payment-terms,.refund-policy,.liability-notice{padding:var(--space-6)}.highlight-box,.policy-footer{padding:var(--space-8)}.commission-rate{font-size:1.5rem}}.security-overview{margin-bottom:var(--space-16)}.security-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.security-stat{background:#fff;border-radius:16px;padding:var(--space-6);text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.security-stat:hover{transform:translateY(-4px)}.stat-number{font-size:2.5rem;font-weight:800;color:#3b82f6;font-family:var(--font-display);margin-bottom:var(--space-2)}.stat-label{color:var(--color-muted);font-weight:500}.security-features{display:flex;flex-direction:column;gap:var(--space-8)}.security-feature{display:flex;gap:var(--space-6);background:#fff;border-radius:16px;padding:var(--space-8);box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.security-feature:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.feature-icon{font-size:3rem;flex-shrink:0}.feature-content h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.feature-content p{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-4)}.feature-content ul{list-style:none;padding:0}.feature-content li{padding:var(--space-1) 0;color:var(--color-muted);position:relative;padding-left:var(--space-6)}.feature-content li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.infrastructure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin:var(--space-8) 0}.infrastructure-item{background:#fff;border-radius:16px;padding:var(--space-8);box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.infrastructure-item:hover{transform:translateY(-4px)}.infrastructure-item h3{font-size:1.5rem;margin-bottom:var(--space-4);color:var(--color-text)}.infrastructure-item p{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-6)}.infrastructure-details{display:flex;flex-direction:column;gap:var(--space-2)}.detail-item{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:var(--space-2) var(--space-4);border-radius:8px;font-size:.9rem;color:var(--color-text);font-weight:500}.compliance-section{margin:var(--space-8) 0}.compliance-intro{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:var(--space-6);margin-bottom:var(--space-8)}.compliance-intro p{color:var(--color-muted);line-height:1.6;margin:0;font-size:1.1rem}.compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.compliance-item{background:#fff;border-radius:16px;padding:var(--space-6);text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.compliance-item:hover{transform:translateY(-4px)}.compliance-badge{font-size:3rem;margin-bottom:var(--space-4)}.compliance-item h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.compliance-item p{color:var(--color-muted);line-height:1.6}.monitoring-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin:var(--space-8) 0}.monitoring-item{background:#fff;border-radius:16px;padding:var(--space-8);text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.monitoring-item:hover{transform:translateY(-4px)}.monitoring-icon{font-size:3rem;margin-bottom:var(--space-4)}.monitoring-item h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.monitoring-item p{color:var(--color-muted);line-height:1.6}.security-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin:var(--space-8) 0}.tip-category{background:#fff;border-radius:16px;padding:var(--space-8);box-shadow:0 4px 20px #0000001a}.tip-category h3{font-size:1.5rem;margin-bottom:var(--space-4);color:var(--color-text)}.tip-category ul{list-style:none;padding:0}.tip-category li{padding:var(--space-2) 0;color:var(--color-muted);position:relative;padding-left:var(--space-6);line-height:1.6}.tip-category li:before{content:"💡";position:absolute;left:0;font-size:1rem}.security-contact{background:#06c;color:#fff;border-radius:16px;padding:var(--space-12);text-align:center;margin:var(--space-16) 0}.security-contact h2{color:#fff;margin-bottom:var(--space-6)}.security-contact p{color:#ffffffe6;margin-bottom:var(--space-8);font-size:1.1rem}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.contact-method{background:#ffffff1a;border-radius:12px;padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:var(--space-4)}.method-icon{font-size:2rem}.method-content h4{color:#fff;margin-bottom:var(--space-2)}.method-content p{color:#ffffffe6;margin-bottom:var(--space-1);font-weight:600}.response-time{color:#ffffffb3;font-size:.9rem}.security-cta{margin-top:var(--space-8)}.integration-categories{display:flex;flex-direction:column;gap:var(--space-12);margin:var(--space-8) 0}.integration-category{background:#fff;border-radius:16px;padding:var(--space-8);box-shadow:0 4px 20px #0000001a}.category-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid #f1f5f9}.category-icon{font-size:2.5rem}.category-header h3{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0}.integration-list{display:flex;flex-direction:column;gap:var(--space-4)}.integration-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;transition:all .3s ease}.integration-item:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translate(4px)}.integration-logo{font-size:2rem;width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a}.integration-info{flex:1}.integration-info h4{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-1);color:var(--color-text)}.integration-info p{color:var(--color-muted);margin-bottom:var(--space-2);line-height:1.5}.integration-status{padding:var(--space-1) var(--space-3);border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.integration-status.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.integration-status.beta{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.integration-status.coming-soon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.api-section{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border-radius:16px;padding:var(--space-12);margin:var(--space-8) 0}.api-intro{text-align:center;margin-bottom:var(--space-8)}.api-intro p{color:#ffffffe6;font-size:1.1rem;line-height:1.6}.api-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.api-feature{background:#ffffff1a;border-radius:12px;padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.api-feature h3{color:#fff;margin-bottom:var(--space-3);font-size:1.25rem}.api-feature p{color:#fffc;line-height:1.6}.api-cta{text-align:center;margin-top:var(--space-8)}@media(max-width:1024px){.security-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.security-feature{flex-direction:column;text-align:center}.infrastructure-grid,.compliance-grid,.monitoring-features,.security-tips{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.api-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.security-stats{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}.security-feature{padding:var(--space-6)}.feature-icon{font-size:2.5rem}.infrastructure-grid,.compliance-grid,.monitoring-features,.security-tips,.contact-methods{grid-template-columns:1fr}.contact-method{flex-direction:column;text-align:center}.category-header{flex-direction:column;text-align:center;gap:var(--space-2)}.integration-item{flex-direction:column;text-align:center}.api-features{grid-template-columns:1fr}}@media(max-width:480px){.security-stats{grid-template-columns:1fr}.security-contact,.api-section{padding:var(--space-8)}.integration-category{padding:var(--space-6)}.stat-number{font-size:1.8rem}}.cookie-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.cookie-type{background:#fff;border-radius:16px;padding:var(--space-6);box-shadow:0 4px 20px #0000001a;text-align:center;transition:transform .3s ease}.cookie-type:hover{transform:translateY(-4px)}.cookie-type h3{font-size:1.25rem;margin-bottom:var(--space-3);color:var(--color-text)}.cookie-type p{color:var(--color-muted);line-height:1.6}.cookie-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;margin:var(--space-8) 0}.cookie-row{display:grid;grid-template-columns:2fr 3fr 1fr 1fr;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid #f1f5f9}.cookie-row.header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-weight:600;color:var(--color-text)}.cookie-row:last-child{border-bottom:none}.cookie-name{font-family:monospace;font-weight:600;color:var(--color-text)}.cookie-purpose{color:var(--color-muted)}.cookie-duration{color:var(--color-muted);font-size:.9rem}.cookie-type-label{padding:var(--space-1) var(--space-3);border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;text-align:center}.cookie-type-label.essential{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cookie-type-label.functional{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.cookie-type-label.analytics{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cookie-management{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin:var(--space-8) 0}.management-option{background:#fff;border-radius:16px;padding:var(--space-8);box-shadow:0 4px 20px #0000001a}.management-option h3{font-size:1.5rem;margin-bottom:var(--space-4);color:var(--color-text)}.management-option p{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-4)}.management-option ul{list-style:none;padding:0}.management-option li{padding:var(--space-2) 0;color:var(--color-muted);position:relative;padding-left:var(--space-6)}.management-option li:before{content:"→";position:absolute;left:0;color:#3b82f6;font-weight:600}.third-party-services{display:flex;flex-direction:column;gap:var(--space-6);margin:var(--space-8) 0}.service-item{background:#fff;border-radius:16px;padding:var(--space-6);box-shadow:0 4px 20px #0000001a}.service-item h3{font-size:1.25rem;margin-bottom:var(--space-3);color:var(--color-text)}.service-item p{color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-3)}.service-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .3s ease}.service-link:hover{color:#1d4ed8;text-decoration:none}.service-note{font-style:italic;color:var(--color-muted);font-size:.9rem}.gdpr-intro{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;padding:var(--space-6);margin:var(--space-8) 0}.gdpr-intro p{color:var(--color-text);line-height:1.6;margin:0;font-size:1.1rem}.gdpr-principles{margin:var(--space-8) 0}.gdpr-principles h3{font-size:1.75rem;margin-bottom:var(--space-6);color:var(--color-text)}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.principle-item{background:#fff;border-radius:16px;padding:var(--space-6);text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.principle-item:hover{transform:translateY(-4px)}.principle-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.principle-item h4{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.principle-item p{color:var(--color-muted);line-height:1.6}.gdpr-rights{display:flex;flex-direction:column;gap:var(--space-6);margin:var(--space-8) 0}.right-detail{background:#fff;border-radius:16px;padding:var(--space-6);box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.right-detail h3{font-size:1.25rem;margin-bottom:var(--space-2);color:var(--color-text)}.right-detail p{color:var(--color-muted);line-height:1.6;margin:0}.right-action{flex-shrink:0}.right-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:var(--space-3) var(--space-5);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.right-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.legal-basis-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;margin:var(--space-8) 0}.basis-row{display:grid;grid-template-columns:2fr 1fr 3fr;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid #f1f5f9}.basis-row.header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-weight:600;color:var(--color-text)}.basis-row:last-child{border-bottom:none}.basis-purpose{font-weight:600;color:var(--color-text)}.basis-legal{color:#3b82f6;font-weight:600}.basis-description{color:var(--color-muted)}.dpo-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:var(--space-8);margin:var(--space-8) 0}.dpo-info p{color:var(--color-text);line-height:1.6;margin-bottom:var(--space-6);font-size:1.1rem}.dpo-contact h3{margin-bottom:var(--space-4);color:var(--color-text)}@media(max-width:1024px){.cookie-types,.principles-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cookie-management{grid-template-columns:1fr}.right-detail{flex-direction:column;text-align:center}.right-action,.right-btn{width:100%}}@media(max-width:768px){.cookie-row{grid-template-columns:1fr;gap:var(--space-2)}.cookie-row.header{display:none}.cookie-row>div:before{content:attr(data-label) ": ";font-weight:600;color:var(--color-text)}.cookie-name:before{content:"Cookie: "}.cookie-purpose:before{content:"Purpose: "}.cookie-duration:before{content:"Duration: "}.cookie-type-label:before{content:"Type: "}.basis-row{grid-template-columns:1fr;gap:var(--space-2)}.basis-row.header{display:none}.basis-purpose:before{content:"Purpose: ";font-weight:600;color:var(--color-text)}.basis-legal:before{content:"Legal Basis: ";font-weight:600;color:var(--color-text)}.basis-description:before{content:"Description: ";font-weight:600;color:var(--color-text)}.cookie-types,.principles-grid{grid-template-columns:1fr}}@media(max-width:480px){.cookie-table,.legal-basis-table{margin:var(--space-6) -var(--space-3);border-radius:0}.cookie-row,.basis-row{padding:var(--space-4)}.dpo-section{padding:var(--space-6)}}@media(max-width:1200px){.hero-advanced{gap:var(--space-16);padding:var(--space-24) var(--space-6)}.hero-title-advanced{font-size:3.5rem}.property-showcase{width:400px;height:500px}.property-card-3d{width:280px;height:350px}.hero{gap:var(--space-16);padding:var(--space-24) var(--space-6)}.hero-title{font-size:3.5rem}.hero-visual{width:380px;height:380px}.hero-icon{font-size:8rem}.section{padding:var(--space-16) var(--space-6)}.features-preview,.social-proof,.cta-section,.features-hero,.pricing-hero,.features-detailed,.pricing-faq{padding:var(--space-24) var(--space-6)}}@media(max-width:1024px){.nav{padding:var(--space-3) var(--space-4)}.nav-brand{font-size:1.5rem}.brand-icon{font-size:2rem}.nav-links{gap:var(--space-6)}.hero-advanced{grid-template-columns:1fr;gap:var(--space-12);text-align:center;padding:var(--space-20) var(--space-4);min-height:90vh}.hero-title-advanced{font-size:3rem}.property-showcase{width:350px;height:450px}.property-card-3d{width:250px;height:320px}.hero-buttons-advanced,.hero-stats-advanced{justify-content:center}.hero{grid-template-columns:1fr;gap:var(--space-12);text-align:center;padding:var(--space-20) var(--space-4)}.hero-title{font-size:3rem}.hero-visual{width:320px;height:320px}.hero-icon{font-size:6rem}.features-grid,.testimonials{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8)}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px;padding:40px 16px}.feature-list,.faq-grid{grid-template-columns:1fr;gap:var(--space-6)}}@media(min-width:768px)and (max-width:1199px){.ecosystem-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px}.user-type-card{min-height:360px}.card-header-new{gap:12px}.user-icon-container{width:48px;height:48px}.bottom-cta-buttons{gap:16px}}@media(max-width:768px){.section-container{padding:0 var(--space-4)}.hero-redesigned{min-height:auto;padding:var(--space-12) 0}.hero-container-new{grid-template-columns:1fr;gap:var(--space-12);text-align:center;padding:0 var(--space-4)}.hero-content-new{order:1}.hero-visual-new{order:2;margin-top:var(--space-8)}.hero-headline-new{font-size:2.2rem;line-height:1.1}.desktop-break{display:none}.hero-description-new{font-size:1.125rem;max-width:100%}.hero-actions-new{flex-direction:column;gap:var(--space-3);align-items:center}.btn-primary-new,.btn-secondary-new{width:100%;max-width:280px;justify-content:center}.hero-features-new{flex-direction:column;gap:var(--space-4);align-items:center}.feature-badge{width:100%;max-width:250px;justify-content:center}.visual-container-new{height:400px}.dashboard-preview-new{width:350px;transform:scale(.9)}.role-cards-new .role-card,.floating-elements{display:none}.section{padding:var(--space-16) 0}.nav{position:relative;transform:none;left:auto;width:auto;margin:0;padding:var(--space-4) 0}.nav-container{padding:0 var(--space-4)}.nav-links{display:none}.nav-links-mobile{display:flex}.mobile-menu-btn{display:block}.main{padding-top:70px}.hero-modern{min-height:auto;padding:var(--space-16) 0}.hero-container{grid-template-columns:1fr;gap:var(--space-12);text-align:center;padding:0 var(--space-4)}.hero-content{order:1}.hero-visual{order:2;margin-top:var(--space-8)}.hero-headline{font-size:2.5rem;line-height:1.1}.hero-description{font-size:1.125rem;max-width:none}.hero-actions{flex-direction:column;align-items:center;gap:var(--space-3)}.btn-primary-modern,.btn-secondary-modern{width:100%;max-width:280px;justify-content:center}.hero-features{flex-direction:column;gap:var(--space-4);align-items:center}.hero-features .feature-item{color:#fffffff2!important;font-weight:500;text-align:center}.hero-features .feature-icon{font-size:1.5rem}.visual-container{height:400px}.dashboard-preview{padding:var(--space-4)}.dashboard-stats{grid-template-columns:1fr;gap:var(--space-3)}.stat-card{padding:var(--space-3)}.stat-value{font-size:1.25rem}.dashboard-chart{height:80px;padding:var(--space-3)}.user-cards{display:none}.hero-content-advanced{order:1;padding:var(--space-6) 0}.hero-visual-advanced{order:2;margin-top:var(--space-6);display:flex;justify-content:center;align-items:center}.business-showcase{width:100%;max-width:280px;height:280px;margin:0 auto;position:relative}.ecosystem-hub{width:100%;height:100%;position:relative}.hub-center{width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hub-icon{font-size:1.25rem;margin-bottom:.125rem}.hub-label{font-size:.5rem;line-height:1}.user-node{width:50px;height:50px;font-size:.5rem;padding:var(--space-1)}.node-icon{font-size:.875rem;margin-bottom:.125rem}.node-label{font-size:.4rem;line-height:1}.connection-line{display:none}.commission-badge,.free-badge{font-size:.5rem;padding:.125rem .25rem;top:-8px;right:-8px}.transaction-bubbles,.live-metrics{display:none}.hero-title-advanced{font-size:2.5rem;margin-bottom:var(--space-4)}.hero-subtitle-advanced{font-size:1.125rem;margin-bottom:var(--space-8)}.property-showcase{width:300px;height:400px}.property-card-3d{width:220px;height:280px}.hero-badge{font-size:.75rem;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.badge-text{font-size:.75rem}.hero-title-advanced{font-size:2rem;margin-bottom:var(--space-4);line-height:1.2}.hero-title-advanced .title-line-1,.hero-title-advanced .title-line-2,.hero-title-advanced .title-line-3{display:block;line-height:1.1}.hero-title-advanced .title-line-1,.hero-title-advanced .title-line-2,.hero-title-advanced .title-line-3{font-size:1.75rem}.hero-title-advanced .title-subtitle{font-size:.75rem;margin-top:var(--space-3);display:block;color:#fffc}.hero-subtitle-advanced{font-size:.875rem;line-height:1.5;margin:var(--space-4) 0;color:#ffffffe6}.hero-buttons-advanced{flex-direction:column;align-items:center;gap:var(--space-3);margin:var(--space-6) 0}.btn-primary-advanced,.btn-secondary-advanced{width:100%;max-width:260px;padding:var(--space-3) var(--space-4)}.btn-primary-advanced .btn-text,.btn-secondary-advanced .btn-text{font-size:.875rem}.btn-primary-advanced .btn-subtext,.btn-secondary-advanced .btn-subtext{font-size:.625rem}.hero-stats-advanced{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:var(--space-6) 0}.stat-advanced{text-align:center;padding:var(--space-2)}.stat-number-static{font-size:1.25rem}.stat-label-advanced{font-size:.625rem}.trust-text{font-size:.625rem;line-height:1.2}.floating-features{display:none}.ecosystem-grid{grid-template-columns:1fr;gap:var(--space-8)}.ecosystem-title{font-size:2.5rem;line-height:1.1}.ecosystem-description{font-size:1.125rem}.ecosystem-cards-grid{grid-template-columns:1fr;gap:16px}.card-header-new{text-align:center;align-items:center;min-height:auto}.user-info-new{text-align:center;min-height:auto;width:100%}.bottom-cta-title{font-size:1.5rem}.bottom-cta-buttons{flex-direction:column;gap:var(--space-3)}.cta-primary-btn,.cta-secondary-btn{width:100%;max-width:280px;justify-content:center}.ghana-grid{grid-template-columns:1fr;gap:var(--space-6)}.hero{padding:var(--space-16) 0;min-height:70vh}.hero-title{font-size:2.5rem;margin-bottom:var(--space-4)}.hero-subtitle{font-size:1.125rem;margin-bottom:var(--space-8)}.hero-buttons{flex-direction:column;align-items:center;gap:var(--space-3)}.btn-primary,.btn-secondary{width:100%;max-width:320px}.hero-stats{justify-content:center;gap:var(--space-6)}.stat-number{font-size:2rem}.hero-visual{width:280px;height:280px}.hero-icon{font-size:5rem}.section-title{font-size:2.25rem}.page-title{font-size:2.75rem}.cta-section h2{font-size:2.5rem}.cta-section p{font-size:1.125rem}.cta-buttons{flex-direction:column;align-items:center}.features-hero{padding:var(--space-16) 0;min-height:70vh}.platform-overview,.role-features,.tech-stack,.integrations,.features-cta{padding:var(--space-16) 0}.features-grid{grid-template-columns:1fr;gap:var(--space-6)}.feature-card{padding:var(--space-8)}.testimonials{grid-template-columns:1fr;gap:var(--space-6)}.testimonial{padding:var(--space-8)}.pricing-hero{padding:var(--space-16) 0;min-height:70vh}.pricing-section{padding:var(--space-16) 0}.pricing-grid{grid-template-columns:1fr;gap:var(--space-6)}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-8px)}.amount{font-size:3rem}.about-hero{padding:var(--space-16) 0;min-height:70vh}.our-story,.our-mission,.our-team,.our-values,.about-cta{padding:var(--space-16) 0}.contact-hero{padding:var(--space-16) 0;min-height:70vh}.contact-options,.contact-info,.contact-faq{padding:var(--space-16) 0}.footer-newsletter{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.newsletter-content{grid-template-columns:1fr;gap:var(--space-8)}.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.footer-brand-section{grid-column:1 / -1;text-align:center;max-width:none}.footer-bottom-content{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.footer-payment-methods,.footer-legal-links{justify-content:center}}@media(max-width:640px){.section-container,.nav-container{padding:0 var(--space-3)}.hero-title,.hero-title-advanced{font-size:2rem}.hero-container{padding:0 var(--space-3);gap:var(--space-8)}.hero-headline{font-size:2rem;line-height:1.1}.hero-description{font-size:1rem;margin-bottom:var(--space-6)}.hero-actions{gap:var(--space-2);margin-bottom:var(--space-6)}.btn-primary-modern,.btn-secondary-modern{max-width:240px;padding:var(--space-3) var(--space-4);font-size:.875rem}.hero-features{gap:var(--space-3)}.feature-item{font-size:.75rem}.visual-container{height:300px}.dashboard-preview{padding:var(--space-3)}.dashboard-title{font-size:.75rem}.stat-value{font-size:1rem}.stat-label{font-size:.625rem}.dashboard-chart{height:60px;padding:var(--space-2)}.business-showcase{max-width:240px;height:240px}.hub-center{width:50px;height:50px}.hub-icon{font-size:1rem}.hub-label{font-size:.4rem}.user-node{width:40px;height:40px;font-size:.4rem}.node-icon{font-size:.75rem}.node-label{font-size:.35rem}.hero-title-advanced,.hero-title-advanced .title-line-1,.hero-title-advanced .title-line-2,.hero-title-advanced .title-line-3{font-size:1.5rem}.hero-title-advanced .title-subtitle{font-size:.625rem}.hero-subtitle-advanced{font-size:.75rem;margin:var(--space-3) 0}.contact-form{padding:var(--space-4);margin:var(--space-4) 0}.form-grid{grid-template-columns:1fr;gap:var(--space-4)}.form-submit-btn{padding:var(--space-3) var(--space-4);font-size:1rem}.nav-links-mobile{position:fixed;top:70px;left:0;right:0;background:#fff;box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:1000;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.nav-links-mobile .nav-btn,.nav-links-mobile .btn-primary{display:block;width:100%;margin:var(--space-2) 0;text-align:center;padding:var(--space-3)}.hero-actions{flex-direction:column;gap:var(--space-3)}.btn-primary-modern,.btn-secondary-modern{width:100%;justify-content:center}.ecosystem-grid,.ghana-grid,.tech-grid,.integration-grid{grid-template-columns:1fr;gap:var(--space-4)}.pricing-grid{grid-template-columns:1fr;gap:var(--space-6)}.pricing-card{margin:0 var(--space-2)}.contact-grid{grid-template-columns:1fr;gap:var(--space-4)}.contact-info-grid{grid-template-columns:1fr;gap:var(--space-6)}.hero-headline{font-size:2rem;line-height:1.2}.section-title,.section-title-advanced{font-size:1.5rem;text-align:center}.section-container{padding:0 var(--space-4)}.hero-container{padding:var(--space-8) var(--space-4)}}.hero-buttons-advanced{margin:var(--space-4) 0;gap:var(--space-2)}.btn-primary-advanced,.btn-secondary-advanced{max-width:240px;padding:var(--space-2) var(--space-3)}.hero-stats-advanced{grid-template-columns:1fr;gap:var(--space-2);margin:var(--space-4) 0}.section-title,.section-title-advanced{font-size:1.875rem}.page-title{font-size:2.25rem}.cta-section h2{font-size:2rem}.hero-visual{width:240px;height:240px}.hero-icon{font-size:4rem}.feature-card{padding:var(--space-6)}.feature-icon{font-size:3rem}.testimonial{padding:var(--space-6)}.pricing-card{padding:var(--space-8)}.amount{font-size:2.5rem}.feature-section h2{font-size:2rem;flex-direction:column;text-align:center;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-card{animation:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-icon,.feature-icon,.brand-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.demo-hero{position:relative;min-height:80vh;display:flex;align-items:center;background:var(--gradient-hero);overflow:hidden}.demo-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.demo-hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:800px;margin:0 auto}.demo-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);position:relative}.demo-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-6)}.demo-subtitle{display:block;font-size:1.25rem;font-weight:400;color:#fffc;margin-top:var(--space-4)}.demo-description{font-size:1.25rem;line-height:1.6;color:#ffffffe6;max-width:600px;margin:0 auto}.demo-options{padding:var(--space-20) 0;background:var(--gray-50)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.demo-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);text-align:center;transition:all .3s ease;border:1px solid var(--gray-200)}.demo-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.demo-icon{font-size:3rem;margin-bottom:var(--space-4)}.demo-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-3)}.demo-card p{color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-6)}.demo-features{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.demo-features span{font-size:.875rem;color:var(--gray-700);text-align:left}.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.demo-btn-homeowner{background:var(--gradient-primary);color:#fff}.demo-btn-tenant{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.demo-btn-vendor{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.demo-btn-service{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.demo-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.demo-showcase{padding:var(--space-20) 0;background:#fff}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.showcase-item{text-align:center;padding:var(--space-6)}.showcase-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.showcase-item h4{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-3)}.showcase-item p{color:var(--gray-600);line-height:1.6}.demo-cta{padding:var(--space-20) 0;background:var(--gradient-hero);color:#fff;text-align:center}.demo-cta-content{max-width:800px;margin:0 auto}.demo-cta h2{font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-4)}.demo-cta p{font-size:1.25rem;line-height:1.6;color:#ffffffe6;margin-bottom:var(--space-8)}.demo-cta-buttons{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}@media(min-width:768px){.demo-cta-buttons{flex-direction:row;justify-content:center}}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;color:#fff}.loading-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.loading-logo .brand-icon{font-size:3rem;animation:pulse 2s infinite}.loading-logo .brand-name{font-family:var(--font-display);font-size:2rem;font-weight:700}.loading-logo-img{height:56px;width:auto;display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.loading-spinner{margin-bottom:var(--space-6)}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.loading-text{font-size:1.125rem;color:#ffffffe6;animation:fadeInOut 2s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.scroll-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:50px;height:50px;background:var(--primary-600);color:#fff;border:none;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.scroll-to-top:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.brand-icon,.brand-name,.text-legacy-brand-blue,.legacy-link-blue{color:var(--brand-blue)!important;background:transparent!important;border-color:transparent!important}.nav-cta,.skip-to-content,.skip-link,.nav .nav-cta,.nav .nav-cta:hover,.nav-cta:focus,.cta-primary,.cta-primary:hover,.btn-primary:hover,.btn-primary-new:hover,.demo-hero,.loading-screen,.mobile-app-showcase,.mobile-app-showcase-redesign{color:#fff!important;background:var(--brand-blue)!important;border-color:var(--brand-blue)!important}.nav-btn.active,.nav-btn:hover{color:var(--brand-blue)!important;background:#0063c50f!important;border-color:transparent!important;box-shadow:none!important}.dropdown-item:hover,.dropdown-item:focus-visible{background:#0063c50f!important;color:var(--brand-blue)!important}.footer-newsletter-modern .btn-primary-modern{background:#fff!important;color:var(--brand-blue)!important;border:1px solid #ffffff!important;box-shadow:none!important}.footer-newsletter-modern .btn-primary-modern:hover,.footer-newsletter-modern .btn-primary-modern:focus-visible{background:#fff!important;color:var(--brand-blue)!important;border-color:#fff!important;transform:translateY(-1px)}.text-legacy-brand-blue,.legacy-link-blue{color:var(--brand-blue)!important}:focus{outline-color:var(--brand-blue)!important}.scroll-to-top:active{transform:translateY(0)}html{scroll-behavior:smooth}*:focus{outline:2px solid var(--primary-500);outline-offset:2px}button:focus,a:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.nav,.modern-footer,.floating-cards,.cta-section{display:none}.hero,.features-preview,.social-proof{break-inside:avoid}body{background:#fff;color:#000}}.app-container{display:flex;flex-direction:column;min-height:100dvh;flex:1}.main-content{flex:0 0 auto;padding-top:80px}.footer-modern{background-color:var(--gray-900);color:var(--gray-300);padding:4rem 0 2rem;font-family:Inter,sans-serif;margin-top:0}.container-modern{max-width:1280px;margin:0 auto;padding:0 1.5rem}.footer-newsletter-modern{background:var(--brand-blue);border-radius:var(--radius-xl);padding:3rem;margin-top:4rem;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;box-shadow:var(--shadow-xl)}.newsletter-content-modern{flex:1;min-width:300px}.newsletter-content-modern h3{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.newsletter-content-modern p{color:#ffffffe6;font-size:1.1rem}.newsletter-form-modern{display:flex;gap:1rem;flex:1;min-width:300px;max-width:500px}.newsletter-input-modern{flex:1;padding:.875rem 1.25rem;border-radius:var(--radius-md);border:2px solid transparent;width:100%;font-size:1rem;outline:none;transition:all .2s}.newsletter-input-modern:focus{border-color:var(--brand-blue);box-shadow:none}.btn-primary-modern{background-color:var(--ghana-gold);color:var(--gray-900);font-weight:600;padding:.875rem 2rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s;font-size:1rem;white-space:nowrap}.btn-primary-modern:hover{background-color:#fbbf24;transform:translateY(-1px)}.newsletter-disclaimer{width:100%;font-size:.875rem;color:#ffffffb3;margin-top:.5rem}.footer-grid-modern{display:grid;grid-template-columns:350px 1fr;gap:4rem;margin-bottom:4rem}.footer-brand-modern p.brand-description{margin:1.5rem 0 2rem;line-height:1.7;color:var(--gray-400);font-size:1rem}.footer-logo-text{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-1px}.social-links-modern h5{color:var(--gray-500);font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1rem}.social-icons{display:flex;gap:1.25rem}.social-icons a{color:var(--gray-400);font-size:1.5rem;transition:all .2s}.social-icons a:hover{color:var(--ghana-gold);transform:translateY(-2px)}.footer-nav-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.nav-column h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.nav-column a{display:block;color:var(--gray-400);text-decoration:none;margin-bottom:.875rem;font-size:.95rem;transition:color .2s}.nav-column a:hover{color:#fff;transform:translate(2px);display:inline-block}.footer-bottom-modern{border-top:1px solid var(--gray-800);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;font-size:.9rem;color:var(--gray-500)}.footer-legal-links{display:flex;gap:2rem}.made-in-ghana{display:flex;align-items:center;gap:.5rem}@media(max-width:1024px){.footer-grid-modern{grid-template-columns:1fr;gap:3rem}.footer-brand-modern{max-width:600px}}@media(max-width:768px){.footer-newsletter-modern{flex-direction:column;align-items:flex-start;padding:2rem}.newsletter-form-modern{flex-direction:column;width:100%;max-width:100%}.footer-nav-modern{grid-template-columns:repeat(2,1fr);gap:3rem}.footer-bottom-modern{flex-direction:column;align-items:flex-start}.footer-legal-links{flex-direction:column;gap:1rem}}@media(max-width:480px){.footer-nav-modern{grid-template-columns:1fr;gap:2.5rem}}.contact-hero-modern{background:linear-gradient(135deg,#1e293b,#334155);padding:120px 0 100px;text-align:center;color:#fff}.contact-badge{display:inline-block;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.9rem;margin-bottom:24px;cursor:default}.contact-hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:16px}.gradient-text-contact{color:#06c}.contact-hero-tagline{font-size:1.125rem;margin-bottom:16px;font-weight:500}.contact-hero-subtitle{font-size:1rem;color:#fffc;max-width:700px;margin:0 auto;line-height:1.6}.quick-answers-section{padding:80px 0;background:#f9fafb}.section-title-contact{text-align:center;font-size:2rem;font-weight:800;margin-bottom:48px;color:#111827}.quick-answers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:0 auto}.qa-card{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.qa-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.qa-card h3{font-size:1.125rem;font-weight:700;margin-bottom:12px;color:#111827}.qa-card p{font-size:.95rem;color:#6b7280;line-height:1.6}.help-options-section{padding:80px 0;background:#fff}.help-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto}.help-card{background:#f9fafb;padding:40px;border-radius:16px;text-align:center;transition:transform .2s}.help-card:hover{transform:translateY(-4px)}.help-icon{font-size:3rem;margin-bottom:20px}.help-card h3{font-size:1.375rem;font-weight:700;margin-bottom:12px;color:#111827}.help-card p{font-size:.95rem;color:#6b7280;line-height:1.6;margin-bottom:24px}.btn-help{width:100%;padding:14px 32px;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;letter-spacing:.5px}.btn-help.btn-primary{background:#3b82f6;color:#fff}.btn-help.btn-primary:hover{background:#2563eb}.btn-help.btn-success{background:#22c55e;color:#fff}.btn-help.btn-success:hover{background:#16a34a}.btn-help.btn-purple{background:#a855f7;color:#fff}.btn-help.btn-purple:hover{background:#9333ea}.contact-details-section{padding:80px 0;background:#f9fafb}.contact-grid-modern{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;max-width:1200px;margin:0 auto}.section-subtitle-contact{font-size:1.5rem;font-weight:700;margin-bottom:32px;color:#111827}.contact-info-modern{background:#fff;padding:40px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.contact-info-item{display:flex;gap:16px;margin-bottom:32px;align-items:flex-start}.contact-info-item:last-child{margin-bottom:0}.contact-icon{font-size:1.5rem;min-width:40px}.contact-info-item h4{font-size:1rem;font-weight:600;margin-bottom:4px;color:#111827}.contact-info-item p{font-size:.95rem;color:#6b7280;line-height:1.6;margin:0}.contact-form-modern{background:#fff;padding:40px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.modern-contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;margin-bottom:8px;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group textarea{resize:vertical;min-height:120px}.btn-submit-contact{background:#3b82f6;color:#fff;padding:14px 32px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;margin-top:8px}.btn-submit-contact:hover{background:#2563eb}@media(max-width:992px){.contact-hero-title{font-size:2.5rem}.contact-grid-modern{grid-template-columns:1fr;gap:40px}.help-options-grid{grid-template-columns:1fr}}@media(max-width:768px){.contact-hero-modern{padding:80px 0 60px}.contact-hero-title{font-size:2rem}.quick-answers-grid,.form-row{grid-template-columns:1fr}}.stats-counter-section{padding:80px 0;background:#06c;color:#fff;position:relative;overflow:hidden}.stats-counter-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)" /></svg>');opacity:.5}.stats-counter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.stat-item{text-align:center;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.stat-icon{font-size:2.5rem;margin-bottom:15px;display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-number{font-size:3rem;font-weight:700;line-height:1;margin:10px 0;display:block}.stat-label{font-size:1.1rem;font-weight:600;margin-top:10px;display:block;opacity:.95}.stat-sublabel{font-size:.85rem;opacity:.8;margin-top:5px;display:block}.animate-count{animation:countUp 2s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trust-badges-section{padding:60px 0;background:#f9fafb;text-align:center}.trust-badges-section h2{font-size:2rem;margin-bottom:40px;color:#1f2937}.trust-badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.trust-badge{background:#fff;padding:30px 20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.trust-badge:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.badge-icon-trust{font-size:2.5rem;color:#3b82f6}.badge-content h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 5px}.badge-content p{font-size:.85rem;color:#6b7280;margin:0}.testimonials-enhanced{padding:80px 0;background:#fff}.testimonials-enhanced h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1f2937}.testimonial-card-enhanced{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e5e7eb}.testimonial-card-enhanced:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001f}.testimonial-rating{display:flex;gap:4px;margin-bottom:20px}.testimonial-rating .star{color:#fbbf24;font-size:1.2rem}.testimonial-card-enhanced p{font-size:1.1rem;line-height:1.8;color:#374151;font-style:italic;margin-bottom:25px}.testimonial-author{display:flex;align-items:center;gap:15px}.testimonial-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #3b82f6}.testimonial-author-info h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 5px;display:flex;align-items:center;gap:8px}.verified-badge{color:#10b981;font-size:1rem}.testimonial-author-info p{font-size:.9rem;color:#6b7280;margin:0;font-style:normal}.testimonial-meta{display:flex;gap:20px;margin-top:15px;padding-top:15px;border-top:1px solid #e5e7eb;font-size:.85rem;color:#6b7280}.testimonial-meta span{display:flex;align-items:center;gap:5px}.video-testimonials-section{padding:80px 0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.video-testimonials-section h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1f2937}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.video-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00000026}.video-placeholder{position:relative;width:100%;padding-bottom:56.25%;background:#e5e7eb;overflow:hidden}.video-placeholder img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#3b82f6e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;cursor:pointer;transition:all .3s ease;border:3px solid white}.play-button:hover{background:#3b82f6;transform:translate(-50%,-50%) scale(1.1)}.video-duration{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:600}.video-card h3{padding:20px;font-size:1.2rem;color:#1f2937;margin:0}.video-card p{padding:0 20px 20px;color:#6b7280;font-size:.95rem;margin:0}.faq-section{padding:80px 0;background:#fff}.faq-header{text-align:center;max-width:700px;margin:0 auto 60px}.faq-header h2{font-size:2.5rem;margin-bottom:15px;color:#1f2937}.faq-header p{font-size:1.1rem;color:#6b7280}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:0 20px}.faq-category{background:#f9fafb;padding:30px;border-radius:16px;border:1px solid #e5e7eb}.faq-category-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #3b82f6}.faq-items{display:flex;flex-direction:column;gap:20px}.faq-item{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;transition:box-shadow .3s ease}.faq-item:hover{box-shadow:0 4px 15px #00000014}.faq-question{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:10px;display:flex;align-items:flex-start;gap:10px}.faq-question:before{content:"Q:";color:#3b82f6;font-weight:700;flex-shrink:0}.faq-answer{font-size:1rem;color:#6b7280;line-height:1.7;padding-left:26px}.faq-cta{text-align:center;margin-top:60px}.faq-cta h3{font-size:1.8rem;margin-bottom:15px;color:#1f2937}.faq-cta p{font-size:1.1rem;color:#6b7280;margin-bottom:25px}.guarantee-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:50px 0;text-align:center;position:relative;overflow:hidden}.guarantee-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:moveBackground 20s linear infinite}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.guarantee-content{max-width:1000px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.guarantee-badge{font-size:3rem;margin-bottom:20px}.guarantee-text h3{font-size:2rem;font-weight:700;margin-bottom:10px}.guarantee-text p{font-size:1.1rem;opacity:.95;margin-bottom:30px}.guarantee-features{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.guarantee-feature{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600}.guarantee-feature span:first-child{font-size:1.5rem}.pricing-value-banner{background:#06c;color:#fff;padding:40px 0;text-align:center;margin-bottom:60px}.pricing-value-banner h3{font-size:2rem;font-weight:700;margin-bottom:10px}.pricing-value-banner p{font-size:1.2rem;opacity:.95}.pricing-badge{display:inline-block;background:#fff3;padding:8px 20px;border-radius:30px;font-weight:600;margin-bottom:15px;border:1px solid rgba(255,255,255,.3)}.pricing-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:2px solid #e5e7eb;background:#fff;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;color:#4b5563;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.tab-button:hover{border-color:#06c;color:#06c;transform:translateY(-2px);box-shadow:0 4px 8px #667eea33}.tab-button.active{background:#06c;color:#fff;border-color:transparent;box-shadow:0 8px 16px #667eea4d}.pricing-guarantee-widget{background:#06c;padding:3rem;border-radius:20px;color:#fff;display:flex;align-items:center;gap:2rem;margin:4rem 0;box-shadow:0 20px 40px #0066cc4d}.guarantee-badge{font-size:4rem;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.guarantee-content h3{font-size:2rem;font-weight:700;margin-bottom:.75rem}.guarantee-content p{font-size:1.1rem;margin-bottom:1.5rem;opacity:.95;line-height:1.6}.guarantee-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.guarantee-feature{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500}.guarantee-check{font-size:1.25rem;font-weight:700}.section-bg-dark{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff}.section-bg-blue{background:#06c;color:#fff}.section-bg-light{background-color:#f9fafb}.pricing-features{list-style:none;padding:0;margin:20px 0}.pricing-features li{padding:12px 0;display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#374151;border-bottom:1px solid #f3f4f6}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:#10b981;font-weight:700;font-size:1.2rem;flex-shrink:0}.pricing-features li.feature-unavailable{opacity:.4}.pricing-features li.feature-unavailable:before{content:"✗";color:#ef4444}.comparison-cards-section{padding:80px 0;background:#f9fafb}.comparison-title{text-align:center;font-size:2.5rem;margin-bottom:15px;color:#1f2937;font-weight:700}.comparison-subtitle{text-align:center;font-size:1.1rem;color:#6b7280;margin-bottom:60px}.comparison-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto;padding:0 20px}.comparison-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;position:relative}.comparison-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.comparison-card-featured{border:3px solid #3b82f6;transform:scale(1.02)}.comparison-card-featured:hover{transform:scale(1.02) translateY(-5px)}.comparison-card-badge{position:absolute;top:-12px;right:20px;background:#06c;color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 4px 10px #667eea4d}.comparison-card-header{border-bottom:2px solid #e5e7eb;padding-bottom:1.5rem;margin-bottom:1.5rem}.comparison-card-header h4{font-size:1.75rem;color:#1f2937;margin-bottom:.75rem;font-weight:700}.comparison-card-price{font-size:2.5rem;color:#3b82f6;font-weight:800;display:flex;align-items:baseline}.comparison-card-period{font-size:1rem;color:#6b7280;font-weight:400;margin-left:.5rem}.comparison-card-body h5{font-size:1.1rem;color:#374151;margin-top:1.5rem;margin-bottom:.75rem;font-weight:700}.comparison-card-body h5:first-child{margin-top:0}.comparison-card-description{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.comparison-card-features{list-style:none;padding:0;margin:0}.comparison-card-features li{padding:.75rem 0;color:#374151;border-bottom:1px solid #f3f4f6;font-size:.95rem;line-height:1.5}.comparison-card-features li:last-child{border-bottom:none}.comparison-card-features li:before{content:"✓ ";color:#10b981;font-weight:700;margin-right:8px}.pricing-faq-section{padding:80px 0;background:#fff}.faq-pricing-title{text-align:center;font-size:2.5rem;margin-bottom:15px;color:#1f2937;font-weight:700}.faq-pricing-subtitle{text-align:center;font-size:1.1rem;color:#6b7280;margin-bottom:50px}.faq-accordion{max-width:900px;margin:0 auto;padding:0 20px}.faq-accordion-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-accordion-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.faq-accordion-button{width:100%;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background:#fff;border:none;cursor:pointer;text-align:left;transition:background .2s ease}.faq-accordion-button:hover{background:#f9fafb}.faq-accordion-button.active{background:#eff6ff}.faq-accordion-question{font-size:1.1rem;font-weight:600;color:#1f2937;flex:1;padding-right:1rem}.faq-accordion-icon{font-size:1.5rem;color:#3b82f6;font-weight:700;width:24px;text-align:center;flex-shrink:0}.faq-accordion-answer{padding:0 1.5rem 1.5rem;animation:fadeIn .3s ease}.faq-accordion-answer p{color:#6b7280;line-height:1.7;font-size:1rem;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comparison-table-section{padding:80px 0;background:#f9fafb}.comparison-table-section h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1f2937}.comparison-table-wrapper{max-width:1400px;margin:0 auto;padding:0 20px;overflow-x:auto}.comparison-table{width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border-collapse:collapse}.comparison-table thead{background:#06c;color:#fff}.comparison-table th{padding:25px 20px;text-align:left;font-weight:600;font-size:1.1rem}.comparison-table th:first-child{width:40%}.comparison-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.comparison-table tbody tr:hover{background:#f9fafb}.comparison-table td{padding:20px;font-size:.95rem;color:#374151}.category-row{background:#f3f4f6;font-weight:700;color:#1f2937}.category-row td{padding:15px 20px;font-size:1.05rem}.comparison-table .featured-column{background:#eff6ff;position:relative}.comparison-table .featured-column:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b82f6}.roi-calculator-section{padding:80px 0;background:#fff}.roi-calculator-section h2{text-align:center;font-size:2.5rem;margin-bottom:15px;color:#1f2937}.roi-calculator-section>p{text-align:center;font-size:1.1rem;color:#6b7280;margin-bottom:50px}.roi-calculator-section>div{max-width:900px;margin:0 auto;background:#f9fafb;padding:40px;border-radius:16px;border:2px solid #e5e7eb}.roi-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.roi-input-group{display:flex;flex-direction:column;gap:8px}.roi-input-group label{font-weight:600;color:#1f2937;font-size:.95rem}.roi-input-group input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}.roi-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.roi-results{background:#fff;padding:30px;border-radius:12px;border:2px solid #3b82f6}.roi-results h3{font-size:1.5rem;margin-bottom:25px;color:#1f2937;text-align:center}.roi-result-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e5e7eb}.roi-result-item:last-child{border-bottom:none}.roi-result-item span:first-child{font-weight:600;color:#374151}.roi-result-item span:last-child{font-size:1.3rem;font-weight:700;color:#3b82f6}.roi-highlight{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px;border-radius:8px;margin-top:20px;text-align:center}.roi-highlight strong{font-size:2rem;display:block;margin-bottom:5px}.pricing-faq-section{padding:80px 0;background:#f9fafb}.pricing-faq-section h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1f2937}.faq-pricing-grid{max-width:900px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:20px}.pricing-guarantee{padding:60px 0;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-align:center}.pricing-guarantee h3{font-size:2rem;margin-bottom:15px}.pricing-guarantee p{font-size:1.1rem;max-width:700px;margin:0 auto 30px;opacity:.95}.pricing-guarantee .guarantee-features{margin-top:30px}@media(max-width:992px){.stats-counter-grid,.trust-badges-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,1fr)}.comparison-table-wrapper{overflow-x:scroll}.roi-inputs{grid-template-columns:1fr}.dropdown-menu{min-width:250px}.why-choose-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.why-card{padding:1.75rem}.section-header-centered .section-title{font-size:2.2rem}.pricing-tabs{gap:.75rem}.tab-button{padding:.875rem 1.5rem;font-size:.95rem}.pricing-guarantee-widget{padding:2.5rem;gap:1.5rem}.guarantee-badge{font-size:3.5rem}.guarantee-content h3{font-size:1.75rem}.guarantee-content p{font-size:1rem}.comparison-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.comparison-card-featured{grid-column:span 2}.faq-accordion{padding:0 30px}}@media(max-width:768px){.stats-counter-grid,.trust-badges-grid,.video-grid{grid-template-columns:1fr}.stat-number{font-size:2.5rem}.stats-counter-section h2,.trust-badges-section h2,.testimonials-enhanced h2,.video-testimonials-section h2,.faq-header h2,.comparison-table-section h2,.roi-calculator-section h2,.pricing-faq-section h2{font-size:2rem}.pricing-value-banner h3,.guarantee-text h3{font-size:1.5rem}.guarantee-features{flex-direction:column;gap:20px}.pricing-tabs{flex-direction:column;gap:.75rem}.tab-button{width:100%;justify-content:center;padding:1rem}.tab-icon{font-size:1.25rem}.pricing-guarantee-widget{flex-direction:column;padding:2rem;gap:1.5rem;text-align:center}.guarantee-badge{font-size:3rem}.guarantee-content h3{font-size:1.5rem}.guarantee-content p{font-size:.95rem}.guarantee-features{grid-template-columns:1fr;gap:.75rem}.faq-grid{padding:0 15px}.faq-category{padding:20px}.testimonial-card-enhanced{padding:25px}.comparison-table th,.comparison-table td{padding:15px 10px;font-size:.85rem}.roi-calculator-section>div{padding:25px}.roi-result-item span:last-child{font-size:1.1rem}.roi-highlight strong{font-size:1.5rem}.nav-links-mobile .nav-dropdown{width:100%}.nav-links-mobile .dropdown-menu{position:static;box-shadow:none;border-radius:0;background:var(--gray-50);margin-top:.5rem;padding:.25rem}.nav-links-mobile .dropdown-item{padding:.6rem .75rem}.dropdown-icon{font-size:1.25rem}.mobile-menu-btn{display:block}.why-choose-grid{grid-template-columns:1fr;gap:1.25rem}.why-choose-section{padding:3.5rem 0}.section-header-centered .section-title{font-size:1.8rem}.section-header-centered .section-subtitle{font-size:1rem}.why-card{padding:1.5rem}.why-title{font-size:1.2rem}.why-icon{font-size:2.5rem}.comparison-cards-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.comparison-card-features{font-size:.85rem!important}.faq-accordion-button{font-size:.9rem!important;padding:1rem!important}.faq-accordion-answer{font-size:.85rem!important;padding:0 1rem 1rem!important}}.marketplace-hero-redesigned{background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-900) 100%);min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.marketplace-hero-content{text-align:center;z-index:2;color:#fff}.marketplace-search-new{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:1.5rem;box-shadow:var(--shadow-2xl);max-width:800px;margin:2rem auto 0}.marketplace-search-new input{width:100%;padding:1rem 3rem 1rem 1.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:1.125rem;transition:all var(--transition-normal)}.marketplace-search-new input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}.marketplace-tabs-new{display:flex;gap:1rem;padding:2rem 0;border-bottom:2px solid var(--gray-200);margin-bottom:2rem}.tab-btn-new{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-2xl);font-size:1.125rem;font-weight:600;color:var(--gray-700);cursor:pointer;transition:all var(--transition-normal)}.tab-btn-new:hover{border-color:var(--primary-300);background:var(--primary-50);transform:translateY(-2px)}.tab-btn-new.active{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-color:var(--primary-600);color:#fff;box-shadow:var(--shadow-xl)}.tab-icon{font-size:1.5rem}.tab-count{background:#fff3;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700}.tab-btn-new.active .tab-count{background:#ffffff4d}.marketplace-filters-new{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-label{font-weight:600;color:var(--gray-700);font-size:1rem}.marketplace-filters-new select{padding:.75rem 1.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;background:#fff;cursor:pointer;transition:all var(--transition-normal)}.marketplace-filters-new select:hover{border-color:var(--primary-300)}.marketplace-filters-new select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.results-count{margin-left:auto;font-weight:600;color:var(--primary-600);font-size:1rem}.marketplace-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.marketplace-card-new{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative}.marketplace-card-new:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.card-image-container{position:relative;height:240px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.marketplace-card-new:hover .card-image{transform:scale(1.1)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;justify-content:center;padding:1.5rem;opacity:0;transition:opacity var(--transition-normal)}.marketplace-card-new:hover .card-overlay{opacity:1}.view-details-btn{background:#fff;color:var(--primary-600);padding:.875rem 2rem;border:none;border-radius:var(--radius-full);font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.view-details-btn:hover{background:var(--primary-600);color:#fff;transform:scale(1.05)}.card-badge{position:absolute;top:1rem;right:1rem;background:var(--primary-600);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;z-index:1}.card-content{padding:1.5rem}.card-type{display:inline-block;background:var(--primary-100);color:var(--primary-700);padding:.375rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.card-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.card-location{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:1rem;margin-bottom:1rem}.card-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;color:var(--gray-500)}.detail-value{font-size:1rem;font-weight:600;color:var(--gray-900)}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:2px solid var(--gray-100)}.card-price{font-size:1.75rem;font-weight:800;color:var(--primary-600)}.price-period{font-size:.875rem;color:var(--gray-500);font-weight:400}.contact-btn{background:var(--primary-600);color:#fff;padding:.875rem 2rem;border:none;border-radius:var(--radius-full);font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.contact-btn:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.product-card-new .card-badge{background:var(--success-600)}.card-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.rating-stars{color:var(--warning-500);font-size:1.125rem}.rating-count{color:var(--gray-500);font-size:.875rem}.card-description{color:var(--gray-600);font-size:1rem;line-height:1.6;margin-bottom:1rem}.vendor-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:1rem}.vendor-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-100);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-600)}.vendor-details{flex:1}.vendor-name{font-weight:600;color:var(--gray-900);font-size:1rem}.card-action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem;border-top:2px solid var(--gray-100);margin-top:1rem}.btn-interactive{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:var(--gray-50);color:#fff}.btn-interactive:hover{opacity:.9;box-shadow:0 2px 8px #00000026}.btn-interactive .btn-icon{display:none}.btn-virtual-tour{background:var(--primary-600);color:#fff}.btn-virtual-tour:hover{background:var(--primary-700)}.btn-floor-plan{background:var(--primary-600);color:#fff}.btn-floor-plan:hover{background:var(--primary-700)}.btn-short-stay{background:var(--primary-600);color:#fff}.btn-short-stay:hover{background:var(--primary-700)}.btn-long-stay{background:var(--primary-600);color:#fff}.btn-long-stay:hover{background:var(--primary-700)}.btn-purchase{background:var(--primary-600);color:#fff}.btn-purchase:hover{background:var(--primary-700)}@media(max-width:768px){.card-action-buttons{grid-template-columns:1fr;gap:.75rem}.btn-interactive{padding:.875rem 1.5rem;justify-content:center}.btn-interactive span{font-size:.875rem}}.vendor-location{font-size:.875rem;color:var(--gray-500)}.add-to-cart-btn{width:100%;background:var(--success-600);color:#fff;padding:1rem;border:none;border-radius:var(--radius-full);font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.add-to-cart-btn:hover{background:var(--success-700);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.marketplace-cta-new{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);border-radius:var(--radius-3xl);padding:4rem 3rem;text-align:center;color:#fff;margin-top:4rem;position:relative;overflow:hidden}.marketplace-cta-new:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse-cta 15s ease-in-out infinite}@keyframes pulse-cta{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.cta-content-new{position:relative;z-index:1}.cta-icon-new{font-size:3rem;margin-bottom:1rem}.cta-title-new{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.cta-description-new{font-size:1.25rem;margin-bottom:3rem;opacity:.95;color:#fff;max-width:800px;margin-left:auto;margin-right:auto}.cta-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.stat-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff40;transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:900;color:#fff;margin-bottom:.5rem;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:1rem;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary-new,.btn-secondary-new{padding:1rem 2.5rem;border-radius:8px;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;display:inline-flex;align-items:center;gap:.5rem}.btn-primary-new{background:#fff;color:var(--primary-600)}.btn-primary-new:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.btn-secondary-new{background:transparent;color:#fff;border-color:#ffffff80}.btn-secondary-new:hover{background:#ffffff26;border-color:#fff;transform:translateY(-3px)}.btn-arrow-new{transition:transform .3s ease}.btn-primary-new:hover .btn-arrow-new{transform:translate(5px)}.marketplace-loading-new{text-align:center;padding:4rem 2rem;color:var(--gray-600);font-size:1.25rem}.marketplace-preview-section{margin-top:var(--space-14);padding-top:var(--space-6)}.marketplace-preview-panel{background:#fffffff5;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);padding:clamp(1.5rem,3vw,2.5rem)}.marketplace-preview-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.marketplace-live-strip{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.live-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;background:var(--gray-50);color:var(--gray-700);font-size:.875rem;font-weight:600;border:1px solid var(--gray-200)}.live-pill-active{background:#22c55e14;color:#15803d;border-color:#22c55e33}.live-pill-meta{margin-left:auto;color:var(--gray-500)}.marketplace-preview-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem .85rem;border-radius:999px;background:var(--primary-50);color:var(--primary-700);font-size:.875rem;font-weight:700;letter-spacing:.02em}.home-marketplace-title{margin-bottom:0}.marketplace-view-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.5rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;white-space:nowrap}.marketplace-view-all-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);filter:brightness(1.02)}.marketplace-controls-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;border-bottom:2px solid var(--gray-200);margin-bottom:2.5rem;padding-bottom:.5rem}.marketplace-controls-row .marketplace-tabs-new{padding:0;border-bottom:none;margin-bottom:0}.marketplace-filter-select-wrapper{display:flex;align-items:center}.marketplace-filter-select-wrapper select{padding:.75rem 1.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;background:#fff;cursor:pointer;transition:all var(--transition-normal);min-width:180px}.marketplace-filter-select-wrapper select:hover{border-color:var(--primary-300)}.marketplace-filter-select-wrapper select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.home-marketplace-tabs{margin-top:0}.home-marketplace-grid{margin-bottom:0}.marketplace-preview-empty{background:var(--gray-50);border:1px dashed var(--gray-200);border-radius:var(--radius-2xl);padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.marketplace-preview-empty h3{margin:0;font-size:1.25rem;color:var(--gray-900)}.marketplace-preview-empty p{margin:0;color:var(--gray-600);max-width:520px}@media(max-width:768px){.marketplace-preview-section{margin-top:var(--space-10);padding-top:var(--space-4)}.marketplace-tabs-new{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1rem;scrollbar-width:thin}.tab-btn-new{flex-shrink:0;padding:.75rem 1.5rem;font-size:1rem}.marketplace-controls-row{flex-direction:column;align-items:stretch;gap:1rem}.marketplace-filter-select-wrapper select{width:100%}.marketplace-grid-new{grid-template-columns:1fr;gap:1.5rem}.marketplace-cta-new{padding:3rem 1.5rem}.cta-title-new{font-size:1.75rem}.cta-description-new{font-size:1rem}.cta-stats{grid-template-columns:1fr;gap:1rem}.stat-item{padding:1.5rem 1rem}.stat-number{font-size:2.5rem}.cta-actions{flex-direction:column}.btn-primary-new,.btn-secondary-new{width:100%;justify-content:center}.cta-title{font-size:2rem}.cta-description{font-size:1.125rem}.cta-buttons{flex-direction:column}.cta-btn-primary,.cta-btn-secondary{width:100%}.cta-stats{grid-template-columns:1fr;gap:1.5rem}.marketplace-preview-header{align-items:flex-start}.marketplace-view-all-btn{width:100%}}@media(max-width:480px){.marketplace-hero-redesigned{min-height:60vh}.marketplace-search-new{padding:1rem}.marketplace-search-new input{padding:.875rem 1rem;font-size:1rem}.card-details{grid-template-columns:repeat(2,1fr)}.card-title{font-size:1.25rem}.card-price{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.service-location-redesign svg{flex-shrink:0}.price-label{font-size:.875rem;color:var(--gray-500);font-weight:500}.price-type{font-size:.875rem;color:var(--gray-500);font-weight:500;margin-left:.25rem}.badge-featured{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.marketplace-card-redesign{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;height:100%;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06)}.marketplace-card-redesign:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#2563eb4d}.card-image-wrapper{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e9ecef)}.card-image-main{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.marketplace-card-redesign:hover .card-image-main{transform:scale(1.08)}.card-badges{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:2}.badge-category{background:#fffffff2;color:var(--primary-600);padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.badge-status{background:var(--primary-600);color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.badge-featured{background:#eab308f2;color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.stock-badge{position:absolute;bottom:12px;right:12px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.stock-available{background:var(--primary-600);color:#fff}.stock-unavailable{background:#ef4444f2;color:#fff}.card-favorite-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#fffffff2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .3s ease;color:#6b7280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.card-favorite-btn:hover{transform:scale(1.1);background:var(--primary-600);color:#fff}.card-favorite-btn svg{transition:transform .3s ease}.card-favorite-btn:hover svg{transform:scale(1.1)}.card-body-redesign{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1}.card-title-section{display:flex;flex-direction:column;gap:8px}.card-title-redesign{font-size:18px;font-weight:700;color:#111827;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-rating-redesign{display:flex;align-items:center;gap:6px;font-size:14px}.rating-star{font-size:16px}.rating-value{font-weight:700;color:#111827}.rating-count{color:#6b7280;font-size:13px}.card-location-redesign{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;line-height:1.5}.card-location-redesign svg{flex-shrink:0;color:var(--primary-600)}.card-amenities-redesign{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.amenity-item{display:flex;align-items:center;gap:4px;font-size:14px;color:#4b5563}.amenity-icon{font-size:16px}.amenity-text{font-weight:500}.amenity-divider{color:#d1d5db;font-size:12px}.card-description-redesign{font-size:14px;line-height:1.6;color:#6b7280;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-vendor-redesign{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,var(--primary-50) 0%,#eff6ff 100%);border-radius:12px;border:1px solid rgba(37,99,235,.1)}.vendor-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid white;box-shadow:0 2px 8px #0000001a}.vendor-avatar img{width:100%;height:100%;object-fit:cover}.vendor-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.vendor-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-meta{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-verified{width:24px;height:24px;border-radius:50%;background:var(--primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vendor-verified svg{color:#fff}.card-price-section-redesign{padding-top:16px;border-top:1px solid #e5e7eb;margin-top:auto}.card-price-section-redesign .price-main{font-size:28px;font-weight:800;color:var(--primary-600);line-height:1}.card-footer-redesign{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:auto}.card-footer-redesign .price-main{display:flex;align-items:baseline;gap:4px}.price-currency{font-size:14px;font-weight:600;color:#6b7280}.price-amount{font-size:24px;font-weight:800;color:var(--primary-600);line-height:1}.btn-add-cart{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2563eb4d}.btn-add-cart:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66;background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%)}.btn-add-cart:active{transform:translateY(0)}.btn-add-cart svg{flex-shrink:0}.product-card-redesign .card-body-redesign{padding:18px}@media(max-width:768px){.card-image-wrapper{height:200px}.card-title-redesign{font-size:16px}.card-body-redesign{padding:16px;gap:12px}.card-amenities-redesign{font-size:13px}.card-price-section-redesign .price-main{font-size:24px}.price-amount{font-size:20px}.btn-add-cart{padding:8px 14px;font-size:13px}}@media(max-width:480px){.card-image-wrapper{height:180px}.card-badges{gap:6px}.badge-category,.badge-status,.badge-featured{padding:4px 10px;font-size:11px}.card-amenities-redesign{flex-wrap:wrap;font-size:12px}.vendor-meta{font-size:11px}}:root{--button-solid-blue: var(--brand-blue);--button-solid-blue-hover: var(--brand-blue)}.btn-primary,.btn-primary-new,.btn-primary-modern,.btn-primary-advanced,.btn-primary-pricing,.btn-secondary,.btn-secondary-new,.btn-secondary-modern,.btn-secondary-advanced,.btn-outline,.contact-btn-primary,.contact-btn-secondary,.contact-btn-enterprise,.btn-help.btn-primary,.btn-help.btn-success,.btn-help.btn-purple,.btn-submit-contact,.btn-add-cart,.btn-interactive,.btn-virtual-tour,.btn-floor-plan,.btn-short-stay,.btn-long-stay,.btn-purchase,.btn-pricing.btn-primary-pricing,.btn-pricing.btn-outline,.nav-cta,.demo-btn,.cta-buttons .btn-primary{background:var(--button-solid-blue)!important;background-image:none!important;color:#fff!important;border-color:var(--button-solid-blue)!important;box-shadow:none!important}.btn-primary:hover,.btn-primary-new:hover,.btn-primary-modern:hover,.btn-primary-advanced:hover,.btn-primary-pricing:hover,.btn-secondary:hover,.btn-secondary-new:hover,.btn-secondary-modern:hover,.btn-secondary-advanced:hover,.btn-outline:hover,.contact-btn-primary:hover,.contact-btn-secondary:hover,.contact-btn-enterprise:hover,.btn-help.btn-primary:hover,.btn-help.btn-success:hover,.btn-help.btn-purple:hover,.btn-submit-contact:hover,.btn-add-cart:hover,.btn-interactive:hover,.btn-virtual-tour:hover,.btn-floor-plan:hover,.btn-short-stay:hover,.btn-long-stay:hover,.btn-purchase:hover,.btn-pricing.btn-primary-pricing:hover,.btn-pricing.btn-outline:hover,.nav-cta:hover,.demo-btn:hover,.cta-buttons .btn-primary:hover{background:var(--button-solid-blue-hover)!important;background-image:none!important;color:#fff!important;border-color:var(--button-solid-blue-hover)!important;box-shadow:none!important}.features-page .features-hero{background:#f8fbff;padding:64px 0}.features-hero-inner{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:center}.hero-title{font-size:2.25rem;line-height:1.06;margin:0 0 12px;color:#0f172a}.hero-sub{color:#475569;margin-bottom:20px;max-width:540px}.hero-ctas .btn-primary{background:var(--brand-blue);color:#fff;border:none;padding:12px 18px;border-radius:10px;margin-right:12px}.btn-outline{background:transparent;border:1px solid rgba(15,23,42,.08);padding:10px 16px;border-radius:10px}.hero-visual .visual-mock{background:#fff;border-radius:12px;padding:18px;box-shadow:0 10px 30px #02061714}.mock-header{font-weight:700;color:#0f172a;margin-bottom:12px}.mock-cards{display:flex;gap:10px}.mock-card{background:#f1f5f9;padding:12px 16px;border-radius:8px;min-width:90px;text-align:center}.mock-number{font-weight:700;color:#0f172a}.mock-label{font-size:12px;color:#64748b}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:48px 0}.feature-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 18px #0206170f;display:flex;flex-direction:column;gap:12px}.feature-emoji{font-size:28px}.feature-title{margin:0;color:#0f172a}.feature-desc{color:#6b7280;margin:0}.feature-learn{margin-top:auto;background:transparent;border:none;color:var(--brand-blue);font-weight:600;padding:6px 0;cursor:pointer}.features-why{padding:36px 0 72px}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.why-grid h4{margin:0 0 8px}@media(max-width:900px){.features-hero-inner{grid-template-columns:1fr}.hero-visual{order:-1}}