html,body{height:100%;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;transition:background-color 0.3s ease,color 0.3s ease}.container{flex:1;padding:20px}header{background-color:#262626;color:white;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0px 4px 8px rgba(0,0,0,0.3)}.logo-name{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:1200px;padding:10px 20px}.logo{border-radius:50%;width:70px;height:70px;margin-right:10px}h1{font-size:36px;margin:0}nav{margin-top:15px}nav ul{list-style-type:none;padding:0;display:flex;justify-content:center}nav ul li{margin-right:20px}nav ul li a{color:#00d9ff;text-decoration:none;font-size:18px;font-weight:bold}nav ul li a:hover{color:#14ff00}.services{background-color:var(--background-color);color:var(--text-color)}.services .service-item{background-color:var(--background-color-light);color:var(--text-color-light)}.services .service-item a{color:var(--highlight-color-light)}.services{text-align:center;padding:40px 20px;background-color:#2b2b2b;border-radius:12px;box-shadow:0px 4px 8px rgba(0,0,0,0.3);margin:20px}.services h2{font-size:36px;margin-bottom:20px;color:#00d9ff}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.service-item{background-color:#3a3a3a;border-radius:12px;padding:20px;text-align:left;box-shadow:0px 2px 8px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s;margin:0 10px}.service-item:hover{transform:translateY(-5px);box-shadow:0px 4px 15px rgba(0,221,255,0.7)}.service-image{width:100%;height:200px;object-fit:cover;border-radius:8px}.services h3{font-size:24px;margin:10px 0;color:#e0e0e0}.services p{font-size:16px;color:#e0e0e0}.cta{padding:20px;text-align:center;background-color:#2b2b2b;border-radius:12px;margin:20px 0;color:#e0e0e0}.cta-button{display:inline-block;padding:10px 20px;background-color:#007BFF;color:white;font-size:16px;font-weight:bold;text-decoration:none;border-radius:5px;transition:background-color 0.3s}.cta-button:hover{background-color:#0056b3}footer{background-color:#262626;color:white;padding:20px;text-align:center;border-top:1px solid #444;position:relative;max-height:100px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.social-icons{list-style:none;padding:0;display:flex;justify-content:center}.social-icons li{margin:0 10px}.social-icons img{width:30px;height:30px;transition:opacity 0.3s ease}.social-icons img:hover{opacity:0.7}.whatsapp-contact a{color:#00d9ff;text-decoration:underline}.whatsapp-contact a:hover{color:#14ff00}.wayne-profile{display:flex;align-items:center;margin-top:20px}.wayne-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-right:20px}.partners{text-align:center;background-color:transparent;padding:50px 0}.partners-logos{display:flex;justify-content:center;gap:50px}.partners-logos img{max-width:100px;max-height:70px;transition:transform 0.3s ease}.partners-logos img:hover{transform:scale(1.1)}.service-item a{text-decoration:none}body{background-color:#1e1e1e;color:#e0e0e0}.sidebar{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#2b2b2b;overflow-x:hidden;transition:width 0.5s ease;padding-top:60px;box-shadow:2px 0 5px rgba(0,0,0,0.5)}.sidebar.open{width:250px}.sidebar h2{color:#00d9ff;margin-left:20px;font-size:24px;font-weight:bold}.sidebar ul{list-style-type:none;padding:0}.sidebar ul li a{padding:15px 20px;text-decoration:none;font-size:20px;color:#e0e0e0;display:block;transition:background-color 0.3s ease,color 0.3s ease}.sidebar ul li a:hover{background-color:#444;color:#ffffff}.open-btn{font-size:24px;cursor:pointer;position:fixed;top:20px;left:20px;background-color:#2b2b2b;color:#00d9ff;border:none;padding:8px 15px;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.3);transition:background-color 0.3s ease}.open-btn:hover{background-color:#444}.close-btn{position:absolute;top:20px;right:25px;font-size:36px;color:#00d9ff;border:none;background:none;cursor:pointer}.close-btn:hover{color:#e74c3c}.company-name{font-size:38px;font-weight:bold;color:#ffffff;text-align:center;margin-left:10px;transition:color 0.3s ease}.logo-link{text-decoration:none;color:white}.logo-link:visited{color:white}.company-name:hover{color:#007BFF}:root{--background-color-light:#ffffff;--text-color-light:#000000;--highlight-color-light:#4CAF50;--header-background-light:#f4f4f4;--background-color-dark:#1e1e1e;--text-color-dark:#ffffff;--highlight-color-dark:#3e8e41;--header-background-dark:#333333;--background-color:var(--background-color-light);--text-color:var(--text-color-light);--highlight-color:var(--highlight-color-light);--header-background:var(--header-background-light)}[data-theme="light"]{--background-color:var(--background-color-light);--text-color:var(--text-color-light);--highlight-color:var(--highlight-color-light);--header-background:var(--header-background-light)}[data-theme="dark"]{--background-color:var(--background-color-dark);--text-color:var(--text-color-dark);--highlight-color:var(--highlight-color-dark);--header-background:var(--header-background-dark)}body{background-color:var(--background-color);color:var(--text-color)}header{background-color:var(--header-background)}a{color:var(--highlight-color)}.service-grid{background-color:var(--background-color);color:var(--text-color)}.service-item{background-color:var(--background-color);color:var(--text-color)}.service-item:hover{background-color:var(--highlight-color)}.services-header{background-color:var(--header-background);color:var(--text-color);padding:10px;border-radius:5px}.service-image{filter:brightness(0.8)}.theme-toggle{background-color:transparent;color:#333;border:none;font-size:1.5rem;cursor:pointer;padding:0.5em;position:fixed;top:10px;right:10px;z-index:1000}[data-theme="dark"] .theme-toggle{color:#e0e0e0}.theme-toggle:hover{opacity:0.9}body[data-theme="light"] .services{background-color:#f4f4f4;color:#333}[data-theme="light"] .service-item p{color:#333}body[data-theme="dark"] .services{background-color:#333;color:white}[data-theme="dark"] .service-item p{color:#e0e0e0}[data-theme="light"] .services h3{color:#000000}[data-theme="dark"] .services h3{color:#e0e0e0}[data-theme="light"] .services h3{color:#333333}[data-theme="dark"] .services h3{color:#e0e0e0}[data-theme="light"] .brand-name{color:#00796b}[data-theme="dark"] .brand-name{color:#80cbc4}body[data-theme="light"] .service-item{background-color:#fff;color:#333}body[data-theme="dark"] .service-item{background-color:#3a3a3a;color:white}body[data-theme="light"] .service-item:hover{background-color:#e0e0e0}body[data-theme="dark"] .service-item:hover{background-color:#444}body[data-theme="light"] .services-header{background-color:#f4f4f4;color:#333}body[data-theme="dark"] .services-header{background-color:#333;color:white}[data-theme="light"] .open-btn{background-color:white;color:#333;border:1px solid #ccc}[data-theme="light"] .open-btn:hover{background-color:#f0f0f0}[data-theme="dark"] .open-btn{background-color:#333;color:white;border:1px solid #444}[data-theme="dark"] .open-btn:hover{background-color:#555}[data-theme="light"] .sidebar{background-color:white;color:#333;border-right:1px solid #ccc}[data-theme="light"] .sidebar h2,[data-theme="light"] .sidebar ul{color:#333}[data-theme="light"] .sidebar a{color:#333;text-decoration:none}[data-theme="light"] .sidebar a:hover{color:#007BFF}[data-theme="light"] .close-btn{color:#333}[data-theme="dark"] .sidebar{background-color:#333;color:white;border-right:1px solid #444}[data-theme="dark"] .sidebar h2,[data-theme="dark"] .sidebar ul{color:white}[data-theme="dark"] .sidebar a{color:white;text-decoration:none}[data-theme="dark"] .sidebar a:hover{color:#FFD700}[data-theme="dark"] .close-btn{color:white}[data-theme="light"] h3,[data-theme="light"] p{color:#333}[data-theme="light"] .cta-button{background-color:#007BFF;color:white;border:1px solid #007BFF}[data-theme="light"] .cta-button:hover{background-color:#0056b3;border-color:#0056b3}[data-theme="dark"] h3,[data-theme="dark"] p{color:#ccc}[data-theme="dark"] .cta-button{background-color:#FFD700;color:#333;border:1px solid #FFD700}[data-theme="dark"] .cta-button:hover{background-color:#ffcc00;border-color:#ffcc00}footer{background-color:#333;color:#fff}[data-theme="light"] footer{background-color:#fff;color:#000}.services-btn{background-color:#444;color:#fff;border:1px solid #555}[data-theme="light"] .services-btn{background-color:#f0f0f0;color:#333;border:1px solid #ccc}body.light-mode .footer{background-color:#f8f8f8;color:#333}body.dark-mode .footer{background-color:#333;color:#fff}body.light-mode .hero{background-color:#f0f0f0;color:#333333}.theme-toggle:focus{outline:3px solid #4d90fe}body.light-mode .service-item:hover{background-color:#e0e0e0;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease}#home-services{background-color:#333;color:#fff}#home-services h2{color:#fff}#home-services .service-item{background-color:#444;border:1px solid #555;box-shadow:0 2px 5px rgba(0,0,0,0.5);transition:background-color 0.3s,box-shadow 0.3s}#home-services .service-item:hover{background-color:#555;box-shadow:0 4px 10px rgba(0,0,0,0.7)}#home-services .service-image{filter:brightness(0.6);transition:filter 0.3s ease}#home-services .service-item:hover .service-image{filter:brightness(0.8)}[data-theme="light"] #home-services{background-color:#f4f4f4;color:#333}[data-theme="light"] #home-services h2{color:#333}[data-theme="light"] #home-services .service-item{background-color:#ffffff;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:background-color 0.3s,box-shadow 0.3s}[data-theme="light"] #home-services .service-item:hover{background-color:#f1f1f1;box-shadow:0 4px 10px rgba(0,0,0,0.1)}[data-theme="light"] #home-services .service-image{filter:brightness(0.8);transition:filter 0.3s ease}[data-theme="light"] #home-services .service-item:hover .service-image{filter:brightness(1)}@media (max-width:768px){nav ul{flex-direction:row;justify-content:center}nav ul li{margin-right:5px}nav ul li a{font-size:16px;padding:5px}.company-name{font-size:30px}.service-grid{grid-template-columns:1fr;gap:15px}.service-item{margin:10px auto;padding:15px}.service-image{height:150px;width:100%;object-fit:cover}.services h2{font-size:28px;margin-bottom:10px}.services h3{font-size:20px}.services p{font-size:14px}.logo{width:50px;height:50px}img{max-width:100%;height:auto;object-fit:cover}.container{padding:10px}h2{font-size:28px}h3{font-size:20px}p{font-size:14px}.open-btn{position:relative;top:0;left:0;margin:10px;font-size:25px}.logo-name{margin-left:10px;max-width:1000px;margin-right:15px}.open-btn span{display:none}}img,video,canvas,svg{max-width:100%;height:auto}iframe{max-width:100%}a,button,input[type="button"],input[type="submit"]{min-height:44px;padding:10px 14px}.table-responsive table{width:100%;border-collapse:collapse;white-space:nowrap}@media (max-width:768px){input[type="text"],input[type="email"],input[type="tel"],input[type="date"],input[type="number"],select,textarea{width:100%;box-sizing:border-box}html{font-size:16px}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p,li{line-height:1.6}.service-grid{display:grid;grid-template-columns:1fr;gap:16px}}.nav-links,nav ul{display:flex;flex-wrap:wrap;gap:8px}.nav a,.nav-links a,nav ul li a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px}@media (max-width:480px){.nav-links{justify-content:space-between}.nav-links a{flex:1 1 auto;text-align:center}}.skip-link{position:absolute;left:-999px;top:-999px;padding:8px 12px;z-index:1000;background:#000;color:#fff;border-radius:6px}.skip-link:focus{left:10px;top:10px;outline:2px solid currentColor}:focus-visible{outline:3px solid #4d90fe;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important}}.contact-box{max-width:600px;margin:20px auto;padding:20px;font-size:1rem}footer.footer,footer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}footer.footer span#year,footer.footer .copyright-text{white-space:nowrap}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;line-height:1.1;vertical-align:middle;margin-left:12px;border-radius:8px;text-decoration:none;white-space:nowrap}@supports not (selector(:has(*))){.services p{text-align:center}}footer.footer,footer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;min-height:50px;line-height:1.5;padding:10px 0}footer.footer p,footer.footer span{margin:0;white-space:nowrap}.services p.has-cta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px auto;width:min(100%,1100px)}

/* === Header Site Name Size Bump (safe, scoped) — 2025-09-30 === */
.header-container .brand-name,
.header-container .company-name {
  font-size: clamp(1.9rem, 2.2vw + 0.8rem, 2.8rem);
  font-weight: 800;
  letter-spacing: -0.3px;
}



/* === Equal Icon & Text Size (2025-09-30) === */

/* Match logo icon height to text size */
.header-container .logo {
  height: 2.8rem; /* matches roughly the text clamp value */
  width: auto;
  vertical-align: middle;
}

/* Ensure text and logo align neatly */
.header-container .brand-name,
.header-container .company-name {
  font-size: 2.8rem; /* same as logo height */
  line-height: 1;
  font-weight: 800;
  vertical-align: middle;
}



/* === Full Site Refinements (2025-09-30) === */

/* --- Navigation Bar Enhancements --- */
.nav-links a {
  padding: 6px 12px;
  transition: color 0.25s ease, border-bottom 0.25s ease;
}
.nav-links a:hover {
  color: #4ac6c0;
  border-bottom: 2px solid #4ac6c0;
}

/* --- Button Styling --- */
button, .cta-button, .services-btn, .open-btn, .close-btn {
  background: #4ac6c0;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 18px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}
button:hover, .cta-button:hover, .services-btn:hover, .open-btn:hover, .close-btn:hover {
  transform: translateY(-2px);
  background: #3aa7a2;
}

/* --- Footer Improvements --- */
footer {
  padding: 24px 20px;
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.6;
}
footer .footer-links {
  margin-top: 8px;
}
footer .footer-links a {
  margin: 0 10px;
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}
footer .footer-links a:hover {
  color: #4ac6c0;
}
footer .copyright {
  margin-top: 12px;
  font-size: 0.85rem;
  opacity: 0.8;
}

/* --- Typography Cleanup --- */
body {
  font-family: 'Inter', 'Roboto', 'Segoe UI', sans-serif;
  line-height: 1.6;
}

/* --- Responsive Header --- */
@media (max-width: 768px) {
  .header-container {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .nav-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}

/* --- Mobile Navigation (optional hamburger toggle) --- */
@media (max-width: 600px) {
  .nav-links {
    display: none; /* hidden by default */
  }
  .nav-links.active {
    display: flex; /* shown when menu opened */
  }
  .hamburger {
    display: block;
    cursor: pointer;
    font-size: 1.5rem;
  }
}



/* === Footer Layout Fix (2025-09-30) === */
footer { padding: 18px 20px; }
footer .footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
footer .copyright { font-size: 0.92rem; opacity: 0.9; }
footer .footer-links { display: flex; gap: 18px; }
footer .footer-links a { text-decoration: none; }
@media (max-width: 640px){
  footer .footer-inner { flex-direction: column; text-align: center; }
}



/* === Footer Layout (force-clean, 2025-09-30) === */
footer { padding: 18px 20px; }
footer .footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
footer .copyright { font-size: 0.92rem; opacity: 0.9; }
footer .footer-links { display: flex; gap: 24px; }
footer .footer-links a { text-decoration: none; color: inherit; }
footer .footer-links a:hover { color: #4ac6c0; }
@media (max-width: 640px){
  footer .footer-inner { flex-direction: column; text-align: center; }
}



/* === Footer Alignment Fix (2025-09-30) === */
footer {
  padding: 18px 0; /* remove extra side padding; we'll use inner padding */
}
footer .footer-inner{
  max-width: 1200px;            /* match site content width */
  margin: 0 auto;               /* center the inner group */
  padding: 0 20px;              /* consistent side padding */
  display: flex;
  align-items: center;          /* vertical alignment */
  justify-content: space-between;
  gap: 24px;
}
footer .footer-links{
  display: flex;
  gap: 32px;                    /* even spacing for links */
}
footer .copyright{
  text-align: left;
  white-space: nowrap;          /* keep copyright on one line */
}
@media (max-width: 640px){
  footer .footer-inner{
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  footer .copyright{ white-space: normal; }
}



/* === Footer Inline Alignment Fix (2025-09-30) === */
footer .footer-inner {
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: space-between;
  flex-wrap: nowrap;        /* keep items on one line if possible */
}
footer .copyright {
  flex: 1;                  /* take up left side */
  text-align: left;
}
footer .footer-links {
  flex: 1;                  /* take up right side */
  display: flex;
  justify-content: flex-end;
  gap: 32px;
}
@media (max-width: 768px){
  footer .footer-inner {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  footer .footer-links {
    justify-content: center;
  }
}



/* === Footer Grid Alignment (2025-09-30) === */
footer { padding: 16px 0; }
footer .footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid !important;
  grid-template-columns: 1fr auto;
  align-items: center !important;  /* vertical middle */
  gap: 24px;
}
footer .copyright {
  font-size: 0.95rem;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
}
footer .footer-links {
  display: flex;
  align-items: center;
  gap: 28px;
}
footer .footer-links a {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  color: inherit;
}
footer .footer-links a:hover { color: #4ac6c0; }

@media (max-width: 720px){
  footer .footer-inner {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 10px;
  }
  footer .copyright { white-space: normal; }
}



/* === Footer Baseline Fix (2025-09-30) === */
footer .footer-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  gap: 24px;
}
footer .copyright,
footer .footer-links a {
  display: inline-flex;        /* align content inside each item */
  align-items: center;         /* vertically center text */
  line-height: 1 !important;   /* kill baseline wobble */
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.95rem;          /* same size both sides */
}
footer .footer-links {
  display: inline-flex;
  gap: 32px;
}



/* === SEO + Mobile Hamburger Menu (2025-09-30) === */
.hamburger{
  display:none;
  background: transparent;
  border: none;
  font-size: 1.6rem;
  padding: 6px 10px;
  cursor:pointer;
  color: inherit;
}
@media (max-width: 720px){
  .hamburger{ display:block; }
  .nav-links{ display:none; flex-direction: column; gap: 10px; }
  .nav-links.active{ display:flex; }
}



/* === Mobile Header/Menu/Footer Fixes (2025-09-30) === */

/* Default: keep hamburger hidden on desktop */
.hamburger{ display:none; }

/* Phone tweaks */
@media (max-width: 720px){
  /* Show only the header hamburger, hide any others */
  header .hamburger{ display:block; }
  :not(header) > .hamburger,
  main .hamburger,
  .content .hamburger { display:none !important; }

  /* Hide the link row on phones until toggled */
  .nav-links{ display:none !important; flex-direction:column; gap:10px; }
  .nav-links.active{ display:flex !important; }

  /* Center and resize the site title */
  .header-container{ justify-content:center; text-align:center; gap:8px; }
  .header-container .logo{ width:36px; height:36px; }
  .brand-name, .company-name{
    font-size: 1.6rem !important;
    line-height: 1.2;
    margin: 0;
    display: inline-block;
    text-align:center;
  }
}

/* Footer visibility & spacing */
footer{
  color: rgba(255,255,255,0.88);
  padding-bottom: calc(18px + env(safe-area-inset-bottom));
}
footer .copyright{ opacity: 0.95; }