:root{
  --brand: #0d6efd;
  --ink: #0b1220;
}
*{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
body{color: var(--ink); background:#fff;}
.section{padding: 3.5rem 0;}
.hero{
  background: radial-gradient(1200px 600px at 15% 10%, rgba(13,110,253,.12), transparent 60%),
              radial-gradient(900px 500px at 85% 30%, rgba(13,110,253,.10), transparent 55%),
              linear-gradient(180deg, #ffffff, #fbfbff);
}
.navbar-brand .brand-dot{
  width: 10px; height: 10px; border-radius: 999px; display:inline-block; background: var(--brand);
  margin-right:.55rem; position: relative; top: -1px;
}
.hero-card{border-radius: 1.25rem; overflow:hidden; box-shadow: 0 10px 30px rgba(11,18,32,.08);}
.stat{font-weight: 800; font-size: 1.35rem;}
.pill{
  border: 1px solid rgba(11,18,32,.12);
  background: #fff;
  padding: .65rem .85rem;
  border-radius: 999px;
  font-weight: 600;
  text-align: center;
}
.grid-photos{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .75rem;
}
.grid-photos img{
  width:100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 1rem;
  box-shadow: 0 10px 25px rgba(11,18,32,.10);
}
.link-muted{color: inherit; opacity:.75; text-decoration:none;}
.link-muted:hover{opacity:1; text-decoration:underline;}
.photo-card{
  border:0; background: transparent; padding:0; width:100%; text-align:left;
}
.photo-card img{
  width:100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 1.1rem;
  box-shadow: 0 10px 25px rgba(11,18,32,.10);
}
.photo-caption{
  display:block;
  margin-top: .5rem;
  font-size: .9rem;
  color: rgba(11,18,32,.72);
}