:root{
  --gp-bg: #0b0b0c;
  --gp-ink: #111214;
  --gp-soft: #f6f3f1;
  --gp-card: #ffffff;
  --gp-muted: rgba(17,18,20,.65);
  --gp-accent: #b76e79; /* rose-gold */
  --gp-accent-2: #e7c6c2;
  --gp-border: rgba(0,0,0,.08);
  --gp-shadow: 0 12px 30px rgba(0,0,0,.10);
}

html, body { height: 100%; }
body{
  color: var(--gp-ink);
  background: var(--gp-soft);
}

.gp-topbar{
  background: var(--gp-bg);
}
.gp-topbar-link{
  color: rgba(255,255,255,.85);
  text-decoration: none;
}
.gp-topbar-link:hover{ color: #fff; }

.gp-navbar{
  background: #000; /* matches your preference for a black nav with white text */
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.gp-btn-accent{
  background: var(--gp-accent);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
}
.gp-btn-accent:hover{ filter: brightness(0.95); color:#fff; }

.gp-btn-outline{
  border: 1px solid rgba(255,255,255,.20);
  color: rgba(255,255,255,.90);
  background: transparent;
}
.gp-btn-outline:hover{
  background: rgba(255,255,255,.06);
  color: #fff;
}

.gp-hero{
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6f3f1 100%);
}
.gp-hero .gp-hero-card{
  background: rgba(255,255,255,.90);
  border: 1px solid var(--gp-border);
  box-shadow: var(--gp-shadow);
  border-radius: 18px;
}
.gp-kpi{
  border: 1px solid var(--gp-border);
  border-radius: 14px;
  background: #fff;
}
.gp-kpi .label{ color: var(--gp-muted); font-size: .85rem; }
.gp-kpi .value{ font-weight: 700; }

.gp-section{
  padding: 64px 0;
}
.gp-section-title{
  font-weight: 700;
  letter-spacing: -0.02em;
}
.gp-section-sub{
  color: var(--gp-muted);
  max-width: 72ch;
}

.gp-card{
  background: var(--gp-card);
  border: 1px solid var(--gp-border);
  border-radius: 18px;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
.gp-icon-badge{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(183,110,121,.12);
  color: var(--gp-accent);
  border: 1px solid rgba(183,110,121,.25);
}

.gp-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .75rem;
  border-radius: 999px;
  background: rgba(183,110,121,.10);
  border: 1px solid rgba(183,110,121,.22);
  color: #5b2a32;
  font-size: .9rem;
}

.gp-divider{
  height:1px;
  background: rgba(0,0,0,.08);
  margin: 20px 0;
}

.gp-footer{
  background: #050506;
  color: #fff;
}
.gp-footer-link{
  color: rgba(255,255,255,.75);
  text-decoration: none;
}
.gp-footer-link:hover{ color: #fff; }

.gp-social{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.9);
  border: 1px solid rgba(255,255,255,.12);
  text-decoration:none;
}
.gp-social:hover{ background: rgba(255,255,255,.06); color:#fff; }

.gp-hr{ border-color: rgba(255,255,255,.12); }

.gp-form-note{
  color: var(--gp-muted);
  font-size: .9rem;
}

/* Nice anchors offset for sticky navbar */
section[id]{
  scroll-margin-top: 90px;
}