/* Original dark-and-lime palette with the Quantify app’s font stacks. */
.quantify-minimal .quantify-main {
  font-family: ui-sans-serif, system-ui, sans-serif;
  padding-bottom: 0;
}
.quantify-minimal .quantify-hero {
  min-height: calc(100svh - 108px);
  padding-block: 48px 96px;
}
.quantify-minimal .quantify-hero h1 {
  margin: 32px 0 24px;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: clamp(5rem, 14vw, 12rem);
  font-style: italic;
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.055em;
}
.quantify-minimal .quantify-hero h1 em { font-style: inherit; }
.quantify-minimal .quantify-kicker,
.quantify-minimal .quantify-scroll,
.quantify-minimal .quantify-about h2 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.quantify-minimal .quantify-intro { font-size: 17px; font-weight: 400; }
.quantify-minimal .quantify-scroll {
  position: absolute;
  bottom: 26px;
  left: 0;
  display: inline-flex;
  gap: 30px;
  padding-block: 8px;
  color: var(--muted);
  text-decoration: none;
}
.quantify-minimal .quantify-scroll:hover { color: #c7ff3d; }
.quantify-minimal .quantify-about {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: center;
  padding-block: 58px 66px;
  scroll-margin-top: 80px;
}
.quantify-minimal .quantify-about h2 { margin: 0 0 22px; color: #c7ff3d; }
.quantify-minimal .quantify-about p {
  max-width: 660px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
}
.quantify-minimal .quantify-about-copy > p + p { margin-top: 14px; }
.quantify-minimal .quantify-details { margin: 24px 0 0; }
.quantify-minimal .quantify-details > div { border-top: 1px solid var(--line); padding-block: 15px; }
.quantify-minimal .quantify-details dt {
  font: 400 10px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--ink);
}
.quantify-minimal .quantify-details dd { margin: 7px 0 0; font-size: 13px; line-height: 1.7; color: var(--muted); }
.quantify-minimal .quantify-product-image { min-width: 0; margin: 0; }
.quantify-minimal .quantify-product-image a { display: block; border: 1px solid var(--line); }
.quantify-minimal .quantify-product-image img { display: block; width: 100%; height: auto; }
.quantify-minimal .quantify-product-image figcaption {
  margin-top: 12px;
  color: var(--muted);
  font: 400 10px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
@media (max-width: 900px) {
  .quantify-minimal .quantify-hero { min-height: calc(100svh - 92px); }
  .quantify-minimal .quantify-about { grid-template-columns: 1fr; gap: 30px; }
  .quantify-minimal .quantify-about-copy { max-width: 660px; }
}
@media (max-width: 600px) {
  .quantify-minimal .quantify-kicker { font-size: 9px; letter-spacing: .08em; }
  .quantify-minimal .quantify-about { grid-template-columns: 1fr; gap: 20px; padding-block: 36px 44px; }
  .quantify-minimal .quantify-about p { font-size: 15px; }
}
.quantify-minimal .quantify-cta {
  position: relative;
  overflow: hidden;
  align-items: center;
  min-height: 52px;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .15em;
}
.quantify-minimal .quantify-cta::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(105deg, transparent 28%, rgba(255,255,255,.8) 48%, transparent 67%);
  transform: translateX(-135%);
  animation: quantify-shine 4s ease-in-out infinite;
}
.quantify-minimal .quantify-cta span { position: relative; }
.quantify-minimal .quantify-cta span:last-child { transition: transform 180ms ease; }
.quantify-minimal .quantify-cta:hover span:last-child { transform: translate(2px, -2px); }
.quantify-minimal :focus-visible { outline: 2px solid #c7ff3d; outline-offset: 6px; }
@media (prefers-reduced-motion: reduce) {
  .quantify-minimal .quantify-cta::before { animation: none; }
  .quantify-minimal .quantify-cta, .quantify-minimal .quantify-cta span { transition: none; }
  .quantify-minimal .quantify-cta:hover, .quantify-minimal .quantify-cta:hover span:last-child { transform: none; }
}