:root{--primary:#0b2447;--primary2:#112f5d;--gold:#d4af37;--muted:#f4f6f8;--text:#1f2937;--soft:#6b7280}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(11,36,71,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}.nav-wrap{height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-logo{height:80px;width:auto;filter:brightness(0) invert(1)}.brand-text{color:white;display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-size:22px;letter-spacing:.5px}.brand-text small{color:var(--gold);text-transform:uppercase;letter-spacing:2px}.main-nav{display:flex;gap:32px}.main-nav a,.footer a{color:rgba(255,255,255,.75);text-decoration:none;font-weight:600;font-size:14px}.main-nav a:hover,.footer a:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:12px}.profile-link{border:1px solid rgba(255,255,255,.45);color:white;text-decoration:none;padding:9px 14px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;cursor:pointer;font-weight:700;padding:12px 22px;transition:.25s}.btn-gold{background:var(--gold);color:white}.btn-gold:hover{filter:brightness(.95)}.btn-primary{background:var(--primary);color:white}.btn-outline{border:1px solid white;color:white;background:transparent}.btn-outline-gold{border:1px solid var(--gold);color:var(--gold);background:transparent}.large{font-size:18px;padding:18px 32px}.hero{position:relative;min-height:600px;height:90vh;overflow:hidden}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;inset:0;background:rgba(11,36,71,.75);mix-blend-mode:multiply}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,var(--primary),rgba(11,36,71,.4),transparent)}.hero-content{position:relative;z-index:2;height:100%;display:flex;justify-content:center;flex-direction:column;color:white}.hero-copy{display:none;max-width:820px;animation:fadeUp .6s ease}.hero-copy.active{display:block}.hero-copy h1{font-size:clamp(40px,6vw,76px);line-height:1.08;margin:0 0 24px;font-weight:800}.hero-copy h1 span{color:var(--gold)}.hero-copy p{font-size:clamp(17px,2vw,22px);max-width:760px;color:rgba(255,255,255,.82);margin:0 0 32px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:white;font-size:28px;padding:12px 16px;cursor:pointer}.slide-arrow:hover{background:rgba(255,255,255,.28)}.prev{left:18px}.next{right:18px}.slide-dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:10px}.dot{height:9px;width:9px;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:.25s}.dot.active{width:34px;background:var(--gold)}.stats{background:var(--gold);padding:60px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;color:var(--primary)}.stat-icon{width:34px;height:34px;margin:0 auto 14px;color:var(--primary);display:flex;align-items:center;justify-content:center}.stat-icon .line-icon{width:34px;height:34px;stroke:currentColor}.section{padding:96px 0}.muted{background:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}h2{font-size:clamp(32px,4vw,44px);line-height:1.2;color:var(--primary);margin:0 0 22px}.about-section p,.contact-info p{font-size:18px;color:var(--soft)}.wide-img{width:100%;height:260px;object-fit:cover;margin-top:34px;box-shadow:0 20px 45px rgba(0,0,0,.15)}.image-card{position:relative;min-height:520px}.image-card img{width:100%;height:520px;object-fit:cover;box-shadow:0 25px 50px rgba(0,0,0,.2)}blockquote{position:absolute;left:-32px;bottom:-32px;max-width:320px;margin:0;background:var(--primary);color:white;padding:28px;font-size:19px;font-family:Georgia,serif}.section-heading{text-align:center;max-width:780px;margin:0 auto 55px}.section-heading p{font-size:19px;color:var(--soft)}.section-heading.light h2,.section-heading.light p{color:white}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{background:white;padding:30px;box-shadow:0 10px 28px rgba(0,0,0,.07);min-height:280px}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(0,0,0,.12)}.card-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--gold);width:48px;height:48px;margin-bottom:20px}.card-icon .line-icon{width:44px;height:44px;stroke:currentColor}.service-card h3,.plan-card h3{margin:0 0 10px;color:var(--primary);font-size:21px}.service-card p{color:var(--soft);margin:0}.plans-section{background:var(--primary);color:white}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.plan-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);padding:30px;display:flex;flex-direction:column}.plan-card h3{color:white}.plan-card small{color:var(--gold);font-weight:700}.plan-card p,.plan-card li{color:rgba(255,255,255,.72);font-size:14px}.plan-card ul{padding-left:18px;margin:12px 0 24px}.plan-card li{margin-bottom:9px}.plan-card a{margin-top:auto;text-align:center;color:var(--gold);border:1px solid var(--gold);padding:9px;text-decoration:none;font-weight:700}.plan-card a:hover{background:var(--gold);color:white}.one-time{margin-top:45px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.one-time strong{font-size:22px}.one-time p{margin:4px 0 0;color:rgba(255,255,255,.65)}.why-section{background:#112b55;color:white}.why-section h2{color:white}.why-section p{font-size:18px;color:rgba(255,255,255,.78)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0}.check-grid span{font-weight:700}.industries{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:34px}.industries h3{color:var(--gold);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:20px}.industries p{display:flex;justify-content:space-between;font-size:19px}.contact-grid{display:grid;grid-template-columns:2fr 3fr;gap:54px}.info-row{display:flex;gap:16px;margin:28px 0}.info-row>span{background:var(--muted);color:var(--primary);padding:11px;height:48px;min-width:48px;text-align:center;font-size:22px}.info-row strong{color:var(--primary)}.info-row p{margin:3px 0 0;font-size:16px}.form-card{background:#f7f8fa;padding:34px;box-shadow:0 20px 45px rgba(0,0,0,.12)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;color:var(--primary);font-weight:700;margin-bottom:18px}input,select,textarea{width:100%;margin-top:7px;border:1px solid rgba(11,36,71,.22);padding:13px;font:inherit;background:white;border-radius:0}textarea{min-height:130px;resize:vertical}.form-submit{width:100%;font-size:18px;padding:18px}.hidden-field{display:none}.footer{background:var(--primary);color:white;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:48px}.footer-logo{height:200px;filter:brightness(0) invert(1)}.footer h4{color:var(--gold);margin:0 0 18px}.footer p{color:rgba(255,255,255,.65);font-size:14px}.footer a{display:block;margin-bottom:11px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;gap:16px}.footer-bottom a{display:inline;color:rgba(255,255,255,.65);margin-left:15px}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:200;background:#25d366;color:white;text-decoration:none;font-weight:700;padding:13px 18px;box-shadow:0 12px 28px rgba(0,0,0,.2)}.whatsapp:hover{background:#1ebe5d;transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media(max-width:1000px){.service-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}.main-nav,.profile-link{display:none}.two-col,.contact-grid{grid-template-columns:1fr}.image-card{min-height:auto}.image-card img{height:auto}blockquote{position:static;max-width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.nav-wrap{height:auto;padding:14px 0}.brand-logo{height:58px}.brand-text strong{font-size:18px}.nav-actions .btn{padding:10px 14px}.hero{height:84vh}.slide-arrow{display:none}.hero-buttons{flex-direction:column;align-items:flex-start}.service-grid,.plans-grid,.stats-grid,.footer-grid,.form-row,.check-grid{grid-template-columns:1fr}.one-time,.footer-bottom{flex-direction:column;align-items:flex-start}.section{padding:70px 0}

.profile-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 16px;
  height: 42px;

  border: 1px solid rgba(255,255,255,0.5);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;

  transition: all 0.3s ease;
}

.profile-link:hover {
  border-color: #f4b400;
  color: #f4b400;
}

/* ICON FIX */
.profile-link svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;
  flex-shrink: 0;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
}

/* FINAL HEADER COMPANY PROFILE BUTTON FIX */
.nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-shrink: 0 !important;
}

.profile-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  color: #ffffff !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.profile-link svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  display: block !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  flex: 0 0 16px !important;
}

.profile-link span {
  display: inline-block !important;
  line-height: 1 !important;
}

.profile-link:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}


/* FINAL CORRECTIONS - header buttons and contact icons */
.nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-shrink: 0 !important;
}

.nav-actions .profile-link,
.nav-actions .btn {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.nav-actions .profile-link {
  gap: 8px !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  color: #ffffff !important;
  background: transparent !important;
  text-decoration: none !important;
}

.nav-actions .profile-link svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  display: block !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
  flex: 0 0 16px !important;
}

.nav-actions .profile-link:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}

.contact-info .info-row {
  display: flex !important;
  gap: 16px !important;
  margin: 28px 0 !important;
  align-items: flex-start !important;
}

.contact-info .info-icon {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  padding: 0 !important;
  background: #f2f4f7 !important;
  color: var(--primary) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 0 !important;
  flex-shrink: 0 !important;
}

.contact-info .info-icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
}

.contact-info .info-row strong {
  display: block !important;
  color: var(--primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
}

.contact-info .info-row p {
  margin: 0 !important;
  font-size: 16px !important;
  color: var(--soft) !important;
  line-height: 1.55 !important;
}

.contact-info .info-row a {
  color: inherit !important;
  text-decoration: none !important;
}

.contact-info .info-row:hover .info-icon {
  background: #e8edf5 !important;
}


/* LEGAL PAGES */
.legal-page {
  background: #ffffff;
  padding: 72px 0;
}
.legal-content {
  max-width: 850px;
}
.legal-content h1 {
  color: var(--primary);
  font-size: 42px;
  margin: 0 0 20px;
}
.legal-content h2 {
  color: var(--primary);
  font-size: 24px;
  margin: 34px 0 10px;
}
.legal-content p {
  color: var(--soft);
  font-size: 16px;
  line-height: 1.75;
}
.legal-footer {
  padding-top: 20px;
}


/* =========================================================
   FINAL MOBILE HEADER FIX
   This prevents the header/action buttons from overflowing on phones.
   ========================================================= */
html,
body {
  overflow-x: hidden !important;
}

.site-header {
  width: 100% !important;
}

/* Keep both header buttons exactly the same height on desktop too */
.nav-actions .profile-link,
.nav-actions .btn-gold {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

.nav-actions .profile-link svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
}

/* Tablet and mobile header layout */
@media (max-width: 900px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
  }

  .nav-wrap {
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .brand {
    width: 100% !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .brand-logo {
    height: 58px !important;
  }

  .brand-text strong {
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  .brand-text small {
    font-size: 15px !important;
    letter-spacing: 2px !important;
  }

  .main-nav {
    display: none !important;
  }

  .nav-actions {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    padding: 0 8px !important;
  }

  .nav-actions .profile-link,
  .nav-actions .btn-gold {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  .nav-actions .profile-link {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    max-width: 235px !important;
  }

  .nav-actions .btn-gold {
    flex: 0 0 auto !important;
    min-width: 118px !important;
  }

  .hero {
    height: auto !important;
    min-height: 620px !important;
  }
}

/* Small phones */
@media (max-width: 430px) {
  .container {
    width: 94% !important;
  }

  .nav-wrap {
    padding: 12px 0 !important;
    gap: 10px !important;
  }

  .brand {
    justify-content: flex-start !important;
  }

  .brand-logo {
    height: 50px !important;
  }

  .brand-text strong {
    font-size: 22px !important;
  }

  .brand-text small {
    font-size: 14px !important;
    letter-spacing: 2px !important;
  }

  .nav-actions {
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  .nav-actions .profile-link {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  .nav-actions .profile-link svg {
    width: 15px !important;
    height: 15px !important;
    flex-basis: 15px !important;
  }

  .nav-actions .btn-gold {
    flex: 0 0 auto !important;
    min-width: 104px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  .service-card {
    padding: 26px !important;
  }

  .whatsapp {
    right: 14px !important;
    bottom: 16px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
  }
}

/* Very narrow phones */
@media (max-width: 360px) {
  .nav-actions .profile-link {
    font-size: 12px !important;
    gap: 6px !important;
  }

  .nav-actions .btn-gold {
    min-width: 96px !important;
    font-size: 12px !important;
  }
}