@font-face {
  font-family: "Aeonik Trial";
  src: url("assets/fonts/AeonikTRIAL-Regular.otf") format("opentype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("assets/fonts/HelveticaNeueRoman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("assets/fonts/HelveticaNeueMedium.otf") format("opentype");
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("assets/fonts/HelveticaNeueBold.otf") format("opentype");
  font-weight: 800 950;
  font-style: normal;
  font-display: swap;
}

:root {
  --ink: #000000;
  --muted: #596251;
  --forest: #455F2C;
  --olive: #ABBA48;
  --sage: #D1DECC;
  --mist: #f1f5ec;
  --porcelain: #FFFFFF;
  --line: rgba(69, 95, 44, 0.16);
  --glass: rgba(255, 255, 255, 0.74);
  --shadow: 0 28px 70px rgba(69, 95, 44, 0.14), 0 10px 24px rgba(69, 95, 44, 0.08);
  --cursor-x: 50%;
  --cursor-y: 20%;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
[hidden] { display: none !important; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background: #ffffff;
  font-family: "Aeonik Trial", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 14% 8%, rgba(209, 222, 204, 0.34), transparent 360px),
    radial-gradient(circle at 86% 2%, rgba(69, 95, 44, 0.13), transparent 420px),
    linear-gradient(180deg, #FFFFFF 0%, #D1DECC 50%, #FFFFFF 100%);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at var(--cursor-x) var(--cursor-y), rgba(171, 186, 72, 0.13), transparent 300px);
  opacity: 0.72;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea {
  font: inherit;
}

.preview-ribbon {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 90;
  transform: translateX(-50%);
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.58);
  border-radius: 999px;
  background: rgba(69, 95, 44, 0.9);
  color: #fff;
  box-shadow: 0 18px 42px rgba(69, 95, 44, 0.22);
  backdrop-filter: blur(18px);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  pointer-events: none;
}

.site-header {
  position: fixed;
  top: 16px;
  left: 50%;
  z-index: 80;
  width: min(1220px, calc(100vw - 32px));
  min-height: 76px;
  display: grid;
  grid-template-columns: 240px 1fr 360px;
  align-items: center;
  gap: 18px;
  padding: 12px 16px 12px 20px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 24px;
  background: rgba(251, 252, 248, 0.76);
  box-shadow: 0 18px 58px rgba(69, 95, 44, 0.13);
  transform: translateX(-50%);
  backdrop-filter: blur(24px) saturate(1.18);
  transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

body.has-scrolled .site-header {
  background: rgba(251, 252, 248, 0.92);
  box-shadow: 0 22px 70px rgba(69, 95, 44, 0.18);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.brand-mark {
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: none;
}

.brand-wordmark {
  width: 170px;
  height: 34px;
  object-fit: contain;
}

.desktop-nav {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 720;
  color: rgba(16, 24, 13, 0.76);
}

.desktop-nav a,
.header-actions a,
.header-actions button {
  transition: color 0.22s ease, transform 0.22s ease, opacity 0.22s ease;
}

.desktop-nav a:hover,
.header-actions a:hover,
.header-actions button:hover {
  color: var(--forest);
  transform: translateY(-1px);
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.search-trigger,
.text-button {
  border: 0;
  background: transparent;
  color: rgba(16, 24, 13, 0.76);
  cursor: pointer;
  font-size: 13px;
  font-weight: 760;
}

.solid-button,
.glass-button,
.text-arrow,
.report-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease, background 0.25s ease;
}

.solid-button,
.report-actions button {
  border: 1px solid rgba(69, 95, 44, 0.2);
  background: linear-gradient(180deg, #ABBA48, #455F2C);
  color: #fff;
  box-shadow: 0 18px 36px rgba(69, 95, 44, 0.2);
}

.glass-button,
.text-arrow {
  border: 1px solid rgba(73, 88, 51, 0.16);
  background: rgba(255, 255, 255, 0.72);
  color: var(--ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.solid-button:hover,
.glass-button:hover,
.text-arrow:hover,
.report-actions button:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 50px rgba(69, 95, 44, 0.2);
}

.large {
  min-height: 54px;
  padding-inline: 28px;
}

.page {
  display: none;
}

body[data-route="home"] [data-page="home"],
body[data-route="products"] [data-page="products"],
body[data-route="product-detail"] [data-page="product-detail"],
body[data-route="collections"] [data-page="collections"],
body[data-route="cart"] [data-page="cart"],
body[data-route="checkout"] [data-page="checkout"],
body[data-route="media"] [data-page="media"],
body[data-route="media-news"] [data-page="media-news"],
body[data-route="media-gallery"] [data-page="media-gallery"],
body[data-route="media-press-kit"] [data-page="media-press-kit"],
body[data-route="community"] [data-page="community"],
body[data-route="community-category"] [data-page="community-category"],
body[data-route="community-post"] [data-page="community-post"],
body[data-route="verify-code"] [data-page="verify-code"],
body[data-route="admin"] [data-page="admin"],
body[data-route="research"] [data-page="research"],
body[data-route="research-library"] [data-page="research-library"],
body[data-route="research-detail"] [data-page="research-detail"],
body[data-route="journal"] [data-page="journal"],
body[data-route="journal-detail"] [data-page="journal-detail"],
body[data-route="verification"] [data-page="verification"],
body[data-route="about"] [data-page="about"],
body[data-route="contact"] [data-page="contact"],
body[data-route="join"] [data-page="join"],
body[data-route="signin"] [data-page="signin"],
body[data-route="signup"] [data-page="signup"],
body[data-route="dashboard"] [data-page="dashboard"],
body[data-route="cycle-tracker"] [data-page="cycle-tracker"],
body[data-route="cycle-tracker-dashboard"] [data-page="cycle-tracker-dashboard"],
body[data-route="cycle-tracker-new-cycle"] [data-page="cycle-tracker-new-cycle"],
body[data-route="cycle-tracker-cycle"] [data-page="cycle-tracker-cycle"],
body[data-route="cycle-tracker-inventory"] [data-page="cycle-tracker-inventory"],
body[data-route="cycle-tracker-reports"] [data-page="cycle-tracker-reports"] {
  display: block;
}

.hero-section {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  padding: 128px 24px 52px;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(251, 252, 248, 0.95) 0%, rgba(251, 252, 248, 0.78) 44%, rgba(69, 95, 44, 0.12) 100%),
    radial-gradient(circle at 70% 30%, rgba(209, 222, 204, 0.42), transparent 360px),
    url("assets/brand-17.jpg") center / cover no-repeat;
  transform: scale(1.04);
  filter: saturate(0.96);
}

.hero-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, transparent 0%, rgba(248, 250, 244, 0.4) 58%, #FFFFFF 100%),
    radial-gradient(circle at 58% 38%, rgba(255, 255, 255, 0.82), transparent 360px);
}

.particle-field {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.particle-field i {
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid rgba(69, 95, 44, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.6);
  animation: particleFloat 9s ease-in-out infinite;
}

.particle-field i:nth-child(1) { left: 13%; top: 25%; }
.particle-field i:nth-child(2) { left: 28%; top: 18%; animation-delay: 1.2s; }
.particle-field i:nth-child(3) { left: 76%; top: 23%; animation-delay: 2s; }
.particle-field i:nth-child(4) { left: 84%; top: 58%; animation-delay: 3.1s; }
.particle-field i:nth-child(5) { left: 43%; top: 68%; animation-delay: 4s; }
.particle-field i:nth-child(6) { left: 12%; top: 78%; animation-delay: 5.2s; }

.hero-grid {
  width: min(1220px, 100%);
  min-height: calc(100svh - 210px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
  gap: 48px;
  align-items: center;
}

.hero-copy h1,
.page-hero h1 {
  max-width: 820px;
  margin: 18px 0 20px;
  font-size: clamp(54px, 8.6vw, 116px);
  line-height: 0.9;
  letter-spacing: 0;
}

.hero-copy p,
.page-hero p,
.section p {
  color: var(--muted);
  font-size: 18px;
  line-height: 1.72;
}

.hero-copy p {
  max-width: 650px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid rgba(69, 95, 44, 0.18);
  border-radius: 999px;
  background: rgba(239, 243, 233, 0.72);
  color: var(--forest);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.mobile-hero-card {
  display: none;
}

.hero-visual {
  position: relative;
  min-height: 620px;
  perspective: 1200px;
}

.cinema-product {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(520px, 100%);
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.cinema-product img {
  width: 100%;
  aspect-ratio: 1 / 1.18;
  object-fit: cover;
}

.cinema-product figcaption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: grid;
  gap: 4px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 22px;
  background: rgba(251, 252, 248, 0.82);
  box-shadow: 0 16px 36px rgba(69, 95, 44, 0.14);
  backdrop-filter: blur(20px);
}

.cinema-product strong {
  font-size: 16px;
}

.cinema-product small {
  color: var(--muted);
  line-height: 1.5;
}

.logo-orbit {
  position: absolute;
  left: 4%;
  top: 7%;
  z-index: 2;
  width: 190px;
  height: 190px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(69, 95, 44, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 18px 46px rgba(69, 95, 44, 0.14);
  backdrop-filter: blur(18px);
  animation: breathe 5.8s ease-in-out infinite;
}

.logo-orbit::before,
.logo-orbit::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(69, 95, 44, 0.22);
  border-radius: 999px;
}

.logo-orbit::after {
  inset: 38px;
  transform: rotate(24deg);
}

.logo-orbit img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  filter: none;
}

.logo-orbit span {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff, var(--olive));
  box-shadow: 0 0 22px rgba(69, 95, 44, 0.42);
}

.logo-orbit span:nth-child(2) { top: 26px; left: 92px; }
.logo-orbit span:nth-child(3) { right: 34px; bottom: 56px; }
.logo-orbit span:nth-child(4) { left: 38px; bottom: 40px; }

.molecule-web {
  position: absolute;
  inset: 4% 0 auto auto;
  width: 330px;
  height: 250px;
  opacity: 0.8;
  pointer-events: none;
}

.molecule-web::before,
.molecule-web::after {
  content: "";
  position: absolute;
  left: 32px;
  right: 30px;
  top: 110px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(69, 95, 44, 0.44), transparent);
  transform: rotate(-18deg);
}

.molecule-web::after {
  top: 138px;
  transform: rotate(24deg);
}

.molecule-web span {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(69, 95, 44, 0.26);
  background: radial-gradient(circle at 32% 26%, #fff, rgba(209, 222, 204, 0.7) 44%, rgba(69, 95, 44, 0.3));
  box-shadow: 0 14px 32px rgba(69, 95, 44, 0.16);
  animation: moleculePulse 5s ease-in-out infinite;
}

.molecule-web span:nth-child(1) { left: 24px; top: 88px; }
.molecule-web span:nth-child(2) { left: 104px; top: 42px; animation-delay: .5s; }
.molecule-web span:nth-child(3) { right: 118px; top: 124px; animation-delay: 1s; }
.molecule-web span:nth-child(4) { right: 34px; top: 72px; animation-delay: 1.4s; }
.molecule-web span:nth-child(5) { right: 72px; bottom: 22px; animation-delay: 1.9s; }

.hero-metrics,
.section {
  width: min(1220px, calc(100vw - 48px));
  margin: 0 auto;
}

.command-module {
  position: absolute;
  left: 0;
  bottom: 92px;
  z-index: 4;
  width: 330px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 28px;
  background: linear-gradient(160deg, rgba(251, 252, 248, 0.86), rgba(239, 243, 233, 0.7));
  box-shadow: 0 28px 70px rgba(69, 95, 44, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(24px) saturate(1.18);
  transform: rotateY(-8deg) rotateX(4deg);
}

.module-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  color: var(--forest);
}

.module-top span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.module-top strong {
  font-size: 13px;
}

.console-status {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;
  margin-top: 18px;
  padding: 14px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(69, 95, 44, 0.12);
}

.console-status i {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: radial-gradient(circle, #fff 0 31%, #ABBA48 33% 42%, #455F2C 44% 100%);
  box-shadow: 0 0 0 9px rgba(69, 95, 44, 0.09), 0 0 26px rgba(69, 95, 44, 0.36);
}

.console-status small,
.console-status b {
  display: block;
}

.console-status small {
  color: var(--muted);
  font-size: 11px;
  margin-bottom: 4px;
}

.console-bars {
  display: grid;
  gap: 9px;
  margin: 16px 0;
}

.console-bars span {
  height: 8px;
  border-radius: 999px;
  background: rgba(69, 95, 44, 0.12);
  overflow: hidden;
}

.console-bars span::before {
  content: "";
  display: block;
  width: var(--level);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #455F2C, #ABBA48);
  animation: loadBar 1.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.console-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.console-grid span {
  padding: 10px;
  border: 1px solid rgba(69, 95, 44, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.64);
  color: var(--forest);
  font-size: 11px;
  font-weight: 900;
}

.hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 28px;
}

.hero-metrics article,
.trust-strip article,
.research-card,
.library-card,
.verification-result,
.journal-card,
.timeline article,
.dashboard-grid article,
.contact-grid aside article,
.contact-grid aside a,
.auth-card,
.catalog-card,
.cart-summary-card,
.checkout-panel,
.tracker-hero-card,
.tracker-card,
.tracker-sidebar,
.tracker-metric-row article,
.tracker-inventory-list article,
.catalog-hero,
.retatrutide-feature,
.catalog-toolbar,
.collection-card,
.product-detail-hero,
.product-detail-section,
.order-summary {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: var(--glass);
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
}

.hero-metrics article {
  padding: 20px 22px;
  border-radius: 24px;
}

.hero-metrics strong {
  display: block;
  font-size: 30px;
  line-height: 1;
}

.hero-metrics span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.section {
  margin-top: 72px;
}

.brand-standard {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 28px;
  align-items: stretch;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 44px;
  background:
    radial-gradient(circle at 12% 18%, rgba(171, 186, 72, 0.16), transparent 360px),
    linear-gradient(135deg, rgba(255,255,255,.84), rgba(209,222,204,.42));
  box-shadow: var(--shadow);
  overflow: hidden;
}

.brand-standard::before {
  content: "";
  position: absolute;
  right: -110px;
  top: -90px;
  width: 360px;
  height: 360px;
  background: url("assets/official/logos/variation-one-03.png") center / contain no-repeat;
  opacity: 0.055;
  transform: rotate(-10deg);
}

.brand-standard-copy {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  min-height: 420px;
  padding: 14px;
}

.brand-standard-copy h2 {
  margin: 16px 0;
  font-size: clamp(42px, 5.6vw, 78px);
  line-height: 0.94;
  letter-spacing: 0;
}

.brand-standard-copy p {
  max-width: 620px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.72;
}

.brand-standard-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.brand-proof {
  display: grid;
  align-content: space-between;
  min-height: 210px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 20px 48px rgba(69,95,44,.1);
  backdrop-filter: blur(18px);
  transition: transform .28s ease, box-shadow .28s ease;
}

.brand-proof:hover {
  transform: translateY(-4px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 30px 70px rgba(69,95,44,.16);
}

.brand-proof small {
  color: var(--forest);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.brand-proof img {
  width: 100%;
  max-height: 86px;
  object-fit: contain;
}

.mark-proof img {
  max-height: 126px;
}

.slogan-proof {
  grid-column: span 2;
  min-height: 178px;
}

.slogan-proof img {
  max-height: 58px;
  object-position: left center;
}

.brand-proof span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.palette-proof {
  min-height: 178px;
}

.palette-chips {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-top: 18px;
}

.palette-chips span {
  display: flex;
  align-items: end;
  justify-content: center;
  min-height: 92px;
  padding: 8px 4px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  background: var(--chip);
  color: #000;
  font-size: 9px;
  font-weight: 900;
}

.palette-chips span:nth-child(2),
.palette-chips span:nth-child(4) {
  color: #fff;
}

.product-showcase {
  position: relative;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 44px;
  background:
    radial-gradient(circle at 85% 12%, rgba(171, 186, 72, 0.18), transparent 340px),
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(209, 222, 204, 0.42));
  box-shadow: var(--shadow);
  overflow: hidden;
}

.product-showcase::before,
.commerce-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  background: url("assets/official/logos/variation-one-03.png") center / contain no-repeat;
  opacity: 0.05;
}

.product-showcase::before {
  right: -90px;
  top: -80px;
  width: 310px;
  height: 310px;
  transform: rotate(-10deg);
}

.catalog-grid {
  display: grid;
  gap: 16px;
}

.compact-catalog {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(3, 1fr);
}

.full-catalog {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 22px;
}

.catalog-card {
  position: relative;
  display: grid;
  align-content: start;
  gap: 14px;
  overflow: hidden;
  min-height: 100%;
  padding: 16px;
  border-radius: 30px;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.catalog-card:hover {
  transform: translateY(-5px) scale(1.01);
  box-shadow: 0 34px 84px rgba(69, 95, 44, 0.18);
}

.catalog-card img {
  width: 100%;
  aspect-ratio: 1.16 / 1;
  border-radius: 24px;
  object-fit: cover;
  box-shadow: inset 0 0 0 1px rgba(69, 95, 44, 0.08);
}

.catalog-card span,
.commerce-disclaimer strong {
  color: var(--olive);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.catalog-card h2,
.catalog-card h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.04;
}

.catalog-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.58;
}

.product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.product-meta b {
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--forest);
  font-size: 11px;
}

.product-buy-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}

.product-buy-row strong {
  color: var(--forest);
  font-size: 28px;
  line-height: 1;
}

.product-buy-row .solid-button {
  min-height: 42px;
  padding-inline: 16px;
  font-size: 12px;
}

.commerce-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  overflow: hidden;
}

.commerce-hero::after {
  right: 260px;
  bottom: -110px;
  width: 260px;
  height: 260px;
}

.cart-summary-card {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 24px;
  border-radius: 28px;
}

.cart-summary-card img {
  width: 80px;
  filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1006%) hue-rotate(39deg) brightness(93%) contrast(90%);
}

.cart-summary-card small {
  color: var(--muted);
  font-weight: 850;
}

.cart-summary-card strong {
  color: var(--forest);
  font-size: 34px;
}

.commerce-disclaimer {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  line-height: 1.5;
}

.checkout-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
  gap: 22px;
  margin-top: 22px;
  padding: 30px;
  border-radius: 34px;
}

.checkout-panel h2 {
  margin: 12px 0;
  font-size: clamp(34px, 4.6vw, 62px);
  line-height: 0.98;
}

.cart-items {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.cart-line {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
}

.cart-line img {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  object-fit: cover;
}

.cart-line strong,
.cart-line span {
  display: block;
}

.cart-line span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
}

.cart-line button {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--forest);
  cursor: pointer;
  font-weight: 900;
  min-height: 36px;
  padding: 0 12px;
}

.empty-state {
  margin: 0;
  padding: 18px;
  border: 1px dashed var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.54);
  color: var(--muted);
}

.checkout-form,
.tracker-form,
.tracker-compact-form {
  display: grid;
  gap: 12px;
}

.checkout-form label,
.checkbox-line {
  display: grid;
  gap: 7px;
  color: var(--forest);
  font-weight: 850;
}

.checkbox-line {
  grid-template-columns: auto 1fr;
  align-items: start;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.checkbox-line input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

.flagship-strip,
.catalog-hero,
.retatrutide-feature,
.product-detail-hero,
.verification-system,
.cart-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
  gap: 28px;
  align-items: center;
}

.flagship-strip {
  position: relative;
  z-index: 1;
  min-height: 520px;
}

.flagship-strip h2,
.catalog-hero h1,
.retatrutide-feature h2,
.product-detail-copy h1,
.collections-page .page-hero h1 {
  margin: 14px 0;
  font-size: clamp(48px, 7vw, 94px);
  line-height: 0.94;
  letter-spacing: 0;
}

.flagship-strip p,
.catalog-hero p,
.retatrutide-feature p,
.product-detail-copy p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
}

.product-heading-row {
  margin-top: 30px;
}

.catalog-hero,
.retatrutide-feature,
.product-detail-hero,
.cart-hero {
  position: relative;
  overflow: hidden;
  padding: 38px;
  border-radius: 42px;
  background:
    radial-gradient(circle at 78% 16%, rgba(171, 186, 72, 0.16), transparent 360px),
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(209,222,204,.38));
}

.retatrutide-feature {
  margin-top: 18px;
  background:
    radial-gradient(circle at 74% 16%, rgba(171, 186, 72, 0.2), transparent 390px),
    linear-gradient(135deg, rgba(15, 23, 12, 0.96), rgba(69, 95, 44, 0.92));
  color: #fff;
}

.retatrutide-feature .eyebrow,
.product-detail-hero.is-flagship .eyebrow {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.12);
}

.retatrutide-feature p {
  color: rgba(255,255,255,.72);
}

.retatrutide-feature .product-meta b {
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.12);
  color: #fff;
}

.catalog-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 260px 230px;
  gap: 12px;
  margin: 18px 0;
  padding: 18px;
  border-radius: 28px;
}

.catalog-toolbar label {
  display: grid;
  gap: 7px;
  color: var(--forest);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.catalog-toolbar input,
.catalog-toolbar select {
  min-height: 52px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  color: var(--ink);
  padding: 0 16px;
  outline: none;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.collection-pills {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.collection-pills button,
.viewer-controls button {
  min-height: 40px;
  white-space: nowrap;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  color: var(--forest);
  cursor: pointer;
  padding: 0 14px;
  font-weight: 900;
}

.collection-pills button.is-active {
  background: linear-gradient(180deg, #ABBA48, #455F2C);
  color: #fff;
}

.catalog-count {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
  margin: 8px 0 14px;
}

.premium-product-card .product-card-link {
  display: block;
  margin: -16px -16px 0;
}

.product-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.product-card-actions .glass-button,
.product-card-actions .solid-button {
  min-height: 40px;
  padding-inline: 14px;
  font-size: 12px;
}

.flagship-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.7)),
    radial-gradient(circle at 60% 10%, rgba(171,186,72,.24), transparent 260px);
}

.product-render {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 280px;
  margin: 0;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 28%, rgba(171, 186, 72, 0.2), transparent 190px),
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(209,222,204,.46));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  perspective: 900px;
}

.product-render.render-hero,
.product-render.render-detail {
  min-height: 560px;
  border-radius: 40px;
  background:
    radial-gradient(circle at 50% 24%, rgba(171, 186, 72, 0.28), transparent 300px),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(209,222,204,.42));
}

.product-render.render-mini {
  min-height: 68px;
  width: 68px;
  border-radius: 18px;
}

.product-render figcaption {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  color: rgba(69,95,44,.68);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-align: center;
  text-transform: uppercase;
}

.product-photo-render {
  background:
    radial-gradient(circle at 50% 78%, rgba(69, 95, 44, 0.08), transparent 150px),
    linear-gradient(180deg, #fff 0%, rgba(253, 254, 251, 0.98) 100%);
}

.product-photo-render img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
  filter: none;
}

.product-photo-render.render-card img,
.product-photo-render.render-compact img {
  width: 100%;
  height: 100%;
}

.product-photo-render.render-mini img {
  width: 100%;
  height: 100%;
}

.render-glow {
  position: absolute;
  inset: 12%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(171,186,72,.24), transparent 64%);
  filter: blur(12px);
}

.render-vial-object {
  position: relative;
  z-index: 2;
  width: 118px;
  height: 230px;
  transform: rotate(-4deg);
  transform-style: preserve-3d;
  transition: transform .45s cubic-bezier(.22,1,.36,1);
}

.product-render:hover .render-vial-object,
.product-viewer[data-view="angle"] .render-vial-object {
  transform: rotate(-8deg) rotateY(-18deg) translateY(-6px);
}

.product-viewer[data-view="packaging"] .render-vial-object {
  transform: rotate(0) rotateY(18deg) translateY(-4px);
}

.render-vial-object::after,
.render-case-object::after,
.render-apparel-object::after,
.render-kit-object::after,
.render-pen-object::after,
.render-card-object::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -22px;
  width: 150px;
  height: 26px;
  border-radius: 999px;
  background: rgba(69,95,44,.18);
  filter: blur(14px);
  transform: translateX(-50%);
}

.vial-cap,
.vial-neck,
.vial-glass,
.vial-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.vial-cap {
  top: 0;
  width: 84px;
  height: 30px;
  border-radius: 9px 9px 5px 5px;
  background: linear-gradient(180deg, #15220d, #455F2C 58%, #1e2b16);
  box-shadow: inset 0 2px 3px rgba(255,255,255,.16), 0 10px 26px rgba(16,24,13,.2);
}

.vial-neck {
  top: 25px;
  width: 58px;
  height: 34px;
  border-radius: 12px 12px 4px 4px;
  background: linear-gradient(90deg, rgba(255,255,255,.5), rgba(209,222,204,.36), rgba(255,255,255,.72));
  border: 1px solid rgba(69,95,44,.16);
}

.vial-glass {
  top: 52px;
  width: 112px;
  height: 170px;
  border: 1px solid rgba(69,95,44,.18);
  border-radius: 24px 24px 34px 34px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,255,255,.38) 32%, rgba(209,222,204,.28) 62%, rgba(255,255,255,.72)),
    linear-gradient(180deg, rgba(255,255,255,.8), rgba(209,222,204,.34));
  box-shadow: inset 9px 0 16px rgba(255,255,255,.6), inset -10px 0 18px rgba(69,95,44,.08), 0 28px 54px rgba(69,95,44,.22);
}

.vial-label {
  top: 92px;
  width: 82px;
  min-height: 86px;
  display: grid;
  justify-items: center;
  gap: 4px;
  padding: 10px 7px;
  border-radius: 4px;
  background: rgba(255,255,255,.88);
  box-shadow: inset 0 0 0 1px rgba(69,95,44,.08);
}

.vial-label img {
  width: 28px;
  filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1006%) hue-rotate(39deg) brightness(93%) contrast(90%);
}

.vial-label b {
  color: #000;
  font-size: 10px;
  line-height: 1.1;
  text-align: center;
}

.vial-label small {
  color: var(--muted);
  font-size: 7px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.render-water .render-vial-object {
  width: 134px;
  height: 238px;
}

.render-water .vial-glass {
  width: 124px;
  height: 176px;
}

.render-water .vial-label {
  width: 96px;
}

.render-spray .vial-cap {
  width: 54px;
  height: 48px;
  border-radius: 10px 10px 5px 5px;
}

.render-spray .vial-cap::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 7px;
  width: 42px;
  height: 7px;
  border-radius: 999px;
  background: #455F2C;
}

.render-box {
  position: absolute;
  z-index: 1;
  right: 18%;
  bottom: 18%;
  width: 170px;
  height: 230px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  border-radius: 18px;
  background: linear-gradient(135deg, #FFFFFF 0%, #D1DECC 58%, #455F2C 100%);
  box-shadow: 0 34px 70px rgba(69,95,44,.22);
  transform: rotateY(-16deg) rotate(-2deg);
}

.render-box img {
  width: 70px;
  filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1006%) hue-rotate(39deg) brightness(93%) contrast(90%);
}

.render-box span {
  color: rgba(16,24,13,.68);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.render-case-object,
.render-kit-object,
.render-apparel-object,
.render-pen-object,
.render-card-object {
  position: relative;
  z-index: 2;
  transform-style: preserve-3d;
}

.render-case-object {
  width: 230px;
  height: 160px;
  transform: rotateX(4deg) rotateY(-20deg);
}

.case-face {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  border-radius: 22px;
  background: linear-gradient(135deg, #FFFFFF 0%, #D1DECC 62%, #455F2C 100%);
  box-shadow: 0 30px 70px rgba(69,95,44,.2);
}

.case-face img {
  width: 70px;
  filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1006%) hue-rotate(39deg) brightness(93%) contrast(90%);
}

.case-face b {
  position: absolute;
  left: 18px;
  bottom: 18px;
  max-width: 150px;
  color: rgba(16,24,13,.72);
  font-size: 13px;
  line-height: 1.1;
}

.case-side {
  position: absolute;
  right: -32px;
  top: 16px;
  width: 32px;
  height: 130px;
  border-radius: 0 16px 16px 0;
  background: linear-gradient(180deg, #455F2C, #1c2b13);
  transform: skewY(-28deg);
}

.case-slot {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 22px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.5);
}

.render-pen-object {
  width: 270px;
  height: 42px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(90deg, #15220d, #455F2C 46%, #ABBA48);
  box-shadow: 0 28px 58px rgba(69,95,44,.24);
  transform: rotate(-16deg);
}

.render-pen-object span {
  width: 44px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.68);
}

.render-pen-object b {
  color: #fff;
  font-size: 12px;
}

.render-pen-object img {
  width: 32px;
  margin-left: auto;
  filter: brightness(0) invert(1);
}

.render-card-object {
  width: 260px;
  height: 166px;
  display: grid;
  align-content: space-between;
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(135deg, #15220d, #455F2C 62%, #ABBA48);
  box-shadow: 0 30px 70px rgba(69,95,44,.24);
  transform: rotate(-7deg);
  color: #fff;
}

.render-card-object img {
  width: 62px;
  filter: brightness(0) invert(1);
}

.render-card-object b {
  font-size: 18px;
}

.render-card-object span {
  color: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .22em;
}

.render-apparel-object {
  width: 220px;
  height: 220px;
  display: grid;
  place-items: center;
  border-radius: 52px 52px 34px 34px;
  background: linear-gradient(145deg, #11170d, #455F2C 66%, #D1DECC);
  box-shadow: 0 36px 72px rgba(69,95,44,.22);
  transform: rotate(-3deg);
}

.render-apparel-object::before,
.render-apparel-object::after {
  content: "";
  position: absolute;
  top: 38px;
  width: 70px;
  height: 110px;
  border-radius: 32px;
  background: inherit;
}

.render-apparel-object::before {
  left: -32px;
  transform: rotate(18deg);
}

.render-apparel-object::after {
  right: -32px;
  transform: rotate(-18deg);
}

.render-apparel-object img {
  width: 58px;
  filter: brightness(0) invert(1);
}

.render-apparel-object b {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.15;
  text-align: center;
}

.render-kit-object {
  width: 220px;
  height: 220px;
  display: grid;
  place-items: center;
  padding: 28px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(209,222,204,.72));
  box-shadow: 0 32px 70px rgba(69,95,44,.2);
  transform: rotateY(-12deg) rotate(-3deg);
}

.render-kit-object img {
  width: 68px;
  filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1006%) hue-rotate(39deg) brightness(93%) contrast(90%);
}

.render-kit-object b {
  color: var(--forest);
  font-size: 17px;
  text-align: center;
}

.render-kit-object span {
  width: 120px;
  height: 12px;
  border-radius: 999px;
  background: rgba(69,95,44,.16);
}

.product-detail-hero.is-flagship {
  background:
    radial-gradient(circle at 36% 22%, rgba(171,186,72,.22), transparent 420px),
    linear-gradient(135deg, rgba(15,23,12,.97), rgba(69,95,44,.94));
  color: #fff;
}

.product-detail-hero.is-flagship .product-detail-copy p,
.product-detail-hero.is-flagship .research-note,
.product-detail-hero.is-flagship .detail-price-row span {
  color: rgba(255,255,255,.72);
}

.product-detail-hero.is-flagship .product-render {
  background:
    radial-gradient(circle at 50% 24%, rgba(171,186,72,.24), transparent 320px),
    linear-gradient(145deg, rgba(255,255,255,.88), rgba(209,222,204,.36));
}

.product-viewer {
  position: relative;
}

.viewer-controls {
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: 4;
  display: flex;
  gap: 8px;
  transform: translateX(-50%);
}

.detail-price-row {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 22px 0;
}

.detail-price-row strong {
  color: var(--forest);
  font-size: 48px;
  line-height: 1;
}

.product-detail-hero.is-flagship .detail-price-row strong {
  color: #fff;
}

.research-note {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.56);
  font-size: 13px !important;
}

.product-detail-hero.is-flagship .research-note {
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.1);
}

.product-detail-section {
  margin-top: 22px;
  padding: 30px;
  border-radius: 34px;
}

.overview-grid,
.product-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.product-detail-section h2 {
  margin: 12px 0;
  font-size: clamp(32px, 4.6vw, 62px);
  line-height: 0.98;
}

.product-detail-section p,
.product-detail-section li,
.product-detail-section dd {
  color: var(--muted);
  line-height: 1.62;
}

.product-detail-section ul {
  display: grid;
  gap: 10px;
  padding-left: 18px;
}

.product-detail-section dl {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 10px 16px;
  margin: 0;
}

.product-detail-section dt {
  color: var(--forest);
  font-weight: 900;
}

.product-detail-section dd {
  margin: 0;
}

.verification-card {
  min-height: 280px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 12px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255,255,255,.68);
  text-align: center;
}

.verification-card img {
  width: 90px;
  filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1006%) hue-rotate(39deg) brightness(93%) contrast(90%);
}

.verification-card strong {
  color: var(--forest);
  font-size: 28px;
}

.faq-section details {
  border-top: 1px solid var(--line);
  padding: 18px 0;
}

.faq-section summary {
  cursor: pointer;
  color: var(--forest);
  font-weight: 950;
  font-size: 18px;
}

.collections-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 22px;
}

.collection-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 30px;
}

.collection-card span {
  color: var(--olive);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.collection-card h2 {
  margin: 0;
  font-size: 26px;
  line-height: 1.05;
}

.collection-card p {
  color: var(--muted);
  line-height: 1.55;
}

.cart-page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  margin-top: 22px;
}

.cart-page-items {
  align-content: start;
}

.cart-line .product-render {
  grid-row: span 1;
}

.cart-line-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: end;
}

.order-summary {
  align-self: start;
  display: grid;
  gap: 12px;
  padding: 24px;
  border-radius: 28px;
}

.order-summary h2 {
  margin: 0;
  color: var(--forest);
  font-size: 46px;
}

.render-detail .render-vial-object {
  scale: 1.32;
}

.render-hero .render-vial-object {
  scale: 1.22;
}

.render-mini figcaption,
.render-mini .render-box,
.render-mini .vial-label small {
  display: none;
}

.render-mini .render-vial-object {
  scale: .28;
}

.render-mini .render-case-object,
.render-mini .render-pen-object,
.render-mini .render-card-object,
.render-mini .render-apparel-object,
.render-mini .render-kit-object {
  scale: .34;
}

.media-hero,
.community-hero,
.admin-hero,
.press-kit-hero,
.verify-code-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 22px;
  align-items: center;
}

.media-orbit-card,
.admin-status-card,
.community-compose,
.media-card,
.media-feed-card,
.gallery-item,
.press-kit-grid article,
.community-categories,
.discussion-card,
.community-post-detail,
.admin-grid article {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: var(--glass);
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
}

.media-orbit-card,
.admin-status-card {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 24px;
  border-radius: 28px;
}

.media-orbit-card img {
  width: 96px;
  filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1006%) hue-rotate(39deg) brightness(93%) contrast(90%);
}

.media-orbit-card strong,
.admin-status-card strong {
  color: var(--forest);
  font-size: 28px;
  line-height: 1.05;
}

.media-hub-grid,
.gallery-grid,
.press-kit-grid,
.admin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 22px;
}

.media-card,
.gallery-item,
.press-kit-grid article,
.admin-grid article {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
  border-radius: 30px;
}

.media-card h2,
.gallery-item h2,
.press-kit-grid strong,
.admin-grid strong,
.discussion-card h2,
.community-post-detail h1 {
  margin: 0;
  font-size: 26px;
  line-height: 1.05;
}

.media-card p,
.media-feed-card p,
.press-kit-grid span,
.admin-grid p,
.discussion-card p,
.community-categories span,
.community-post-detail p {
  color: var(--muted);
  line-height: 1.58;
}

.media-feed {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.media-feed-card {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border-radius: 30px;
}

.gallery-item span {
  color: var(--olive);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.community-compose {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 28px;
}

.community-compose input,
.community-compose textarea {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  padding: 0 16px;
  outline: none;
}

.community-compose textarea {
  min-height: 120px;
  padding-top: 14px;
  resize: vertical;
}

.community-grid {
  display: grid;
  grid-template-columns: 310px 1fr;
  gap: 18px;
  margin-top: 22px;
}

.community-categories {
  align-self: start;
  display: grid;
  gap: 10px;
  padding: 16px;
  border-radius: 28px;
}

.community-categories a {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.64);
}

.community-categories strong {
  color: var(--forest);
}

.discussion-feed {
  display: grid;
  gap: 14px;
}

.discussion-card {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 16px;
  padding: 18px;
  border-radius: 28px;
}

.vote-column {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 110px;
  border-radius: 18px;
  background: rgba(69,95,44,.1);
  color: var(--forest);
}

.vote-column strong {
  font-size: 28px;
}

.community-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.community-actions button,
.admin-grid button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: var(--forest);
  cursor: pointer;
  padding: 0 14px;
  font-weight: 900;
}

.community-post-detail {
  display: grid;
  gap: 16px;
  padding: 30px;
  border-radius: 34px;
}

.community-post-detail h1 {
  font-size: clamp(42px, 6vw, 86px);
}

.admin-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-grid strong {
  display: block;
  color: var(--forest);
  font-size: 32px;
}

.admin-grid .admin-wide {
  grid-column: 1 / -1;
  gap: 18px;
}

.admin-section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.admin-section-head strong {
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.05;
}

.admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.admin-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.56);
}

.admin-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 13px;
}

.admin-table th,
.admin-table td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(69, 95, 44, 0.12);
  text-align: left;
}

.admin-table th {
  color: var(--forest);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.admin-table td {
  color: rgba(18, 24, 14, 0.78);
}

.admin-table a {
  color: var(--forest);
  font-weight: 900;
}

.invalid-result h1,
.verify-code-layout h1 {
  margin: 10px 0 22px;
  font-size: clamp(40px, 6vw, 78px);
  line-height: .95;
}

.platform-os {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(520px, 1.12fr);
  gap: 26px;
  align-items: center;
  padding: 34px;
  border-radius: 42px;
  background:
    linear-gradient(135deg, rgba(15, 23, 12, 0.96), rgba(69, 95, 44, 0.92)),
    radial-gradient(circle at 85% 18%, rgba(209, 222, 204, 0.24), transparent 340px);
  box-shadow: 0 34px 90px rgba(69, 95, 44, 0.24);
  color: #fff;
  overflow: hidden;
}

.platform-os .eyebrow {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.12);
}

.platform-copy h2,
.bridge-copy h2 {
  margin: 16px 0;
  font-size: clamp(40px, 5.4vw, 74px);
  line-height: 0.96;
  letter-spacing: 0;
}

.platform-copy p {
  color: rgba(255, 255, 255, 0.72);
}

.os-window {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 28px 70px rgba(0,0,0,.22);
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.window-chrome {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.window-chrome span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.42);
}

.window-chrome strong {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
}

.os-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 12px;
  padding: 14px;
}

.os-card {
  min-height: 150px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  background: rgba(251, 252, 248, 0.1);
}

.os-large {
  grid-row: span 2;
}

.os-card small,
.os-card em {
  color: rgba(255, 255, 255, 0.62);
  font-style: normal;
}

.os-card h3 {
  margin: 12px 0 28px;
  font-size: 42px;
  line-height: 1;
}

.os-card strong {
  display: block;
  margin-top: 16px;
  font-size: 42px;
}

.pipeline {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
  gap: 10px;
  align-items: center;
}

.pipeline span {
  display: grid;
  place-items: center;
  min-width: 48px;
  min-height: 48px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 900;
}

.pipeline .done {
  background: #FFFFFF;
  color: var(--forest);
}

.pipeline i {
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.7));
}

.os-graph div {
  height: 108px;
  display: flex;
  align-items: end;
  gap: 8px;
  margin-top: 18px;
}

.os-graph i {
  flex: 1;
  border-radius: 999px 999px 6px 6px;
  background: linear-gradient(180deg, #D1DECC, #ABBA48);
}

.bridge-lane {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);
  gap: 26px;
  align-items: center;
}

.bridge-map {
  position: relative;
  min-height: 410px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 38px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(239,243,233,.58)),
    url("assets/brand-05.jpg") center / cover;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.bridge-map::before {
  content: "";
  position: absolute;
  inset: 34px;
  border: 1px solid rgba(69, 95, 44,.18);
  border-radius: 30px;
}

.city {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 132px;
  height: 132px;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 999px;
  background: rgba(251,252,248,.82);
  color: var(--forest);
  box-shadow: 0 24px 54px rgba(69, 95, 44,.18);
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.city.jordan { left: 9%; top: 18%; }
.city.uk { right: 9%; bottom: 18%; }

.route-line {
  position: absolute;
  left: 22%;
  right: 22%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, rgba(69, 95, 44,.18), rgba(69, 95, 44,.7), rgba(69, 95, 44,.18));
  transform: rotate(-18deg);
}

.moving-signal {
  position: absolute;
  left: 23%;
  top: 46%;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #455F2C;
  box-shadow: 0 0 0 12px rgba(69, 95, 44,.12), 0 0 34px rgba(69, 95, 44,.38);
  animation: bridgeSignal 4.6s ease-in-out infinite;
}

.bridge-copy {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 38px;
  background: rgba(255,255,255,.68);
  box-shadow: var(--shadow);
}

.trust-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.trust-strip article,
.research-card,
.library-card {
  min-height: 220px;
  padding: 24px;
  border-radius: 28px;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.trust-strip article:hover,
.research-card:hover,
.library-card:hover,
.journal-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 32px 80px rgba(69, 95, 44, 0.18);
}

.trust-strip span,
.research-card span,
.library-card span,
.journal-card span {
  color: var(--olive);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.trust-strip strong {
  display: block;
  margin-top: 22px;
  font-size: 22px;
}

.split-showcase {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(430px, 1fr);
  gap: 34px;
  align-items: center;
  padding: 36px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 38px;
  background:
    radial-gradient(circle at 90% 20%, rgba(209, 222, 204, 0.28), transparent 300px),
    rgba(255, 255, 255, 0.6);
  box-shadow: var(--shadow);
}

.split-showcase h2,
.section-heading h2,
.verification-teaser h2,
.disclaimer-panel h2 {
  margin: 14px 0;
  font-size: clamp(36px, 5vw, 70px);
  line-height: 0.98;
  letter-spacing: 0;
}

.badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.badge-row span {
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--forest);
  font-size: 13px;
  font-weight: 850;
}

.product-stack {
  position: relative;
  min-height: 520px;
}

.product-card {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--shadow);
}

.product-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-card div {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(251, 252, 248, 0.85);
  backdrop-filter: blur(18px);
}

.product-card strong,
.product-card small {
  display: block;
}

.product-card small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.45;
}

.primary-product {
  inset: 0 90px 70px 0;
}

.floating-product {
  right: 0;
  bottom: 0;
  width: 58%;
  height: 270px;
}

.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.section-heading h2 {
  max-width: 850px;
}

.premium-grid,
.library-grid,
.journal-grid,
.dashboard-grid,
.timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.research-card h3,
.library-card h2,
.journal-card h2 {
  margin: 18px 0 12px;
  font-size: 28px;
  line-height: 1.05;
}

.verification-teaser {
  padding: 28px;
  border-radius: 38px;
  background: linear-gradient(135deg, rgba(69, 95, 44, 0.94), rgba(69, 95, 44, 0.88)), url("assets/brand-05.jpg") center / cover;
  color: #fff;
  box-shadow: var(--shadow);
}

.scan-card {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 28px;
  align-items: center;
}

.verification-teaser p,
.verification-teaser .eyebrow {
  color: rgba(255, 255, 255, 0.82);
}

.verification-teaser .eyebrow {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.12);
}

.qr-placeholder {
  aspect-ratio: 1;
  border: 12px solid rgba(255, 255, 255, 0.68);
  border-radius: 28px;
  background:
    linear-gradient(90deg, #15220d 12px, transparent 12px) 0 0 / 44px 44px,
    linear-gradient(#15220d 12px, transparent 12px) 0 0 / 44px 44px,
    #FFFFFF;
  box-shadow: inset 0 0 0 12px rgba(69, 95, 44, 0.06), 0 18px 36px rgba(0, 0, 0, 0.18);
}

.journal-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.journal-row article,
.journal-card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--shadow);
}

.journal-row img,
.journal-card img {
  width: 100%;
  aspect-ratio: 1.12 / 1;
  object-fit: cover;
}

.journal-row article span,
.journal-row article h3,
.journal-card span,
.journal-card h2,
.journal-card p,
.journal-card a {
  margin-left: 20px;
  margin-right: 20px;
}

.journal-row article span,
.journal-card span {
  display: block;
  margin-top: 20px;
}

.journal-row h3 {
  margin-top: 14px;
  font-size: 25px;
  line-height: 1.08;
}

.journal-card a,
.library-card a {
  display: inline-flex;
  margin-bottom: 22px;
  color: var(--forest);
  font-weight: 900;
}

.disclaimer-panel {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 30px;
  align-items: center;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 38px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--shadow);
}

.disclaimer-panel img {
  width: 130px;
  filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1006%) hue-rotate(39deg) brightness(93%) contrast(90%);
}

.inner-page {
  width: min(1220px, calc(100vw - 48px));
  min-height: 74vh;
  margin: 0 auto;
  padding: 140px 0 70px;
}

.page-hero {
  padding: 44px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 38px;
  background:
    radial-gradient(circle at 86% 16%, rgba(209, 222, 204, 0.32), transparent 360px),
    rgba(255, 255, 255, 0.68);
  box-shadow: var(--shadow);
}

.page-hero h1 {
  font-size: clamp(48px, 7vw, 94px);
}

.verification-hero {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 28px;
  align-items: center;
}

.large-qr {
  border-radius: 34px;
}

.library-tools,
.verify-form {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) repeat(4, auto);
  gap: 10px;
  margin: 22px 0;
}

.library-tools input,
.verify-form input,
.newsletter-form input,
.contact-form input,
.contact-form textarea,
.auth-card input,
.checkout-form input,
.checkout-form select,
.checkout-form textarea,
.tracker-form input,
.tracker-form select,
.tracker-form textarea,
.tracker-compact-form input,
.tracker-compact-form select,
.tracker-compact-form textarea {
  width: 100%;
  min-height: 54px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--ink);
  padding: 0 17px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.checkout-form textarea,
.tracker-form textarea,
.tracker-compact-form textarea {
  min-height: 118px;
  padding-top: 16px;
  resize: vertical;
}

.library-tools button {
  min-height: 54px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--forest);
  cursor: pointer;
  padding: 0 16px;
  font-weight: 850;
}

.library-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.newsletter-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.7fr);
  gap: 24px;
  align-items: center;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 38px;
  background:
    radial-gradient(circle at 90% 16%, rgba(171, 186, 72, 0.18), transparent 360px),
    rgba(255, 255, 255, 0.68);
  box-shadow: var(--shadow);
}

.newsletter-section h2 {
  margin: 14px 0;
  font-size: clamp(34px, 5vw, 66px);
  line-height: 0.98;
}

.newsletter-section p {
  color: var(--muted);
  line-height: 1.64;
}

.newsletter-form {
  display: grid;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.62);
}

.newsletter-form label {
  color: var(--forest);
  font-weight: 900;
}

.newsletter-form div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.detail-article-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.detail-article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 22px;
}

.detail-article-grid article,
.journal-detail-card {
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--shadow);
}

.detail-article-grid article {
  padding: 24px;
}

.detail-article-grid h2,
.journal-detail-card h2 {
  margin: 12px 0;
  font-size: clamp(28px, 3.8vw, 46px);
  line-height: 1.02;
}

.detail-article-grid p,
.detail-article-grid li,
.journal-detail-card p {
  color: var(--muted);
  line-height: 1.62;
}

.journal-detail-card {
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1fr);
  gap: 24px;
  margin-top: 22px;
  overflow: hidden;
}

.journal-detail-card img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
}

.journal-detail-card > div {
  padding: 30px;
}

.verify-form {
  grid-template-columns: 1fr;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--shadow);
}

.verify-form label {
  font-weight: 900;
  color: var(--forest);
}

.verify-form div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.verification-result {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border-radius: 34px;
}

.verification-result.verified-pop {
  animation: verifiedPop 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.verification-result::after {
  content: "";
  position: absolute;
  right: -90px;
  top: -90px;
  width: 240px;
  height: 240px;
  border-radius: 999px;
  background: rgba(69, 95, 44, 0.12);
}

.success-orb {
  width: 74px;
  height: 74px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: radial-gradient(circle, #fff 0 34%, #ABBA48 36% 42%, #455F2C 44% 100%);
  box-shadow: 0 0 0 12px rgba(69, 95, 44, 0.1), 0 0 40px rgba(69, 95, 44, 0.35);
  animation: successPulse 2.2s ease-in-out infinite;
}

.verification-result h2 {
  margin: 10px 0 22px;
  font-size: clamp(34px, 5vw, 62px);
}

.result-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.result-grid article {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
}

.result-grid small,
.result-grid strong {
  display: block;
}

.result-grid small {
  color: var(--muted);
  margin-bottom: 6px;
}

.report-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  margin-top: 22px;
}

.contact-form,
.contact-grid aside {
  display: grid;
  gap: 12px;
}

.contact-form {
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--shadow);
}

.contact-form label {
  display: grid;
  gap: 8px;
  color: var(--forest);
  font-weight: 850;
}

.contact-form textarea {
  min-height: 150px;
  padding-top: 16px;
  resize: vertical;
}

.contact-grid aside article,
.contact-grid aside a,
.dashboard-grid article,
.timeline article {
  padding: 24px;
  border-radius: 26px;
}

.contact-grid aside strong,
.contact-grid aside a strong,
.dashboard-grid strong,
.timeline strong {
  display: block;
  font-size: 22px;
}

.contact-grid aside span,
.contact-grid aside a span,
.dashboard-grid span,
.timeline span {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.55;
}

.tracker-hero-card {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(380px, 1.05fr);
  gap: 26px;
  align-items: stretch;
  padding: 34px;
  border-radius: 42px;
  background:
    radial-gradient(circle at 84% 18%, rgba(171, 186, 72, 0.2), transparent 360px),
    linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(209, 222, 204, 0.38));
  overflow: hidden;
}

.tracker-hero-copy {
  display: grid;
  align-content: center;
}

.tracker-hero-copy h1 {
  margin: 16px 0;
  font-size: clamp(50px, 7vw, 92px);
  line-height: 0.94;
}

.tracker-hero-copy p {
  color: var(--muted);
  line-height: 1.72;
  font-size: 17px;
}

.tracker-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 12px;
}

.tracker-disclaimer {
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.58);
  font-size: 13px !important;
}

.tracker-device {
  position: relative;
  min-height: 520px;
  padding: 24px;
  border: 1px solid rgba(69, 95, 44, 0.12);
  border-radius: 36px;
  background:
    radial-gradient(circle at 70% 30%, rgba(171, 186, 72, 0.28), transparent 240px),
    linear-gradient(160deg, rgba(69, 95, 44, 0.96), rgba(15, 23, 12, 0.94));
  color: #fff;
  box-shadow: 0 38px 90px rgba(69, 95, 44, 0.24);
  overflow: hidden;
}

.tracker-device::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  pointer-events: none;
}

.tracker-device-top {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.tracker-device-top span,
.tracker-schedule-card small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.tracker-device-top strong {
  font-size: 34px;
}

.tracker-orbit {
  position: relative;
  z-index: 1;
  width: min(280px, 72%);
  aspect-ratio: 1;
  margin: 48px auto 34px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  animation: breathe 6s ease-in-out infinite;
}

.tracker-orbit::before,
.tracker-orbit::after,
.tracker-orbit i {
  content: "";
  position: absolute;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 0 30px rgba(171, 186, 72, 0.4);
}

.tracker-orbit::before {
  width: 88px;
  height: 88px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.tracker-orbit::after {
  width: 20px;
  height: 20px;
  left: 25%;
  top: 18%;
}

.tracker-orbit i {
  width: 16px;
  height: 16px;
}

.tracker-orbit i:nth-child(1) { left: 72%; top: 24%; }
.tracker-orbit i:nth-child(2) { left: 16%; bottom: 28%; }
.tracker-orbit i:nth-child(3) { right: 18%; bottom: 16%; }
.tracker-orbit i:nth-child(4) { left: 48%; top: -8px; }

.tracker-mini-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.tracker-mini-grid span {
  padding: 14px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.76);
  font-size: 12px;
  text-align: center;
}

.tracker-mini-grid b {
  display: block;
  color: #fff;
  font-size: 24px;
}

.tracker-schedule-card {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.tracker-schedule-card strong {
  display: block;
  margin-top: 8px;
  font-size: 22px;
}

.tracker-schedule-card p {
  color: rgba(255, 255, 255, 0.68);
}

.tracker-feature-grid,
.tracker-metric-row,
.tracker-dashboard-grid,
.tracker-two-column,
.tracker-report-grid {
  display: grid;
  gap: 16px;
}

.tracker-feature-grid {
  grid-template-columns: repeat(4, 1fr);
  margin-top: 18px;
}

.tracker-feature-grid article {
  min-height: 220px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: var(--shadow);
}

.tracker-feature-grid span {
  color: var(--olive);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.16em;
}

.tracker-feature-grid h3,
.tracker-card h3 {
  margin: 18px 0 10px;
  font-size: 28px;
  line-height: 1.05;
}

.tracker-shell {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 18px;
  margin-top: 24px;
}

.tracker-sidebar {
  position: sticky;
  top: 116px;
  align-self: start;
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 28px;
}

.tracker-sidebar strong {
  margin-bottom: 8px;
  color: var(--forest);
  font-size: 20px;
}

.tracker-sidebar a {
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--muted);
  font-weight: 850;
  transition: background .22s ease, color .22s ease, transform .22s ease;
}

.tracker-sidebar a:hover {
  background: rgba(69, 95, 44, 0.1);
  color: var(--forest);
  transform: translateX(2px);
}

.tracker-workspace {
  min-width: 0;
}

.tracker-metric-row {
  grid-template-columns: repeat(4, 1fr);
}

.tracker-metric-row article {
  padding: 18px;
  border-radius: 24px;
}

.tracker-metric-row span,
.tracker-metric-row small {
  color: var(--muted);
  font-size: 12px;
}

.tracker-metric-row strong {
  display: block;
  margin: 8px 0;
  color: var(--forest);
  font-size: 38px;
}

.tracker-dashboard-grid,
.tracker-two-column,
.tracker-report-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
}

.tracker-card {
  min-height: 240px;
  padding: 24px;
  border-radius: 28px;
}

.tracker-card p {
  color: var(--muted);
  line-height: 1.58;
}

.tracker-card .glass-button {
  width: fit-content;
}

.tracker-calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 7px;
}

.tracker-calendar b,
.tracker-calendar span {
  display: grid;
  place-items: center;
  min-height: 34px;
  border-radius: 12px;
  font-size: 11px;
}

.tracker-calendar b {
  color: var(--muted);
}

.tracker-calendar span {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.78);
}

.tracker-calendar .done {
  background: rgba(171, 186, 72, 0.34);
}

.tracker-calendar .today {
  background: var(--forest);
  box-shadow: 0 10px 26px rgba(69, 95, 44, 0.24);
}

.tracker-progress {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(69, 95, 44, 0.12);
}

.tracker-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--olive), var(--forest));
}

.tracker-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--shadow);
}

.tracker-form textarea,
.tracker-form button {
  grid-column: span 2;
}

.tracker-field-list,
.tracker-rating-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tracker-field-list span,
.tracker-rating-grid span {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--forest);
  font-size: 12px;
  font-weight: 850;
}

.tracker-compact-form button {
  margin-top: 4px;
}

.tracker-inventory-list {
  display: grid;
  gap: 12px;
}

.tracker-inventory-list article {
  display: grid;
  gap: 6px;
  padding: 18px;
  border-radius: 24px;
}

.tracker-inventory-list strong,
.tracker-inventory-list span,
.tracker-inventory-list small {
  display: block;
}

.tracker-inventory-list span,
.tracker-inventory-list small {
  color: var(--muted);
}

.tracker-inventory-list button,
.tracker-export-row button {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--forest);
  cursor: pointer;
  font-weight: 900;
  padding: 0 16px;
}

.tracker-bars {
  height: 180px;
  display: flex;
  align-items: end;
  gap: 12px;
  margin-top: 18px;
}

.tracker-bars i {
  flex: 1;
  border-radius: 999px 999px 8px 8px;
  background: linear-gradient(180deg, var(--olive), var(--forest));
}

.tracker-donut {
  width: 180px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  margin: 22px auto 0;
  border-radius: 999px;
  background: conic-gradient(var(--forest) 0 92%, rgba(69, 95, 44, 0.12) 92% 100%);
}

.tracker-donut span {
  display: grid;
  place-items: center;
  width: 118px;
  aspect-ratio: 1;
  border-radius: 999px;
  background: #fff;
  color: var(--forest);
  font-size: 30px;
  font-weight: 950;
}

.tracker-line-chart {
  position: relative;
  height: 180px;
  margin-top: 18px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background:
    linear-gradient(rgba(69, 95, 44, 0.08) 1px, transparent 1px) 0 0 / 100% 25%,
    rgba(255, 255, 255, 0.58);
  overflow: hidden;
}

.tracker-line-chart i {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 74px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--olive), var(--forest));
  transform: rotate(-8deg);
  transform-origin: left center;
}

.tracker-export-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.auth-page {
  place-items: center;
}

body[data-route="signin"] [data-page="signin"].auth-page,
body[data-route="signup"] [data-page="signup"].auth-page {
  display: grid;
}

.auth-card {
  width: min(520px, 100%);
  display: grid;
  gap: 12px;
  padding: 32px;
  border-radius: 34px;
}

.auth-card h1 {
  margin: 8px 0 0;
  font-size: clamp(42px, 6vw, 68px);
  line-height: 0.95;
}

.auth-card a {
  color: var(--forest);
  font-weight: 850;
}

.search-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: start center;
  padding: 92px 20px;
  background: rgba(16, 24, 13, 0.28);
  backdrop-filter: blur(16px);
}

.search-panel {
  width: min(720px, 100%);
  display: grid;
  gap: 14px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 30px;
  background: rgba(251, 252, 248, 0.92);
  box-shadow: 0 36px 100px rgba(16, 24, 13, 0.28);
}

.close-button {
  justify-self: end;
  border: 0;
  background: transparent;
  color: var(--forest);
  cursor: pointer;
  font-weight: 900;
}

.search-panel label {
  font-size: 24px;
  font-weight: 900;
}

.search-panel input {
  min-height: 58px;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 0 18px;
}

.quick-search {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.quick-search a {
  padding: 10px 13px;
  border-radius: 999px;
  background: rgba(69, 95, 44, 0.1);
  color: var(--forest);
  font-weight: 850;
}

.site-footer {
  width: min(1220px, calc(100vw - 48px));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 40px auto 90px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: var(--shadow);
}

.site-footer img {
  width: 170px;
}

.site-footer p {
  color: var(--muted);
  line-height: 1.6;
}

.toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 120;
  max-width: min(420px, calc(100vw - 48px));
  padding: 15px 17px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(69, 95, 44, 0.97), rgba(69, 95, 44, 0.94));
  color: #fff;
  box-shadow: 0 24px 58px rgba(69, 95, 44, 0.24);
  font-size: 14px;
  font-weight: 850;
  opacity: 0;
  pointer-events: none;
  transform: translateY(14px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.form-status {
  margin: 2px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(69, 95, 44, 0.18);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.form-status.is-loading {
  color: var(--forest);
  background: rgba(171, 186, 72, 0.12);
}

.form-status.is-success {
  color: var(--forest);
  background: rgba(69, 95, 44, 0.1);
}

.form-status.is-error {
  color: #4d1f1f;
  border-color: rgba(77, 31, 31, 0.2);
  background: rgba(77, 31, 31, 0.07);
}

form.is-loading button[type="submit"] {
  cursor: wait;
  opacity: 0.72;
}

.mobile-tabbar {
  display: none;
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes particleFloat {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.5; }
  50% { transform: translate3d(18px, -28px, 0) scale(1.35); opacity: 1; }
}

@keyframes breathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-12px) scale(1.025); }
}

@keyframes successPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 12px rgba(69, 95, 44, 0.1), 0 0 40px rgba(69, 95, 44, 0.35); }
  50% { transform: scale(1.04); box-shadow: 0 0 0 18px rgba(69, 95, 44, 0.05), 0 0 58px rgba(69, 95, 44, 0.46); }
}

@keyframes moleculePulse {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(10px, -12px, 0) scale(1.14); }
}

@keyframes loadBar {
  from { width: 0; }
}

@keyframes bridgeSignal {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(270px, 90px, 0); }
}

@keyframes verifiedPop {
  0% { transform: scale(0.985); box-shadow: 0 18px 42px rgba(69, 95, 44, 0.12); }
  55% { transform: scale(1.012); box-shadow: 0 32px 90px rgba(69, 95, 44, 0.2); }
  100% { transform: scale(1); }
}

@media (max-width: 1060px) {
  .site-header {
    grid-template-columns: 1fr auto;
  }
  .desktop-nav {
    display: none;
  }
  .hero-grid,
  .split-showcase,
  .contact-grid,
  .flagship-strip,
  .catalog-hero,
  .retatrutide-feature,
  .product-detail-hero,
  .verification-system,
  .cart-hero,
  .cart-page-grid,
  .media-hero,
  .community-hero,
  .admin-hero,
  .press-kit-hero,
  .verify-code-layout,
  .media-feed-card,
  .community-grid {
    grid-template-columns: 1fr;
  }
  .hero-visual {
    min-height: 520px;
  }
  .trust-strip,
  .premium-grid,
  .journal-row,
  .journal-grid,
  .dashboard-grid,
  .brand-standard,
  .compact-catalog,
  .full-catalog,
  .commerce-hero,
  .checkout-panel,
  .tracker-hero-card,
  .tracker-shell,
  .tracker-feature-grid,
  .tracker-metric-row,
  .tracker-dashboard-grid,
  .tracker-two-column,
  .tracker-report-grid,
  .platform-os,
  .bridge-lane,
  .timeline {
    grid-template-columns: 1fr;
  }
  .collections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .media-hub-grid,
  .gallery-grid,
  .press-kit-grid,
  .admin-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .catalog-toolbar,
  .overview-grid,
  .product-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body {
    padding-bottom: calc(94px + var(--safe-bottom));
    overflow-x: hidden;
  }
  .preview-ribbon {
    display: none;
  }
  .site-header {
    top: 10px;
    width: calc(100vw - 20px);
    min-height: 78px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px;
    border-radius: 24px;
  }
  .brand-mark { width: 38px; height: 38px; }
  .brand-wordmark { width: 126px; height: 28px; }
  .header-actions {
    gap: 8px;
  }
  .header-actions .text-button,
  .search-trigger {
    display: none;
  }
  .header-actions .solid-button {
    min-height: 40px;
    padding-inline: 14px;
    font-size: 12px;
  }
  .mobile-tabbar {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(10px + var(--safe-bottom));
    z-index: 86;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
    padding: 8px;
    border: 1px solid rgba(73, 88, 51, 0.14);
    border-radius: 26px;
    background: rgba(251, 252, 248, 0.9);
    box-shadow: 0 22px 56px rgba(69, 95, 44, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(24px);
  }
  .mobile-tabbar a {
    min-height: 50px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    color: rgba(16, 24, 13, 0.58);
    font-size: 10px;
    font-weight: 850;
  }
  .mobile-tabbar a span {
    display: grid;
    justify-items: center;
    gap: 4px;
  }
  .mobile-tabbar a span::before {
    font-size: 15px;
  }
  .mobile-tabbar a[data-mobile-route="home"] span::before { content: "⌂"; }
  .mobile-tabbar a[data-mobile-route="products"] span::before { content: "◧"; }
  .mobile-tabbar a[data-mobile-route="media"] span::before { content: "◇"; }
  .mobile-tabbar a[data-mobile-route="community"] span::before { content: "◎"; }
  .mobile-tabbar a[data-mobile-route="cycle-tracker"] span::before { content: "◌"; }
  .mobile-tabbar a[data-mobile-route="cart"] span::before { content: "□"; }
  .mobile-tabbar a.is-active {
    background: linear-gradient(180deg, #ABBA48, #455F2C);
    color: #fff;
    box-shadow: 0 14px 26px rgba(69, 95, 44, 0.22);
  }
  .hero-section {
    min-height: auto;
    padding: 108px 12px 36px;
  }
  .hero-grid {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .hero-copy {
    padding: 24px 18px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: var(--shadow);
    backdrop-filter: blur(16px);
  }
  .hero-copy h1,
  .page-hero h1 {
    font-size: clamp(38px, 10.8vw, 52px);
    line-height: 0.96;
  }
  .hero-copy p,
  .page-hero p,
  .section p {
    font-size: 15px;
  }
  .eyebrow {
    max-width: 100%;
    white-space: normal;
    line-height: 1.35;
  }
  .cta-row {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 18px;
  }
  .mobile-hero-card {
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding: 10px;
    border: 1px solid rgba(69, 95, 44, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 18px 42px rgba(69, 95, 44, 0.13);
  }
  .mobile-hero-card img {
    width: 108px;
    height: 112px;
    border-radius: 18px;
    object-fit: cover;
  }
  .mobile-hero-card small,
  .mobile-hero-card strong,
  .mobile-hero-card span {
    display: block;
  }
  .mobile-hero-card small {
    color: var(--olive);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .mobile-hero-card strong {
    margin-top: 5px;
    font-size: 15px;
  }
  .mobile-hero-card span {
    margin-top: 6px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.4;
  }
  .large,
  .solid-button,
  .glass-button,
  .text-arrow {
    width: 100%;
  }
  .hero-visual {
    min-height: 540px;
  }
  .logo-orbit {
    left: 14px;
    top: 0;
    width: 150px;
    height: 150px;
  }
  .molecule-web {
    right: -44px;
    top: 18px;
    width: 260px;
  }
  .cinema-product {
    width: 100%;
    border-radius: 30px;
  }
  .command-module {
    left: 12px;
    right: 12px;
    bottom: 16px;
    width: auto;
    transform: none;
    border-radius: 24px;
  }
  .hero-metrics,
  .section,
  .inner-page,
  .site-footer {
    width: calc(100vw - 24px);
  }
  .hero-metrics,
  .trust-strip,
  .premium-grid,
  .library-grid,
  .journal-row,
  .journal-grid,
  .dashboard-grid,
  .compact-catalog,
  .tracker-feature-grid,
  .tracker-metric-row,
  .timeline,
  .result-grid {
    display: flex;
    grid-template-columns: none;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 12px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .hero-metrics article,
  .trust-strip article,
  .research-card,
  .library-card,
  .journal-row article,
  .journal-card,
  .dashboard-grid article,
  .compact-catalog .catalog-card,
  .tracker-feature-grid article,
  .tracker-metric-row article,
  .timeline article,
  .result-grid article {
    flex: 0 0 min(86vw, 340px);
    scroll-snap-align: start;
  }
  .section {
    margin-top: 38px;
  }
  .split-showcase,
  .brand-standard,
  .product-showcase,
  .checkout-panel,
  .catalog-hero,
  .retatrutide-feature,
  .product-detail-hero,
  .product-detail-section,
  .collection-card,
  .order-summary,
  .media-orbit-card,
  .admin-status-card,
  .media-card,
  .gallery-item,
  .discussion-card,
  .community-post-detail,
  .tracker-hero-card,
  .tracker-card,
  .newsletter-section,
  .detail-article-grid article,
  .journal-detail-card,
  .platform-os,
  .bridge-lane,
  .verification-teaser,
  .disclaimer-panel,
  .page-hero,
  .verification-result {
    padding: 22px 16px;
    border-radius: 30px;
  }
  .split-showcase h2,
  .brand-standard-copy h2,
  .product-showcase h2,
  .catalog-hero h1,
  .retatrutide-feature h2,
  .product-detail-copy h1,
  .collections-page .page-hero h1,
  .tracker-hero-copy h1,
  .section-heading h2,
  .verification-teaser h2,
  .newsletter-section h2,
  .disclaimer-panel h2 {
    font-size: clamp(34px, 10vw, 48px);
  }
  .brand-standard-copy {
    min-height: auto;
    padding: 0;
  }
  .brand-standard-grid {
    grid-template-columns: 1fr;
  }
  .slogan-proof {
    grid-column: auto;
  }
  .palette-chips {
    grid-template-columns: repeat(5, minmax(58px, 1fr));
    overflow-x: auto;
    padding-bottom: 6px;
  }
  .product-stack {
    min-height: 430px;
  }
  .primary-product {
    inset: 0 0 110px 0;
  }
  .floating-product {
    width: 76%;
    height: 210px;
  }
  .section-heading {
    display: grid;
  }
  .scan-card,
  .verification-hero,
  .disclaimer-panel,
  .newsletter-section,
  .detail-article-hero,
  .detail-article-grid,
  .journal-detail-card,
  .platform-os,
  .bridge-lane,
  .site-footer {
    grid-template-columns: 1fr;
  }
  .platform-os {
    color: #fff;
  }
  .os-grid {
    grid-template-columns: 1fr;
  }
  .pipeline {
    grid-template-columns: 1fr;
  }
  .pipeline i {
    width: 1px;
    height: 18px;
    justify-self: center;
  }
  .bridge-map {
    min-height: 330px;
  }
  .city {
    width: 108px;
    height: 108px;
    font-size: 12px;
  }
  .moving-signal {
    animation: none;
    left: 50%;
    top: 50%;
  }
  .qr-placeholder {
    max-width: 240px;
  }
  .inner-page {
    padding-top: 112px;
  }
  .library-tools,
  .verify-form div,
  .newsletter-form div,
  .tracker-form,
  .checkout-panel,
  .commerce-hero,
  .flagship-strip,
  .catalog-hero,
  .retatrutide-feature,
  .product-detail-hero,
  .verification-system,
  .cart-hero,
  .cart-page-grid,
  .catalog-toolbar,
  .overview-grid,
  .product-info-grid,
  .media-hero,
  .community-hero,
  .admin-hero,
  .press-kit-hero,
  .verify-code-layout,
  .media-feed-card,
  .community-grid,
  .tracker-dashboard-grid,
  .tracker-two-column,
  .tracker-report-grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  .tracker-form textarea,
  .tracker-form button {
    grid-column: auto;
  }
  .full-catalog {
    grid-template-columns: 1fr;
  }
  .collections-grid {
    grid-template-columns: 1fr;
  }
  .media-hub-grid,
  .gallery-grid,
  .press-kit-grid,
  .admin-grid {
    grid-template-columns: 1fr;
  }
  .discussion-card {
    grid-template-columns: 1fr;
  }
  .vote-column {
    min-height: 72px;
  }
  .product-render.render-hero,
  .product-render.render-detail {
    min-height: 420px;
  }
  .render-detail .render-vial-object,
  .render-hero .render-vial-object {
    scale: .96;
  }
  .render-box {
    right: 9%;
    width: 130px;
    height: 180px;
  }
  .catalog-toolbar {
    padding: 14px;
  }
  .product-card-actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }
  .product-detail-section dl {
    grid-template-columns: 1fr;
  }
  .viewer-controls {
    position: static;
    transform: none;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 12px;
  }
  .cart-line {
    grid-template-columns: 68px 1fr;
  }
  .product-buy-row {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
  }
  .commerce-disclaimer {
    display: grid;
  }
  .cart-line {
    grid-template-columns: 52px 1fr;
  }
  .cart-line button {
    grid-column: 1 / -1;
  }
  .tracker-device {
    min-height: 440px;
    padding: 18px;
  }
  .tracker-mini-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .tracker-sidebar {
    position: static;
  }
  .tracker-card .glass-button {
    width: 100%;
  }
  .library-tools button {
    width: 100%;
  }
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .search-overlay {
    padding-top: 90px;
  }
  .search-panel {
    padding: 22px;
  }
  .toast {
    left: 12px;
    right: 12px;
    bottom: calc(176px + var(--safe-bottom));
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}