:root {
  --vpl-ink: #0B0B0D;
  --vpl-surface: #141418;
  --vpl-panel: #1C1C22;
  --vpl-paper: #F4F2EE;
  --vpl-black: #0B0B0D;
  --vpl-onyx: #141418;
  --vpl-white: #FFFFFF;
  --vpl-cream: #F4F2EE;
  --vpl-steel: #8A8790;
  --vpl-muted: #8A8790;
  --vpl-gold: #C9A227;
  --vpl-gold-dark: #8A6E14;
  --vpl-accent: #C9A227;
  --vpl-accent-soft: #F5EDD4;
  --vpl-accent-deep: #8A6E14;
  --vpl-copper: #B8956C;
  --vpl-green: #2F9E6B;
  --vpl-amber: #C48A2E;
  --vpl-border: #2A2A32;
  --vpl-line: #2A2A32;
  --vpl-radius: 10px;
  --vpl-radius-sm: 6px;
  --vpl-radius-lg: 16px;
  --vpl-radius-pill: 999px;
  --vpl-shadow: none;
  --vpl-font-heading: 'Syne', system-ui, sans-serif;
  --vpl-font-body: 'Source Sans 3', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--vpl-font-body);
  color: var(--vpl-onyx);
  background: var(--vpl-white);
  line-height: 1.65;
}

h1, h2, h3, h4 {
  font-family: var(--vpl-font-heading);
  color: var(--vpl-black);
  line-height: 1.2;
}

a { color: var(--vpl-gold-dark); text-decoration: none; }
a:hover { text-decoration: underline; }

.vpl-container { width: min(1180px, 92vw); margin: 0 auto; }

.screen-reader-text {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); border: 0;
}

/* Age / researcher gate overlay style (Amino Club inspired) */
.vpl-gate {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: radial-gradient(ellipse at top, #1a1a1a 0%, #0A0A0A 70%);
  color: var(--vpl-white);
  padding: 2rem;
  text-align: center;
}
.vpl-gate__card {
  max-width: 520px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(11,122,117,0.45);
  border-radius: 20px;
  padding: 2.5rem 2rem;
  backdrop-filter: blur(8px);
}
.vpl-gate__logo { height: 48px; margin-bottom: 1.5rem; }
.vpl-gate h1 { color: var(--vpl-white); font-size: 1.75rem; margin: 0 0 1rem; }
.vpl-gate p { color: rgba(255,255,255,0.75); }
.vpl-gate label {
  display: flex; gap: 0.65rem; align-items: flex-start;
  text-align: left; margin: 0.85rem 0; font-size: 0.9rem; color: rgba(255,255,255,0.9);
}
.vpl-gate__actions { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1.5rem; }
.vpl-gate__disclaimer { font-size: 0.75rem; color: rgba(255,255,255,0.5); margin-top: 1.25rem; }

/* Announcement */
.vpl-announcement {
  background: var(--vpl-black);
  color: var(--vpl-white);
  padding: 0.65rem 0;
  font-size: 0.85rem;
}
.vpl-announcement__inner {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
}

/* Header — dark bar (white logo + light controls) */
.vpl-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(11, 11, 13, 0.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(201, 162, 39, 0.28);
}
.vpl-header__inner {
  display: flex; align-items: center; gap: 1.5rem; padding: 0.9rem 0;
}
.vpl-logo img { display: block; height: 42px; width: auto; }
.vpl-nav { flex: 1; }
.vpl-nav__list {
  display: flex; gap: 1.25rem; list-style: none; margin: 0; padding: 0; justify-content: center;
}
.vpl-nav__list a { color: rgba(244, 242, 238, 0.9); font-weight: 500; font-size: 0.9rem; }
.vpl-nav__list a:hover { color: var(--vpl-accent); text-decoration: none; }
.vpl-header__actions { display: flex; gap: 0.75rem; align-items: center; }
.vpl-nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 0.5rem; }
.vpl-nav-toggle__bar { display: block; width: 22px; height: 2px; background: #F4F2EE; margin: 4px 0; }
.vpl-sticky-cta { display: none; }

/* Buttons */
.vpl-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.75rem 1.35rem; border-radius: 999px; font-weight: 600; font-size: 0.9rem;
  border: 2px solid transparent; cursor: pointer; transition: all 0.2s ease; text-decoration: none !important;
}
.vpl-btn--primary { background: var(--vpl-gold); color: var(--vpl-black) !important; }
.vpl-btn--primary:hover { background: var(--vpl-gold-dark); color: var(--vpl-white) !important; }
.vpl-btn--ghost { background: transparent; border-color: var(--vpl-border); color: var(--vpl-black) !important; }
.vpl-header .vpl-btn--ghost {
  border-color: rgba(244, 242, 238, 0.55) !important;
  color: #F4F2EE !important;
  background: transparent;
}
.vpl-header .vpl-btn--ghost:hover {
  border-color: var(--vpl-accent) !important;
  color: var(--vpl-accent) !important;
}
.vpl-btn--dark { background: var(--vpl-black); color: var(--vpl-white) !important; }
.vpl-btn--sm { padding: 0.4rem 0.95rem; font-size: 0.8rem; }
.vpl-btn--block { width: 100%; }
.vpl-btn-group { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1.25rem 0; }

/* Hero — Amino Club inspired dark premium */
.vpl-hero {
  padding: 4.5rem 0 3.5rem;
  background:
    radial-gradient(ellipse at 20% 20%, rgba(201,169,98,0.12), transparent 50%),
    linear-gradient(180deg, #0A0A0A 0%, #161616 100%);
  color: var(--vpl-white);
}
.vpl-hero__grid {
  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 2.5rem; align-items: center;
}
.vpl-eyebrow {
  color: var(--vpl-gold); font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.12em; font-size: 0.78rem; margin: 0 0 0.85rem;
}
.vpl-hero h1 { color: var(--vpl-ink); font-size: clamp(2rem, 4.5vw, 3.1rem); margin: 0 0 1rem; }
.vpl-hero__subhead { color: var(--vpl-muted); font-size: 1.05rem; max-width: 52ch; }
.vpl-micro-trust { font-size: 0.85rem; color: rgba(255,255,255,0.55); }
.vpl-badge-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.vpl-badge {
  display: inline-block; padding: 0.35rem 0.75rem;
  background: rgba(201,169,98,0.12); border: 1px solid rgba(11,122,117,0.45);
  border-radius: 999px; font-size: 0.75rem; font-weight: 600; color: var(--vpl-gold);
}
.vpl-hero__visual img {
  width: 100%; height: auto; border-radius: var(--vpl-radius);
  box-shadow: 0 20px 60px rgba(0,0,0,0.45); border: 1px solid rgba(201,169,98,0.2);
}

/* Trust strip */
.vpl-trust {
  background: var(--vpl-black);
  border-top: 1px solid rgba(201,169,98,0.2);
  border-bottom: 1px solid rgba(201,169,98,0.2);
  padding: 1.25rem 0;
}
.vpl-trust__grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; text-align: center;
}
.vpl-trust__item strong { display: block; color: var(--vpl-gold); font-size: 0.95rem; }
.vpl-trust__item span { color: rgba(255,255,255,0.6); font-size: 0.8rem; }

/* Sections */
.vpl-section { padding: 4.25rem 0; }
.vpl-section--cream { background: var(--vpl-cream); }
.vpl-section--dark { background: var(--vpl-black); color: var(--vpl-white); }
.vpl-section--dark h2, .vpl-section--dark h3 { color: var(--vpl-white); }
.vpl-section__title { text-align: center; font-size: clamp(1.55rem, 3vw, 2.1rem); margin: 0 0 0.75rem; }
.vpl-section__lead { text-align: center; max-width: 65ch; margin: 0 auto 2rem; color: var(--vpl-steel); }
.vpl-section--dark .vpl-section__lead { color: rgba(255,255,255,0.65); }
.vpl-section__image { display: block; width: 100%; max-width: 920px; margin: 2rem auto 0; border-radius: var(--vpl-radius); }
.vpl-section__cta { text-align: center; margin-top: 1.5rem; }

/* Cards / grids */
.vpl-card {
  background: var(--vpl-white); border: 1px solid var(--vpl-border);
  border-radius: var(--vpl-radius); padding: 1.5rem; box-shadow: var(--vpl-shadow);
}
.vpl-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.vpl-card-grid--4 { grid-template-columns: repeat(4, 1fr); }
.vpl-card-grid--3 { grid-template-columns: repeat(3, 1fr); }
.vpl-split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.vpl-check-list, .vpl-x-list { padding-left: 1.25rem; }

/* Product catalog cards */
.vpl-catalog-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.35rem; margin: 2rem 0;
}
.vpl-product-card {
  background: var(--vpl-white); border: 1px solid var(--vpl-border);
  border-radius: var(--vpl-radius); overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.vpl-product-card:hover { transform: translateY(-4px); box-shadow: var(--vpl-shadow); }
.vpl-product-card__img {
  aspect-ratio: 1; background: #0A0A0A; display: grid; place-items: center; overflow: hidden;
}
.vpl-product-card__img img { width: 100%; height: 100%; object-fit: cover; }
.vpl-product-card__body { padding: 1.15rem 1.25rem 1.35rem; }
.vpl-product-card__body h3 { margin: 0.35rem 0 0.4rem; font-size: 1.1rem; }
.vpl-product-card__meta { color: var(--vpl-steel); font-size: 0.82rem; margin: 0 0 0.75rem; }
.vpl-product-card .vpl-badge { margin-bottom: 0.35rem; }

.vpl-steps {
  max-width: 720px; margin: 0 auto 2rem; counter-reset: step; list-style: none; padding: 0;
}
.vpl-steps li {
  counter-increment: step; padding: 1rem 1rem 1rem 3.5rem; position: relative;
  margin-bottom: 0.75rem; background: var(--vpl-white); border-radius: var(--vpl-radius);
  border: 1px solid var(--vpl-border);
}
.vpl-steps li::before {
  content: counter(step); position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);
  width: 1.75rem; height: 1.75rem; background: var(--vpl-gold); color: var(--vpl-black);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 0.85rem;
}

.vpl-faq-item {
  background: var(--vpl-white); border: 1px solid var(--vpl-border);
  border-radius: var(--vpl-radius); padding: 1rem 1.25rem; margin-bottom: 0.75rem;
}
.vpl-faq-item summary { cursor: pointer; font-weight: 600; color: var(--vpl-black); }

.vpl-cta-section {
  background: linear-gradient(135deg, #0A0A0A, #1a1610);
  color: var(--vpl-white); text-align: center;
}
.vpl-cta-section h2 { color: var(--vpl-white); }

.vpl-footer {
  background: var(--vpl-black); color: rgba(255,255,255,0.85); padding: 3rem 0 1.5rem;
}
.vpl-footer h3 { color: var(--vpl-gold); font-size: 0.95rem; margin-bottom: 0.75rem; }
.vpl-footer ul { list-style: none; padding: 0; margin: 0; }
.vpl-footer li { margin-bottom: 0.4rem; }
.vpl-footer a { color: rgba(255,255,255,0.8); }
.vpl-footer__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-bottom: 2rem; }
.vpl-footer__disclaimer {
  border-top: 1px solid rgba(201,169,98,0.2); padding-top: 1.5rem;
  font-size: 0.8rem; color: rgba(255,255,255,0.55);
}
.vpl-footer__payments { text-align: center; margin: 2rem 0 1.5rem; padding: 1.5rem; background: rgba(255,255,255,0.04); border-radius: 12px; border: 1px solid rgba(201,169,98,0.15); }
.vpl-footer__payments-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--vpl-gold); margin-bottom: 0.75rem; }
.vpl-payment-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; list-style: none; padding: 0; margin: 0 0 0.75rem; }
.vpl-payment-logos img { height: 32px; width: auto; background: #fff; border-radius: 4px; padding: 2px 6px; }
.vpl-footer__payments-note { font-size: 0.72rem; color: rgba(255,255,255,0.45); margin: 0; }
.vpl-footer__legal { text-align: center; font-size: 0.78rem; margin-bottom: 0.5rem; }
.vpl-footer__legal a { color: rgba(255,255,255,0.6); margin: 0 0.35rem; }
.vpl-footer__bottom { text-align: center; font-size: 0.8rem; margin-top: 1rem; color: rgba(255,255,255,0.4); }

.vpl-post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.vpl-meta { color: var(--vpl-steel); font-size: 0.85rem; }
.vpl-disclaimer { font-size: 0.8rem; color: var(--vpl-steel); margin-top: 1.5rem; }
.vpl-link { font-weight: 600; }
.vpl-page { padding: 3rem 0; }
.vpl-empty-state { text-align: center; padding: 3rem; }
.vpl-prose h2 { margin-top: 2rem; }
.vpl-prose ul { padding-left: 1.25rem; }

/* Sitewide RUO compliance bar — required on every brand */
.vpl-ruo-bar {
  background: #08111B;
  color: #EEF3FB;
  font-size: 0.78rem;
  border-bottom: 1px solid rgba(30,90,168,0.45);
}
.vpl-ruo-bar__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0;
  text-align: center;
}
.vpl-ruo-bar strong {
  color: #A8C4E8;
  letter-spacing: 0.08em;
}
.vpl-ruo-bar a { color: #fff; text-decoration: underline; }
.vpl-badge--ruo { background: #EEF3FB; color: #143F78; }
.vpl-loop-ruo { font-size: 0.75rem; color: #5F6C7B; margin: 0.25rem 0 0; }

/* vpeptide-labs-theme:main.css */