@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Poppins:wght@500;600;700&display=swap');:root{--color-primary:#1A365D;--color-secondary:#0F5298;--color-accent:#00ACC1;--color-accent-hover:#008394;--color-bg:#FFFFFF;--color-surface:#F8FAFC;--color-surface-hover:#F1F5F9;--color-text-main:#1F2937;--color-text-muted:#64748B;--color-border:rgba(0,0,0,0.04);--font-heading:'Poppins',sans-serif;--font-body:'Inter',sans-serif;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04);--shadow-float:0 20px 25px -5px rgba(0,172,193,0.15),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.4s cubic-bezier(0.16,1,0.3,1)} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;font-size:16px} body{font-family:var(--font-body);color:var(--color-text-main);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);line-height:1.2;margin-bottom:1rem} h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-0.02em} h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-0.01em} h3{font-size:clamp(1.5rem,3vw,2rem)} p{margin-bottom:1rem} a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)} a:hover{color:var(--color-accent-hover)} .container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem} section{padding:8rem 0} section.bg-surface{background-color:var(--color-surface)} .btn{display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 1.8rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-smooth);border:none} .btn-primary{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:#FFF;box-shadow:var(--shadow-md)} .btn-primary:visited{color:#FFF} .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary))} .btn-accent{background:var(--color-accent);color:#FFF;box-shadow:0 4px 14px rgba(0,172,193,0.4)} .btn-accent:visited{color:#FFF} .btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,172,193,0.6)} .btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)} .btn-outline:hover{background:var(--color-primary);color:#FFF} .header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,0.5);transition:all var(--transition-smooth)} .header.scrolled{background:rgba(255,255,255,0.88);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:var(--shadow-sm);border-bottom:1px solid rgba(0,0,0,0.04)} .nav-container{display:flex;justify-content:space-between;align-items:center;height:80px} .logo-link{display:flex;align-items:center;font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:var(--color-primary);gap:0.5rem} .logo-icon{height:55px;max-width:100%} .logo-text span{color:var(--color-accent)} .nav-links{display:flex;gap:2.5rem;align-items:center} .nav-links a{color:var(--color-text-main);font-weight:500;font-size:0.95rem} .nav-links a:hover,.nav-links a.active{color:var(--color-accent)} .mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--color-text-main);cursor:pointer} @keyframes meshFloat{0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .hero{padding-top:150px;padding-bottom:100px;text-align:center;background:linear-gradient(-45deg,var(--color-primary),#0A2540,#004b6b,#0a1f3d);background-size:400% 400%;animation:meshFloat 15s ease infinite;min-height:90vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden} .hero h1,.service-header h1,.agitation-section h2,.mid-cta-band h2,.tier-1-hero h2{text-shadow:0 4px 25px rgba(0,0,0,0.4)} .hero h1{color:white} .hero-subtitle{color:var(--color-accent);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;display:inline-block} .hero p{color:rgba(255,255,255,0.85);font-size:1.25rem;max-width:600px;margin:0 auto 2.5rem} .hero .btn-outline{color:white;border-color:rgba(255,255,255,0.5)} .hero .btn-outline:hover{background:white;color:var(--color-primary)} .hero-buttons{display:flex;gap:1rem;justify-content:center} .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;align-items:center} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem} .section-header{text-align:center;max-width:700px;margin:0 auto 4rem} .section-header h2{margin-bottom:1rem} .section-header p{color:var(--color-text-muted);font-size:1.1rem} .card{background:rgba(255,255,255,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,0.8);transition:all var(--transition-smooth);height:100%;display:flex;flex-direction:column} .card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-float);border-color:rgba(255,255,255,1)} .card-icon{width:64px;height:64px;border-radius:16px;background:rgba(0,172,193,0.1);color:var(--color-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem auto;font-size:2rem} .card h3{font-size:1.25rem;margin-bottom:1rem} .card p{color:var(--color-text-muted);flex-grow:1} .card-link{margin-top:1.5rem;display:inline-flex;align-items:center;font-weight:600} .card-link i{margin-left:0.5rem;transition:transform var(--transition-fast)} .card:hover .card-link i{transform:translateX(5px)} .image-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)} .image-wrapper img{width:100%;height:auto;display:block} .badge-float{position:absolute;bottom:-20px;right:-20px;background:var(--color-bg);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:1rem} .footer{background:var(--color-primary);color:rgba(255,255,255,0.8);padding:5rem 0 2rem} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem} .footer-brand h3{color:white;margin-bottom:1rem} .footer-brand .logo-text span{color:var(--color-accent)} .footer h4{color:white;font-size:1.1rem;margin-bottom:1.5rem} .footer-links{list-style:none} .footer-links li{margin-bottom:0.8rem} .footer-links a{color:rgba(255,255,255,0.7)} .footer-links a:hover{color:var(--color-accent)} .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:0.9rem} .fade-in-up{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out} .fade-in-up.visible{opacity:1;transform:translateY(0)} .pricing-toggle-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem} .toggle-switch{position:relative;display:inline-block;width:60px;height:34px} .toggle-switch input{opacity:0;width:0;height:0} .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-primary);transition:.4s;border-radius:34px} .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%} input:checked + .slider{background-color:var(--color-accent)} input:checked + .slider:before{transform:translateX(26px)} .pricing-section{display:none;animation:fadeIn 0.5s ease-in-out} .pricing-section.active{display:block} @keyframes fadeIn{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } .service-header{background:linear-gradient(-45deg,var(--color-primary),#0A2540,#004b6b,#0a1f3d);background-size:400% 400%;animation:meshFloat 15s ease infinite;color:white;padding:180px 0 100px;text-align:center} .service-header h1{color:white} .service-content{padding:5rem 0} .service-content h2{margin-top:3rem;margin-bottom:1.5rem;color:var(--color-primary)} .service-content ul{margin-bottom:2rem;list-style-position:inside} .service-content li{margin-bottom:0.8rem} .trust-bar{padding:3rem 0;background:var(--color-bg);border-bottom:1px solid var(--color-border);overflow:hidden;position:relative} .marquee-content{display:flex;gap:4rem;align-items:center;justify-content:center;flex-wrap:wrap;opacity:0.6} .marquee-content i{font-size:2rem;color:var(--color-text-muted)} .faq-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem;overflow:hidden;transition:all var(--transition-fast)} .faq-question{width:100%;text-align:left;padding:1.5rem;background:none;border:none;font-family:var(--font-heading);font-weight:600;font-size:1.1rem;color:var(--color-primary);display:flex;justify-content:space-between;align-items:center;cursor:pointer} .faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,padding 0.3s ease;color:var(--color-text-muted)} .faq-item.active .faq-answer{padding-bottom:1.5rem} .faq-item.active .faq-question i{transform:rotate(180deg);color:var(--color-accent)} .testimonial-card{padding:3rem;background:rgba(255,255,255,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;height:100%;display:flex;flex-direction:column} .testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)} .testimonial-stars{color:#FFD700;margin-bottom:1.5rem;font-size:0.9rem} .testimonial-text{font-size:1.1rem;line-height:1.7;color:var(--color-text-main);margin-bottom:2rem;font-style:italic;flex-grow:1} .testimonial-author{display:flex;align-items:center;gap:1.2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,0.05)} .testimonial-avatar{width:55px;height:55px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:1.4rem;flex-shrink:0;box-shadow:var(--shadow-sm)} .testimonial-info strong{display:block;font-size:1.1rem;color:var(--color-primary)} .testimonial-info span{font-size:0.9rem;color:var(--color-text-muted)} .agitation-section{background:linear-gradient(135deg,var(--color-primary) 0%,#0A2540 100%);padding:8rem 0;color:white;position:relative;overflow:hidden} .agitation-section h2{color:white;margin-bottom:1.5rem} .agitation-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,172,193,0.1) 0%,transparent 70%);z-index:1} .agitation-section .container{position:relative;z-index:2} .agitation-box{background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);padding:3rem 2.5rem;border-radius:var(--radius-lg);height:100%;transition:transform var(--transition-smooth),border-color var(--transition-fast)} .agitation-box:hover{transform:translateY(-8px);border-color:rgba(0,172,193,0.5);background:rgba(255,255,255,0.08)} .agitation-box i{font-size:2.5rem;color:var(--color-accent);margin-bottom:1.5rem;display:block} .agitation-box h3{color:white;font-size:1.4rem;margin-bottom:1rem;letter-spacing:-0.01em} .agitation-box p{color:rgba(255,255,255,0.8) !important;line-height:1.7;font-size:1rem} .sticky-cta{position:fixed;bottom:-120px;left:0;width:100%;background:rgba(26,54,93,0.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:white;padding:1rem 0;z-index:2000;box-shadow:0 -4px 30px rgba(0,0,0,0.3);transition:bottom 0.5s cubic-bezier(0.165,0.84,0.44,1);border-top:1px solid rgba(255,255,255,0.1)} .sticky-cta.active{bottom:0} .sticky-cta .container{display:flex;justify-content:space-between;align-items:center;gap:2rem} .sticky-cta-text{font-weight:600;font-size:1.2rem;letter-spacing:-0.01em} @media (max-width:768px){.sticky-cta .container{flex-direction:column;text-align:center;gap:0.8rem;padding:1.2rem} .sticky-cta-text{font-size:1rem} .sticky-cta .btn{width:100%;padding:0.8rem;font-size:0.95rem} } .footer-logo{height:45px;max-width:100%;filter:brightness(0) invert(1);display:block} .tier-1-hero{background:radial-gradient(circle at center,rgba(0,172,193,0.15) 0%,rgba(26,54,93,1) 100%),var(--color-primary);color:white;padding:5rem 3rem;text-align:center;border-radius:var(--radius-lg);margin-bottom:3rem;box-shadow:var(--shadow-float);border:1px solid rgba(0,172,193,0.2)} .tier-1-hero h2{color:white;font-size:3rem;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,0.3)} .tier-1-badge{display:inline-block;background:rgba(0,172,193,0.2);color:#00E5FF;padding:0.5rem 1.5rem;border-radius:20px;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(0,172,193,0.4);text-transform:uppercase;letter-spacing:2px;font-size:0.8rem} .trust-stats{padding:3rem 0;border-bottom:1px solid var(--color-border)} .stats-row{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap} .stat-item{text-align:center} .stat-number{display:block;font-size:2.2rem;font-weight:700;font-family:var(--font-heading);color:var(--color-primary);line-height:1} .stat-label{display:block;font-size:0.85rem;color:var(--color-text-muted);margin-top:0.4rem;text-transform:uppercase;letter-spacing:1px;font-weight:500} .stat-divider{width:1px;height:40px;background:var(--color-border)} .tier-2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem} .tier-2-card{background:var(--color-bg);padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:all var(--transition-smooth)} .tier-2-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-float)} .tier-2-card .card-link{display:inline-flex;align-items:center;font-weight:600;margin-top:auto} .tier-2-card .card-link i{margin-left:0.5rem;transition:transform var(--transition-fast)} .tier-2-card:hover .card-link i{transform:translateX(5px)} .tier-icon-wrap{width:56px;height:56px;border-radius:16px;background:rgba(0,172,193,0.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem} .mid-cta-band{background:linear-gradient(-45deg,var(--color-primary),#0A2540,#004b6b,#0a1f3d);background-size:400% 400%;animation:meshFloat 15s ease infinite;padding:5rem 0} .tier-3-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem} .tier-3-card{background:var(--color-bg);padding:2rem 1.5rem;border-radius:var(--radius-md);text-align:center;text-decoration:none;color:var(--color-primary);transition:all var(--transition-smooth);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center} .tier-3-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(0,172,193,0.15)} .tier-3-card:hover .tier-3-icon{background:var(--color-accent);color:white} .tier-3-icon{width:48px;height:48px;border-radius:14px;background:rgba(0,172,193,0.1);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1rem;transition:all var(--transition-fast)} .tier-3-card h4{font-size:0.95rem;margin-bottom:0.4rem;color:var(--color-primary)} .tier-3-card p{font-size:0.8rem;color:var(--color-text-muted);margin:0;line-height:1.4} .tier-3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem} .tier-3-item{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-sm);text-align:center;font-size:0.95rem;font-weight:600;color:var(--color-primary);transition:all 0.2s ease;border:1px solid var(--color-border)} .tier-3-item:hover{background:var(--color-primary);color:white} @media (max-width:992px){.grid-2{grid-template-columns:1fr;gap:3rem} .grid-3{grid-template-columns:repeat(2,1fr)} .footer-grid{grid-template-columns:1fr 1fr;gap:2rem} .tier-2-grid{grid-template-columns:repeat(2,1fr)} .tier-3-grid{grid-template-columns:repeat(2,1fr)} .tier-3-grid-v2{grid-template-columns:repeat(2,1fr)} .tier-1-hero h2{font-size:2.5rem} .stats-row{gap:2rem} .stat-number{font-size:1.8rem} } @media (max-width:768px){.grid-3{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr} .footer-bottom{flex-direction:column;gap:1rem;text-align:center} .nav-links{position:absolute;top:80px;left:0;right:0;background:var(--color-bg);flex-direction:column;padding:2rem;box-shadow:var(--shadow-sm);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 0.3s ease-in-out} .nav-links.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)} .mobile-menu-btn{display:block} .hero{padding-top:120px} .hero-buttons{flex-direction:column} .tier-2-grid{grid-template-columns:1fr} .tier-3-grid{grid-template-columns:repeat(2,1fr)} .tier-3-grid-v2{grid-template-columns:repeat(2,1fr)} .tier-1-hero{padding:3rem 1.5rem} .tier-1-hero h2{font-size:1.8rem} .stats-row{gap:1.5rem} .stat-divider{display:none} .stat-number{font-size:1.5rem} .mid-cta-band{padding:3rem 0} .mid-cta-band h3{font-size:1.4rem} } .pricing-card{background:rgba(255,255,255,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-md);text-align:center;border:1px solid rgba(255,255,255,0.8);transition:all var(--transition-smooth);position:relative} .pricing-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-float)} .pricing-card.featured{border:2px solid var(--color-accent);transform:scale(1.05);background:rgba(255,255,255,0.9)} .pricing-card.featured:hover{transform:scale(1.07) translateY(-8px);box-shadow:var(--shadow-float)} .pricing-card .price{font-size:3rem;font-weight:700;color:var(--color-primary);font-family:var(--font-heading)} .pricing-card .price span{font-size:1rem;font-weight:400;color:var(--color-text-muted)} .pricing-card .card-title{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:0.5rem} .pricing-card ul{list-style:none;text-align:left;margin:2rem 0} .pricing-card ul li{padding:0.6rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:0.95rem} .pricing-card ul li i{color:var(--color-accent);margin-right:0.5rem} .featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-accent);color:white;padding:0.3rem 1.5rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px} .matrix-wrap{overflow-x:auto;margin-bottom:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)} .matrix-table{width:100%;border-collapse:collapse;background:var(--color-bg);min-width:600px} .matrix-table th,.matrix-table td{padding:1.2rem;text-align:center;border-bottom:1px solid var(--color-border)} .matrix-table th:first-child,.matrix-table td:first-child{text-align:left;font-weight:600} .matrix-table th{background:var(--color-surface);font-family:var(--font-heading);color:var(--color-primary)} .matrix-table th.matrix-popular{background:var(--color-primary);color:white;border-top:4px solid var(--color-accent);border-left:2px solid var(--color-accent);border-right:2px solid var(--color-accent)} .matrix-table td.matrix-popular-col{background:rgba(0,172,193,0.03);border-left:2px solid var(--color-accent);border-right:2px solid var(--color-accent)} .matrix-table tr:last-child td.matrix-popular-col{border-bottom:2px solid var(--color-accent)} .matrix-icon-inc{color:var(--color-accent);font-size:1.3rem} .matrix-icon-exc{color:var(--color-text-muted);font-size:1.3rem;opacity:0.3} .service-accordion{margin-bottom:1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all 0.3s ease} .service-accordion:hover{box-shadow:var(--shadow-md);border-color:rgba(0,172,193,0.2)} .service-accordion summary{padding:1.5rem 2rem;font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--color-primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s ease;outline:none} .service-accordion summary::-webkit-details-marker{display:none} .service-accordion summary:hover{background:var(--color-surface)} .service-accordion summary::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--color-accent);transition:transform 0.3s ease} .service-accordion[open] summary::after{transform:rotate(180deg)} .service-accordion[open] summary{border-bottom:1px solid rgba(0,172,193,0.1);background:var(--color-surface)} .service-accordion-content{padding:2rem;animation:fadeIn 0.4s ease-in-out} .service-accordion-content .pricing-table:last-child{margin-bottom:0} .whatsapp-fab{position:fixed;bottom:25px;right:25px;background-color:#25D366;color:white;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 4px 14px rgba(37,211,102,0.4);z-index:1000;transition:all 0.3s ease;text-decoration:none} .whatsapp-fab:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 6px 20px rgba(37,211,102,0.6);color:white} @media (max-width:768px){.whatsapp-fab{width:50px;height:50px;font-size:28px;bottom:20px;right:20px} } .ei-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,37,64,0.85);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.4s ease} .ei-modal-overlay.active{opacity:1;pointer-events:all} .ei-modal{background:var(--color-surface);border:1px solid rgba(0,172,193,0.3);border-radius:var(--radius-lg);padding:3rem 2rem;max-width:550px;width:90%;position:relative;transform:translateY(30px) scale(0.95);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 25px 50px rgba(0,0,0,0.5);text-align:center} .ei-modal-overlay.active .ei-modal{transform:translateY(0) scale(1)} .ei-close{position:absolute;top:15px;right:20px;cursor:pointer;font-size:1.5rem;color:var(--color-text-muted);transition:color 0.3s ease} .ei-close:hover{color:white} .ei-modal h3{font-size:2rem;color:white;margin-bottom:0.5rem;line-height:1.2} .ei-modal h3 span{color:var(--color-accent)} .ei-modal p{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.6} .ei-input{width:100%;padding:1rem 1.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:white;border-radius:var(--radius-md);margin-bottom:1rem;font-size:1rem;outline:none;transition:border-color 0.3s ease} .ei-input:focus{border-color:var(--color-accent)} .hidden-sr{display:none !important;visibility:hidden !important} .hidden{display:none !important} .nav-btn-custom{padding:0.5rem 1.2rem !important;margin-left:1rem !important} .btn-hero-large{padding:1rem 2rem !important;font-size:1.1rem !important} .section-subtitle-muted{text-align:center;color:var(--color-text-muted);font-size:0.9rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-weight:600} .section-header-white{color:white !important;margin-bottom:3rem !important} .text-white-80{color:rgba(255,255,255,0.8) !important} .text-white-70-sm{color:rgba(255,255,255,0.7) !important;font-size:0.95rem !important;margin-top:0.5rem !important} .text-accent-upper{color:var(--color-accent) !important;font-weight:600 !important;letter-spacing:1px !important;text-transform:uppercase !important} .delay-100{transition-delay:0.1s !important} .delay-200{transition-delay:0.2s !important} .card-featured-highlight{border-color:rgba(0,172,193,0.15) !important;box-shadow:0 10px 40px rgba(0,172,193,0.1) !important;transform:translateY(-10px) !important} .bg-primary-text-white{background:var(--color-primary) !important;color:white !important} .mt-3-center{text-align:center !important;margin-top:3rem !important} .ml-05{margin-left:0.5rem !important} .box-premium{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-lg)} .p-4{padding:4rem !important} .text-muted-lg-mb2{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:2rem} .surface-p4-flex-center{background:var(--color-surface);padding:4rem;display:flex;align-items:center;justify-content:center} .img-premium{border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:100%} .mb-3{margin-bottom:3rem !important} .mx-auto-max800{max-width:800px !important;margin:0 auto !important} .cta-premium-bg{background:linear-gradient(135deg,var(--color-primary),#0A2540) !important;text-align:center !important;padding:6rem 0 !important} .title-hero-white{font-size:2.5rem !important;margin-bottom:1.5rem !important;color:white !important} .subtitle-hero-white{font-size:1.1rem !important;color:rgba(255,255,255,0.8) !important;max-width:600px !important;margin:0 auto 3rem !important} .flex-gap1-center{display:flex !important;gap:1rem !important;justify-content:center !important} .btn-accent-large-flat{padding:1rem 3rem !important;font-size:1.1rem !important;background:var(--color-accent) !important;box-shadow:none !important} .text-white-50-xs{color:rgba(255,255,255,0.5) !important;font-size:0.85rem !important;margin-top:1.5rem !important} .footer-desc-text{color:rgba(255,255,255,0.7) !important;max-width:350px !important;line-height:1.7 !important;margin-top:1rem !important} .icon-w20{width:20px !important}