/* ===== RESET & TOKENS (match premium pages) ===== */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    :root{
      --deep-navy:#0A1F2F;
      --emerald:#00C853;
      --gold:#F9A825;
      --slate-blue:#1E3A5F;
      --soft-gray:#F4F6F8;
      --black:#000;
      --white:#fff;

      --text: rgba(244,246,248,.92);
      --muted: rgba(244,246,248,.72);
      --muted2: rgba(244,246,248,.58);
      --border: rgba(255,255,255,.10);
      --border2: rgba(255,255,255,.16);

      --container: 1280px;
      --radius: 18px;
      --radius2: 22px;
      --pill: 999px;

      --shadow: 0 18px 50px rgba(0,0,0,.40);
      --shadow2: 0 12px 34px rgba(0,0,0,.35);

      --ease: cubic-bezier(.2,.8,.2,1);
      --font: "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

      --sx: 8px; --sm: 16px; --md: 24px; --lg: 32px; --xl: 48px; --xxl: 64px;
    }

    html { scroll-behavior: smooth; }
    body{
      font-family: var(--font);
      background:
        radial-gradient(1200px 700px at 20% 10%, rgba(0,200,83,.14), transparent 55%),
        radial-gradient(1200px 800px at 85% 15%, rgba(249,168,37,.10), transparent 60%),
        radial-gradient(1100px 700px at 50% 105%, rgba(30,58,95,.35), transparent 60%),
        var(--deep-navy);
      color: var(--text);
      line-height: 1.65;
      font-size: 12px;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    .container{ width: min(var(--container), 92vw); margin: 0 auto; }

    h1,h2,h3,h4{ color: var(--emerald); letter-spacing: -.3px;font-weight: 500;font-size: 16px; }
    h1{ font-size: clamp(24px, 4.3vw, 38px); line-height: 1.08;font-weight: 500; }
    h2{ font-size: clamp(22px, 2.4vw, 34px); line-height: 1.15;font-weight: 500; }
    p{ color: var(--muted); }

    /* ===== Buttons ===== */
    .btn{
      border:0; cursor:pointer; border-radius: var(--pill);
      padding: 12px 18px;
      font-weight: 900;
      font-size: 14.5px;
      letter-spacing: .2px;
      display:inline-flex; align-items:center; gap:10px;
      transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease);
      user-select:none; white-space:nowrap;
    }
    .btn-primary{
      color:#062016;
      background: linear-gradient(135deg, rgba(0,200,83,1), rgba(0,200,83,.78));
      box-shadow: 0 18px 45px rgba(0,200,83,.22);
    }
    .btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 22px 52px rgba(0,200,83,.28); }
    .btn-ghost{
      color: var(--text);
      background: rgba(255,255,255,.05);
      border: 1px solid var(--border);
      backdrop-filter: blur(10px);
    }
    .btn-ghost:hover{ transform: translateY(-2px); border-color: var(--border2); box-shadow: var(--shadow2); }
    .btn-gold{
      color:#2b1b00;
      background: linear-gradient(135deg, rgba(249,168,37,1), rgba(249,168,37,.78));
      box-shadow: 0 18px 45px rgba(249,168,37,.18);
    }
    .btn-gold:hover{ transform: translateY(-2px); box-shadow: 0 22px 52px rgba(249,168,37,.24); }

    /* ===== Navbar (premium + mobile dropdown works) ===== */
    .nav-wrap{
      position: sticky; top:0; z-index:999;
      padding: 14px 0;
      background: rgba(0,0,0,.35);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .navbar{ display:flex; align-items:center; justify-content:space-between; gap:18px; }
    .brand{ display:inline-flex; align-items:center; gap:12px; min-width:200px; }
    .logo-slot{
      width:44px; height:44px; border-radius:14px; overflow:hidden;
      border:1px solid var(--border);
      background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      box-shadow: 0 10px 30px rgba(0,0,0,.35);
      display:grid; place-items:center;
    }
    .logo-slot img{ width:100%; height:100%; object-fit:cover; display:block; }
    .brand strong{ font-weight: 950; letter-spacing:.2px; }
    .brand small{ display:block; color: var(--muted2); font-weight: 600; margin-top:-2px; }

    .nav-links{ display:flex; align-items:center; gap:18px; }
    .nav-links a{
      color: var(--muted);
      font-weight: 800;
      font-size: 14px;
      letter-spacing: .2px;
      padding: 10px 12px;
      border-radius: var(--pill);
      transition: background .2s var(--ease), color .2s var(--ease);
    }
    .nav-links a:hover{ color: var(--text); background: rgba(255,255,255,.06); }
    .nav-links a.active{
      color: var(--white);
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(249,168,37,.25);
    }

    .nav-actions{ display:flex; align-items:center; gap:10px; }
    .menu-btn{
      display:none;
      width:44px; height:44px; border-radius:14px;
      border:1px solid var(--border);
      background: rgba(255,255,255,.05);
      color: var(--text);
      cursor:pointer;
    }

    .mobile-panel{
      display:none; margin-top:12px;
      border:1px solid var(--border);
      background: rgba(10,31,47,.92);
      backdrop-filter: blur(14px);
      border-radius: var(--radius2);
      box-shadow: var(--shadow);
      overflow:hidden;
    }
    .mobile-panel .inner{ padding:14px; display:grid; gap:10px; }
    .mobile-panel a{
      padding:12px; border-radius:14px;
      color: var(--muted);
      font-weight: 900;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.06);
    }
    .mobile-panel a:hover{ color: var(--text); border-color: rgba(255,255,255,.12); }
    .mobile-open .mobile-panel{ display:block; }

    @media (max-width:980px){
      .nav-links{ display:none; }
      .menu-btn{ display:inline-grid; place-items:center; }
      .brand{ min-width:auto; }
    }

    /* ===== Layout helpers ===== */
    .section{ padding: 80px 0; }
    .section-sm{ padding: 60px 0; }

    .eyebrow{
      display:inline-flex; align-items:center; gap:10px;
      padding:8px 14px; border-radius: var(--pill);
      border:1px solid var(--border);
      background: rgba(255,255,255,.04);
      color: var(--muted);
      font-size: 14px;
      backdrop-filter: blur(10px);
    }
    .dot{
      width:8px; height:8px; border-radius:999px; background: var(--emerald);
      box-shadow: 0 0 0 6px rgba(0,200,83,.14);
    }

    .card{
      border-radius: var(--radius);
      border: 1px solid var(--border);
      background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
      box-shadow: 0 10px 30px rgba(0,0,0,.28);
      padding: 16px;
      position: relative;
      overflow: hidden;
    }
    .card:before{
      content:""; position:absolute; inset:-1px;
      background:
        radial-gradient(360px 170px at 10% 0%, rgba(0,200,83,.10), transparent 62%),
        radial-gradient(360px 170px at 90% 0%, rgba(249,168,37,.08), transparent 62%);
      opacity:.75; pointer-events:none;
    }
    .card > *{ position:relative; z-index:1; }

    .grid-2{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 16px;
      align-items:start;
    }
    @media (max-width:980px){
      .grid-2{ grid-template-columns: 1fr; }
    }

    /* ===== Form (premium) ===== */
    form{ display:grid; gap:12px; margin-top: 12px; }
    .row-2{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    @media (max-width:720px){
      .row-2{ grid-template-columns: 1fr; }
    }

    label{
      display:block;
      font-weight: 900;
      font-size: 13px;
      letter-spacing: .22px;
      color: rgba(255,255,255,.82);
      margin-bottom: 6px;
    }
    .field{
      width:100%;
      padding: 13px 14px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.22);
      color: rgba(255,255,255,.92);
      outline: none;
      font-family: var(--font);
      transition: border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);
    }
    .field::placeholder{ color: rgba(255,255,255,.40); font-weight: 700; }
    .field:focus{
      border-color: rgba(249,168,37,.55);
      box-shadow: 0 0 0 4px rgba(249,168,37,.16);
    }
    textarea.field{ min-height: 140px; resize: vertical; }

    .help{
      font-size: 13px;
      color: rgba(244,246,248,.58);
      font-weight: 800;
      line-height: 1.5;
    }

    /* ===== Contact info blocks ===== */
    .info-stack{ display:grid; gap:12px; margin-top: 10px; }
    .info-item{
      display:flex; gap:12px; align-items:flex-start;
      padding: 12px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.18);
      box-shadow: 0 12px 30px rgba(0,0,0,.26);
    }
    .info-item .ic{
      width:42px; height:42px; border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.05);
      display:grid; place-items:center;
      color: var(--gold);
      flex: 0 0 auto;
    }
    .info-item h4{ font-size: 14.5px; letter-spacing:.2px; }
    .info-item p{ margin-top: 2px; color: rgba(244,246,248,.66); font-size: 14px; }

    .quick-actions{
      display:flex; flex-wrap:wrap; gap:10px;
      margin-top: 12px;
    }

    /* ===== FAQ / Expectations ===== */
    .faq{
      display:grid; gap:12px; margin-top: 12px;
    }
    details{
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(0,0,0,.18);
      border-radius: 16px;
      padding: 12px;
      box-shadow: 0 12px 30px rgba(0,0,0,.22);
    }
    summary{
      cursor:pointer;
      font-weight: 950;
      color: rgba(255,255,255,.88);
      display:flex; align-items:center; justify-content:space-between;
      gap: 12px;
      list-style: none;
    }
    summary::-webkit-details-marker{ display:none; }
    summary .chev{ color: rgba(249,168,37,.85); transition: transform .2s var(--ease); }
    details[open] summary .chev{ transform: rotate(180deg); }
    details p{ margin-top: 8px; color: rgba(244,246,248,.66); font-size: 14px; }

    /* ===== Map embed / placeholder ===== */
    /* =========================
   PREMIUM MAP SECTION
========================= */

.map{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  margin-top: 18px;

  border: 1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow:
    0 20px 60px -25px rgba(0,0,0,.75),
    0 0 0 1px rgba(0,0,0,.22) inset;
}

/* responsive map sizing */
.map iframe{
  width: 100%;
  height: 100%;
  min-height: 380px;
  display: block;
  border: 0;
}

/* adjust height on smaller screens */
@media (max-width: 768px){
  .map iframe{
    min-height: 300px;
  }
}

/* subtle glass overlay */
.map::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(180deg,
    rgba(255,255,255,.18),
    rgba(255,255,255,.05) 40%,
    rgba(0,0,0,.25) 100%);
  mix-blend-mode: overlay;
}

/* floating badge */
.map .badge{
  position:absolute;
  top: 14px;
  left: 14px;
  z-index: 2;

  display:inline-flex;
  align-items:center;
  gap:8px;

  padding: 8px 14px;
  border-radius: 999px;

  border: 1px solid rgba(255,255,255,.14);
  background: rgba(10,31,47,.75);
  backdrop-filter: blur(10px);

  font-weight: 800;
  font-size: 13px;
  letter-spacing: .02em;

  color: rgba(244,246,248,.92);
}

/* icon styling */
.map .badge i{
  font-size: 14px;
  color: var(--accent);
}
    /* ===== Footer ===== */
    footer{
      background:#000;
      border-top:1px solid rgba(255,255,255,.08);
      padding: 54px 0 22px;
      margin-top: 30px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns: 1.2fr .9fr .9fr;
      gap: 18px;
      align-items:start;
    }
    @media (max-width:980px){ .footer-grid{ grid-template-columns: 1fr; } }
    .footer-brand{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
    .footer-logo{
      width:46px; height:46px; border-radius:16px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      overflow:hidden; display:grid; place-items:center;
    }
    .footer-logo img{ width:100%; height:100%; object-fit:cover; display:block; }
    .footer h4{
      margin:0 0 12px;
      font-size: 14px;
      letter-spacing: .28px;
      text-transform: uppercase;
      color: var(--emerald);
    }
    .footer p,.footer a,.footer li{
      color: rgba(255,255,255,.70);
      font-size: 14.5px;
      line-height: 1.75;
    }
    .footer ul{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
    .footer a:hover{ color: rgba(255,255,255,.92); }
    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.08);
      margin-top: 22px;
      padding-top: 16px;
      display:flex; flex-wrap:wrap; gap:10px;
      justify-content:space-between; align-items:center;
    }
    .footer-bottom small{ color: rgba(255,255,255,.55); line-height: 1.6; }
    .risk{
      margin-top: 10px;
      font-size: 12.5px;
      color: rgba(255,255,255,.55);
      line-height: 1.6;
    }

    /* ===== Premium Hero (60–70vh + background image) ===== */
.hero{
  position: relative;
  min-height: clamp(60vh, 68vh, 70vh);
  display: grid;
  align-items: center;
  padding: 74px 0 34px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* Set your image here */
.hero-contact{
  background:
    radial-gradient(900px 520px at 18% 12%, rgba(0,200,83,.18), transparent 60%),
    radial-gradient(900px 520px at 88% 10%, rgba(249,168,37,.14), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.40), rgba(0,0,0,.66)),
    url("image\ -\ 2026-02-23T111007.290.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-overlay{
  position:absolute; inset:0;
  background: linear-gradient(90deg,
    rgba(0,0,0,.70) 0%,
    rgba(0,0,0,.55) 45%,
    rgba(0,0,0,.35) 100%);
  pointer-events:none;
}

.hero-inner{
  position: relative;
  z-index: 1;
}

.hero-title{
  margin-top: 10px;
  max-width: 18ch;
}

.hero-sub{
  margin-top: 10px;
  max-width: 74ch;
  font-size: 1.05rem;
  color: rgba(244,246,248,.78);
}

.hero-actions{
  margin-top: 14px;
}

.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 14px;
}

/* Make hero minimal on mobile */
@media (max-width: 720px){
  .hero{
    min-height: 60vh;
    padding: 56px 0 22px;
  }
  .hero-title{
    max-width: 24ch;
  }
  .hero-sub{
    font-size: 1rem;
  }
  .hero-actions .btn:nth-child(3){
    display:none; /* removes clutter: keep only 2 CTAs on small screens */
  }
}

/* ===== Social strip ===== */
.social-strip{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 18px;
}

.social-left h3{
  font-size: 18px;
  letter-spacing: -.2px;
}

.social-right{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:flex-end;
  align-items:center;
}

.social-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  color: rgba(244,246,248,.88);
  font-weight: 900;
  font-size: 13.5px;
  transition: transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}

.social-btn i{
  color: var(--gold);
  font-size: 16px;
}

.social-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
}

@media (max-width: 720px){
  .social-right{
    justify-content:flex-start;
  }
  .social-btn span{
    display:none; /* icons only on mobile = clean */
  }
  .social-btn{
    padding: 10px 12px;
  }
}

.btn-sm{
padding:5px 10px;
font-size:10.5px;
border-radius:7px;
letter-spacing:.3px;
}