html[data-site="co"] {
  --bg: #f3f7f4;
  --panel: #fff;
  --text: #17211b;
  --ink: #17211b;
  --soft: #68746d;
  --muted: #68746d;
  --mute: #819087;
  --accent: #bd8c32;
  --gold: #bd8c32;
  --line: #dfe5df;
  --ember: #143d2d;
}

html[data-site="co"] body {
  background: linear-gradient(180deg, #fff, #f3f7f4);
  color: var(--text);
  font-family: "Manrope", system-ui, sans-serif;
}

html[data-site="co"] header {
  max-width: 880px;
  border-color: var(--line);
  color: #143d2d;
  font-family: "Manrope", system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: none;
}

html[data-site="co"] header a { color: #143d2d; }
html[data-site="co"] .book-cta {
  border: 0;
  background: #143d2d;
  color: #fff;
  font-weight: 800;
}

html[data-site="co"] body > main {
  max-width: 800px;
  margin-top: 42px;
  margin-bottom: 60px;
  padding: clamp(28px, 6vw, 58px);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--panel);
  box-shadow: 0 18px 50px rgba(13, 46, 34, .1);
}

html[data-site="co"] h1,
html[data-site="co"] h2,
html[data-site="co"] h3,
html[data-site="co"] .brand,
html[data-site="co"] .success h2,
html[data-site="co"] .signature {
  color: #0d2e22;
  font-family: "Sora", system-ui, sans-serif;
  letter-spacing: -.035em;
}

html[data-site="co"] h1 { font-weight: 700; }
html[data-site="co"] h2 { color: #143d2d; font-weight: 700; }
html[data-site="co"] p,
html[data-site="co"] li,
html[data-site="co"] label.check { color: #68746d; }
html[data-site="co"] strong,
html[data-site="co"] a,
html[data-site="co"] .brand em,
html[data-site="co"] h1 em { color: #bd8c32; }
html[data-site="co"] footer { border-color: var(--line); }

html[data-site="co"] .eyebrow { color: #143d2d; font-family: "Manrope", system-ui, sans-serif; font-weight: 800; }
html[data-site="co"] .slot { border-color: #bd8c32; border-radius: 0 14px 14px 0; background: #f3f7f4; color: #0d2e22; font-family: "Sora", system-ui, sans-serif; }
html[data-site="co"] label.check { border-color: var(--line); border-radius: 14px; background: #fff; }
html[data-site="co"] input[type="checkbox"] { accent-color: #143d2d; }
html[data-site="co"] .signature { border-color: var(--line); border-radius: 13px; background: #fff; }
html[data-site="co"] button { background: #143d2d; color: #fff; font-family: "Manrope", system-ui, sans-serif; font-weight: 800; letter-spacing: 0; text-transform: none; }

html[data-site="co"][data-theme="dark"] {
  --bg: #0e1914;
  --panel: #0a120e;
  --text: #eef4ef;
  --ink: #eef4ef;
  --soft: #a7b7ad;
  --muted: #a7b7ad;
  --mute: #819087;
  --accent: #d6aa51;
  --gold: #d6aa51;
  --line: #26372e;
}

html[data-site="co"][data-theme="dark"] body { background: linear-gradient(180deg, #0a120e, #122019); }
html[data-site="co"][data-theme="dark"] body > main { background: var(--panel); box-shadow: 0 18px 50px rgba(0,0,0,.34); }
html[data-site="co"][data-theme="dark"] h1,
html[data-site="co"][data-theme="dark"] h2,
html[data-site="co"][data-theme="dark"] h3,
html[data-site="co"][data-theme="dark"] .brand,
html[data-site="co"][data-theme="dark"] header,
html[data-site="co"][data-theme="dark"] header a { color: #eef4ef; }
html[data-site="co"][data-theme="dark"] p,
html[data-site="co"][data-theme="dark"] li,
html[data-site="co"][data-theme="dark"] label.check { color: #a7b7ad; }
html[data-site="co"][data-theme="dark"] .slot,
html[data-site="co"][data-theme="dark"] label.check,
html[data-site="co"][data-theme="dark"] .signature { background: #122019; }

@media (max-width: 700px) {
  html[data-site="co"] body > main { margin-top: 18px; border-radius: 20px; }
}