:root{
  --bg:#f6f8fb;
  --panel:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --line:#e5e7eb;
  --brand:#2563eb;
  --brand-soft:#e0e7ff;

  --radius-xl:22px;
  --radius-lg:16px;
  --radius-md:12px;

  --shadow:0 12px 32px rgba(15,23,42,.08);
  --shadow2:0 6px 18px rgba(15,23,42,.06);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
}
img{max-width:100%;display:block;height:auto}
a{text-decoration:none;color:inherit}

.container{max-width:1120px;margin:0 auto;padding:0 1.25rem}
.section{padding:2.8rem 0}

/* ===== HEADER ===== */
header{
  position:sticky;top:0;z-index:20;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.9rem 0;
  gap:1rem;
}
.cfe10e0db92{
  display:flex;
  align-items:center;
  gap:.8rem;
}
.cfe10e0db92 img{width:150px}
.cfe10e0db92 span{
  font-weight:800;
  font-size:1.05rem;
  color:#111827;
}
.cc05b7bcc47{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
}
.cc05b7bcc47 a{
  font-size:.95rem;
  padding:.35rem .6rem;
  border-radius:999px;
  color:#374151;
}
.cc05b7bcc47 a.active{
  background:var(--brand-soft);
  color:var(--brand);
}

/* ===== HERO ===== */
.hero-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:1.5rem;
}
.hero-card{
  background:#fff;
  border-radius:var(--radius-xl);
  padding:1.6rem;
  box-shadow:var(--shadow);
}
.hero-media{
  border-radius:var(--radius-xl);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:260px;
}

/* ===== IMAGE STRIP ===== */
.strip{
  margin-top:1.4rem;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.9rem;
}
.strip img{
  height:190px;
  object-fit:cover;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow2);
}

/* ===== SECTIONS ===== */
.c87510b00e7{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.c3db8172d9f{
  background:#fff;
  padding:1.4rem;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow2);
}

.two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.3rem;
}
.panel{
  background:#fff;
  padding:1.4rem;
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow2);
}

/* ===== CONTACT ===== */
.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.4rem;
}
input,textarea{
  width:100%;
  padding:.6rem .7rem;
  border:1px solid var(--line);
  border-radius:10px;
  font:inherit;
}
.c5fefc30cad{
  margin-top:.7rem;
  padding:.6rem 1.2rem;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  border:none;
  font-weight:600;
}

/* ===== FOOTER ===== */
footer{
  margin-top:2.5rem;
  background:#fff;
  border-top:1px solid var(--line);
}
.footer{
  padding:2rem 0;
  display:grid;
  grid-template-columns:1.2fr 1fr 1.2fr;
  gap:1rem;
}
.small{font-size:.85rem;color:#4b5563}

/* ================================================= */
/* ================= MOBILE FIX ==================== */
/* ================================================= */

@media(max-width:900px){

  .container{padding:0 1rem}

  /* header */
  .topbar{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .cc05b7bcc47{
    justify-content:center;
  }

  /* hero */
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-media img{
    min-height:220px;
  }

  /* strip */
  .strip{
    grid-template-columns:1fr;
  }
  .strip img{
    height:200px;
  }

  /* grids */
  .c87510b00e7{
    grid-template-columns:1fr;
  }
  .two{
    grid-template-columns:1fr;
  }
  .contact-grid{
    grid-template-columns:1fr;
  }

  /* footer */
  .footer{
    grid-template-columns:1fr;
    text-align:center;
  }
}

@media(max-width:600px){

  .section{
    padding:2.2rem 0;
  }

  .cfe10e0db92 img{
    width:130px;
  }
  .cfe10e0db92 span{
    font-size:1rem;
  }

  .hero-card{
    padding:1.3rem;
  }

  .hero-media img,
  .strip img{
    height:180px;
  }

  .panel{
    padding:1.2rem;
  }
}