.product-page-v2 {
  --product-accent-rgb: 242, 201, 76;
  background:
    radial-gradient(circle at 88% 8%, rgba(var(--product-accent-rgb), .16), transparent 28rem),
    radial-gradient(circle at 8% 62%, rgba(var(--product-accent-rgb), .07), transparent 34rem),
    linear-gradient(155deg, #292720 0%, #1b1a16 46%, #23211c 100%);
}

.product-page-v2.product-iatros { --product-accent-rgb: 120, 173, 145; }
.product-page-v2.product-qa { --product-accent-rgb: 117, 169, 215; }

.product-page-v2::before {
  z-index: 0;
  opacity: .45;
  background-image:
    linear-gradient(rgba(var(--product-accent-rgb), .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247, 241, 228, .025) 1px, transparent 1px);
  background-size: 54px 54px;
}

.product-page-v2 .site-header {
  border-top: 2px solid rgba(var(--product-accent-rgb), .72);
  border-bottom-color: rgba(var(--product-accent-rgb), .18);
  background: linear-gradient(90deg, rgba(var(--product-accent-rgb), .075), transparent 30%), rgba(25, 24, 20, .92);
}
.product-page-v2 .brand-universe,
.product-page-v2 .nav-products summary span { color: var(--product-accent); }
.product-page-v2 .nav-product[aria-current="page"] { box-shadow: inset 0 -3px var(--product-accent); }
.product-page-v2 .main-nav .nav-cta,
.product-page-v2 .product-button.primary { border-color: var(--product-accent); color: #141712; background: var(--product-accent); }

.product-page-v2 .product-main { position: relative; z-index: 1; }
.product-page-v2 .product-hero { position: relative; isolation: isolate; }
.product-page-v2 .product-hero::before {
  position: absolute;
  z-index: -1;
  top: 5%;
  right: 34%;
  width: 380px;
  height: 380px;
  border: 1px solid rgba(var(--product-accent-rgb), .12);
  content: "";
  transform: rotate(32deg);
  box-shadow: 0 0 90px rgba(var(--product-accent-rgb), .07);
}
.product-page-v2 .product-hero h1 em { color: var(--product-accent); }
.product-page-v2 .product-lead { color: #cbc3b7; }
.product-page-v2 .product-facts { gap: 9px; background: transparent; }
.product-page-v2 .product-facts li {
  border: 1px solid rgba(var(--product-accent-rgb), .13);
  background: linear-gradient(140deg, rgba(var(--product-accent-rgb), .08), transparent 46%), rgba(247, 241, 228, .025);
}
.product-page-v2 .product-facts li:nth-child(2) { background: linear-gradient(140deg, rgba(247, 241, 228, .05), rgba(var(--product-accent-rgb), .025)); }

.product-page-v2 .product-stage {
  border-color: rgba(var(--product-accent-rgb), .36);
  box-shadow: 0 38px 100px rgba(0, 0, 0, .32), 0 0 70px rgba(var(--product-accent-rgb), .09);
  transform: perspective(1400px) rotateY(-1.4deg) rotateX(.5deg);
}
.product-page-v2 .product-stage::before {
  background: linear-gradient(180deg, rgba(var(--product-accent-rgb), .035), transparent 35%), linear-gradient(180deg, transparent 42%, rgba(18, 16, 13, .78));
}
.product-page-v2 .product-window {
  border-color: rgba(var(--product-accent-rgb), .3);
  background: radial-gradient(circle at 92% 5%, rgba(var(--product-accent-rgb), .13), transparent 34%), linear-gradient(145deg, rgba(45, 43, 36, .95), rgba(18, 17, 14, .94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42), inset 0 1px rgba(247, 241, 228, .05);
}
.product-page-v2 .window-bar { background: rgba(var(--product-accent-rgb), .045); }
.product-page-v2 .metric-card,
.product-page-v2 .schedule-list article,
.product-page-v2 .qa-sample-list article { border-color: rgba(var(--product-accent-rgb), .13); }
.product-page-v2 .metric-card:nth-child(1) { background: linear-gradient(145deg, rgba(var(--product-accent-rgb), .1), rgba(255,255,255,.018)); }
.product-page-v2 .metric-card:nth-child(2) { background: linear-gradient(145deg, rgba(247,241,228,.055), transparent); }
.product-page-v2 .metric-card:nth-child(3) { background: linear-gradient(145deg, rgba(var(--product-accent-rgb), .045), rgba(0,0,0,.08)); }

.product-page-v2 .product-section { position: relative; border-top: 1px solid rgba(var(--product-accent-rgb), .13); }
.product-page-v2 .interactive-demo {
  padding: clamp(18px, 2.5vw, 30px);
  border: 1px solid rgba(var(--product-accent-rgb), .16);
  background: radial-gradient(circle at 90% 15%, rgba(var(--product-accent-rgb), .1), transparent 32%), linear-gradient(145deg, rgba(247, 241, 228, .035), rgba(0, 0, 0, .1));
  box-shadow: 0 28px 80px rgba(0,0,0,.17);
}
.product-page-v2 .demo-menu button { border-color: rgba(var(--product-accent-rgb), .13); background: rgba(247,241,228,.025); }
.product-page-v2 .demo-menu button[aria-selected="true"] { border-color: rgba(var(--product-accent-rgb), .55); background: rgba(var(--product-accent-rgb), .09); }
.product-page-v2 .demo-canvas {
  border-color: rgba(var(--product-accent-rgb), .2);
  background: radial-gradient(circle at 80% 0%, rgba(var(--product-accent-rgb), .1), transparent 34%), linear-gradient(150deg, #292720, #171613);
}
.product-page-v2 .demo-data article:nth-child(odd) { background: rgba(var(--product-accent-rgb), .045); }
.product-page-v2 .product-cta {
  border-color: rgba(var(--product-accent-rgb), .22);
  background: linear-gradient(125deg, rgba(var(--product-accent-rgb), .12), transparent 42%), linear-gradient(150deg, #302e27, #191815);
  box-shadow: 0 30px 90px rgba(0,0,0,.18);
}
.product-page-v2 .site-footer { position: relative; z-index: 1; border-top-color: rgba(var(--product-accent-rgb), .35); }
.product-page-v2 .site-footer::before { position: absolute; top: -1px; left: 0; width: 28%; height: 1px; content: ""; background: linear-gradient(90deg, var(--product-accent), transparent); }
.product-page-v2 .site-footer > div > span { color: var(--product-accent); }
.product-page-v2 .site-footer a:hover { color: var(--product-accent-soft); }

@media (max-width: 820px) { .product-page-v2 .brand-universe { display: none; } }
@media (max-width: 680px) {
  .product-page-v2 .product-stage { transform: none; }
  .product-page-v2 .interactive-demo { padding: 12px; }
}
