:root{--sandton-slate: #455A64;--sandton-blue: #0288D1;--sandton-blue-dark: #01579B;--sandton-blue-light: #03A9F4;--primary-color: #455A64;--secondary-color: #0288D1;--accent-color: #03A9F4;--text-dark: #263238;--text-light: #546E7A;--bg-light: #F5F7FA;--bg-white: #FFFFFF;--border-color: #CFD8DC;--success-color: #10B981;--font-primary: 'Inter', sans-serif;--font-heading: 'Poppins', sans-serif;--transition: all 0.3s ease;--shadow-sm: 0 1px 3px rgba(69, 90, 100, 0.1);--shadow-md: 0 4px 6px rgba(69, 90, 100, 0.1);--shadow-lg: 0 10px 15px rgba(69, 90, 100, 0.1);--shadow-xl: 0 20px 25px rgba(69, 90, 100, 0.15);}*{margin: 0;padding: 0;box-sizing: border-box;}html{scroll-behavior: smooth;}body{font-family: var(--font-primary);color: var(--text-dark);line-height: 1.6;overflow-x: hidden;}.container{max-width: 1200px;margin: 0 auto;padding: 0 20px;}img{max-width: 100%;display: block;}a{text-decoration: none;color: inherit;}ul{list-style: none;}.navbar{position: fixed;top: 0;left: 0;right: 0;background: var(--bg-white);box-shadow: var(--shadow-sm);z-index: 1000;transition: var(--transition);}.navbar.scrolled{box-shadow: var(--shadow-md);}.nav-wrapper{display: flex;justify-content: space-between;align-items: center;padding: 1rem 0;}.logo{font-family: var(--font-heading);font-size: 1.5rem;font-weight: 700;color: var(--primary-color);}.logo-text{background: linear-gradient(135deg, var(--sandton-slate), var(--sandton-blue));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.logo-img{height: 40px;width: auto;transition: var(--transition);}.logo-img:hover{transform: scale(1.05);}@media (max-width: 768px) {.logo-img { height: 32px;}}.nav-menu{display: flex;align-items: center;gap: 2rem;}.nav-link{position: relative;font-weight: 500;color: var(--text-dark);transition: var(--transition);}.nav-link:hover,.nav-link.active{color: var(--secondary-color);}.nav-link::after{content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: var(--secondary-color);transition: var(--transition);}.nav-link:hover::after,.nav-link.active::after{width: 100%;}.mobile-menu-btn{display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;}.mobile-menu-btn span{width: 25px;height: 3px;background: var(--primary-color);transition: var(--transition);}.btn{display: inline-block;padding: 0.75rem 1.5rem;border-radius: 8px;font-weight: 600;transition: var(--transition);cursor: pointer;border: none;font-family: var(--font-primary);font-size: 1rem;}.btn-primary{background: var(--secondary-color);color: var(--bg-white);}.btn-primary:hover{background: var(--sandton-blue-dark);transform: translateY(-2px);box-shadow: var(--shadow-md);}.btn-secondary{background: transparent;color: var(--secondary-color);border: 2px solid var(--secondary-color);}.btn-secondary:hover{background: var(--secondary-color);color: var(--bg-white);}.btn-primary-nav{background: var(--secondary-color);color: var(--bg-white);padding: 0.5rem 1.25rem;}.btn-primary-large{padding: 1rem 2.5rem;font-size: 1.1rem;}.hero{position: relative;min-height: 100vh;display: flex;align-items: center;padding-top: 80px;overflow: hidden;}.hero-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, #455A64 0%, #0288D1 100%);opacity: 0.05;z-index: -1;}.hero-bg::after{content: '';position: absolute;top: -50%;right: -10%;width: 600px;height: 600px;background: radial-gradient(circle, var(--sandton-blue) 0%, transparent 70%);opacity: 0.3;border-radius: 50%;}.hero-content{max-width: 800px;margin: 0 auto;text-align: center;animation: fadeInUp 1s ease;}.hero-title{font-family: var(--font-heading);font-size: 3.5rem;font-weight: 700;color: var(--primary-color);margin-bottom: 1.5rem;line-height: 1.2;}.hero-subtitle{font-size: 1.25rem;color: var(--text-light);margin-bottom: 2.5rem;}.hero-cta{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;margin-bottom: 4rem;}.trust-badges{display: flex;justify-content: center;gap: 3rem;flex-wrap: wrap;}.badge-item{text-align: center;}.badge-number{display: block;font-family: var(--font-heading);font-size: 2rem;font-weight: 700;color: var(--secondary-color);}.badge-label{display: block;font-size: 0.9rem;color: var(--text-light);margin-top: 0.25rem;}section{padding: 5rem 0;}.section-header{text-align: center;margin-bottom: 3rem;}.section-title{font-family: var(--font-heading);font-size: 2.5rem;font-weight: 700;color: var(--primary-color);margin-bottom: 1rem;}.section-subtitle{font-size: 1.1rem;color: var(--text-light);max-width: 600px;margin: 0 auto;}.services-overview{background: var(--bg-light);}.services-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.service-card{background: var(--bg-white);padding: 2rem;border-radius: 12px;box-shadow: var(--shadow-sm);transition: var(--transition);cursor: pointer;}.service-card:hover{transform: translateY(-10px);box-shadow: var(--shadow-lg);}.service-icon{width: 60px;height: 60px;background: linear-gradient(135deg, var(--sandton-blue), var(--sandton-slate));border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;}.service-icon svg{width: 30px;height: 30px;stroke: white;}.service-title{font-family: var(--font-heading);font-size: 1.3rem;font-weight: 600;color: var(--primary-color);margin-bottom: 1rem;}.service-description{color: var(--text-light);margin-bottom: 1.5rem;line-height: 1.7;}.service-link{color: var(--secondary-color);font-weight: 600;transition: var(--transition);}.service-link:hover{gap: 0.5rem;}.why-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;}.why-card{text-align: center;padding: 2rem;}.why-icon{font-size: 3rem;margin-bottom: 1rem;}.why-card h3{font-family: var(--font-heading);font-size: 1.3rem;color: var(--primary-color);margin-bottom: 0.75rem;}.why-card p{color: var(--text-light);line-height: 1.7;}.industries{background: var(--bg-light);}.industries-list{display: flex;justify-content: center;gap: 1rem;flex-wrap: wrap;margin-bottom: 3rem;}.industry-tag{padding: 0.75rem 1.5rem;background: var(--bg-white);border: 2px solid var(--secondary-color);border-radius: 50px;color: var(--secondary-color);font-weight: 600;transition: var(--transition);}.industry-tag:hover{background: var(--sandton-blue);color: var(--bg-white);}.clients-logos{text-align: center;}.clients-note{color: var(--text-light);font-style: italic;}.detail-row{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;margin-bottom: 5rem;}.detail-row.reverse{direction: rtl;}.detail-row.reverse > *{direction: ltr;}.detail-image{width: 100%;}.detail-placeholder{width: 100%;aspect-ratio: 1;background: linear-gradient(135deg, var(--sandton-slate) 0%, var(--sandton-blue) 100%);border-radius: 16px;display: flex;align-items: center;justify-content: center;}.detail-placeholder svg{width: 120px;height: 120px;stroke: white;opacity: 0.5;}.detail-placeholder img{width: 100%;height: auto;display: block;object-fit: cover;border-radius: 15px;}.detail-content h3{font-family: var(--font-heading);font-size: 2rem;color: var(--primary-color);margin-bottom: 1.5rem;}.detail-content p{color: var(--text-light);margin-bottom: 1.5rem;line-height: 1.8;}.detail-list{list-style: none;}.detail-list li{position: relative;padding-left: 2rem;margin-bottom: 0.75rem;color: var(--text-light);}.detail-list li::before{content: ' ';position: absolute;left: 0;color: var(--success-color);font-weight: bold;}.about{background: var(--bg-light);}.about-wrapper{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: center;}.about-content p{color: var(--text-light);margin-bottom: 1.5rem;line-height: 1.8;}.about-stats{display: flex;flex-direction: column;gap: 1.5rem;}.stat-box{background: var(--bg-white);padding: 2rem;border-radius: 12px;text-align: center;box-shadow: var(--shadow-md);}.stat-box h3{font-family: var(--font-heading);font-size: 2.5rem;color: var(--secondary-color);margin-bottom: 0.5rem;}.stat-box p{color: var(--text-light);}.cta-section{background: linear-gradient(135deg, var(--sandton-slate) 0%, var(--sandton-blue) 100%);color: var(--bg-white);text-align: center;padding: 5rem 0;}.cta-content h2{font-family: var(--font-heading);font-size: 2.5rem;margin-bottom: 1rem;}.cta-content p{font-size: 1.2rem;margin-bottom: 2rem;opacity: 0.9;}.cta-section .btn-primary-large{background: var(--bg-white);color: var(--secondary-color);}.cta-section .btn-primary-large:hover{background: var(--bg-light);}.contact-wrapper{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;}.contact-info h3{font-family: var(--font-heading);font-size: 1.5rem;color: var(--primary-color);margin-bottom: 2rem;}.contact-item{display: flex;gap: 1rem;margin-bottom: 2rem;}.contact-item svg{width: 24px;height: 24px;stroke: var(--secondary-color);flex-shrink: 0;}.contact-item h4{font-weight: 600;color: var(--primary-color);margin-bottom: 0.25rem;}.contact-item p{color: var(--text-light);}.contact-form{background: var(--bg-light);padding: 2rem;border-radius: 12px;}.form-group{margin-bottom: 1.5rem;}.form-group input,.form-group select,.form-group textarea{width: 100%;padding: 0.75rem 1rem;border: 2px solid var(--border-color);border-radius: 8px;font-family: var(--font-primary);font-size: 1rem;transition: var(--transition);}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline: none;border-color: var(--secondary-color);}.form-group textarea{resize: vertical;}.footer{background: var(--sandton-slate);color: var(--bg-white);padding: 3rem 0 1rem;}.footer-content{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 2rem;margin-bottom: 2rem;}.footer-col h4{font-family: var(--font-heading);margin-bottom: 1rem;color: var(--sandton-blue-light);color: #fff;}.footer-col ul li{margin-bottom: 0.5rem;}.footer-col a{color: rgba(255, 255, 255, 0.7);transition: var(--transition);}.footer-col a:hover{color: var(--sandton-blue-light);}.footer-col p{color: rgba(255, 255, 255, 0.7);line-height: 1.7;}.footer-bottom{text-align: center;padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.5);}.footer-bottom p{color: rgba(255, 255, 255, 0.5);}.scroll-top{position: fixed;bottom: 2rem;right: 2rem;width: 50px;height: 50px;background: var(--secondary-color);border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-lg);opacity: 0;visibility: hidden;transition: var(--transition);z-index: 999;}.scroll-top.visible{opacity: 1;visibility: visible;}.scroll-top:hover{background: var(--sandton-slate);transform: translateY(-5px);}.scroll-top svg{width: 24px;height: 24px;stroke: white;}@keyframes fadeInUp {from { opacity: 0;transform: translateY(30px);}    to{opacity: 1;transform: translateY(0);}}@media (max-width: 968px) {.nav-menu { position: fixed;top: 70px;left: -100%;flex-direction: column;background: var(--bg-white);width: 100%;padding: 2rem;box-shadow: var(--shadow-lg);transition: var(--transition);align-items: flex-start;}        .nav-menu.active{left: 0;}        .mobile-menu-btn{display: flex;}        .hero-title{font-size: 2.5rem;}        .detail-row,    .detail-row.reverse{grid-template-columns: 1fr;direction: ltr;}        .about-wrapper{grid-template-columns: 1fr;}        .contact-wrapper{grid-template-columns: 1fr;}}@media (max-width: 768px) {.hero-title { font-size: 2rem;}        .hero-subtitle{font-size: 1.1rem;}        .section-title{font-size: 2rem;}        .services-grid{grid-template-columns: 1fr;}        .hero-cta{flex-direction: column;}        .trust-badges{gap: 1.5rem;}}.hero{background-image: url('../images/backgound.png');background-size: cover;background-position: center;background-repeat: no-repeat;padding: 100px 0;color: #333;}.contact-channels{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.channel-card{background: white;border: 2px solid #e5e7eb;border-radius: 12px;padding: 2.5rem;text-align: center;transition: all 0.3s ease;}.channel-card:hover{border-color: #2563eb;box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);transform: translateY(-5px);}.primary-channel{background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);color: white;border: none;}.primary-channel h3,.primary-channel p{color: white;}.channel-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;display: flex;align-items: center;justify-content: center;background: rgba(37, 99, 235, 0.1);border-radius: 50%;}.primary-channel .channel-icon{background: rgba(255, 255, 255, 0.2);}.channel-icon svg{width: 30px;height: 30px;color: #2563eb;}.primary-channel .channel-icon svg{color: white;}.channel-card h3{font-size: 1.5rem;margin-bottom: 0.5rem;color: #1f2937;}.channel-card p{color: #6b7280;margin-bottom: 1.5rem;}.office-info{margin-top: 4rem;text-align: center;}.office-card{display: inline-block;background: #f9fafb;padding: 2rem 3rem;border-radius: 12px;}.office-card h4{color: #1f2937;margin-bottom: 1rem;font-size: 1.25rem;}.office-hours{margin-top: 1rem;font-style: italic;color: #6b7280;}