{"id":108,"date":"2026-06-27T17:10:08","date_gmt":"2026-06-27T15:10:08","guid":{"rendered":"https:\/\/bropeptides.com\/?page_id=108"},"modified":"2026-07-13T20:56:42","modified_gmt":"2026-07-13T18:56:42","slug":"contact","status":"publish","type":"page","link":"https:\/\/bropeptides.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&#038;family=Inter:wght@400;500;600;700&#038;family=JetBrains+Mono:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{--ink:#0A1B30;--navy:#0E2745;--blue:#2E5FA3;--blue-light:#5C8AD1;--blue-soft:#E4ECF8;--paper:#FAFBFD;--paper-2:#EFF3F9;--grey:#7C8696;--line:#E4E9F1;}\n  *{box-sizing:border-box;margin:0;padding:0;}\n  body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;}\n  .mono{font-family:'JetBrains Mono',monospace;}\n  .topbar{background:var(--ink);color:#CFE0FF;font-size:12.5px;text-align:center;padding:9px 0;font-family:'JetBrains Mono',monospace;letter-spacing:0.03em;}\n  .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:1180px;margin:0 auto;}\n  .logo{display:flex;align-items:center;gap:11px;}\n  .logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(155deg,#1B3C6E,#0A1B30);display:flex;align-items:center;justify-content:center;}\n  .logo-mark svg{width:19px;height:19px;}\n  .logo-text{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;}\n  .logo-text span{color:var(--blue);}\n  .navlinks{display:flex;gap:28px;font-size:14px;color:#33405A;}\n  .navlinks a{color:inherit;text-decoration:none;}\n  .navcta{display:flex;gap:12px;}\n  .icon-btn{font-size:13px;color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:9px 18px;border-radius:8px;background:#fff;}\n  .icon-btn.solid{background:var(--ink);color:#fff;border-color:var(--ink);}\n  .phero{background:radial-gradient(ellipse 100% 90% at 50% 0%,#16243C,#0A1322 60%,#070C16);color:#fff;padding:60px 32px;}\n  .phero-inner{max-width:1180px;margin:0 auto;}\n  .breadcrumb{font-size:12.5px;color:#7E92B4;margin-bottom:16px;}\n  .breadcrumb a{color:#7E92B4;text-decoration:none;}\n  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:0.1em;text-transform:uppercase;color:#A9C4EE;margin-bottom:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(92,138,209,0.14);border:1px solid rgba(92,138,209,0.3);padding:7px 14px 7px 11px;border-radius:99px;}\n  .eyebrow::before{content:\"\";width:6px;height:6px;background:#5C8AD1;border-radius:50%;}\n  .phero h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:40px;letter-spacing:-0.015em;margin-bottom:14px;}\n  .phero p{font-size:16.5px;color:#AEBFD8;max-width:600px;}\n  .section{padding:72px 32px;}\n  h2.sh{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:28px;letter-spacing:-0.01em;margin-bottom:10px;}\n  .sublead{font-size:14.5px;color:var(--grey);margin-bottom:36px;max-width:560px;}<\/p>\n<p>.clayout{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:64px 0 72px;}\n  @media(max-width:840px){.clayout{grid-template-columns:1fr;}}\n  .cform{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;}\n  .cform h2{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;margin-bottom:6px;}\n  .cform .sub{font-size:13.5px;color:var(--grey);margin-bottom:22px;}\n  .frow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}\n  .frow.full{grid-template-columns:1fr;}\n  .field label{display:block;font-size:12.5px;font-weight:500;color:#4A5670;margin-bottom:5px;}\n  .field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:14px;background:#fff;color:var(--ink);}\n  .field textarea{min-height:130px;resize:vertical;}\n  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);}\n  .cform button{width:100%;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:15px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 8px 20px -6px rgba(46,95,163,0.5);margin-top:4px;}\n  .cform button:hover{background:#24508C;}\n  .cinfo .cblock{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px;display:flex;gap:15px;align-items:flex-start;}\n  .cinfo .cic{width:44px;height:44px;border-radius:11px;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n  .cinfo .cic svg{width:20px;height:20px;stroke:var(--blue);}\n  .cinfo b{font-family:'Space Grotesk',sans-serif;font-size:15px;display:block;margin-bottom:3px;}\n  .cinfo p{font-size:13.5px;color:#4A5670;margin:0;}\n  .cinfo a{color:var(--blue);text-decoration:none;}\n  .hours{background:var(--ink);color:#fff;border-radius:16px;padding:24px;}\n  .hours b{font-family:'Space Grotesk',sans-serif;font-size:15px;display:block;margin-bottom:14px;}\n  .hours .hr{display:flex;justify-content:space-between;font-size:13.5px;padding:6px 0;color:#C7D3E6;}\n  .hours .hr span:last-child{color:#fff;font-weight:500;}\n  .formnote{font-size:11.5px;color:var(--grey);margin-top:10px;text-align:center;}<\/p>\n<\/style>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=DM+Mono:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   TOKENS\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 <em>\/\n:root {\n  \/<\/em> Brand <em>\/\n  --ink:       #0A1020;\n  --navy:      #0E2745;\n  --blue:      #0057FF;          \/<\/em> Pridian Blue, CTAs &amp; status only *\/\n  --blue-pale: #EAF0FF;\n  --grey-7:    #717D8A;\n  --grey-4:    #C4CAD4;\n  --line:      #E8ECF2;\n  --paper:     #FFFFFF;\n  --paper-2:   #F8F9FB;\n  --paper-3:   #F2F4F8;<\/p>\n<p>\/* Silver cap palette *\/\n  --silver-hi: #E8E8E8;\n  --silver-md: #B4B4B4;\n  --silver-lo: #8C8C8C;<\/p>\n<p>\/* Easing *\/\n  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);\n  --ease-in:   cubic-bezier(0.7, 0, 0.84, 0);<\/p>\n<p>\/* Elevation *\/\n  --shadow-card: 0 1px 3px rgba(10,16,32,0.06), 0 4px 16px rgba(10,16,32,0.04);\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   RESET\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }\nbody {\n  background: var(--paper);\n  color: var(--ink);\n  font-family: 'Inter', system-ui, sans-serif;\n  font-size: 16px;\n  line-height: 1.65;\n  overflow-x: hidden;\n}\na { text-decoration: none; color: inherit; }\nimg { display: block; max-width: 100%; }\nbutton { cursor: pointer; font-family: inherit; border: none; background: none; }\n.mono { font-family: 'DM Mono', monospace; }\n.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   SCROLL REVEAL\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s var(--ease-out), transform 0.65s var(--ease-out);\n}\n.reveal.in { opacity: 1; transform: none; }\n.reveal-delay-1 { transition-delay: 0.08s; }\n.reveal-delay-2 { transition-delay: 0.16s; }\n.reveal-delay-3 { transition-delay: 0.24s; }\n.reveal-delay-4 { transition-delay: 0.32s; }\n.reveal-delay-5 { transition-delay: 0.40s; }<\/p>\n<p>@media (prefers-reduced-motion: reduce) {\n  .reveal { opacity: 1; transform: none; transition: none; }\n  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }\n}\n@keyframes ticker {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   HERO, Dark cinematic opener\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 <em>\/\n.hero {\n  background: var(--ink);\n  min-height: 100svh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  padding: 80px 40px 120px;\n}\n.hero-bg {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 60% 60% at 50% 80%, rgba(0,87,255,0.12) 0%, transparent 70%),\n    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(14,39,69,0.6) 0%, transparent 80%);\n  pointer-events: none;\n}\n\/<\/em> Subtle grid <em>\/\n.hero-grid {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n  background-size: 60px 60px;\n  pointer-events: none;\n}\n.hero-eyebrow {\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.22em;\n  color: rgba(255,255,255,0.35);\n  text-transform: uppercase;\n  margin-bottom: 48px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.hero-eyebrow::before, .hero-eyebrow::after {\n  content: '';\n  width: 32px;\n  height: 1px;\n  background: rgba(255,255,255,0.18);\n}\n.hero-wordmark {\n  font-family: 'Inter', sans-serif;\n  font-weight: 200;\n  font-size: clamp(80px, 16vw, 200px);\n  letter-spacing: -0.02em;\n  color: #fff;\n  line-height: 0.9;\n  margin-bottom: 0;\n}\n.hero-sub {\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.45em;\n  color: rgba(255,255,255,0.25);\n  text-transform: uppercase;\n  margin-top: 12px;\n  margin-bottom: 72px;\n  padding-right: 0.45em;\n}\n.hero-divider {\n  width: 40px;\n  height: 1px;\n  background: rgba(255,255,255,0.2);\n  margin: 0 auto 48px;\n}\n.hero-headline {\n  font-size: clamp(18px, 2.4vw, 24px);\n  font-weight: 300;\n  color: rgba(255,255,255,0.7);\n  max-width: 480px;\n  line-height: 1.6;\n  margin-bottom: 8px;\n}\n.hero-headline strong { color: #fff; font-weight: 500; }\n.hero-tagline {\n  font-size: 13px;\n  color: rgba(255,255,255,0.3);\n  margin-bottom: 52px;\n  font-weight: 300;\n  letter-spacing: 0.01em;\n}\n.hero-ctas {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin-bottom: 80px;\n}\n.btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 32px;\n  background: var(--blue);\n  color: #fff;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  border-radius: 6px;\n  transition: background 180ms, transform 150ms;\n  cursor: pointer;\n}\n.btn-primary:hover { background: #0048D4; transform: translateY(-1px); }\n.btn-ghost-light {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 32px;\n  background: transparent;\n  color: rgba(255,255,255,0.7);\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.02em;\n  border-radius: 6px;\n  border: 1px solid rgba(255,255,255,0.15);\n  transition: border-color 180ms, color 180ms, background 180ms;\n  cursor: pointer;\n}\n.btn-ghost-light:hover {\n  border-color: rgba(255,255,255,0.4);\n  color: #fff;\n  background: rgba(255,255,255,0.05);\n}\n\/<\/em> Hero vials row <em>\/\n.hero-vials {\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  gap: 24px;\n  position: relative;\n  z-index: 2;\n}\n.hero-vial-wrap {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);\n}\n.hero-vial-wrap.in { opacity: 1; transform: none; }\n.hero-vial-label {\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.12em;\n  color: rgba(255,255,255,0.35);\n  text-transform: uppercase;\n}\n\/<\/em> Hero scroll cue *\/\n.hero-scroll {\n  position: absolute;\n  bottom: 32px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  opacity: 0.3;\n  animation: bounce 2s ease-in-out infinite;\n}\n.hero-scroll span {\n  font-family: 'DM Mono', monospace;\n  font-size: 9px;\n  letter-spacing: 0.2em;\n  color: #fff;\n  text-transform: uppercase;\n}\n.scroll-line {\n  width: 1px;\n  height: 32px;\n  background: linear-gradient(to bottom, #fff, transparent);\n}\n@keyframes bounce {\n  0%, 100% { transform: translateX(-50%) translateY(0); }\n  50%       { transform: translateX(-50%) translateY(8px); }\n}<\/p>\n<p>\/* Hero stats *\/\n.hero-stats {\n  display: flex;\n  gap: 48px;\n  justify-content: center;\n  margin-top: 64px;\n}\n.hero-stat-num {\n  font-size: 28px;\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 4px;\n}\n.hero-stat-label {\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.12em;\n  color: rgba(255,255,255,0.35);\n  text-transform: uppercase;\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   SECTION COMMONS\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.section {\n  padding: 100px 0;\n}\n.section-alt { background: var(--paper-2); }\n.section-dark { background: var(--ink); }<\/p>\n<p>.section-eyebrow {\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.22em;\n  color: var(--blue);\n  text-transform: uppercase;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.section-eyebrow::before {\n  content: '';\n  width: 20px;\n  height: 1px;\n  background: var(--blue);\n}\n.section-title {\n  font-size: clamp(28px, 4vw, 44px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  color: var(--ink);\n  line-height: 1.2;\n  margin-bottom: 16px;\n}\n.section-desc {\n  font-size: 17px;\n  color: var(--grey-7);\n  max-width: 520px;\n  line-height: 1.65;\n}\n.divider {\n  border: none;\n  border-top: 1px solid var(--line);\n  margin: 0;\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   TRUST BAR\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.trust-bar {\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  background: var(--paper);\n}\n.trust-bar-inner {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.trust-item {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 28px 32px;\n  border-right: 1px solid var(--line);\n}\n.trust-item:last-child { border-right: none; }\n.trust-icon {\n  width: 36px;\n  height: 36px;\n  flex-shrink: 0;\n  color: var(--blue);\n}\n.trust-text strong {\n  display: block;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--ink);\n  margin-bottom: 2px;\n}\n.trust-text span {\n  font-family: 'DM Mono', monospace;\n  font-size: 11px;\n  color: var(--grey-7);\n  letter-spacing: 0.03em;\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   PRODUCT GRID, The Clean Room\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.products-header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin-bottom: 56px;\n  gap: 24px;\n}\n.products-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: var(--line);\n  border: 1px solid var(--line);\n}\n.product-card {\n  background: var(--paper);\n  padding: 40px 32px 32px;\n  display: flex;\n  flex-direction: column;\n  transition: background 200ms;\n  position: relative;\n}\n.product-card:hover { background: var(--paper-2); }\n.product-card:hover .pc-vial { transform: scale(1.04) translateY(-4px); }<\/p>\n<p>\/* Tier badge *\/\n.pc-tier {\n  font-family: 'DM Mono', monospace;\n  font-size: 9px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 4px 10px;\n  border-radius: 2px;\n  margin-bottom: 28px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  align-self: flex-start;\n}\n.pc-tier::before {\n  content: '';\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: currentColor;\n}\n.tier-dark-lab   { background: var(--ink); color: rgba(255,255,255,0.5); }\n.tier-dark-lab::before { background: rgba(255,255,255,0.5); }\n.tier-clinical   { background: var(--paper-3); color: var(--grey-7); }\n.tier-nordic     { background: var(--blue-pale); color: var(--blue); }\n.tier-nordic::before { background: var(--blue); }<\/p>\n<p>\/* Vial container *\/\n.pc-vial {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin-bottom: 32px;\n  transition: transform 350ms var(--ease-out);\n}<\/p>\n<p>\/* Data header row *\/\n.pc-data-header {\n  display: flex;\n  gap: 0;\n  margin-bottom: 20px;\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  padding: 10px 0;\n}\n.pc-data-item {\n  flex: 1;\n  text-align: center;\n  padding: 0 8px;\n  border-right: 1px solid var(--line);\n}\n.pc-data-item:last-child { border-right: none; }\n.pc-data-key {\n  font-family: 'DM Mono', monospace;\n  font-size: 8px;\n  letter-spacing: 0.18em;\n  color: var(--grey-4);\n  text-transform: uppercase;\n  display: block;\n  margin-bottom: 2px;\n}\n.pc-data-val {\n  font-family: 'DM Mono', monospace;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--ink);\n  letter-spacing: 0.04em;\n}\n.status-verified { color: var(--blue); }<\/p>\n<p>\/* Product info *\/\n.pc-name {\n  font-size: 20px;\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  color: var(--ink);\n  margin-bottom: 4px;\n}\n.pc-dose {\n  font-family: 'DM Mono', monospace;\n  font-size: 12px;\n  color: var(--grey-7);\n  letter-spacing: 0.06em;\n  margin-bottom: 12px;\n}\n.pc-desc {\n  font-size: 14px;\n  color: var(--grey-7);\n  line-height: 1.6;\n  margin-bottom: 28px;\n  flex: 1;\n}<\/p>\n<p>\/* Price row *\/\n.pc-price-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 16px;\n}\n.pc-price {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--ink);\n  letter-spacing: -0.01em;\n}\n.pc-purity {\n  font-family: 'DM Mono', monospace;\n  font-size: 11px;\n  color: var(--grey-7);\n  letter-spacing: 0.06em;\n}<\/p>\n<p>\/* Add to cart button *\/\n.btn-add-cart {\n  width: 100%;\n  padding: 13px 20px;\n  background: var(--ink);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  border-radius: 4px;\n  text-transform: uppercase;\n  transition: background 180ms, transform 130ms;\n  margin-bottom: 10px;\n}\n.btn-add-cart:hover { background: var(--blue); transform: translateY(-1px); }\n.btn-coa {\n  width: 100%;\n  padding: 9px 20px;\n  background: transparent;\n  color: var(--grey-7);\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  border-radius: 4px;\n  border: 1px solid var(--line);\n  transition: border-color 180ms, color 180ms, background 180ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n.btn-coa:hover { border-color: var(--grey-7); color: var(--ink); background: var(--paper-3); }<\/p>\n<p>\/* Wide card (spans 2 cols) *\/\n.product-card-wide {\n  grid-column: span 2;\n  padding: 40px 48px;\n  flex-direction: row;\n  align-items: center;\n  gap: 48px;\n}\n.product-card-wide .pc-vial { width: auto; flex-shrink: 0; margin-bottom: 0; }\n.product-card-wide .pc-content { flex: 1; }\n.product-card-wide .pc-name { font-size: 28px; }<\/p>\n<p>\/* Stock indicator *\/\n.stock-dot {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.1em;\n  color: var(--blue);\n  text-transform: uppercase;\n  margin-bottom: 20px;\n}\n.stock-dot::before {\n  content: '';\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--blue);\n  animation: pulse-dot 2s ease-in-out infinite;\n}\n@keyframes pulse-dot {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.5; transform: scale(0.7); }\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   PROOF CENTER, CoA \/ Lab Section\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.proof-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1px;\n  background: var(--line);\n  border: 1px solid var(--line);\n  margin-top: 56px;\n}\n.proof-item {\n  background: var(--paper);\n  padding: 40px;\n}\n.proof-number {\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  letter-spacing: 0.18em;\n  color: var(--grey-4);\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n.proof-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--ink);\n  margin-bottom: 10px;\n  letter-spacing: -0.01em;\n}\n.proof-text {\n  font-size: 14px;\n  color: var(--grey-7);\n  line-height: 1.65;\n  margin-bottom: 24px;\n}\n.btn-proof {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'DM Mono', monospace;\n  font-size: 11px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--blue);\n  border-bottom: 1px solid var(--blue);\n  padding-bottom: 2px;\n  transition: opacity 180ms;\n}\n.btn-proof:hover { opacity: 0.7; }<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   STRATEGY SECTION, The contrast play\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.strategy-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n.strategy-visual {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.strategy-vials {\n  display: flex;\n  align-items: flex-end;\n  gap: -10px;\n}\n.strategy-vial-wrap {\n  margin-right: -20px;\n  transition: transform 350ms var(--ease-out);\n}\n.strategy-vial-wrap:hover { transform: translateY(-12px) scale(1.05); z-index: 2; }\n.strategy-vial-wrap:nth-child(1) { transform: rotate(-8deg); }\n.strategy-vial-wrap:nth-child(1):hover { transform: rotate(-8deg) translateY(-12px) scale(1.05); }\n.strategy-vial-wrap:nth-child(3) { transform: rotate(8deg); }\n.strategy-vial-wrap:nth-child(3):hover { transform: rotate(8deg) translateY(-12px) scale(1.05); }<\/p>\n<p>.tier-legend {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-top: 40px;\n}\n.tier-legend-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 20px;\n  border: 1px solid var(--line);\n  border-radius: 4px;\n  transition: border-color 200ms, background 200ms;\n}\n.tier-legend-item:hover { border-color: var(--blue); background: var(--blue-pale); }\n.tier-swatch {\n  width: 32px;\n  height: 40px;\n  border-radius: 3px;\n  flex-shrink: 0;\n  border: 1px solid var(--line);\n}\n.swatch-dark { background: var(--ink); border-color: var(--ink); }\n.swatch-white { background: #fff; }\n.swatch-frost { background: #F5F4F0; }\n.tier-legend-text strong {\n  display: block;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--ink);\n  margin-bottom: 2px;\n}\n.tier-legend-text span {\n  font-size: 13px;\n  color: var(--grey-7);\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   ABOUT \/ VALUES\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.values-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0;\n  border: 1px solid var(--line);\n  margin-top: 56px;\n}\n.value-item {\n  padding: 40px 36px;\n  border-right: 1px solid var(--line);\n}\n.value-item:last-child { border-right: none; }\n.value-num {\n  font-family: 'DM Mono', monospace;\n  font-size: 11px;\n  letter-spacing: 0.15em;\n  color: var(--grey-4);\n  margin-bottom: 20px;\n}\n.value-title {\n  font-size: 17px;\n  font-weight: 600;\n  color: var(--ink);\n  margin-bottom: 10px;\n}\n.value-text {\n  font-size: 14px;\n  color: var(--grey-7);\n  line-height: 1.65;\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   TESTIMONIALS\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.testimonials-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: var(--line);\n  border: 1px solid var(--line);\n  margin-top: 56px;\n}\n.testimonial-card {\n  background: var(--paper);\n  padding: 36px;\n}\n.stars {\n  display: flex;\n  gap: 3px;\n  margin-bottom: 16px;\n}\n.star {\n  width: 12px;\n  height: 12px;\n  color: var(--blue);\n}\n.testimonial-text {\n  font-size: 15px;\n  color: var(--ink);\n  line-height: 1.65;\n  margin-bottom: 24px;\n  font-style: italic;\n}\n.testimonial-author strong {\n  display: block;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--ink);\n}\n.testimonial-author span {\n  font-family: 'DM Mono', monospace;\n  font-size: 10px;\n  color: var(--grey-7);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   NEWSLETTER\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.newsletter-inner {\n  background: var(--ink);\n  padding: 72px 80px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 48px;\n}\n.newsletter-copy .section-title { color: #fff; }\n.newsletter-copy .section-desc { color: rgba(255,255,255,0.5); }\n.newsletter-form {\n  display: flex;\n  gap: 0;\n  min-width: 360px;\n}\n.nl-input {\n  flex: 1;\n  padding: 14px 20px;\n  background: rgba(255,255,255,0.07);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-right: none;\n  color: #fff;\n  font-size: 14px;\n  font-family: 'Inter', sans-serif;\n  border-radius: 4px 0 0 4px;\n  outline: none;\n  transition: border-color 180ms, background 180ms;\n}\n.nl-input::placeholder { color: rgba(255,255,255,0.25); }\n.nl-input:focus { border-color: var(--blue); background: rgba(255,255,255,0.1); }\n.nl-btn {\n  padding: 14px 28px;\n  background: var(--blue);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  border-radius: 0 4px 4px 0;\n  transition: background 180ms;\n  white-space: nowrap;\n}\n.nl-btn:hover { background: #0048D4; }<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   TOAST\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.toast {\n  position: fixed;\n  bottom: 32px;\n  right: 32px;\n  background: var(--ink);\n  color: #fff;\n  padding: 16px 24px;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  transform: translateY(80px);\n  opacity: 0;\n  transition: transform 300ms var(--ease-out), opacity 300ms;\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  pointer-events: none;\n}\n.toast.show { transform: none; opacity: 1; }\n.toast-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--blue);\n  flex-shrink: 0;\n}<\/p>\n<p>\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   RESPONSIVE\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .products-grid { grid-template-columns: repeat(2, 1fr); }\n  .product-card-wide { grid-column: span 1; flex-direction: column; }\n  .product-card-wide .pc-vial { margin-bottom: 32px; }\n  .strategy-grid { grid-template-columns: 1fr; gap: 48px; }\n  .footer-grid { grid-template-columns: 1fr 1fr; }\n  .trust-bar-inner { grid-template-columns: repeat(2, 1fr); }\n  .trust-item:nth-child(2) { border-right: none; }\n  .trust-item:nth-child(3) { border-top: 1px solid var(--line); }\n  .trust-item:nth-child(4) { border-top: 1px solid var(--line); border-right: none; }\n}\n@media (max-width: 768px) {\n  .section { padding: 64px 0; }\n  .products-grid { grid-template-columns: 1fr; }\n  .testimonials-grid { grid-template-columns: 1fr; }\n  .values-grid { grid-template-columns: 1fr; }\n  .values-grid .value-item { border-right: none; border-bottom: 1px solid var(--line); }\n  .newsletter-inner { flex-direction: column; padding: 48px 32px; }\n  .newsletter-form { min-width: unset; width: 100%; flex-direction: column; }\n  .nl-input { border-right: 1px solid rgba(255,255,255,0.12); border-bottom: none; border-radius: 4px 4px 0 0; }\n  .nl-btn { border-radius: 0 0 4px 4px; }\n  .hero-vials { gap: 12px; }\n  .trust-bar-inner { grid-template-columns: 1fr; }\n  .trust-item { border-right: none; border-bottom: 1px solid var(--line); }\n  .proof-grid { grid-template-columns: 1fr; }\n  .hero-stats { gap: 24px; flex-wrap: wrap; justify-content: center; }\n  .products-header { flex-direction: column; align-items: flex-start; }\n}<\/p>\n<p>\/* \u2500\u2500 SHIP TIMER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ship-timer {\n  display: inline-flex; align-items: center; gap: 9px;\n  background: #F0FAF4; border: 1px solid #B8DCC8;\n  color: #176B43; font-size: 13px; font-weight: 500;\n  padding: 9px 16px; border-radius: 99px; margin-bottom: 28px;\n}\n.ship-timer svg { width: 15px; height: 15px; flex-shrink: 0; }\n.ship-timer b { font-family: 'DM Mono', monospace; color: #0E4E2F; }<\/p>\n<p>\/* \u2500\u2500 CATEGORIES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.categories-grid {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;\n}\n@media (max-width: 900px) { .categories-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 540px) { .categories-grid { grid-template-columns: 1fr; } }\n.cat-card {\n  display: flex; flex-direction: column; gap: 10px;\n  background: #fff; border: 1px solid var(--line); border-radius: 18px;\n  padding: 24px; text-decoration: none; color: var(--ink);\n  transition: box-shadow .22s, transform .22s, border-color .22s;\n}\n.cat-card:hover { box-shadow: 0 20px 40px -16px rgba(10,20,48,.14); transform: translateY(-3px); border-color: var(--blue); }\n.cat-top { display: flex; justify-content: space-between; align-items: flex-start; }\n.cat-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.cat-icon svg { width: 20px; height: 20px; }\n.cat-count { font-size: 11.5px; font-weight: 600; color: var(--grey-7); background: var(--paper-2); padding: 4px 10px; border-radius: 99px; }\n.cat-name { font-size: 15.5px; font-weight: 700; }\n.cat-desc { font-size: 13px; color: var(--grey-7); }\n.cat-arrow { font-size: 13px; font-weight: 600; color: var(--blue); margin-top: 4px; }\n.cat-fat .cat-icon { background: linear-gradient(150deg, #FBE3D6, #F6C7AE); }\n.cat-age .cat-icon { background: linear-gradient(150deg, #FBE0EA, #F4C2D4); }\n.cat-muscle .cat-icon { background: linear-gradient(150deg, #DCEAFB, #BFD6F4); }\n.cat-repair .cat-icon { background: linear-gradient(150deg, #D4F0E6, #AEE0CF); }\n.cat-focus .cat-icon { background: linear-gradient(150deg, #E7E2FB, #CFC5F2); }\n.cat-extra .cat-icon { background: linear-gradient(150deg, #E7ECF3, #D2DAE6); }<\/p>\n<p>\/* \u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.faq-wrap { max-width: 780px; margin: 0 auto; }\n.faq-item {\n  background: #fff; border: 1px solid var(--line); border-radius: 14px;\n  margin-bottom: 10px; overflow: hidden;\n}\n.faq-q {\n  width: 100%; text-align: left; background: none; border: none; cursor: pointer;\n  padding: 20px 24px; font-size: 15px; font-weight: 600; color: var(--ink);\n  display: flex; justify-content: space-between; align-items: center; gap: 16px;\n  font-family: 'Inter', sans-serif;\n}\n.faq-q:hover { color: var(--blue); }\n.faq-icon {\n  width: 18px; height: 18px; flex-shrink: 0; transition: transform .22s;\n  stroke: var(--blue); fill: none; stroke-width: 2; stroke-linecap: round;\n}\n.faq-item.open .faq-icon { transform: rotate(45deg); }\n.faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }\n.faq-item.open .faq-a { max-height: 300px; }\n.faq-a p { font-size: 14px; color: #4A5670; padding: 0 24px 20px; margin: 0; line-height: 1.72; }<\/p>\n<p>\/* \u2500\u2500 SEO CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.seo-section { background: var(--paper-2); border-top: 1px solid var(--line); }\n.seo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }\n@media (max-width: 760px) { .seo-grid { grid-template-columns: 1fr; } }\n.seo-section h2 { font-size: 24px; font-weight: 700; margin-bottom: 16px; }\n.seo-section h3 { font-size: 16px; font-weight: 700; margin: 20px 0 6px; }\n.seo-section p { font-size: 14px; color: #4A5670; line-height: 1.74; margin-bottom: 12px; }\n.seo-section a.inline { color: var(--blue); text-decoration: none; font-weight: 500; }\n.seo-section a.inline:hover { text-decoration: underline; }<\/p>\n<p>\/* \u2500\u2500 PRODUCT CARD IMPROVEMENTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.pc-urgency {\n  display: flex; align-items: center; gap: 6px;\n  font-size: 12px; color: #B34A1A; font-weight: 600; padding: 0 2px;\n}\n.pc-urgency svg { width: 13px; height: 13px; flex-shrink: 0; }\n.pc-stock-ok { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #177447; font-weight: 500; }\n.pc-stock-ok i { width: 7px; height: 7px; border-radius: 50%; background: #1F9D57; display: inline-block; flex-shrink: 0; }\n.pc-rating { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: var(--ink); }\n.pc-rating svg { width: 11px; height: 11px; fill: #F2A93B; }<\/p>\n<\/style>\n<section class=\"phero\">\n<div class=\"phero-inner\">\n<div class=\"breadcrumb\"><a href=\"\/en\/\">Home<\/a> \/ <span>Contact<\/span><\/div>\n<div class=\"eyebrow\">Klantenservice<\/div>\n<h1>Neem contact op<\/h1>\n<p>  Vragen over een product, je bestelling of een certificaat van analyse? We helpen je graag verder.\n<\/p><\/div>\n<\/section>\n<section class=\"wrap\">\n<div class=\"clayout\">\n<div class=\"cform\">\n<h2>Stuur ons een bericht<\/h2>\n<p class=\"sub\">We reageren doorgaans binnen \u00e9\u00e9n werkdag.<\/p>\n<form action=\"https:\/\/formspree.io\/f\/mwvdnzrk\" method=\"POST\">\n<div class=\"frow\">\n<div class=\"field\"><label>Voornaam<\/label><input name=\"voornaam\" placeholder=\"Voornaam\"><\/div>\n<div class=\"field\"><label>Achternaam<\/label><input name=\"achternaam\" placeholder=\"Achternaam\"><\/div>\n<\/div>\n<div class=\"frow\">\n<div class=\"field\"><label>E-mailadres<\/label><input type=\"email\" name=\"email\" placeholder=\"naam@voorbeeld.nl\"><\/div>\n<div class=\"field\"><label>Ordernummer (optioneel)<\/label><input name=\"ordernummer\" placeholder=\"BRO-2026-...\"><\/div>\n<\/div>\n<div class=\"frow full\">\n<div class=\"field\"><label>Onderwerp<\/label><select name=\"onderwerp\"><option>Vraag over een product<\/option><option>Vraag over mijn bestelling<\/option><option>Labresultaten \/ CoA<\/option><option>Retour of terugbetaling<\/option><option>Zakelijk \/ groothandel<\/option><option>Anders<\/option><\/select><\/div>\n<\/div>\n<div class=\"frow full\">\n<div class=\"field\"><label>Bericht<\/label><textarea name=\"bericht\" placeholder=\"Waarmee kunnen we je helpen?\"><\/textarea><\/div>\n<\/div>\n<p>    <input type=\"hidden\" name=\"_replyto\" value=\"support@bropeptides.com\"><br \/>\n    <button type=\"submit\">Bericht versturen<\/button><br \/>\n    <\/form>\n<p class=\"formnote\">Door te verzenden ga je akkoord met ons <a href=\"\/en\/privacybeleid\/\" style=\"color:var(--blue);text-decoration:none\">privacybeleid<\/a>.<\/p>\n<\/p><\/div>\n<div class=\"cinfo\">\n<div class=\"cblock\">\n<div class=\"cic\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M4 4h16v16H4z\"\/><path d=\"m4 6 8 6 8-6\"\/><\/svg><\/div>\n<div><b>E-mail<\/b><a href=\"mailto:support@bropeptides.com\">support@bropeptides.com<\/a><br \/>Voor alle vragen over producten en bestellingen.<\/p>\n<\/div>\n<\/div>\n<div class=\"cblock\">\n<div class=\"cic\" style=\"background:#E7F9EF\"><svg viewbox=\"0 0 24 24\" fill=\"#25D366\" stroke=\"none\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.821.487 3.53 1.338 5.004L2 22l5.086-1.33A9.953 9.953 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\/><\/svg><\/div>\n<div><b>WhatsApp<\/b><\/p>\n<p>24\/7 bereikbaar via WhatsApp<br \/><a href=\"https:\/\/wa.me\/31683833513\" target=\"_blank\" style=\"display:inline-flex;align-items:center;gap:7px;margin-top:8px;background:#25D366;color:#fff;font-weight:600;font-size:13px;padding:9px 18px;border-radius:8px;text-decoration:none;\" rel=\"noopener\"><br \/>\n      <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.821.487 3.53 1.338 5.004L2 22l5.086-1.33A9.953 9.953 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg><br \/>\n      Chat via WhatsApp: +31 6 83833513<br \/>\n    <\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"cblock\">\n<div class=\"cic\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3\"\/><\/svg><\/div>\n<div><b>Labresultaten<\/b><\/p>\n<p>Op zoek naar een certificaat van analyse? Bekijk de <a href=\"\/en\/labresultaten\/\">labresultaten-pagina<\/a>.<\/p>\n<\/div>\n<\/div>\n<div class=\"hours\">\n      <b>Beschikbaarheid<\/b><\/p>\n<div class=\"hr\"><span>Maandag t\/m zondag<\/span><span style=\"color:#7FD0A8\">24\/7 Geopend<\/span><\/div>\n<div class=\"hr\"><span>WhatsApp<\/span><span style=\"color:#7FD0A8\">24\/7 bereikbaar<\/span><\/div>\n<div class=\"hr\"><span>E-mail reactie<\/span><span>Binnen 24 uur<\/span><\/div>\n<div class=\"hr\" style=\"border-top:1px solid #1F3A5E;margin-top:8px;padding-top:12px\"><span>Bestellingen voor 16:00<\/span><span style=\"color:#7FD0A8\">Vandaag verzonden<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Home \/ Contact Klantenservice Neem contact op Vragen over een product, je bestelling of een certificaat van analyse? We helpen je graag verder. Stuur ons een bericht We reageren doorgaans binnen \u00e9\u00e9n werkdag. Voornaam Achternaam E-mailadres Ordernummer (optioneel) OnderwerpVraag over een productVraag over mijn bestellingLabresultaten \/ CoARetour of terugbetalingZakelijk \/ groothandelAnders Bericht Bericht versturen Door [&hellip;]<\/p>\n","protected":false},"author":180028331,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pagina-bro","meta":{"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-108","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhjmGl-1K","_links":{"self":[{"href":"https:\/\/bropeptides.com\/en\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bropeptides.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bropeptides.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bropeptides.com\/en\/wp-json\/wp\/v2\/users\/180028331"}],"replies":[{"embeddable":true,"href":"https:\/\/bropeptides.com\/en\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":32,"href":"https:\/\/bropeptides.com\/en\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/bropeptides.com\/en\/wp-json\/wp\/v2\/pages\/108\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/bropeptides.com\/en\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}