.wifi-animated-overlay {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;pointer-events:none;background:none !important}.wifi-svg-animated {width:1200px !important;height:1200px !important;max-width:80vw;max-height:80vw}.wifi-svg-animated {z-index:3;position:relative;display:block}.wifi-arc {opacity:0.9;stroke-linecap:round;transform-origin:45px 82px;stroke:rgba(255, 255, 255, 0.85) !important}.wifi-dot {filter:drop-shadow(0 0 12px rgba(255, 255, 255, 0.6));fill:rgba(255, 255, 255, 0.9) !important}.wifi-arc.arc1 {stroke-dasharray:80;stroke-dashoffset:80;animation:wifi-arc-anim1 2s infinite}.wifi-arc.arc2 {stroke-dasharray:55;stroke-dashoffset:55;animation:wifi-arc-anim2 2s infinite 0.3s}.wifi-arc.arc3 {stroke-dasharray:30;stroke-dashoffset:30;animation:wifi-arc-anim3 2s infinite 0.6s}@keyframes wifi-arc-anim1 {0% {stroke-dashoffset:80;opacity:0.2}20% {stroke-dashoffset:0;opacity:0.7}80% {stroke-dashoffset:0;opacity:0.7}100% {stroke-dashoffset:80;opacity:0.2}}@keyframes wifi-arc-anim2 {0% {stroke-dashoffset:55;opacity:0.2}20% {stroke-dashoffset:0;opacity:0.7}80% {stroke-dashoffset:0;opacity:0.7}100% {stroke-dashoffset:55;opacity:0.2}}@keyframes wifi-arc-anim3 {0% {stroke-dashoffset:30;opacity:0.2}20% {stroke-dashoffset:0;opacity:0.7}80% {stroke-dashoffset:0;opacity:0.7}100% {stroke-dashoffset:30;opacity:0.2}}.wifi-title {margin-top:40px;font-size:28px;font-weight:bold;color:white;text-align:center;background:linear-gradient(135deg, #0420d5 0%, #0318a8 50%, #1a3cb8 100%);padding:18px 40px;border-radius:35px;box-shadow:0 6px 25px rgba(4, 32, 213, 0.4);text-shadow:0 3px 6px rgba(0, 0, 0, 0.4);letter-spacing:2px;border:3px solid rgba(255, 255, 255, 0.3);backdrop-filter:blur(15px);white-space:nowrap;display:inline-block;position:relative;z-index:10;transform:none !important;animation:none !important}.dashboard-screenshot {border-radius:24px;clip-path:none;box-shadow:0 15px 35px rgba(4, 32, 213, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.05);transform:none;transition:none;filter:brightness(1.02) contrast(1.01);position:relative;overflow:hidden;width:100%;height:auto;object-fit:cover;display:block}.dashboard-screenshot::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(4, 32, 213, 0.25) 0%, rgba(4, 32, 213, 0.15) 30%, rgba(26, 60, 184, 0.10) 60%, rgba(4, 32, 213, 0.05) 100%);z-index:1;border-radius:24px;pointer-events:none}.dashboard-screenshot::after {content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);z-index:2}.video-container {position:relative;padding:0;background:transparent;border-radius:24px;overflow:hidden;display:block;width:100%;height:auto}.video-container::before {display:none}.video-container:hover .dashboard-screenshot {transform:none;box-shadow:0 15px 35px rgba(4, 32, 213, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.05);filter:brightness(1.02) contrast(1.01)}@keyframes floatingGlow {}.lte-5g-section {padding:80px 0;background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);position:relative}.lte-5g-content {max-width:1200px;margin:0 auto;padding:0 20px}.lte-5g-header {text-align:center;margin-bottom:60px}.lte-5g-header h2 {font-size:2.5rem;font-weight:700;color:#0420d5;margin-bottom:15px;text-shadow:0 2px 4px rgba(4, 32, 213, 0.1)}.lte-5g-subtitle {font-size:1.25rem;color:#666;font-weight:500;max-width:600px;margin:0 auto}.lte-5g-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px;margin-top:50px}.lte-feature {background:white;padding:30px 25px;border-radius:20px;text-align:center;box-shadow:0 8px 25px rgba(4, 32, 213, 0.08);transition:all 0.3s ease;border:1px solid rgba(4, 32, 213, 0.05)}.lte-feature:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(4, 32, 213, 0.15);border-color:rgba(4, 32, 213, 0.1)}.lte-feature-icon {width:70px;height:70px;background:linear-gradient(135deg, #0420d5, #1a3cb8);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 20px rgba(4, 32, 213, 0.25)}.lte-feature-icon i {font-size:24px;color:white}.lte-feature h3 {font-size:1.4rem;font-weight:600;color:#333;margin-bottom:15px}.lte-feature p {font-size:1rem;color:#666;line-height:1.6}@media (max-width:768px) {.lte-5g-grid {grid-template-columns:1fr;gap:20px}.lte-5g-header h2 {font-size:2rem}.lte-feature {padding:25px 20px}}:root {--main-color:#0420d5;--main-color-dark:#0318a8;--main-color-light:#1a3cb8;--primary-color:#0420d5}* {margin:0;padding:0;box-sizing:border-box;font-family:'Inter', 'Arial', sans-serif}*, *::before, *::after {backface-visibility:hidden;-webkit-backface-visibility:hidden}.splash-screen {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:linear-gradient(135deg, #0420d5 0%, #0318a8 50%, #1a3cb8 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.splash-background {position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.splash-particles {position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 40px 60px, rgba(255,255,255,0.3), transparent), radial-gradient(2px 2px at 120px 120px, rgba(255,255,255,0.2), transparent), radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent), radial-gradient(1px 1px at 160px 80px, rgba(255,255,255,0.3), transparent);background-repeat:repeat;background-size:200px 200px;animation:sparkle 4s linear infinite}.splash-content {text-align:center;z-index:2;position:relative}.splash-logo-container {position:relative;display:inline-block;margin-bottom:30px;animation:logoFloat 3s ease-in-out infinite}.splash-logo {width:120px;height:120px;border-radius:25px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.3);position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(255, 255, 255, 0.3))}.splash-logo-glow {position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}.splash-title {font-size:3.5rem;font-weight:800;color:white;margin:0 0 10px 0;text-shadow:0 4px 20px rgba(0, 0, 0, 0.3);animation:titleSlide 1s ease-out 0.5s both;letter-spacing:2px}.splash-subtitle {font-size:1.2rem;color:rgba(255, 255, 255, 0.9);margin:0 0 40px 0;font-weight:300;animation:subtitleSlide 1s ease-out 0.8s both;letter-spacing:1px}.splash-loading {width:280px;margin:0 auto;animation:loadingFade 1s ease-out 1.2s both}.loading-bar {background:rgba(255, 255, 255, 0.2);height:4px;border-radius:10px;overflow:hidden;margin-bottom:15px;backdrop-filter:blur(10px)}.loading-progress {height:100%;background:linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 100%);border-radius:10px;width:0%;animation:loadingProgress 2.5s ease-in-out forwards;box-shadow:0 0 10px rgba(255, 255, 255, 0.5)}.loading-text {color:rgba(255, 255, 255, 0.8);font-size:0.9rem;margin:0;font-weight:400;animation:textPulse 1.5s ease-in-out infinite}.splash-wave {position:absolute;bottom:0;left:0;width:100%;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,112C1248,107,1344,117,1392,122.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;animation:wave 3s ease-in-out infinite}@keyframes sparkle {0%, 100% {transform:translateY(0px);opacity:1}50% {transform:translateY(-10px);opacity:0.8}}@keyframes logoFloat {0%, 100% {transform:translateY(0px)}50% {transform:translateY(-10px)}}@keyframes pulse {0%, 100% {transform:scale(0.8);opacity:0.5}50% {transform:scale(1.2);opacity:0.8}}@keyframes titleSlide {from {opacity:0;transform:translateY(30px)}to {opacity:1;transform:translateY(0)}}@keyframes subtitleSlide {from {opacity:0;transform:translateY(20px)}to {opacity:1;transform:translateY(0)}}@keyframes loadingFade {from {opacity:0;transform:translateY(20px)}to {opacity:1;transform:translateY(0)}}@keyframes loadingProgress {0% {width:0%}50% {width:70%}100% {width:100%}}@keyframes textPulse {0%, 100% {opacity:0.8}50% {opacity:1}}@keyframes wave {0%, 100% {transform:translateX(0px)}50% {transform:translateX(-50px)}}@keyframes splashFadeOut {0% {opacity:1;transform:scale(1)}100% {opacity:0;transform:scale(1.1)}}.splash-screen.fade-out {animation:splashFadeOut 0.8s ease-in-out forwards}@media (max-width:768px) {.splash-logo {width:100px;height:100px}.splash-title {font-size:2.5rem}.splash-subtitle {font-size:1rem}.splash-loading {width:240px}}@media (max-width:480px) {.splash-logo {width:80px;height:80px}.splash-title {font-size:2rem;letter-spacing:1px}.splash-subtitle {font-size:0.9rem}.splash-loading {width:200px}}html {scroll-behavior:smooth}body {background-color:#f8f9fa;color:#333}body {font-size:17px}header {background-color:white;box-shadow:0 2px 15px rgba(0, 0, 0, 0.08);position:fixed;width:100%;top:0;z-index:100}.navbar {display:flex;justify-content:space-between;align-items:center;padding:10px 1%;max-width:1000px;margin:0 auto}.logo {display:flex;align-items:center}.logo a {text-decoration:none;display:flex;align-items:center}.logo img {height:40px;width:auto;object-fit:contain}.nav-menu {display:flex;list-style:none}.nav-menu li {margin:0 15px;position:relative}.nav-menu li a {text-decoration:none;color:#222;font-weight:600;font-size:15px;transition:color 0.2s ease;padding:8px 0;position:relative}.nav-menu li a:hover {color:var(--main-color)}.nav-menu li a:after {content:'';position:absolute;width:0;height:2px;background:var(--main-color);bottom:0;left:0;transition:width 0.2s ease}.nav-menu li a:hover:after {width:100%}.nav-menu li a.active {color:var(--main-color)}.nav-menu li a.active:after {width:100%;background:var(--main-color)}.nav-actions {display:flex;align-items:center}.login-btn {background-color:#f8f9fa;color:#0420d5;border:2px solid #0420d5;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:15px;margin-right:10px;transition:background-color 0.2s ease, transform 0.2s ease;will-change:transform;transform:translate3d(0, 0, 0)}.login-btn:hover {background-color:#0420d5;color:white;transform:translate3d(0, -2px, 0)}.try-btn {background-color:#0420d5;color:white;border:none;padding:10px 22px;border-radius:6px;cursor:pointer;font-weight:600;font-size:15px;transition:background-color 0.2s ease, transform 0.2s ease;will-change:transform;transform:translate3d(0, 0, 0)}.try-btn:hover {background-color:#0318a8;transform:translate3d(0, -2px, 0)}.language-selector {margin-left:15px;color:#0420d5;font-weight:700;cursor:pointer;display:flex;align-items:center}.language-selector:after {content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;margin-left:5px}.hero {background:url('../images/hero-optimized.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;color:white;padding:80px 5% 60px;text-align:center;margin-top:70px;position:relative;overflow:hidden;transform:none !important;-webkit-transform:none !important}.hero-content {position:relative;z-index:2;max-width:800px;margin:0 auto;transform:none !important;-webkit-transform:none !important}.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="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.hero-content {position:relative;z-index:2;max-width:800px;margin:0 auto;transform:none !important;-webkit-transform:none !important}.hero h1 {font-size:20px;margin-bottom:18px;font-weight:700;line-height:1.1;letter-spacing:-0.02em;background:linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.hero p {font-size:18px;max-width:550px;margin:0 auto 30px;line-height:1.5;opacity:0.95;font-weight:400;color:rgba(255, 255, 255, 0.9)}.cta-button {background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);color:#0420d5;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);position:relative}.cta-button:hover {transform:translate3d(0, -2px, 0);box-shadow:0 6px 20px rgba(0, 0, 0, 0.15)}.hero-badge {display:inline-block;background:rgba(255, 255, 255, 0.2);border:1px solid rgba(255, 255, 255, 0.3);padding:8px 20px;border-radius:25px;font-size:11px;font-weight:600;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px;color:rgba(255, 255, 255, 0.9)}.hero-badge i {margin-right:8px;color:#FFD700}.hero-buttons {display:flex;gap:20px;justify-content:center;align-items:center;margin-bottom:50px;flex-wrap:wrap}.cta-button.secondary {background:rgba(255, 255, 255, 0.1);color:white;border:2px solid rgba(255, 255, 255, 0.3)}.cta-button.secondary:hover {background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.5);color:white;transform:translateY(-2px)}.cta-button.secondary i {margin-right:8px}.hero-stats {display:flex;justify-content:center;gap:50px;margin-top:30px;flex-wrap:wrap}.stat-item {text-align:center}.stat-number {font-size:32px;font-weight:800;color:#FFD700;margin-bottom:5px;text-shadow:0 2px 4px rgba(0, 0, 0, 0.3)}.stat-label {font-size:14px;color:rgba(255, 255, 255, 0.8);text-transform:uppercase;letter-spacing:1px;font-weight:500}.hero-stats {display:flex;justify-content:center;gap:60px;margin-top:60px;flex-wrap:wrap}.stat-item {text-align:center;color:rgba(255, 255, 255, 0.9)}.stat-number {font-size:28px;font-weight:700;display:block;margin-bottom:8px;color:#ffffff}.stat-label {font-size:14px;text-transform:uppercase;letter-spacing:1px;opacity:0.8}.floating-icons {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-icon {position:absolute;font-size:24px;color:rgba(255, 255, 255, 0.3);animation:float 4s ease-in-out infinite}.floating-icon:nth-child(1) {top:20%;left:10%;animation-delay:0s;font-size:30px;animation:float 4s ease-in-out infinite, pulse 2s ease-in-out infinite}.floating-icon:nth-child(2) {top:40%;right:15%;animation-delay:1s;font-size:26px;animation:float 5s ease-in-out infinite, zoom 3s ease-in-out infinite}.floating-icon:nth-child(3) {top:60%;left:20%;animation-delay:2s;font-size:28px;animation:float 3.5s ease-in-out infinite, bounce 2.5s ease-in-out infinite}.floating-icon:nth-child(4) {top:30%;right:30%;animation-delay:3s;font-size:32px;animation:float 4.5s ease-in-out infinite}.floating-icon:nth-child(5) {top:70%;right:10%;animation-delay:4s;font-size:24px;animation:float 3s ease-in-out infinite, sway 2.8s ease-in-out infinite}.floating-icon:nth-child(6) {top:50%;left:5%;animation-delay:5s;font-size:26px;animation:float 5.5s ease-in-out infinite, zoom 2.2s ease-in-out infinite}@keyframes float {0%, 100% {transform:translateY(0px);opacity:0.3}50% {transform:translateY(-30px);opacity:0.7}}@keyframes pulse {0%, 100% {transform:scale(1)}50% {transform:scale(1.2)}}@keyframes rotate {0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}@keyframes bounce {0%, 100% {transform:translateY(0px)}25% {transform:translateY(-15px)}50% {transform:translateY(-5px)}75% {transform:translateY(-10px)}}@keyframes glow {0%, 100% {box-shadow:0 0 5px rgba(255, 255, 255, 0.3);opacity:0.3}50% {box-shadow:0 0 20px rgba(255, 255, 255, 0.8);opacity:0.8}}@keyframes sway {0%, 100% {transform:translateX(0px)}50% {transform:translateX(15px)}}@keyframes zoom {0%, 100% {transform:scale(1);opacity:0.3}50% {transform:scale(1.3);opacity:0.6}}.providers-section {background-color:#f8f9fa;padding:40px 5%;text-align:center}.providers-container {max-width:1200px;margin:0 auto}.providers-title {font-size:18px;color:#666;margin-bottom:30px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.providers-logos {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}.provider-logo {display:flex;align-items:center;justify-content:center;padding:15px 25px;background-color:white;border-radius:8px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;min-width:120px;height:60px}.provider-logo:hover {transform:translateY(-5px);box-shadow:0 5px 20px rgba(0, 0, 0, 0.15)}.provider-logo img {max-width:80px;max-height:40px;object-fit:contain}.provider-text {font-size:16px;font-weight:700;color:#333}.mtn-logo {color:#FFD500;background:linear-gradient(135deg, #FFD500, #FF8C00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vodacom-logo {color:#E60000}.cellc-logo {color:#FF6600}.telkom-logo {color:#0066CC}.cards-section {padding:30px 5%;background-color:#f0f4fa}.cards-container {max-width:1200px;margin:0 auto;text-align:center}.cards-title {font-size:36px;font-weight:700;color:#333;margin-bottom:20px;line-height:1.2}.cards-subtitle {font-size:18px;color:#666;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.cards-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:15px}@media (max-width:1024px) {.cards-grid {grid-template-columns:repeat(2, 1fr)}}@media (max-width:768px) {.cards-grid {grid-template-columns:1fr}}.card {background:white;border-radius:12px;padding:30px 25px;box-shadow:0 8px 25px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;border:1px solid #e8eef8;text-align:center}.card:hover {transform:translateY(-10px);box-shadow:0 15px 40px rgba(0, 0, 0, 0.15);border-color:#0420d5}.card-icon {width:48px;height:48px;margin-bottom:25px;display:block;margin-left:auto;margin-right:auto}.card-icon.fas {font-size:48px;color:#0420d5;width:auto;height:auto}.card-title {font-size:22px;font-weight:700;color:#333;margin-bottom:15px}.card-description {font-size:16px;color:#666;line-height:1.6;margin-bottom:25px}.card-link {color:#0420d5;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;transition:color 0.3s ease}.card-link:hover {color:#0335b8}.card-link i {margin-left:8px;font-size:14px}.bundle-buttons {display:flex;justify-content:center;gap:30px;margin-top:50px;flex-wrap:wrap}.bundle-btn {background:linear-gradient(135deg, #0420d5 0%, #0335b8 100%);color:white;border:none;padding:18px 35px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(4, 32, 213, 0.3)}.bundle-btn:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(4, 32, 213, 0.4);background:linear-gradient(135deg, #0335b8 0%, #0420d5 100%)}.bundle-btn i {font-size:18px}.card .bundle-btn, .card .voip-signup-btn {display:inline-flex;margin:0 auto;justify-content:center;align-items:center}.modal {display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));backdrop-filter:blur(5px);animation:fadeIn 0.4s ease}.modal.show {display:flex !important;align-items:center;justify-content:center}.modal-content {background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);margin:5% auto;padding:0;border-radius:20px;width:90%;max-width:700px;max-height:80vh;overflow:hidden;position:relative;animation:slideIn 0.4s ease;box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.2);display:flex;flex-direction:column}.modal-content::-webkit-scrollbar {width:6px}.modal-content::-webkit-scrollbar-track {background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb {background:linear-gradient(135deg, #0420d5, #0335b8);border-radius:10px}.modal-body {flex:1;padding:25px;overflow-y:auto}.modal-body::-webkit-scrollbar {width:6px}.modal-body::-webkit-scrollbar-track {background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb {background:linear-gradient(135deg, #0420d5, #0335b8);border-radius:10px}@keyframes fadeIn {from {opacity:0}to {opacity:1}}@keyframes slideIn {from {transform:translateY(-50px) scale(0.9);opacity:0}to {transform:translateY(0) scale(1);opacity:1}}.modal-content h2 {background:linear-gradient(135deg, #0420d5 0%, #0335b8 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-weight:700;text-align:center;margin-bottom:20px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.modal-content h2 i {background:linear-gradient(135deg, #0420d5 0%, #0335b8 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:20px}.modal-content h2::after {content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(135deg, #0420d5, #0335b8);border-radius:2px}.close {color:#aaa;float:right;font-size:24px;font-weight:bold;cursor:pointer;position:absolute;top:15px;right:20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease;background:rgba(255, 255, 255, 0.1)}.close:hover {color:white;background:#e74c3c;transform:rotate(90deg)}.provider-selection h3 {color:#333;margin-bottom:15px;font-size:18px;font-weight:600;text-align:center}.provider-buttons {display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;max-width:350px;margin-left:auto;margin-right:auto;padding:0 10px}.provider-btn {background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border:2px solid #dee2e6;color:#333;padding:15px 12px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:0.3px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);min-height:50px;width:100%;display:flex;align-items:center;justify-content:center;line-height:1.2;text-shadow:0 1px 2px rgba(255, 255, 255, 0.8);font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif}.provider-btn::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255, 255, 255, 0.1);transition:left 0.3s ease}.provider-btn:hover::before {left:100%}.provider-btn.vodacom {border-color:#e60000;color:#e60000}.provider-btn.vodacom:hover, .provider-btn.vodacom.active {background:linear-gradient(135deg, #e60000 0%, #cc0000 100%);color:white;border-color:#e60000;transform:translateY(-2px);box-shadow:0 8px 20px rgba(230, 0, 0, 0.3)}.provider-btn.mtn {border-color:#ffcb05;color:#333;background:linear-gradient(135deg, #fff9e6 0%, #fff4d6 100%)}.provider-btn.mtn:hover, .provider-btn.mtn.active {background:linear-gradient(135deg, #ffcb05 0%, #e6b800 100%);color:#333;border-color:#ffcb05;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255, 203, 5, 0.3)}.provider-btn.cellc {border-color:#ff6600;color:#ff6600}.provider-btn.cellc:hover, .provider-btn.cellc.active {background:linear-gradient(135deg, #ff6600 0%, #e55a00 100%);color:white;border-color:#ff6600;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255, 102, 0, 0.3)}.provider-btn.telkom {border-color:#009fe3;color:#009fe3}.provider-btn.telkom:hover, .provider-btn.telkom.active {background:linear-gradient(135deg, #009fe3 0%, #0085c3 100%);color:white;border-color:#009fe3;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0, 159, 227, 0.3)}@media (max-width:768px) {.provider-buttons {grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;max-width:300px;padding:0 5px}.provider-btn {padding:12px 8px;font-size:13px;border-radius:6px;min-height:45px;letter-spacing:0.2px}}@media (max-width:480px) {.provider-buttons {grid-template-columns:1fr 1fr;gap:10px;max-width:280px;padding:0}.provider-btn {padding:10px 6px;font-size:12px;min-height:42px;letter-spacing:0.1px}}.bundle-results, .voice-results {margin-top:30px;opacity:0;animation:fadeInUp 0.5s ease forwards}@keyframes fadeInUp {from {opacity:0;transform:translateY(20px)}to {opacity:1;transform:translateY(0)}}.deal-category {margin-bottom:25px;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border-radius:15px;padding:20px;box-shadow:0 8px 20px rgba(0, 0, 0, 0.08);border:1px solid rgba(255, 255, 255, 0.2);position:relative;overflow:hidden}.deal-category::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--provider-color, linear-gradient(135deg, #0420d5, #0335b8))}.deal-category h4 {color:var(--provider-color, #0420d5);margin-bottom:15px;font-size:18px;font-weight:700;text-align:center;position:relative;text-transform:uppercase;letter-spacing:0.5px}.deal-category h4::after {content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:var(--provider-color, #0420d5);border-radius:2px}.deal-item {display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(135deg, #ffffff 0%, #fafafa 100%);margin:10px 0;border-radius:10px;border-left:4px solid var(--provider-color, #0420d5);box-shadow:0 3px 15px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;position:relative;overflow:hidden}.deal-item::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left 0.5s ease}.deal-item:hover {transform:translateX(5px);box-shadow:0 5px 20px rgba(0, 0, 0, 0.1)}.deal-item:hover::before {left:100%}.deal-info {flex:1}.deal-description {font-weight:600;color:#333;margin-bottom:5px;font-size:14px;line-height:1.3}.deal-code {font-size:11px;color:#666;background:#f8f9fa;padding:2px 8px;border-radius:10px;display:inline-block;font-weight:500}.deal-price {font-size:18px;font-weight:800;color:var(--provider-color, #0420d5);background:linear-gradient(135deg, var(--provider-color, #0420d5), var(--provider-secondary, #0335b8));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.deal-price::before {content:'💰';position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:14px}.vodacom-theme {--provider-color:#e60000;--provider-secondary:#cc0000}.mtn-theme {--provider-color:#ffcb05;--provider-secondary:#e6b800}.cellc-theme {--provider-color:#ff6600;--provider-secondary:#e55a00}.telkom-theme {--provider-color:#009fe3;--provider-secondary:#0085c3}.mtn-theme .deal-category h4, .mtn-theme .deal-price {color:#333;-webkit-text-fill-color:#333}.mtn-theme .deal-item {border-left-color:#ffcb05}.mtn-theme .deal-category::before {background:#ffcb05}@media (max-width:768px) {.bundle-buttons {flex-direction:column;align-items:center}.provider-buttons {flex-direction:column}.deal-item {flex-direction:column;align-items:flex-start;gap:8px}.modal-content {margin:10% auto;width:95%;padding:20px}}.pricing-section {padding:40px 5% 0;background-color:white}.pricing-container {max-width:1200px;margin:0 auto;text-align:center}.pricing-title {font-size:32px;font-weight:700;color:#333;margin-bottom:12px}.pricing-subtitle {font-size:18px;color:#666;margin-bottom:25px}.pricing-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:25px;margin-top:40px}.pricing-card {background:white;border-radius:12px;padding:25px 20px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;position:relative;border:2px solid transparent;text-align:center}.pricing-card.featured {border-color:#0420d5;transform:scale(1.02)}.pricing-card:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0, 0, 0, 0.12)}.pricing-badge {background:#0420d5;color:white;padding:5px 15px;border-radius:15px;font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:15px;display:inline-block}.pricing-plan {font-size:20px;font-weight:700;color:#333;margin-bottom:8px}.pricing-price {font-size:28px;font-weight:800;color:#0420d5;margin-bottom:5px}.pricing-period {color:#666;font-size:14px;margin-bottom:20px}.pricing-features {list-style:none;padding:0;margin-bottom:25px;text-align:center}.pricing-features li {padding:8px 0;color:#555;font-size:14px}.pricing-features li i {color:#28a745;margin-right:8px;font-size:12px}.pricing-btn {background:#0420d5;color:white;border:none;padding:12px 30px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%}.pricing-btn:hover {background:#0335b8;transform:translateY(-2px)}.bundle-pricing {margin-top:30px}.bundle-pricing .pricing-card {min-height:350px;display:flex;flex-direction:column;justify-content:space-between}.bundle-pricing .pricing-plan {font-size:18px;margin-bottom:10px}.bundle-pricing .pricing-price {font-size:32px;font-weight:900;margin-bottom:8px}.bundle-pricing .pricing-features {flex-grow:1;margin-bottom:20px}.bundle-pricing .pricing-features li {padding:6px 0;font-size:13px}.mtn-theme .pricing-card {border-left:4px solid #ffcd00}.mtn-theme .pricing-card.featured {border-color:#ffcd00;box-shadow:0 8px 25px rgba(255, 205, 0, 0.15)}.mtn-theme .pricing-price {color:#ffcd00}.mtn-theme .pricing-btn {background:#ffcd00;color:#333;font-weight:700}.mtn-theme .pricing-btn:hover {background:#e6b800;color:#333}.mtn-theme .pricing-badge {background:#ffcd00;color:#333}.telkom-theme .pricing-card {border-left:4px solid #0066cc}.telkom-theme .pricing-card.featured {border-color:#0066cc;box-shadow:0 8px 25px rgba(0, 102, 204, 0.15)}.telkom-theme .pricing-price {color:#0066cc}.telkom-theme .pricing-btn {background:#0066cc;color:white;font-weight:700}.telkom-theme .pricing-btn:hover {background:#0052a3;color:white}.telkom-theme .pricing-badge {background:#0066cc;color:white}.cellc-theme .pricing-card {border-left:4px solid #ff6600}.cellc-theme .pricing-card.featured {border-color:#ff6600;box-shadow:0 8px 25px rgba(255, 102, 0, 0.15)}.cellc-theme .pricing-price {color:#ff6600}.cellc-theme .pricing-btn {background:#ff6600;color:white;font-weight:700}.cellc-theme .pricing-btn:hover {background:#cc5200;color:white}.cellc-theme .pricing-badge {background:#ff6600;color:white}.vodacom-theme .pricing-card {border-left:4px solid #e60000}.vodacom-theme .pricing-card.featured {border-color:#e60000;box-shadow:0 8px 25px rgba(230, 0, 0, 0.15)}.vodacom-theme .pricing-price {color:#e60000}.vodacom-theme .pricing-btn {background:#e60000;color:white;font-weight:700}.vodacom-theme .pricing-btn:hover {background:#cc0000;color:white}.vodacom-theme .pricing-badge {background:#e60000;color:white}.provider-selection-main {margin:20px 0 0;text-align:center}.provider-selection-main h3 {font-size:22px;color:#333;margin-bottom:12px}.provider-buttons-main {display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.provider-btn-main {background:#f8f9fa;border:2px solid #e1e4e8;padding:10px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 3px 10px rgba(0, 0, 0, 0.08);min-width:140px}.provider-btn-main:hover {transform:translateY(-3px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.15)}.provider-btn-main.active {transform:translateY(-3px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.2)}.provider-btn-main.vodacom {border-color:#e60000;color:#e60000}.provider-btn-main.vodacom.active, .provider-btn-main.vodacom:hover {background:#e60000;color:white}.provider-btn-main.mtn {border-color:#ffcd00;color:#333}.provider-btn-main.mtn.active, .provider-btn-main.mtn:hover {background:#ffcd00;color:#333}.provider-btn-main.cellc {border-color:#ff6600;color:#ff6600}.provider-btn-main.cellc.active, .provider-btn-main.cellc:hover {background:#ff6600;color:white}.provider-btn-main.telkom {border-color:#0066cc;color:#0066cc}.provider-btn-main.telkom.active, .provider-btn-main.telkom:hover {background:#0066cc;color:white}.welcome-section {padding:40px 5%;background-color:#ffffff;margin-top:-20px}.welcome-section .container {max-width:1200px;margin:0 auto;text-align:center}.main-packages-display {min-height:auto;margin-top:0}.welcome-message {text-align:center;padding:30px 20px;background:white;border-radius:15px;border:2px dashed #e1e4e8;box-shadow:0 5px 15px rgba(0, 0, 0, 0.03);max-width:800px;margin:0 auto}.welcome-message h3 {color:#666;margin-bottom:10px}.welcome-message p {color:#888;font-size:16px}.provider-packages-section {animation:fadeInUp 0.5s ease}.provider-packages-section h3 {text-align:center;font-size:28px;margin-bottom:30px;color:#333}@keyframes fadeInUp {from {opacity:0;transform:translateY(20px)}to {opacity:1;transform:translateY(0)}}@media (max-width:768px) {.provider-buttons-main {grid-template-columns:repeat(2, 1fr);gap:15px}.provider-btn-main {padding:12px 20px;font-size:14px;min-width:120px}}.how-it-works {padding:80px 5%;background:white}.how-container {max-width:1200px;margin:0 auto;text-align:center}.how-title {font-size:36px;font-weight:700;color:#333;margin-bottom:20px}.how-subtitle {font-size:18px;color:#666;margin-bottom:60px}.steps-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;margin-top:40px}.step-item {text-align:center;position:relative}.step-number {width:60px;height:60px;background:#0420d5;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.step-title {font-size:20px;font-weight:700;color:#333;margin-bottom:15px}.step-description {color:#666;line-height:1.6}.faq-section {padding:80px 5%;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.faq-container {max-width:700px;margin:0 auto;text-align:center}.faq-title {font-size:32px;font-weight:700;color:#333;margin-bottom:15px}.faq-subtitle {font-size:16px;color:#666;margin-bottom:40px}.faq-grid {display:grid;gap:15px;text-align:left}.faq-item {background:white;border-radius:12px;box-shadow:0 3px 15px rgba(0, 0, 0, 0.06);overflow:hidden;transition:all 0.3s ease}.faq-item:hover {transform:translateY(-3px);box-shadow:0 6px 20px rgba(0, 0, 0, 0.1)}.faq-question {padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border-bottom:1px solid #eee;transition:all 0.3s ease}.faq-question:hover {background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.faq-question h3 {margin:0;font-size:16px;font-weight:600;color:#333}.faq-question span {margin:0;font-size:16px;font-weight:600;color:#333}.faq-question i {font-size:14px;color:#0420d5;transition:transform 0.3s ease}.faq-question.active i {transform:rotate(180deg)}.faq-answer {padding:0 20px;max-height:0;overflow:hidden;transition:all 0.3s ease;background:#ffffff}.faq-answer.active {padding:18px 20px;max-height:500px;border-top:1px solid #f0f0f0}.faq-answer p {margin:0;color:#666;line-height:1.5;font-size:14px}.faq-item .faq-answer.active {max-height:500px !important;opacity:1;padding:18px 20px !important}.faq-item .faq-answer {opacity:0;transition:max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease}.faq-item .faq-answer.active {opacity:1}#agentModal .faq-answer.active {max-height:800px !important;opacity:1 !important;padding:18px 20px !important;display:block !important;visibility:visible !important}#agentModal .faq-answer {max-height:0 !important;opacity:0 !important;overflow:hidden !important;visibility:hidden !important;transition:max-height 0.4s ease, opacity 0.4s ease, padding 0.3s ease, visibility 0s linear 0.4s !important}#agentModal .faq-answer.active {transition:max-height 0.4s ease, opacity 0.4s ease, padding 0.3s ease, visibility 0s linear 0s !important}.faq-item.open .faq-answer {max-height:0 !important;opacity:0 !important;visibility:hidden !important}.faq-item .faq-answer {max-height:0 !important;opacity:0 !important;visibility:hidden !important}.faq-item .faq-answer.active {max-height:800px !important;opacity:1 !important;visibility:visible !important;padding:18px 20px !important}.faq-item {border:1px solid #e2e8f0 !important;border-radius:12px !important;background:white !important;overflow:visible !important}.faq-question {background:#f8f9fa !important;padding:20px !important;cursor:pointer !important;border:none !important;font-weight:600 !important;color:#0420d5 !important;font-size:18px !important;display:flex !important;align-items:center !important;justify-content:space-between !important}.faq-question:hover {background-color:#f1f5f9 !important}.faq-answer {background:#f8f9fa !important;color:#333 !important;font-size:16px !important;line-height:1.6 !important;overflow:visible !important}.faq-item.active .faq-answer.active {max-height:none !important;height:auto !important;padding:20px !important;opacity:1 !important;display:block !important;visibility:visible !important;border-left:3px solid #0420d5 !important}.faq-answer.active p {color:#333 !important;font-size:16px !important;line-height:1.6 !important;margin:10px 0 !important;display:block !important}.faq-answer.active ul {color:#333 !important;padding-left:20px !important;margin:10px 0 !important}.faq-answer.active li {color:#333 !important;font-size:16px !important;line-height:1.6 !important;margin:8px 0 !important;list-style-type:disc !important}.faq-answer.active strong {color:#0420d5 !important;font-weight:600 !important}.faq-question i {transition:transform 0.3s ease !important;color:#0420d5 !important;font-size:16px !important}.faq-question.active i, .faq-item.active .faq-question i {transform:rotate(180deg) !important}.wifi-hero-section {background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:16px;padding:30px;margin-bottom:30px}.wifi-content {display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.wifi-info h3 {color:#0420d5;font-size:24px;font-weight:700;margin-bottom:15px}.wifi-info p {color:#666;font-size:16px;line-height:1.6;margin-bottom:25px}.wifi-features {margin-bottom:25px}.feature-row {display:flex;gap:15px;margin-bottom:12px}.feature-badge {display:flex;align-items:center;gap:8px;background:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;color:#333;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);flex:1}.feature-badge i {color:#0420d5;font-size:16px}.providers-showcase {display:flex;align-items:center;gap:15px;flex-wrap:wrap}.providers-label {font-weight:600;color:#333;font-size:16px}.providers-tags {display:flex;gap:10px}.provider-tag {padding:6px 14px;border-radius:15px;font-size:13px;font-weight:600;color:white}.provider-tag.vodacom {background:#e60000}.provider-tag.mtn {background:#ffcb00;color:#333}.provider-tag.telkom {background:#0066cc}.wifi-image {text-align:center}.router-product-image {max-width:200px;height:auto;border-radius:12px}.packages-section {background:white;border-radius:16px;padding:30px}.packages-header {text-align:center;margin-bottom:30px}.packages-header h2 {color:#0420d5;font-size:28px;font-weight:700;margin-bottom:10px}.packages-header p {color:#666;font-size:16px;line-height:1.6}.provider-selection {margin-bottom:30px}.provider-buttons {display:flex;justify-content:center;gap:20px;flex-wrap:nowrap}.provider-btn {display:flex;align-items:center;gap:10px;padding:15px 25px;border:2px solid #e9ecef;border-radius:12px;background:white;color:#333;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:140px;justify-content:center;flex:1;max-width:200px}.provider-btn:hover {transform:translateY(-2px);box-shadow:0 8px 25px rgba(0, 0, 0, 0.1)}.provider-btn.vodacom:hover {border-color:#e60000;color:#e60000}.provider-btn.mtn:hover {border-color:#ffcb00;color:#b8860b}.provider-btn.telkom:hover {border-color:#0066cc;color:#0066cc}.provider-btn i {font-size:18px}.packages-display {min-height:200px;border:2px dashed #e9ecef;border-radius:12px;display:flex;align-items:center;justify-content:center}.select-provider-prompt {text-align:center;color:#666}.select-provider-prompt i {font-size:24px;color:#0420d5;margin-bottom:10px}.select-provider-prompt p {font-size:16px;margin:0}@media (max-width:768px) {.wifi-content {grid-template-columns:1fr;text-align:center}.feature-row {flex-direction:column;gap:8px}.providers-showcase {justify-content:center}.provider-buttons {gap:10px}.provider-btn {padding:12px 15px;font-size:14px;min-width:100px}.provider-btn span {display:none}.provider-btn i {font-size:20px}}.floating-buttons {position:fixed !important;bottom:20px !important;left:50% !important;transform:translateX(-50%) !important;display:flex !important;flex-direction:row !important;gap:12px !important;z-index:99999 !important;background:rgba(255, 255, 255, 0.95) !important;backdrop-filter:blur(10px) !important;padding:10px 15px !important;border-radius:25px !important;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3) !important;border:2px solid #0420d5 !important;visibility:visible !important;opacity:1 !important}.floating-btn {display:flex !important;align-items:center !important;gap:8px !important;padding:12px 18px !important;border-radius:20px !important;text-decoration:none !important;font-weight:600 !important;font-size:16px !important;color:white !important;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2) !important;transition:all 0.3s ease !important;min-width:120px !important;justify-content:center !important;visibility:visible !important;opacity:1 !important}.floating-btn:hover {transform:translateY(-3px);box-shadow:0 12px 35px rgba(0, 0, 0, 0.2);text-decoration:none;color:white}.whatsapp-btn {background:linear-gradient(135deg, #25D366 0%, #20b357 100%) !important}.whatsapp-btn:hover {background:linear-gradient(135deg, #20b357 0%, #1a9647 100%) !important}.support-btn {background:linear-gradient(135deg, #0420d5 0%, #0056b3 100%) !important}.support-btn:hover {background:linear-gradient(135deg, #0056b3 0%, #004494 100%) !important}.floating-btn i {font-size:20px}.floating-btn span {font-size:14px;font-weight:600}@media (max-width:768px) {.floating-buttons {bottom:20px;padding:8px 12px;gap:8px;border-radius:20px}.floating-btn {padding:8px 12px;min-width:80px;font-size:13px;border-radius:18px}.floating-btn i {font-size:16px}.floating-btn span {font-size:12px}}.whatsapp-content {text-align:center;padding:15px}.whatsapp-option {margin:15px 0;padding:15px;border:2px solid #e8f5e8;border-radius:15px;background:#f9fff9}.whatsapp-option h3 {color:#25D366;margin-bottom:10px;font-size:18px}.whatsapp-option h3 i {margin-right:10px}.qr-container {margin:15px 0;padding:10px;background:white;border-radius:10px;display:inline-block;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1)}.qr-code {width:150px;height:150px;border-radius:8px}.phone-number {font-size:16px;font-weight:600;color:#25D366;margin:10px 0}.phone-number i {margin-right:8px}.whatsapp-divider {margin:20px 0;position:relative;text-align:center}.whatsapp-divider::before {content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.whatsapp-divider span {background:white;padding:0 20px;color:#666;font-weight:600;position:relative;z-index:1}.whatsapp-chat-btn {display:inline-block;background:#25D366;color:white;padding:12px 25px;border-radius:25px;text-decoration:none;font-weight:600;font-size:16px;box-shadow:0 4px 15px rgba(37, 211, 102, 0.3);transition:all 0.3s ease;margin-top:10px}.whatsapp-chat-btn:hover {background:#20b954;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37, 211, 102, 0.4);color:white;text-decoration:none}.whatsapp-chat-btn i {margin-right:10px;font-size:18px}.support-content {text-align:center;padding:15px}.support-option {margin:15px 0;padding:15px;border:2px solid #e8f0ff;border-radius:15px;background:#f9fcff}.support-option h3 {color:#0066cc;margin-bottom:10px;font-size:18px}.support-option h3 i {margin-right:10px}.support-phone {font-size:20px;font-weight:600;color:#0066cc;margin:10px 0}.support-phone i {margin-right:8px}.support-hours {font-size:14px;color:#666;font-style:italic}.support-divider {margin:20px 0;position:relative;text-align:center}.support-divider::before {content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.support-divider span {background:white;padding:0 20px;color:#666;font-weight:600;position:relative;z-index:1}.support-email-btn {display:inline-block;background:#0066cc;color:white;padding:12px 25px;border-radius:25px;text-decoration:none;font-weight:600;font-size:16px;box-shadow:0 4px 15px rgba(0, 102, 204, 0.3);transition:all 0.3s ease;margin-top:10px}.support-email-btn:hover {background:#0052a3;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0, 102, 204, 0.4);color:white;text-decoration:none}.support-email-btn i {margin-right:10px;font-size:16px}.callback-form {max-width:400px;margin:15px auto 0;text-align:left}.form-row {display:flex;gap:15px;margin-bottom:15px}.form-group {margin-bottom:15px;flex:1}.form-group label {display:block;margin-bottom:5px;font-weight:600;color:#333;font-size:14px}.form-group input {width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color 0.3s ease;box-sizing:border-box}.form-group input:focus {outline:none;border-color:#0066cc;box-shadow:0 0 0 3px rgba(0, 102, 204, 0.1)}.callback-btn {width:100%;background:#0066cc;color:white;padding:12px 20px;border:none;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 4px 15px rgba(0, 102, 204, 0.3);transition:all 0.3s ease;margin-top:10px}.callback-btn:hover {background:#0052a3;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0, 102, 204, 0.4)}.callback-btn i {margin-right:8px}@media (max-width:768px) {.form-row {flex-direction:column;gap:0}.callback-form {max-width:280px}}.splash-hidden {display:none !important;visibility:hidden !important;opacity:0 !important;z-index:-1 !important}.success-icon {color:#28a745;font-size:1.2rem;margin-right:8px}.success-button-primary {background:linear-gradient(135deg, #28a745 0%, #20c997 100%);margin-right:10px}.success-button-secondary {background:#6c757d}.header-animated {animation:0.6s ease-out 0s 1 normal none running slideDown}.hero-animated {transform:translateY(0px);animation:0.8s ease-out 0s 1 normal none running fadeInUp;opacity:1;transition:0.6s ease-out}.hero-content-animated {transform:none}.section-animated {opacity:1;transform:translateY(0px);transition:0.6s ease-out}.feature-item-clickable {cursor:pointer}.modal-icon-blue {color:#0066cc}.modal-icon-green {color:#139944}.pricing-highlight-inline {margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;text-align:center}@media (max-width:768px) {.faq-question {padding:15px}.faq-question h3 {font-size:14px}.faq-answer.active {padding:15px}.faq-answer p {font-size:13px}}.trusted-brands-section {padding:80px 5%;background:linear-gradient(135deg, #0420d5 0%, #1a2980 100%);color:white}.brands-container {max-width:1200px;margin:0 auto;text-align:center}.brands-title {font-size:36px;font-weight:700;margin-bottom:20px;color:white}.brands-subtitle {font-size:18px;color:rgba(255, 255, 255, 0.9);margin-bottom:16px}.brands-grid {display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;flex-wrap:nowrap;overflow-x:hidden}.brand-logo {background:rgba(255, 255, 255, 0.08);backdrop-filter:blur(6px);border-radius:12px;padding:14px 18px;border:1px solid rgba(255, 255, 255, 0.14);transition:transform 0.18s ease, box-shadow 0.18s ease;min-width:0;flex:1 1 0;max-width:18%}.brand-logo:hover {transform:translateY(-5px);background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.3)}.brand-image {max-width:100%;height:auto;opacity:0.9;transition:opacity 0.3s ease;filter:brightness(0) invert(1)}.brand-image {display:block;max-height:90px;width:auto;margin:0 auto;object-fit:contain}.brand-logo:hover .brand-image {opacity:1}.brand-logo {cursor:pointer}.brand-logo:focus {outline:3px solid rgba(4,32,213,0.18);outline-offset:4px;transform:none !important}.modal-content.modal-small {max-width:520px;padding:18px 22px;border-radius:12px}#brandModal .modal-body {padding:12px 10px;color:#333}@media (max-width:768px) {.brands-grid {flex-wrap:nowrap;gap:12px}.brand-logo {min-width:120px;max-width:18%}@media (max-width:768px) {.brand-image {max-height:60px}.brand-logo {max-width:22%}}.brands-title {font-size:28px}.trusted-brands-section {padding:36px 5%}}.more-companies-container {margin-top:24px;text-align:center}.more-companies-link {display:inline-block;background:linear-gradient(90deg, #0420d5, #1a3cb8);color:#fff;padding:10px 18px;border-radius:24px;text-decoration:none;font-weight:600;box-shadow:0 6px 18px rgba(4,32,213,0.18);transition:transform 0.12s ease, box-shadow 0.12s ease}.more-companies-link:hover {transform:translateY(-3px);box-shadow:0 10px 24px rgba(4,32,213,0.22)}@media (max-width:480px) {.brands-grid {justify-content:center;gap:10px}.brand-logo {min-width:100px;max-width:120px;padding:10px 15px}}.contact-section {padding:80px 5%;background:white}.contact-container {max-width:1200px;margin:0 auto}.contact-grid {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;align-content:start}.contact-info h2 {font-size:28px;font-weight:700;color:#333;margin-bottom:20px;margin-top:0;padding-top:0;line-height:1.2}.contact-info {padding-top:0;margin-top:0;display:flex;flex-direction:column;height:auto;align-self:start}.contact-info p {font-size:18px;color:#666;margin-bottom:30px;line-height:1.6}.contact-details {list-style:none;padding:0}.contact-details li {display:flex;align-items:center;margin-bottom:20px;font-size:16px;color:#555}.contact-details i {color:#0420d5;margin-right:15px;width:20px}.contact-cards {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:30px}.contact-card {background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;transition:all 0.3s ease;cursor:pointer}.contact-card:hover {background:#e7f3ff;border-color:#0420d5;transform:translateY(-3px);box-shadow:0 8px 25px rgba(4, 32, 213, 0.15)}.contact-icon {width:42px;height:42px;background:linear-gradient(135deg, #0420d5, #667eea);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:white;flex-shrink:0}.contact-text h4 {font-size:1rem;font-weight:600;margin:0 0 5px 0;color:#333}.contact-text p {font-size:0.9rem;margin:0;color:#666}.social-card {background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;margin-top:15px}.social-card-header {display:flex;align-items:center;gap:10px;margin-bottom:15px}.social-card-header i {font-size:1.1rem;color:#0420d5}.social-card-header h4 {font-size:1rem;font-weight:600;margin:0;color:#333}.social-links-card {display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}.social-link {display:flex;align-items:center;gap:8px;padding:10px 12px;background:white;border-radius:8px;text-decoration:none;color:#555;transition:all 0.3s ease;border:1px solid #e9ecef}.social-link:hover {transform:translateY(-2px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);color:white}.social-link.facebook:hover {background:#3b5998;border-color:#3b5998}.social-link.twitter:hover {background:#1da1f2;border-color:#1da1f2}.social-link.instagram:hover {background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:#e1306c}.social-link.linkedin:hover {background:#0077b5;border-color:#0077b5}.social-link i {font-size:1.1rem}.social-link span {font-size:0.9rem;font-weight:500}.contact-form {background:#f8f9fa;padding:40px;border-radius:15px;margin-top:0;padding-top:40px;display:flex;flex-direction:column;height:auto;align-self:start}.contact-form form {display:flex;flex-direction:column;height:auto}.form-group {margin-bottom:25px}.form-group:first-child {margin-top:0}.form-group label {display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input, .form-group textarea {width:100%;padding:15px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color 0.3s ease}.form-group input:focus, .form-group textarea:focus {outline:none;border-color:#0420d5}.form-group textarea {height:120px;resize:vertical}.submit-btn {background:#0420d5;color:white;border:none;padding:15px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%;margin-top:auto}.submit-btn:hover {background:#0335b8;transform:translateY(-2px)}.footer {background:#1a1a1a;color:white;padding:60px 5% 30px}.footer-container {max-width:1200px;margin:0 auto}.footer-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;margin-bottom:40px}.footer-section h3 {font-size:20px;font-weight:700;margin-bottom:20px;color:#0420d5}.footer-section p {line-height:1.6;color:#ccc}.footer-section ul {list-style:none;padding:0}.footer-section ul li {margin-bottom:10px}.footer-section ul li a {color:#ccc;text-decoration:none;transition:color 0.3s ease}.footer-section ul li a:hover {color:#0420d5}.social-links {display:flex;gap:15px;margin-top:20px}.social-links a {width:40px;height:40px;background:#0420d5;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.3s ease}.social-links a:hover {background:#0335b8;transform:translateY(-3px)}.footer-bottom {border-top:1px solid #333;padding-top:30px;text-align:center;color:#999}@media (max-width:768px) {.contact-grid {grid-template-columns:1fr;gap:40px}.contact-cards {grid-template-columns:1fr;gap:15px}.contact-card {padding:12px}.contact-icon {width:38px;height:38px;font-size:1rem}.social-links-card {grid-template-columns:1fr;gap:10px}.social-card {padding:15px;margin-top:12px}}.stats-section {padding:60px 5%;background:linear-gradient(135deg, #0420d5 0%, #1a2980 100%);color:white}.stats-container {max-width:1200px;margin:0 auto;text-align:center}.stats-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:40px;margin-top:30px}.stat-box {text-align:center}.stat-number {font-size:48px;font-weight:800;color:#FFD700;margin-bottom:10px;display:block}.stat-label {font-size:16px;color:rgba(255, 255, 255, 0.9);text-transform:uppercase;letter-spacing:1px;font-weight:500}.platform-features {padding:80px 5%;background:#f8f9fa}.platform-container {max-width:1200px;margin:0 auto}.platform-grid {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.platform-content h2 {font-size:36px;font-weight:700;color:#333;margin-bottom:20px}.platform-content p {font-size:18px;color:#666;line-height:1.6;margin-bottom:30px}.platform-list {list-style:none;padding:0}.platform-list li {display:flex;align-items:center;margin-bottom:15px;font-size:16px;color:#555}.platform-list li i {color:#0420d5;margin-right:12px;width:20px}.platform-image {position:relative;background:linear-gradient(135deg, #0420d5 0%, #1a2980 100%);border-radius:15px;padding:40px;text-align:center;color:white}.platform-icon {font-size:80px;margin-bottom:20px;opacity:0.8}.platform-text {font-size:18px;font-weight:600}@media (max-width:768px) {.platform-grid {grid-template-columns:1fr;gap:40px}}.hero h1 {font-size:48px;margin-bottom:20px;font-weight:700;line-height:1.2}.hero p {font-size:20px;max-width:700px;margin:0 auto 40px;line-height:1.5;opacity:0.9}.cta-button {background-color:white;color:#0420d5;border:none;padding:15px 35px;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.cta-button:hover {transform:translateY(-3px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.15)}.mobile-menu-toggle {display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#222}@media (max-width:1024px) {.nav-menu {display:none;position:fixed;top:70px;left:0;width:100%;background:white;flex-direction:column;box-shadow:0 2px 15px rgba(0, 0, 0, 0.1);z-index:999;padding:20px 0}.nav-menu.mobile-visible {display:flex}.nav-menu li {margin:10px 0;text-align:center}.mobile-menu-toggle {display:block}.try-btn {display:none}.navbar {padding:15px 20px}}.modal {display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);will-change:opacity;transform:translate3d(0, 0, 0)}.modal.show {display:flex !important;align-items:center;justify-content:center}.modal-content {background-color:white;margin:2% auto;padding:0;border-radius:15px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);position:relative;will-change:transform, opacity;transform:translate3d(0, 0, 0)}.modal-content.modal-wide {max-width:1400px;width:98%}.modal-header {background:linear-gradient(135deg, #0420d5 0%, #0318a8 50%, #1a3cb8 100%);color:white;padding:30px 40px;border-radius:15px 15px 0 0;display:flex;align-items:center;gap:20px;position:relative;border-bottom:3px solid #0420d5}.modal-header *, .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6, .modal-header p, .modal-header span {color:#ffffff !important;opacity:1 !important;text-shadow:none !important;background:none !important;-webkit-text-fill-color:#ffffff !important;background-clip:initial !important;-webkit-background-clip:initial !important}.modal-icon {font-size:3.5rem;color:white;background:rgba(255, 255, 255, 0.2);padding:15px;border-radius:15px;border:2px solid rgba(255, 255, 255, 0.3);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:center;width:80px;height:80px}.modal-title {font-size:2.2rem;font-weight:700;margin:0;flex:1;color:#ffffff !important;opacity:1 !important;text-shadow:none !important;background:none !important;-webkit-text-fill-color:#ffffff !important;background-clip:initial !important;-webkit-background-clip:initial !important}.modal-close {position:absolute;right:20px;top:20px;font-size:28px;font-weight:bold;cursor:pointer;color:white;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease}.modal-close:hover {background-color:rgba(255, 255, 255, 0.2)}.modal-body {padding:40px}.features-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-section {background:#ffffff;padding:25px;border-radius:15px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);border:1px solid #e9ecef;transform:translate3d(0, 0, 0)}.feature-section h3 {color:#0420d5de;font-size:1.3rem;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:12px}.feature-section h3 i {font-size:1.2rem;width:24px;text-align:center;color:#0420d5de}.feature-section p {color:#555;line-height:1.7;font-size:0.95rem;margin-bottom:15px}.feature-section ul {list-style:none;padding-left:0;margin-top:15px}.feature-section ul li {color:#555;line-height:1.6;padding:6px 0;padding-left:25px;position:relative;font-size:0.9rem}.feature-section ul li:before {content:"✓";position:absolute;left:0;color:#0420d5de;font-weight:bold;font-size:1.1rem}.feature-section ul li strong {color:#0420d5de;font-weight:600}.about-content {max-width:100%}.about-intro {text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);border-radius:15px}.about-intro h3 {color:#0420d5de;font-size:1.8rem;margin-bottom:20px}.about-intro p {font-size:1.1rem;line-height:1.7;color:#555}.company-stats {margin:40px 0;text-align:center}.company-stats h3 {color:#0420d5de;font-size:1.5rem;margin-bottom:30px}.stats-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:20px;margin-bottom:30px}.stat-item {background:#ffffff;padding:25px 15px;border-radius:12px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);border:1px solid #e9ecef}.stat-item h4 {color:#0420d5de;font-size:2rem;font-weight:700;margin-bottom:8px}.stat-item p {color:#666;font-size:0.9rem;margin:0}.team-section, .jobs-section {margin:40px 0;padding:30px;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border-radius:15px}.team-section h3, .jobs-section h3 {color:#0420d5de;font-size:1.4rem;margin-bottom:15px;text-align:center}.team-section h3 {font-size:1.8rem;margin-bottom:20px}.team-subtitle {text-align:center;max-width:800px;margin:0 auto 30px auto;font-size:1.1rem;color:#555;line-height:1.7}.team-section p, .jobs-section p {color:#555;line-height:1.7}.jobs-intro {text-align:center;max-width:800px;margin:0 auto 30px auto;font-size:1.1rem}.team-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:25px;margin:30px 0}.team-member {background:#ffffff;padding:0 0 25px 0;border-radius:12px;text-align:center;box-shadow:0 4px 15px rgba(4, 32, 213, 0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;border:1px solid rgba(4, 32, 213, 0.1);overflow:hidden}.team-member:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(4, 32, 213, 0.15)}.member-photo {width:100%;height:200px;margin:0;overflow:hidden;box-shadow:0 2px 8px rgba(4, 32, 213, 0.1)}.member-photo img {width:100%;height:100%;object-fit:cover;object-position:center}.team-member-content {padding:20px 25px 0 25px}.team-member h4 {color:#0420d5;font-size:1.3rem;font-weight:700;margin:0 0 8px 0}.team-member .role {color:#666;font-weight:600;font-size:0.95rem;margin:0 0 12px 0;text-transform:uppercase;letter-spacing:0.5px}.team-member .bio {color:#777;font-size:0.9rem;line-height:1.5;margin:0}.contact-item h4 {color:#0420d5de;font-size:1.1rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}.contact-item p {color:#666;margin:0}.jobs-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px;margin:25px 0}.job-item {background:#ffffff;padding:25px;border-radius:12px;border:1px solid rgba(4, 32, 213, 0.1);box-shadow:0 4px 15px rgba(4, 32, 213, 0.08);transition:transform 0.3s ease, box-shadow 0.3s ease;position:relative}.job-item:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(4, 32, 213, 0.15)}.job-item h4 {color:#0420d5de;font-size:1.2rem;margin-bottom:15px;display:flex;align-items:center;gap:10px}.job-item h4 i {color:#0420d5;font-size:1.1rem}.job-item p {color:#666;margin:5px 0;font-size:0.95rem}.job-status {position:absolute;top:15px;right:15px;padding:5px 12px;border-radius:15px;font-size:0.8rem;font-weight:600;text-transform:uppercase}.job-status.available {background:linear-gradient(135deg, #28a745, #20c997);color:white}.careers-contact {margin-top:30px;padding:25px;background:linear-gradient(135deg, #f8f9fa, #e9ecef);border-radius:12px;text-align:center;border:1px solid rgba(4, 32, 213, 0.1)}.careers-contact p {margin:8px 0}.careers-contact a {color:#0420d5;text-decoration:none;font-weight:600}.careers-contact a:hover {text-decoration:underline}.status-header {text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(4, 32, 213, 0.1)}.status-header h3 {color:#0420d5de;font-size:1.5rem;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px}.status-timestamp {background:linear-gradient(135deg, #f8f9fa, #e9ecef);padding:10px 20px;border-radius:8px;display:inline-block}.status-timestamp p {margin:0;color:#666;font-size:0.95rem}.providers-status, .system-services {margin:30px 0}.providers-status h4, .system-services h4 {color:#0420d5de;font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.status-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:15px}.status-item {background:#ffffff;padding:20px;border-radius:10px;border:1px solid rgba(4, 32, 213, 0.1);box-shadow:0 2px 8px rgba(4, 32, 213, 0.05);display:flex;align-items:center;gap:15px;transition:transform 0.2s ease, box-shadow 0.2s ease}.status-item:hover {transform:translateY(-2px);box-shadow:0 4px 15px rgba(4, 32, 213, 0.1)}.status-indicator {width:16px;height:16px;border-radius:50%;flex-shrink:0;position:relative}.status-indicator.operational {background:#28a745;box-shadow:0 0 10px rgba(40, 167, 69, 0.3)}.status-indicator.operational::before {content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#28a745;animation:pulse 2s infinite}@keyframes pulse {0% {transform:scale(1);opacity:1}100% {transform:scale(1.4);opacity:0}}.status-info h5 {color:#333;font-size:1.1rem;margin:0 0 5px 0;font-weight:600}.status-text {color:#28a745;font-weight:600;margin:0 0 5px 0;font-size:0.95rem}.status-details {color:#666;font-size:0.85rem}.status-summary {margin-top:30px;padding-top:20px;border-top:2px solid rgba(4, 32, 213, 0.1)}.uptime-stats h4 {color:#0420d5de;font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.uptime-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:15px}.uptime-item {background:linear-gradient(135deg, #ffffff, #f8f9fa);padding:20px;border-radius:10px;text-align:center;border:1px solid rgba(4, 32, 213, 0.1);box-shadow:0 2px 8px rgba(4, 32, 213, 0.05)}.uptime-label {display:block;color:#666;font-size:0.9rem;margin-bottom:8px}.uptime-value {display:block;color:#28a745;font-size:1.5rem;font-weight:700}.app-modal {z-index:2000}.app-modal-content {max-width:400px;width:90%;margin:10% auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0, 0, 0, 0.3)}.app-modal-header {background:linear-gradient(135deg, #0420d5 0%, #0318a8 100%);color:white;padding:25px 20px;display:flex;align-items:center;gap:15px;position:relative}.app-icon {width:60px;height:60px;border-radius:12px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2)}.app-info {flex:1}.app-info .modal-title {font-size:1.4rem;margin:0 0 5px 0;font-weight:700;color:white !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;-webkit-text-fill-color:white !important}.app-subtitle {font-size:0.9rem;opacity:0.9;margin:0}.app-modal-header .modal-close {color:white;font-size:24px;width:30px;height:30px;right:15px;top:15px}.app-modal-body {padding:25px 20px;text-align:center}.app-features {display:flex;justify-content:space-around;margin-bottom:25px;padding:20px 0;background:#f8f9fa;border-radius:12px}.app-feature {display:flex;flex-direction:column;align-items:center;gap:8px}.app-feature i {color:#0420d5;font-size:1.5rem}.app-feature span {font-size:0.8rem;color:#666;font-weight:600}.app-download-buttons {display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.download-btn {padding:15px 20px;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.2s ease}.primary-download {background:#0420d5;color:white}.primary-download:hover {background:#0318a8;transform:translateY(-2px)}.secondary-download {background:#f8f9fa;color:#0420d5;border:2px solid #0420d5}.secondary-download:hover {background:#0420d5;color:white}.app-benefits {margin-bottom:20px;text-align:center}.app-benefits p {display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0;font-size:0.9rem;color:#666}.app-benefits i {color:#28a745;font-size:0.8rem}.continue-web {background:none;border:none;color:#666;font-size:0.9rem;cursor:pointer;text-decoration:underline;padding:10px}.continue-web:hover {color:#0420d5}@media (max-width:480px) {.app-modal-content {margin:5% auto;width:95%}.app-modal-header {padding:20px 15px}.app-icon {width:50px;height:50px}.app-info .modal-title {font-size:1.2rem}.app-features {padding:15px 10px}.app-feature span {font-size:0.75rem}}@keyframes fadeIn {from {opacity:0}to {opacity:1}}@keyframes slideUp {from {opacity:0;transform:translate3d(0, 30px, 0)}to {opacity:1;transform:translate3d(0, 0, 0)}}@media (max-width:768px) {.modal-content {width:95%;margin:5% auto;max-height:85vh}.modal-header {padding:25px 20px;flex-direction:column;text-align:center;gap:15px}.modal-icon {width:50px;height:50px}.modal-title {font-size:1.8rem}.modal-close {right:15px;top:15px;width:35px;height:35px;font-size:24px}.modal-body {padding:25px 20px}.features-grid {grid-template-columns:1fr;gap:20px}.feature-section {padding:20px}.feature-section h3 {font-size:1.2rem;gap:10px}.feature-section p {font-size:0.9rem}.feature-section ul li {font-size:0.85rem}}@media (max-width:480px) {.modal-header {padding:20px 15px}.modal-title {font-size:1.6rem}.modal-body {padding:20px 15px}.features-grid {gap:15px}.feature-section {padding:15px}}@media (min-width:1200px) {.features-grid {grid-template-columns:repeat(2, 1fr)}.modal-wide .features-grid {grid-template-columns:repeat(3, 1fr)}}@media (max-width:768px) {.modal-wide {width:95% !important}.about-intro {padding:20px}.about-intro h3 {font-size:1.5rem}.stats-grid {grid-template-columns:repeat(2, 1fr);gap:15px}.contact-grid {grid-template-columns:1fr}.jobs-grid {grid-template-columns:1fr;gap:15px}.team-section, .jobs-section {padding:20px}}#splashScreen {position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg, #0420d5 0%, #1a3ff0 50%, #2d5bff 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden;transition:opacity 0.8s ease-out, transform 0.8s ease-out}@media (min-width:769px) {#splashScreen {display:none !important;visibility:hidden !important;opacity:0 !important}}#splashScreen.fade-out {opacity:0;transform:scale(1.1)}#splashScreen::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);animation:backgroundShimmer 3s ease-in-out infinite alternate}.splash-logo-container {position:relative;margin-bottom:2rem;animation:logoFloat 2s ease-in-out infinite alternate}.splash-logo {width:120px;height:120px;filter:drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));transition:transform 0.3s ease}.splash-title {font-size:2.5rem;font-weight:700;color:white;margin-bottom:1rem;text-align:center;animation:titleSlide 1.5s ease-out;text-shadow:0 4px 20px rgba(0, 0, 0, 0.3)}.splash-subtitle {font-size:1.2rem;color:rgba(255, 255, 255, 0.9);margin-bottom:3rem;text-align:center;animation:titleSlide 1.5s ease-out 0.3s both}.loading-container {position:relative;width:300px;margin-bottom:2rem}.loading-bar {width:100%;height:4px;background:rgba(255, 255, 255, 0.2);border-radius:2px;overflow:hidden;margin-bottom:1rem}.loading-progress {height:100%;background:linear-gradient(90deg, #ffffff 0%, #f0f8ff 50%, #ffffff 100%);border-radius:2px;animation:loadingProgress 3s ease-out;box-shadow:0 0 10px rgba(255, 255, 255, 0.5)}.loading-text {color:rgba(255, 255, 255, 0.8);font-size:1rem;text-align:center;min-height:1.2rem;animation:textPulse 1.5s ease-in-out infinite}.splash-particles {position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle {position:absolute;width:4px;height:4px;background:rgba(255, 255, 255, 0.6);border-radius:50%;animation:particleFloat 6s linear infinite}.particle:nth-child(1) {left:10%;animation-delay:0s;animation-duration:8s}.particle:nth-child(2) {left:20%;animation-delay:1s;animation-duration:6s}.particle:nth-child(3) {left:30%;animation-delay:2s;animation-duration:7s}.particle:nth-child(4) {left:70%;animation-delay:0.5s;animation-duration:5s}.particle:nth-child(5) {left:80%;animation-delay:1.5s;animation-duration:6.5s}.particle:nth-child(6) {left:90%;animation-delay:2.5s;animation-duration:7.5s}@keyframes logoFloat {0% {transform:translateY(0px) scale(1)}100% {transform:translateY(-10px) scale(1.05)}}@keyframes titleSlide {0% {opacity:0;transform:translateY(30px)}100% {opacity:1;transform:translateY(0)}}@keyframes loadingProgress {0% {width:0%}20% {width:25%}50% {width:60%}80% {width:90%}100% {width:100%}}@keyframes textPulse {0%, 100% {opacity:0.8}50% {opacity:1}}@keyframes backgroundShimmer {0% {opacity:0.5}100% {opacity:1}}@keyframes particleFloat {0% {transform:translateY(100vh) rotate(0deg);opacity:0}10% {opacity:1}90% {opacity:1}100% {transform:translateY(-100px) rotate(360deg);opacity:0}}@media (max-width:768px) {.splash-title {font-size:2rem}.splash-subtitle {font-size:1rem;padding:0 1rem}.splash-logo {width:100px;height:100px}.loading-container {width:250px}}@media (max-width:480px) {.splash-title {font-size:1.8rem}.splash-logo {width:80px;height:80px}.loading-container {width:200px}}@media (max-width:1024px) {.team-grid {grid-template-columns:repeat(2, 1fr);gap:20px}}@media (max-width:768px) {.team-grid {grid-template-columns:repeat(2, 1fr);gap:15px}.team-member {padding:0 0 20px 0}.member-photo {height:180px;margin:0}.team-member-content {padding:15px 20px 0 20px}.team-member h4 {font-size:1.2rem}}@media (max-width:480px) {.team-grid {grid-template-columns:1fr;gap:15px}.team-member {padding:0 0 20px 0}.member-photo {height:160px;margin:0}.team-member-content {padding:15px 15px 0 15px}.status-grid {grid-template-columns:1fr;gap:12px}.uptime-grid {grid-template-columns:repeat(2, 1fr);gap:10px}.status-header h3 {font-size:1.3rem}.providers-status h4, .system-services h4 {font-size:1.2rem}}.floating-footer {position:fixed;bottom:0;left:0;width:100%;background-color:white;box-shadow:0 -2px 10px rgba(0, 0, 0, 0.1);display:flex;justify-content:space-around;align-items:center;padding:12px 0;z-index:999;border-top:1px solid #eee}.floating-footer-item {display:flex;flex-direction:column;align-items:center;flex:1}.floating-footer-item a {display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#777;transition:color 0.3s ease;padding:5px 0}.floating-footer-item a.active {color:var(--main-color)}.floating-footer-item a:hover {color:var(--main-color)}.floating-footer-item i {font-size:1.2rem;margin-bottom:5px}.floating-footer-item span {font-size:0.75rem;font-weight:500}body {padding-bottom:70px}@media (min-width:992px) {.floating-footer {display:none}body {padding-bottom:0}}.dashboard-showcase {padding:20px 0 0;background-color:#ffffff !important;position:relative;overflow:hidden;margin-top:-40px}.dashboard-content {display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.dashboard-text-center {text-align:center;max-width:800px;margin:0 auto 30px}.dashboard-text-center h2 {font-size:2.5rem;font-weight:700;color:#222;margin-bottom:20px;line-height:1.2}.dashboard-text-center p {font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:25px}.dashboard-features {list-style:none;padding:0;margin:0 auto 30px;display:flex;flex-wrap:wrap;justify-content:center;max-width:900px}.dashboard-features li {font-size:1.05rem;color:#444;padding:10px 15px;margin:5px 10px;border:1px dashed #e1e4e8;border-radius:30px;display:flex;align-items:center;background-color:#f9f9f9}.dashboard-features li i {color:var(--main-color);margin-right:10px;font-size:1.2rem}.dashboard-image-full {width:72%;max-width:800px;margin:0 auto;padding-bottom:20px}.dashboard-image-wider {width:80%;max-width:850px}.dashboard-image-closer {margin-top:-15px}.dashboard-screenshot {width:100%;height:auto;border-radius:8px;box-shadow:0 15px 30px rgba(0, 0, 0, 0.12);border:1px solid rgba(0, 0, 0, 0.1);user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}@media screen and (max-width:1024px) {.dashboard-text-center {max-width:90%}.dashboard-image-full {max-width:92%}}@media screen and (max-width:768px) {.dashboard-showcase {padding:10px 0 0;margin-top:-20px}.dashboard-image-closer {margin-top:-20px}.dashboard-text-center h2 {font-size:2rem}.dashboard-features {flex-direction:column;align-items:center}.dashboard-features li {font-size:0.95rem;width:100%;max-width:350px}}@media screen and (max-width:576px) {.dashboard-showcase {padding:5px 0 0;margin-top:-10px}.dashboard-text-center h2 {font-size:1.75rem}.dashboard-text-center p {font-size:1rem}.dashboard-image-closer {margin-top:-15px}.dashboard-features li {padding:8px 12px;margin:5px 0}}.dashboard-features-horizontal {display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:8px;margin:0 auto 8px;max-width:100%;overflow-x:visible;padding:0}.dashboard-features-horizontal .feature-item {font-size:0.9rem;color:#444;padding:8px 14px;border:1px dashed #e1e4e8;border-radius:30px;display:flex;align-items:center;background-color:#f9f9f9;white-space:nowrap;flex:1 1 0;justify-content:center;text-align:center;min-width:0;font-weight:500;transition:all 0.3s ease}.dashboard-features-horizontal .feature-item:hover {background-color:var(--main-color);color:white;border-color:var(--main-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.dashboard-features-horizontal .feature-item:hover i {color:white}.dashboard-features-horizontal .feature-item i {color:var(--main-color);margin-right:6px;font-size:1.1rem}@media screen and (max-width:768px) {.dashboard-features-horizontal {justify-content:center;gap:4px;padding:5px 0}.dashboard-features-horizontal .feature-item {font-size:0.85rem;padding:6px 10px;margin:0 -1px}.dashboard-features-horizontal .feature-item i {font-size:0.95rem;margin-right:4px}}.install-benefits {display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0;gap:15px}.benefit-item {display:flex;flex-direction:column;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px;flex:1;min-width:80px}.benefit-item i {font-size:24px;color:var(--main-color);margin-bottom:10px}.benefit-item span {font-size:14px;color:#666}.modal-actions {width:100%}.modal-actions .button-row {display:flex;gap:10px;margin-bottom:15px;width:100%}.modal-actions .button-row.full-width {margin-top:5px}.modal-btn {flex:1;padding:12px 15px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.modal-btn i {margin-right:8px}.modal-btn.update-btn {background-color:#0420d5;color:white;padding:15px;font-size:17px}.modal-btn.primary {background-color:#0088cc;color:white;border:none}.modal-btn.warning {background-color:#ffa500;color:white;border:none}.modal-btn.danger {background-color:#dc3545;color:white;border:none}.modal-btn.secondary {background-color:#6c757d;color:white;border:none}.modal-btn:hover {opacity:0.9;transform:translateY(-2px)}.modal-btn.primary-btn {background-color:var(--main-color);color:white;border:none}.modal-btn.primary-btn:hover {background-color:#031796}.video-container {position:relative;display:inline-block;cursor:pointer}.play-button-overlay {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;background:none !important;background-color:transparent !important;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;box-shadow:none !important}.play-button-overlay i {color:white;font-size:30px;margin-left:6px}.video-container:hover .play-button-overlay {background:none !important;background-color:transparent !important;width:90px;height:90px;box-shadow:none !important}.video-container:hover .play-button-overlay i {font-size:34px}.video-modal .modal-content {max-width:90%;width:1400px;margin:2% auto}.video-wrapper {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:0}.video-wrapper iframe, .video-wrapper video {position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:5px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2)}.video-modal .modal-body {padding:0}.video-modal .modal-header {margin-bottom:0;padding:20px 40px}.dashboard-showcase#dashboard-showcase {background-color:#ffffff !important}.cards-section#features {background-color:#f0f4fa}.pricing-section#pricing {background-color:white}.router-requirement-section {background:#f8f9fa;border-radius:12px;padding:30px;margin-bottom:40px;border:2px solid #e9ecef}.router-info {display:flex;gap:30px;align-items:center}.router-image {flex:0 0 300px}.router-product-image {width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1)}.router-details {flex:1}.router-details h3 {font-size:24px;color:#333;margin-bottom:15px;font-weight:600}.router-description {font-size:16px;color:#666;line-height:1.6;margin-bottom:25px}.router-specs {display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin-bottom:25px}.spec-item {display:flex;align-items:center;gap:10px;font-size:14px;color:#555}.spec-item i {color:#0420d5;width:16px}.router-pricing {display:flex;flex-direction:column;gap:8px}.router-price {font-size:18px;font-weight:600;color:#0420d5}.setup-fee {font-size:16px;color:#e74c3c;font-weight:600}@media (max-width:768px) {.router-info {flex-direction:column;text-align:center}.router-image {flex:none}.router-specs {grid-template-columns:1fr}}#pricing-modal {background:transparent !important;padding:0 !important}#pricing-modal .pricing-container {max-width:100% !important}#pricing-modal .pricing-title {color:#333 !important;margin-bottom:15px !important}#pricing-modal .pricing-subtitle {color:#666 !important;margin-bottom:30px !important}.packages-display-area {margin-top:30px;min-height:400px;padding:20px;background:#f8f9fa;border-radius:12px;border:2px dashed #ddd}.select-provider-message {text-align:center;color:#888;font-size:18px;margin-top:180px;font-style:italic}.modal .provider-btn-main {margin:0 5px 10px 5px}.router-info {display:flex;gap:30px;align-items:center}.router-image {flex:0 0 300px}.router-product-image {width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1)}.router-details {flex:1}.router-details h3 {font-size:24px;color:#333;margin-bottom:15px;font-weight:600}.router-description {font-size:16px;color:#666;line-height:1.6;margin-bottom:25px}.router-specs {display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin-bottom:25px}.spec-item {display:flex;align-items:center;gap:10px;font-size:14px;color:#555}.spec-item i {color:#0420d5;width:16px}.router-pricing {display:flex;flex-direction:column;gap:8px}.router-price {font-size:18px;font-weight:600;color:#0420d5}.setup-fee {font-size:16px;color:#e74c3c;font-weight:600}@media (max-width:768px) {.router-info {flex-direction:column;text-align:center}.router-image {flex:none}.router-specs {grid-template-columns:1fr}}.packages-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;margin-bottom:40px}.package-card {background:white;border-radius:12px;padding:30px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;position:relative;border:2px solid transparent}.package-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.15)}.package-card.featured {border-color:#0420d5;transform:scale(1.05)}.package-card.featured:hover {transform:scale(1.05) translateY(-5px)}.package-badge {position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#0420d5;color:white;padding:5px 20px;border-radius:20px;font-size:12px;font-weight:bold}.package-header {text-align:center;margin-bottom:25px}.package-header h3 {font-size:24px;font-weight:bold;color:#333;margin-bottom:10px}.package-price {font-size:36px;font-weight:bold;color:#0420d5}.package-price span {font-size:16px;color:#666;font-weight:normal}.package-features ul {list-style:none;padding:0;margin-bottom:30px}.package-features li {padding:8px 0;display:flex;align-items:center;font-size:14px;color:#555}.package-features li i {color:#28a745;margin-right:10px;font-size:12px}.package-select-btn {width:100%;padding:15px;background:#0420d5;color:white;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s ease}.package-select-btn:hover {background:#0318b5;transform:translateY(-2px)}.additional-info {background:#f8f9fa;border-radius:12px;padding:30px;margin-top:30px}.additional-info h3 {text-align:center;margin-bottom:25px;color:#333;font-size:20px}.included-features {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px}.included-features .feature-item {display:flex;align-items:center;padding:15px;background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1)}.included-features .feature-item i {color:#0420d5;margin-right:15px;font-size:18px}.included-features .feature-item span {font-weight:500;color:#333}@media (max-width:768px) {.packages-grid {grid-template-columns:1fr;gap:20px}.package-card.featured {transform:scale(1)}.package-card.featured:hover {transform:translateY(-5px)}.included-features {grid-template-columns:1fr}}.business-packages {margin-top:50px;padding-top:40px;border-top:2px solid #e9ecef}.package-card.business {border:2px solid #28a745;background:linear-gradient(135deg, #ffffff 0%, #f8fff9 100%)}.package-card.business:hover {border-color:#1e7e34;box-shadow:0 10px 30px rgba(40, 167, 69, 0.2)}.package-card.business .package-price {color:#28a745}.package-select-btn.business-btn {background:#28a745}.package-select-btn.business-btn:hover {background:#1e7e34}.provider-buttons-main {display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.provider-btn-main.voice {background:linear-gradient(135deg, #28a745, #20c997);color:white;border:2px solid #28a745}.provider-btn-main.voice:hover {background:linear-gradient(135deg, #1e7e34, #1a9d8a);border-color:#1e7e34;transform:translateY(-2px)}.provider-btn-main.voice.active {background:linear-gradient(135deg, #1e7e34, #1a9d8a);border-color:#1e7e34}.provider-btn-main.voice i {margin-right:8px}.provider-btn-main i {margin-right:8px}@media (max-width:768px) {.provider-buttons-main {justify-content:center}.provider-btn-main.voice {margin-left:0;order:1;width:100%;max-width:200px}}.providers-list {display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.provider-tag {padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;color:white;display:inline-block}.provider-tag.vodacom {background:#e60000}.provider-tag.mtn {background:#ffcb05;color:#333}.provider-tag.telkom {background:#0066cc}.voip-intro {text-align:center;margin-bottom:25px;background:linear-gradient(135deg, #0420d5 0%, #0318a8 50%, #1a3cb8 100%);color:white;padding:20px;border-radius:15px;position:relative;overflow:hidden}.voip-intro::before {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer {0% {transform:translateX(-100%) translateY(-100%) rotate(45deg)}100% {transform:translateX(100%) translateY(100%) rotate(45deg)}}.voip-description {font-size:16px;margin-bottom:12px;color:#ffffff;font-weight:600;line-height:1.4}.voip-benefits {font-size:14px;margin-bottom:10px;line-height:1.5;color:rgba(255, 255, 255, 0.9);font-weight:400}.voip-free-calls {font-size:14px;color:#ffffff;font-weight:700;text-shadow:0 2px 4px rgba(0, 0, 0, 0.3)}.voip-packages-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;margin-bottom:25px;padding:0 10px}.voip-package-card {background:linear-gradient(135deg, #0420d5 0%, #1a3cb8 100%);padding:25px 15px;border-radius:12px;text-align:center;color:white;box-shadow:0 5px 20px rgba(4, 32, 213, 0.25);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:relative;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.2)}.voip-package-card::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.voip-package-card::after {content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, #0420d5, #1a3cb8, #0318a8, #0420d5);z-index:-1;border-radius:12px;opacity:0;transition:opacity 0.3s ease}.voip-package-card:hover {transform:translateY(-8px) scale(1.03);box-shadow:0 15px 40px rgba(4, 32, 213, 0.4)}.voip-package-card:hover::before {opacity:1}.voip-package-card:hover::after {opacity:1}.voip-package-card h3 {font-size:18px;margin-bottom:8px;font-weight:700;color:white;position:relative;z-index:2;letter-spacing:0.5px}.package-price {font-size:24px;margin-bottom:15px;font-weight:800;color:#ffffff;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0, 0, 0, 0.3)}.voip-signup-btn {background:rgba(255, 255, 255, 0.15);color:white;border:1px solid rgba(255, 255, 255, 0.3);padding:10px 20px;border-radius:25px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:relative;z-index:2;backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:0.5px}.voip-signup-btn:hover {background:rgba(255, 255, 255, 0.25);border-color:rgba(255, 255, 255, 0.5);transform:translateY(-2px);box-shadow:0 5px 15px rgba(255, 255, 255, 0.2)}.voip-features {display:flex;justify-content:center;gap:30px;margin-bottom:25px;padding:15px;background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);border-radius:10px;flex-wrap:wrap;border:1px solid rgba(4, 32, 213, 0.1);box-shadow:0 2px 10px rgba(0, 0, 0, 0.05)}.voip-features .feature-item {display:flex;align-items:center;gap:8px;color:#333;font-size:14px;padding:8px 12px;border-radius:20px;background:rgba(4, 32, 213, 0.05);transition:all 0.3s ease}.voip-features .feature-item:hover {background:rgba(4, 32, 213, 0.1);transform:translateY(-2px)}.voip-features .feature-item i {color:#0420d5;font-size:16px}.voip-features .feature-item span {font-weight:600;color:#333}.voip-requirements {margin-bottom:25px}.voip-requirements h3 {text-align:center;color:white;background:linear-gradient(135deg, #0420d5 0%, #1a3cb8 100%);padding:15px;margin-bottom:20px;border-radius:10px;font-size:18px;font-weight:700;box-shadow:0 3px 12px rgba(4, 32, 213, 0.2)}.requirements-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.requirement-item {text-align:center;padding:20px 15px;border-radius:10px;background:#ffffff;border:1px solid rgba(4, 32, 213, 0.1);transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);position:relative;overflow:hidden}.requirement-item::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg, transparent, #0420d5, transparent);transition:left 0.5s ease}.requirement-item:hover::before {left:100%}.requirement-item:hover {border-color:rgba(4, 32, 213, 0.3);transform:translateY(-5px);box-shadow:0 8px 25px rgba(4, 32, 213, 0.15)}.requirement-item i {font-size:36px;color:#0420d5;margin-bottom:10px;display:block;transition:all 0.3s ease}.requirement-item:hover i {transform:scale(1.1);color:#1a3cb8}.requirement-item h4 {font-size:16px;margin-bottom:8px;color:#333;font-weight:600;line-height:1.3}.requirement-item p {font-size:13px;color:#666;font-weight:500;line-height:1.4}.voip-services {display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;margin-bottom:25px}.service-card {background:#ffffff;padding:20px 15px;border-radius:10px;text-align:center;border:1px solid rgba(4, 32, 213, 0.1);transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);position:relative;overflow:hidden}.service-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #0420d5, #1a3cb8);transform:scaleX(0);transition:transform 0.3s ease}.service-card:hover::before {transform:scaleX(1)}.service-card:hover {border-color:rgba(4, 32, 213, 0.3);transform:translateY(-5px);box-shadow:0 10px 30px rgba(4, 32, 213, 0.15)}.service-card h4 {color:#0420d5;margin-bottom:10px;font-size:16px;font-weight:600}.service-card p {font-size:13px;margin-bottom:15px;color:#666;line-height:1.5;font-weight:500}.service-btn {background:linear-gradient(135deg, #0420d5 0%, #1a3cb8 100%);color:white;border:none;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 2px 8px rgba(4, 32, 213, 0.3);text-transform:uppercase;letter-spacing:0.5px}.service-btn:hover {transform:translateY(-3px);box-shadow:0 5px 15px rgba(4, 32, 213, 0.4)}.voip-terms {background:linear-gradient(135deg, #0420d5 0%, #1a3cb8 100%);color:white;padding:20px;border-radius:10px;box-shadow:0 3px 12px rgba(4, 32, 213, 0.2);position:relative}.voip-terms h4 {color:#ffffff;margin-bottom:12px;font-size:18px;font-weight:700}.terms-content ul {margin-left:18px;margin-bottom:12px}.terms-content li {margin-bottom:8px;line-height:1.5;font-weight:400;font-size:13px}.terms-content p {font-weight:600;margin-bottom:8px;font-size:14px;line-height:1.4}@media (max-width:768px) {.voip-packages-grid {grid-template-columns:repeat(2, 1fr);gap:10px;padding:0 5px}.voip-package-card {padding:15px 10px}.package-price {font-size:20px}.voip-package-card h3 {font-size:16px}.voip-features {flex-direction:column;gap:12px;text-align:center;padding:12px}.requirements-grid {grid-template-columns:1fr;gap:12px}.voip-services {grid-template-columns:1fr;gap:12px}.voip-intro {padding:15px}.voip-description {font-size:14px}.voip-benefits {font-size:13px}.voip-free-calls {font-size:13px}.requirement-item {padding:15px 10px}.service-card {padding:15px 10px}.voip-terms {padding:15px}}.router-details {display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.router-specs {justify-items:center}.spec-item {justify-content:center}.providers-list {display:flex;gap:10px;justify-content:center}.modal-dialog {background:white;width:100%;max-width:900px;margin:1rem;border-radius:1rem;position:relative;box-shadow:none}.signup-form {padding:2rem;box-shadow:none}.signup-form h2 {color:#1f2937;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem}.form-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:1.25rem}.grid-span-full {grid-column:1 / -1}.form-group {margin-bottom:0.75rem}.form-group label {display:block;margin-bottom:0.5rem;color:#374151;font-size:0.875rem;font-weight:500;display:flex;align-items:center}.professional-title {color:#0420d5;font-size:1.75rem;font-weight:600;text-align:center;margin-bottom:2rem;padding-top:1.5rem}.form-group label i {width:20px;margin-right:0.5rem;color:#0420d5;font-size:1rem;text-align:center}.form-group input:not([type="file"]):not([type="checkbox"]) {width:100%;padding:0.625rem 0.875rem;border:1.5px solid #e5e7eb;border-radius:0.5rem;font-size:0.875rem;transition:all 0.2s ease}.form-group input:focus {border-color:#0420d5;box-shadow:0 0 0 3px rgba(4, 32, 213, 0.1);outline:none}.modal-close {position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:#6b7280;cursor:pointer;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s}.modal-close:hover {background-color:#f3f4f6;color:#374151}.modal-content {padding:0;max-height:90vh;overflow-y:auto;box-shadow:none}.modal-wide {max-width:1100px}.modal-header {display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #eef2f7}.modal-header .modal-icon {font-size:28px;color:#0420d5}.modal-title {margin:0;font-size:1.25rem;font-weight:700;color:#111827}.modal-body .about-intro {padding:20px 24px}.faq-list div {background:#fff;border:1px solid #eef2f7;padding:12px;border-radius:8px;margin-bottom:8px}@media (max-width:900px) {.voip-packages-grid {grid-template-columns:repeat(2,1fr)}.requirements-grid {grid-template-columns:repeat(1,1fr)}.voip-services {grid-template-columns:repeat(1,1fr)}}#agentModal {position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);z-index:9999}#agentModal.show {display:flex}#agentModal .modal-content {width:92%;max-width:1200px;background:white;border-radius:15px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.5);position:relative;max-height:95vh;display:flex;flex-direction:column}#agentModal .modal-header {background:linear-gradient(135deg, #0420d5 0%, #2a40da 100%);color:white;padding:25px 30px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}#agentModal .modal-icon {font-size:2rem;color:white;margin-right:15px}#agentModal .modal-title {font-size:2.2rem;font-weight:300;margin:0;color:white;letter-spacing:-0.3px}#agentModal .modal-close {position:absolute;top:50%;right:25px;transform:translateY(-50%);background:rgba(255,255,255,0.2);color:white;width:35px;height:35px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;transition:all 0.3s ease;border:none}#agentModal .modal-close:hover {background:rgba(255,255,255,0.3);transform:translateY(-50%) rotate(90deg)}#agentModal .modal-body {padding:35px;overflow-y:auto;flex-grow:1;font-family:'Inter', sans-serif}#agentModal h2 {color:#1a202c;margin:30px 0 20px;padding-bottom:12px;border-bottom:3px solid #0420d5;font-size:2.1rem;text-align:center;font-weight:300;letter-spacing:-0.3px}#agentModal h2:first-child {margin-top:0}#agentModal .pricing-cards {display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:25px;margin:25px 0}#agentModal .pricing-card {background:linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);border-radius:16px;padding:25px 20px;box-shadow:0 8px 25px rgba(4, 32, 213, 0.08);text-align:center;transition:all 0.3s ease;border:1px solid rgba(4, 32, 213, 0.1)}#agentModal .pricing-card:hover {transform:translateY(-8px);box-shadow:0 15px 35px rgba(4, 32, 213, 0.15);border-color:#0420d5}#agentModal .pricing-card h3 {font-size:1.1rem;font-weight:400;color:#4a5568;margin-bottom:15px;text-transform:uppercase;letter-spacing:0.5px}#agentModal .price {font-size:2.8rem;font-weight:300;color:#0420d5;margin:15px 0;text-shadow:0 2px 4px rgba(4, 32, 213, 0.1);letter-spacing:-1px}#agentModal .minutes {font-size:1.2rem;color:#2d3748;margin-bottom:18px;font-weight:300}#agentModal .features-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:25px 0}#agentModal .feature-item {background:linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);padding:20px;border-radius:14px;box-shadow:0 6px 20px rgba(0, 0, 0, 0.06);text-align:center;border:1px solid rgba(4, 32, 213, 0.08)}#agentModal .feature-item:hover {transform:translateY(-3px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.1)}#agentModal .feature-icon {font-size:2.2rem;color:#0420d5;margin-bottom:15px}#agentModal .feature-item h3 {margin-bottom:10px;color:#1a202c;font-size:1.1rem;font-weight:400}#agentModal .feature-item p {color:#4a5568;font-size:1rem;line-height:1.6;font-weight:300}#agentModal .benefits {background:linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);padding:30px;border-radius:16px;margin:35px 0;text-align:center;border:1px solid rgba(4, 32, 213, 0.1)}#agentModal .benefits h3 {color:#1a202c;margin-bottom:20px;font-size:1.8rem;font-weight:300}#agentModal .benefits-list {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px;margin-top:25px}#agentModal .benefit-item {background:white;padding:25px;border-radius:12px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);text-align:center;border:1px solid rgba(4, 32, 213, 0.05)}#agentModal .benefit-item i {color:#0420d5;font-size:2.5rem;margin-bottom:18px}#agentModal .benefit-item h4 {margin-bottom:12px;color:#1a202c;font-size:1.2rem;font-weight:400}#agentModal .benefit-item p {color:#4a5568;font-size:1rem;line-height:1.5;font-weight:300}#agentModal .faq-item {margin-bottom:18px;border:1px solid rgba(4, 32, 213, 0.1);border-radius:12px;overflow:hidden;background:white}#agentModal .faq-question {padding:20px;background:linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);cursor:pointer;font-weight:400;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;color:#1a202c;transition:all 0.3s ease}#agentModal .faq-question:hover {background:linear-gradient(135deg, #e8edff 0%, #f8f9ff 100%)}#agentModal .faq-question h3 {font-size:1.1rem;font-weight:400;color:#1a202c;display:flex;align-items:center;margin:0}#agentModal .faq-question h3 i {margin-right:12px;color:#0420d5;font-size:1.2rem}#agentModal .faq-question .fas.fa-chevron-down {color:#0420d5;font-size:0.9rem;transition:transform 0.3s ease}#agentModal .faq-question.active .fas.fa-chevron-down {transform:rotate(180deg)}#agentModal .faq-answer {padding:0 20px;max-height:0;overflow:hidden;transition:max-height 0.4s ease, padding 0.3s ease;background:#ffffff}#agentModal .faq-answer.active {padding:20px;max-height:800px}#agentModal .faq-answer p {color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:15px;font-weight:300}#agentModal .faq-answer ul {margin-left:20px}#agentModal .faq-answer li {color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:8px;font-weight:300}#agentModal .faq-answer li strong {color:#1a202c;font-weight:400}.modal-footer {position:sticky;bottom:0;background:linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);padding:0;text-align:center;border-top:1px solid rgba(4, 32, 213, 0.1);flex-shrink:0;margin-top:auto}.modal-footer .cta-button {display:block;width:100%;background:linear-gradient(135deg, #0420d5 0%, #2a40da 100%);color:white;padding:20px;border-radius:0;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 -4px 15px rgba(4, 32, 213, 0.2);border:none;cursor:pointer;letter-spacing:0.5px;text-transform:uppercase;margin:0}.modal-footer .cta-button:hover {background:linear-gradient(135deg, #2a40da 0%, #0420d5 100%);transform:translateY(-2px);box-shadow:0 -6px 20px rgba(4, 32, 213, 0.4)}#agentModal .modal-footer {background:linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);padding:0;text-align:center;border-top:1px solid rgba(4, 32, 213, 0.1);flex-shrink:0}#agentModal .cta-button {display:block;width:100%;background:linear-gradient(135deg, #0420d5 0%, #2a40da 100%);color:white;padding:20px;border-radius:0;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 -4px 15px rgba(4, 32, 213, 0.2);border:none;cursor:pointer;letter-spacing:0.5px;text-transform:uppercase;margin:0}#agentModal .cta-button:hover {background:linear-gradient(135deg, #2a40da 0%, #0420d5 100%);transform:translateY(-2px);box-shadow:0 -6px 20px rgba(4, 32, 213, 0.4)}@media (max-width:1024px) {#agentModal .features-grid {grid-template-columns:repeat(2, 1fr);gap:18px}#agentModal .feature-item {padding:18px}}@media (max-width:768px) {#agentModal .features-grid {grid-template-columns:1fr;gap:15px}#agentModal .feature-item {padding:20px}}.file-upload {border:1.5px dashed #e5e7eb;padding:0.875rem;border-radius:0.5rem;cursor:pointer;text-align:center;background-color:#f9fafb;transition:all 0.2s ease}.file-upload:hover {border-color:#0420d5;background-color:#f0f7ff}.file-upload span {display:flex;align-items:center;justify-content:center;gap:0.5rem;color:#0420d5;font-size:0.875rem}.file-upload .file-name {margin-top:0.5rem;font-size:0.75rem;color:#6b7280}.password-container {position:relative}.password-toggle {position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer;transition:color 0.2s ease}.password-toggle:hover {color:#0420d5}.terms-checkbox {display:flex;align-items:center;gap:0.5rem;margin-top:0.5rem}.terms-checkbox input[type="checkbox"] {width:1rem;height:1rem;border-radius:0.25rem;border:1.5px solid #e5e7eb;cursor:pointer}.terms-checkbox label {font-size:0.875rem;color:#4b5563;cursor:pointer}.submit-btn {width:100%;padding:0.75rem 1.5rem;background-color:#0420d5;color:white;border:none;border-radius:0.5rem;font-weight:500;cursor:pointer;transition:background-color 0.2s ease}.submit-btn:hover {background-color:#031ba3}.pricing-card .pricing-btn, .pricing-grid .pricing-btn {display:block;margin:0.75rem auto 1rem;padding-left:1.25rem;padding-right:1.25rem;text-align:center}#messageContainer {margin-bottom:1.5rem}.message {padding:0.75rem 1rem;border-radius:0.5rem;font-size:0.875rem;text-align:center}.message.success {background-color:#dcfce7;color:#16a34a;border:1px solid #86efac}.message.error {background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.faq-question {padding:1rem;background-color:white;border:1px solid #e5e7eb;border-radius:0.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease;margin-bottom:0.5rem}.faq-question:hover {background-color:#f8fafc;border-color:#0420d5}.faq-question .fa-chevron-down {transition:transform 0.3s ease;color:#0420d5}.faq-answer {display:none;padding:1.5rem;background-color:#f9fafb;border-radius:0 0 0.5rem 0.5rem;color:#4a5568;line-height:1.6;border:1px solid #e5e7eb;border-top:none;margin-bottom:1rem}.faq-item.open > .faq-answer {display:block;animation:faqSlideDown 220ms ease-out}.faq-item.open > .faq-question .fa-chevron-down {transform:rotate(180deg)}@keyframes faqSlideDown {from {opacity:0;transform:translateY(-6px)}to {opacity:1;transform:translateY(0)}}.faq-answer p {margin:0 0 1.25rem;color:#2d3748;font-size:0.95rem}.faq-answer ul {margin:1rem 0;padding-left:0;list-style:none}.faq-answer ul li {margin-bottom:0.75rem;padding-left:1.5rem;position:relative;font-size:0.95rem}.faq-answer ul li:before {content:"•";color:#0420d5;font-weight:bold;position:absolute;left:0}.faq-answer ul li strong {color:#1a202c;font-weight:600}.pricing-card {display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:0.75rem;background:#fff}.dashboard-features-horizontal {display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:1rem}.dashboard-features-horizontal .feature-item {display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:#f8fafc;border-radius:10px;color:#0420d5;font-weight:600;font-size:1.05rem;min-width:130px;justify-content:center;box-shadow:0 4px 12px rgba(2,6,23,0.04)}.dashboard-features-horizontal .feature-item i {font-size:1.35rem;margin-right:6px;color:#0420d5}@media (max-width:600px) {.dashboard-features-horizontal .feature-item {font-size:0.98rem;min-width:110px;padding:8px 12px}.dashboard-features-horizontal .feature-item i {font-size:1.1rem}}.city-grid {display:flex;flex-wrap:wrap;gap:0.5rem 0.75rem;margin-top:0.75rem;justify-content:center}.city-button {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 0.75rem;border-radius:0.5rem;border:1px solid #e5e7eb;background:#fff;color:#0f172a;cursor:pointer;font-size:0.95rem;transition:all 0.15s ease}.city-button:hover {transform:translateY(-2px);box-shadow:0 6px 18px rgba(4,32,213,0.06)}.city-button .area-code {background:#f1f5f9;color:#0f172a;padding:0.15rem 0.45rem;border-radius:0.35rem;font-weight:600;font-size:0.85rem}.city-button.active {background:#0420d5;color:#fff;border-color:#0420d5}.city-button.active .area-code {background:rgba(255,255,255,0.15);color:#fff}.voip-features {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:0.5rem 1rem;align-items:start}.voip-feature {display:flex;gap:0.6rem;align-items:flex-start}.voip-feature i {color:#0420d5;font-size:1.1rem;margin-top:0.2rem;width:26px;text-align:center}.voip-feature .muted {color:#6b7280;font-size:0.85rem;margin-top:0.15rem}.support-note {margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-style:italic;color:#2d3748}.modal .message {text-align:center;padding:1rem;margin:1rem 0;border-radius:0.5rem}.modal .message.success {background-color:#dcfce7;color:#16a34a}.modal .message.error {background-color:#fee2e2;color:#dc2626}.modal .file-upload {border:2px dashed #e2e8f0;padding:1rem;text-align:center;cursor:pointer;border-radius:0.5rem;background-color:#f8fafc;transition:all 0.2s}.modal .file-upload:hover {border-color:#0420d5;background-color:#f0f7ff}@keyframes modalFadeIn {from {opacity:0;transform:translateY(-20px)}to {opacity:1;transform:translateY(0)}}.modal-dialog {animation:modalFadeIn 0.3s ease-out}.modal-wide {max-width:1100px}.modal-header {display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #eef2f7}.modal-header .modal-icon {font-size:28px;color:#0420d5}.modal-title {margin:0;font-size:1.25rem;font-weight:700;color:#111827}.modal-body .about-intro {padding:20px 24px}.voip-packages-grid {margin-top:12px}.voip-package-card {background:#fff;border:1px solid #e6eefb;padding:14px;border-radius:10px;text-align:center}.voip-package-card .package-price {font-weight:800;color:#0420d5;font-size:1.25rem;margin:8px 0}.voip-benefits div {background:#fff;border:1px solid #eef2f7;padding:12px;border-radius:8px}@keyframes slideDown {from {transform:translateY(-100%);opacity:0}to {transform:translateY(0);opacity:1}}@keyframes fadeInUp {from {transform:translateY(30px);opacity:0}to {transform:translateY(0);opacity:1}}section {opacity:0;transform:translateY(20px)}header {opacity:1}#analyticsModal .website-hero {text-align:center;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:40px 20px;border-radius:15px;margin-bottom:40px}#analyticsModal .website-hero h2 {font-size:2.5rem;margin-bottom:15px;font-weight:300}#analyticsModal .website-hero p {font-size:1.3rem;opacity:0.9}#analyticsModal .service-types {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px;margin-bottom:50px}#analyticsModal .service-type {text-align:center;padding:30px 20px;background:#f8f9fa;border-radius:15px;transition:transform 0.3s ease, box-shadow 0.3s ease}#analyticsModal .service-type:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.1)}#analyticsModal .service-icon {width:80px;height:80px;background:linear-gradient(135deg, #0420d5 0%, #2a40da 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:white;font-size:2rem}#analyticsModal .section-title {text-align:center;font-size:2.2rem;margin:50px 0 30px;color:#1a202c;font-weight:300}#analyticsModal .website-pricing {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px;margin-bottom:50px}#analyticsModal .website-plan {background:white;border:2px solid #e2e8f0;border-radius:20px;padding:30px;text-align:center;position:relative;transition:all 0.3s ease}#analyticsModal .website-plan:hover {border-color:#0420d5;transform:translateY(-5px);box-shadow:0 20px 40px rgba(4,32,213,0.1)}#analyticsModal .website-plan.featured {border-color:#0420d5;box-shadow:0 15px 35px rgba(4,32,213,0.15);transform:scale(1.05)}#analyticsModal .plan-badge {position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #0420d5 0%, #2a40da 100%);color:white;padding:8px 25px;border-radius:25px;font-size:0.9rem;font-weight:500}#analyticsModal .plan-header h3 {font-size:1.8rem;margin-bottom:15px;color:#1a202c}#analyticsModal .plan-price {margin-bottom:25px}#analyticsModal .plan-price .currency {font-size:1.5rem;vertical-align:top;color:#0420d5}#analyticsModal .plan-price .amount {font-size:3rem;font-weight:700;color:#0420d5}#analyticsModal .plan-price .period {font-size:1rem;color:#64748b;margin-left:5px}#analyticsModal .plan-features {text-align:left;margin-bottom:20px}#analyticsModal .plan-features .feature {padding:8px 0;border-bottom:1px solid #f1f5f9}#analyticsModal .plan-features .feature i {color:#22c55e;margin-right:10px;width:20px}#analyticsModal .plan-maintenance {font-size:0.9rem;color:#64748b;margin-bottom:25px;font-style:italic}#analyticsModal .plan-button {width:100%;padding:15px;background:linear-gradient(135deg, #0420d5 0%, #2a40da 100%);color:white;border:none;border-radius:10px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease}#analyticsModal .plan-button:hover {background:linear-gradient(135deg, #2a40da 0%, #0420d5 100%);transform:translateY(-2px)}#analyticsModal .plan-features {color:#64748b;font-size:0.9rem;margin:15px 0;text-align:center}#analyticsModal .card-icon {width:60px;height:60px;background:linear-gradient(135deg, #0420d5 0%, #2a40da 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px auto}#analyticsModal .card-icon i {font-size:24px;color:white}#analyticsModal .pricing-card h3, #analyticsModal .pricing-card h4 {text-align:center;margin-bottom:15px;color:#1a202c;font-size:1.1rem;font-weight:500}#analyticsModal .pricing-card p {text-align:center;color:#64748b;line-height:1.6;margin:0;font-size:0.95rem}#analyticsModal .benefits h3 {text-align:center;color:#1a202c;font-size:1.8rem;margin-bottom:15px}#analyticsModal .benefits > p {text-align:center;color:#64748b;line-height:1.6;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}#analyticsModal .benefits-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-top:30px}@media (max-width:768px) {#analyticsModal .benefits-grid {grid-template-columns:1fr;gap:15px}}#analyticsModal .pricing-cards {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:25px 0}#analyticsModal .pricing-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:30px 0}@media (max-width:1200px) {#analyticsModal .pricing-cards {grid-template-columns:repeat(2, 1fr)}#analyticsModal .pricing-grid {grid-template-columns:repeat(2, 1fr)}}@media (max-width:768px) {#analyticsModal .pricing-cards {grid-template-columns:1fr}#analyticsModal .pricing-grid {grid-template-columns:1fr}#analyticsModal .benefits-grid {grid-template-columns:1fr;gap:15px}}#analyticsModal .faq-item {margin-bottom:15px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}#analyticsModal .faq-question {padding:18px 20px;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease;border:none;outline:none}#analyticsModal .faq-question:hover {background:#e9ecef}#analyticsModal .faq-question span {font-weight:500;color:#1a202c;font-size:1rem}#analyticsModal .faq-question i {color:#0420d5;transition:transform 0.3s ease}#analyticsModal .faq-item.active .faq-question i {transform:rotate(180deg)}#analyticsModal .faq-answer {display:none;padding:0;margin:0;height:0;overflow:hidden}.expertise-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:25px;margin-top:40px;padding:20px}.expertise-card {background:linear-gradient(135deg, #ffffff 0%, #f8fafe 100%);border-radius:20px;padding:30px 20px;box-shadow:0 10px 35px rgba(4, 32, 213, 0.1);transition:all 0.4s ease;border:2px solid #e8eef8;text-align:center;position:relative;overflow:hidden;cursor:pointer;min-height:280px;display:flex;flex-direction:column;justify-content:center}.expertise-card::before {content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg, #0420d5 0%, #2644ff 50%, #0335b8 100%);transform:scaleX(0);transition:transform 0.4s ease}.expertise-card::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(4, 32, 213, 0.02) 0%, rgba(38, 68, 255, 0.05) 100%);opacity:0;transition:opacity 0.4s ease;z-index:1}.expertise-card:hover {transform:translateY(-12px) scale(1.02);box-shadow:0 20px 50px rgba(4, 32, 213, 0.2);border-color:#0420d5}.expertise-card:hover::before {transform:scaleX(1)}.expertise-card:hover::after {opacity:1}.expertise-icon {width:80px;height:80px;background:linear-gradient(135deg, #0420d5 0%, #2644ff 50%, #0335b8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;transition:all 0.4s ease;position:relative;z-index:2;box-shadow:0 8px 25px rgba(4, 32, 213, 0.2)}.expertise-icon::before {content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg, #0420d5, #2644ff, #0335b8);border-radius:50%;z-index:-1;opacity:0;transition:opacity 0.4s ease}.expertise-icon i {font-size:36px;color:white;transition:transform 0.4s ease}.expertise-card:hover .expertise-icon {transform:scale(1.15) rotate(5deg);box-shadow:0 12px 30px rgba(4, 32, 213, 0.4)}.expertise-card:hover .expertise-icon::before {opacity:1}.expertise-card:hover .expertise-icon i {transform:scale(1.1)}.expertise-card h4 {font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:20px;line-height:1.3;position:relative;z-index:2;transition:color 0.4s ease}.expertise-card:hover h4 {color:#0420d5}.expertise-card p {font-size:16px;color:#555;line-height:1.7;margin:0;position:relative;z-index:2;transition:color 0.4s ease}.expertise-card:hover p {color:#333}@media (max-width:1200px) {.expertise-grid {gap:20px;padding:15px}.expertise-card {padding:25px 15px;min-height:260px}.expertise-icon {width:70px;height:70px}.expertise-icon i {font-size:32px}.expertise-card h4 {font-size:18px;margin-bottom:15px}.expertise-card p {font-size:14px}}@media (max-width:992px) {.expertise-grid {grid-template-columns:repeat(2, 1fr);gap:20px;padding:15px}.expertise-card {min-height:240px}}@media (max-width:768px) {.expertise-grid {grid-template-columns:1fr;gap:20px;padding:10px}.expertise-card {padding:30px 25px;min-height:auto}.expertise-icon {width:70px;height:70px}.expertise-icon i {font-size:32px}.expertise-card h4 {font-size:20px}.expertise-card p {font-size:15px}}div[style*="position:fixed"][style*="bottom"][style*="right"] {display:block !important;visibility:visible !important;opacity:1 !important;z-index:999999 !important}#floating-buttons {display:flex !important;visibility:visible !important;opacity:1 !important;z-index:999999 !important;position:fixed !important}div[style*="TOP TEST BUTTON"] {display:block !important;visibility:visible !important;opacity:1 !important;z-index:999999 !important}