/* ───────────────────────────────────────────────────────────────────────── */
/* RESET & BASE                                                             */
/* ───────────────────────────────────────────────────────────────────────── */
* { margin:0; padding:0; box-sizing:border-box }
body { font-family:'Montserrat',sans-serif; line-height:1.6; color:#333; background:#fff }
.container { width:90%; max-width:1200px; margin:0 auto }

/* LINKS */
a { text-decoration:none }
a:hover { opacity:.85 }

/* ───────────────────────────────────────────────────────────────────────── */
/* HEADER                                                                   */
/* ───────────────────────────────────────────────────────────────────────── */
.site-header {
  position:fixed; top:0; left:0; right:0;
  background:#fff;
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
  z-index:100;
}
.header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 0;
}
.site-logo { height:88px; }
.site-title {
  font-family:'Lora',serif;
  font-size:100px;
  font-weight:700;
  margin-left:.5rem;
  color:#000;
}
.site-nav ul {
  list-style:none;
  display:flex;
  gap:2rem;
}
.site-nav a {
  color:#000;
  font-weight:1000;
  font-size:1.4rem;        /* was 2rem; reduced by 30% */
}

/* Hamburger button (hidden on desktop) */
.menu-toggle{
  display:none;
  appearance:none;
  background:transparent;
  border:0;
  padding:.5rem;
  margin-left:1rem;
  cursor:pointer;
}
.menu-toggle svg{ width:32px; height:32px; stroke:#000; }
.bar{ transition:transform .2s ease, opacity .2s ease; }
.menu-toggle[aria-expanded="true"] .bar2{ opacity:0; }
.menu-toggle[aria-expanded="true"] .bar1{ transform:translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .bar3{ transform:translateY(-6px) rotate(-45deg); }

/* spacer so content doesn’t hide under fixed header */
.header-spacer { height:80px; }

/* ───────────────────────────────────────────────────────────────────────── */
/* HERO                                                                     */
/* ───────────────────────────────────────────────────────────────────────── */
.hero {
  position:relative;
  background:url('hero-earth.jpg') center/cover no-repeat;
  height:60vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-overlay {
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.4);
}
.hero-content {
  position:relative;
  text-align:center;
  color:#fff;
  padding:0 1rem;
}
.hero-content h1 {
  font-family:'Lora',serif;
  font-size:3rem;
  margin-bottom:1rem;
}
.rotating-text {
  font-size:1.25rem;
  margin-bottom:1.5rem;
}
.btn-primary {
  display:inline-block;
  background:#ffc107;
  color:#003366;
  padding:.75rem 1.5rem;
  border-radius:4px;
  font-weight:600;
}

/* ───────────────────────────────────────────────────────────────────────── */
/* SECTION TITLES                                                           */
/* ───────────────────────────────────────────────────────────────────────── */
.section {
  padding:4rem 0;
}
.section-light { background:#fff }
.section-gray  { background:#f9f9f9 }
.section h2 {
  font-family:'Lora',serif;
  font-size:2rem;
  color:#003366;
  text-align:center;
  margin-bottom:2rem;
}

/* ───────────────────────────────────────────────────────────────────────── */
/* GLOBES GRID                                                              */
/* ───────────────────────────────────────────────────────────────────────── */
.globes-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
}
@media(max-width:800px){
  .globes-grid { grid-template-columns:1fr }
}
.globe-card {
  background:#fff;
  border-radius:8px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1);
  padding:1rem;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.globe-card img {
  width:100%; height:180px;
  object-fit:cover; border-radius:4px;
}
.globe-card h3 {
  font-family:'Montserrat',sans-serif;
  font-size:1.25rem;
  margin:0;
}
.globe-card p {
  color:#555;
  flex:1;
}
.btn-sm {
  display:inline-block;
  background:#007bff;
  color:#fff;
  padding:.5rem 1rem;
  border-radius:4px;
  font-weight:600;
}

/* ───────────────────────────────────────────────────────────────────────── */
/* HOW IT WORKS GRID                                                        */
/* ───────────────────────────────────────────────────────────────────────── */
.how-steps {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem;
}
@media(max-width:800px){
  .how-steps { grid-template-columns:1fr }
}
.step-item {
  background:#fff;
  border-radius:8px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1);
  padding:1rem;
  text-align:center;
  display:flex;
  flex-direction:column;
}
.step-circle {
  width:40px; height:40px;
  margin:0 auto .5rem;
  border:2px solid #003366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.25rem;
  color:#003366;
  font-weight:600;
}
.step-label {
  font-weight:600;
  margin-bottom:.75rem;
}
.step-image {
  width:100%; height:180px;
  object-fit:cover;
  border:1px solid #e2e2e2;
  border-radius:4px;
  margin-bottom:.75rem;
}
.step-desc {
  color:#555;
  flex:1;
}

/* ───────────────────────────────────────────────────────────────────────── */
/* CONTENT GRID                                                             */
/* ───────────────────────────────────────────────────────────────────────── */
.content-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem;
}
@media(max-width:800px){
  .content-grid { grid-template-columns:1fr 1fr }
}
.content-card {
  background:#fff;
  border-radius:8px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1);
  overflow:hidden;
  text-align:center;
}
.content-card img {
  width:100%; height:140px;
  object-fit:cover;
}
.content-card h3 {
  padding:.5rem 0;
  font-family:'Montserrat',sans-serif;
  font-size:1.1rem;
  color:#333;
}
.content-card p {
  font-size:.95rem;
  color:#555;
  padding:0 1rem 1rem;
}

/* ───────────────────────────────────────────────────────────────────────── */
/* FOOTER                                                                   */
/* ───────────────────────────────────────────────────────────────────────── */
.site-footer {
  background:#fff; text-align:center;
  padding:2rem 0; border-top:1px solid #e2e2e2;
  color:#555;
}

/* ───────────────────────────────────────────────────────────────────────── */
/* MOBILE NAV (Hamburger)                                                   */
/* ───────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px){
  .menu-toggle{ display:inline-flex; }
  .site-nav{
    position:fixed; left:0; right:0; top:80px;
    background:#fff; border-top:1px solid #e2e2e2;
    display:none; padding:1rem 1.25rem;
  }
  .site-nav ul{ flex-direction:column; gap:1rem; }
  body.nav-open .site-nav{ display:block; }
}