:root{
  --bg:#f8fafc;
  --panel:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e2e8f0;
  --brand:#0f766e;

  --radius-xl:20px;
  --radius-lg:14px;

  --shadow:0 8px 24px 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.7;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.section{padding:3rem 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:1rem 0;
  gap:1rem;
}
.c44cbd02506{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.c44cbd02506 img{width:150px}
.c44cbd02506 span{
  font-weight:800;
  font-size:1.05rem;
}
.cb82bd3dfdd{
  display:flex;
  gap:1rem;
}
.cb82bd3dfdd a{
  font-size:.95rem;
  color:#334155;
}
.cb82bd3dfdd a.active{
  color:var(--brand);
  font-weight:600;
}

/* ===== SECTIONS ===== */
.block{
  background:#fff;
  border-radius:var(--radius-xl);
  padding:2rem;
  box-shadow:var(--shadow);
}
.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  align-items:center;
}
.split img{
  border-radius:var(--radius-lg);
  height:100%;
  object-fit:cover;
}

/* ===== LIST ===== */
.list{
  margin:1rem 0 0;
  padding-left:1.2rem;
}
.list li{
  margin-bottom:.4rem;
  color:var(--muted);
}

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

/* ===== FOOTER ===== */
footer{
  margin-top:3rem;
  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:#475569}

/* ===== MOBILE ===== */
@media(max-width:900px){
  .topbar{flex-direction:column;text-align:center}
  .cb82bd3dfdd{justify-content:center;flex-wrap:wrap}
  .split,.contact-grid,.footer{grid-template-columns:1fr}
}
@media(max-width:600px){
  .section{padding:2.2rem 0}
  .c44cbd02506 img{width:130px}
  .c44cbd02506 span{font-size:1rem}
  .block{padding:1.5rem}
}