:root { --product-accent: #72b9e8; --product-glow: rgba(114,185,232,.16); }
.product-page--style { --product-accent: #d6b895; --product-glow: rgba(214,184,149,.16); }
.product-page--repricer { --product-accent: #a78bfa; --product-glow: rgba(167,139,250,.18); }
.product-page--antifraud { --product-accent: #34d399; --product-glow: rgba(52,211,153,.16); }
.product-page {
  min-height: 100vh;
  background: var(--bg);
}
.product-hero-static {
  position: relative;
  overflow: hidden;
  padding: 10rem 0 6rem;
  border-bottom: 1px solid var(--border);
}
.product-hero-static::after {
  content: "";
  position: absolute;
  width: 58rem; height: 58rem;
  border-radius: 50%;
  right: -22rem; top: -28rem;
  background: radial-gradient(circle, var(--product-glow), transparent 68%);
  pointer-events: none;
}
.product-hero-static .container { position: relative; z-index: 1; }
.product-eyebrow { color: var(--product-accent); font: 500 .75rem/1 var(--font-sans); letter-spacing: .18em; }
.product-alpha-badge { display:inline-block; margin-top:1rem; border:1px solid var(--border); padding:.35rem .65rem; color:var(--product-accent); font:500 .68rem var(--font-sans); letter-spacing:.14em; }
.product-hero-static h1 {
  margin-top: 1rem; font: 300 clamp(3.5rem, 9vw, 7rem)/.88 var(--font-serif);
}
.product-lede { max-width: 45rem; margin-top: 1.5rem; font: 300 clamp(1.5rem, 3vw, 2.25rem)/1.12 var(--font-serif); }
.product-desc { max-width: 42rem; margin-top: 1.5rem; color: var(--text-muted); }
.product-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; max-width: 44rem; margin-top:3rem; padding:1.5rem 0; border-block:1px solid var(--border); }
.product-stats strong { display:block; color:var(--product-accent); font:400 1.4rem var(--font-serif); }
.product-stats span { font-size:.75rem; color:var(--text-muted); }
.product-content { padding: 5rem 0; background: var(--bg-elevated); }
.product-content h2 { margin-top:.8rem; font:300 clamp(2.25rem,4vw,4rem)/1 var(--font-serif); }
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:3rem; border:1px solid var(--border); background:var(--border); }
.feature-grid article { padding:2rem; background:var(--bg-elevated); }
.feature-grid span { color:var(--product-accent); font-size:.75rem; letter-spacing:.12em; }
.feature-grid h3 { margin-top:1rem; font:400 1.35rem/1.35 var(--font-serif); }
.product-cta { padding:5rem 0; border-top:1px solid var(--border); }
.product-cta h2 { font:300 clamp(2.25rem,4vw,4rem)/1 var(--font-serif); }
.product-cta__note { margin-top:1rem; color:var(--text-muted); font-size:.9375rem; }
.product-cta__note a { color:var(--product-accent); }
.product-link { display:inline-block; margin-top:1.5rem; color:var(--product-accent); }
.product-video { margin-top:3rem; aspect-ratio:16/9; border:1px solid var(--border); background:#000; }
.product-video iframe { width:100%; height:100%; border:0; }
.product-showcase-static { scroll-margin-top:5rem; padding:5rem 0; border-top:1px solid var(--border); background:radial-gradient(circle at 85% 15%,var(--product-glow),transparent 34rem),var(--bg); }
.product-showcase-static__head { display:grid; gap:2rem; }
.product-showcase-static__head h2 { margin-top:.8rem; font:300 clamp(2.25rem,4vw,4rem)/1.05 var(--font-serif); }
.product-showcase-static__head > p { align-self:end; max-width:38rem; color:var(--text-muted); line-height:1.7; }
.product-showcase-static__gallery { display:grid; gap:1rem; margin-top:3rem; }
.product-showcase-static__gallery figure { overflow:hidden; border:1px solid var(--border); background:#0d0d0d; }
.product-showcase-static__media { height:clamp(30rem,62vw,49rem); overflow:hidden; }
.product-showcase-static__media--dark { background:#07112d; }
.product-showcase-static__media--repricer {
  height: clamp(18rem, 42vw, 32rem);
  background: #0a0812;
}

.product-showcase-static__media--repricer img {
  object-fit: contain;
}
.product-showcase-static__media img { width:100%; height:100%; object-fit:contain; }
.product-showcase-static figcaption { padding:1rem 1.25rem; border-top:1px solid var(--border); color:var(--text-muted); font-size:.75rem; letter-spacing:.06em; }
.product-showcase-static__steps { display:grid; gap:1px; margin-top:2rem; border:1px solid var(--border); background:var(--border); }
.product-showcase-static__steps article { padding:1.5rem; background:var(--bg); }
.product-showcase-static__steps span { color:var(--product-accent); font:500 .75rem var(--font-sans); }
.product-showcase-static__steps h3 { margin-top:1rem; font-size:1rem; font-weight:400; }
.product-showcase-static__steps p { margin-top:.5rem; color:var(--text-muted); font-size:.875rem; line-height:1.6; }
.product-faq { padding:5rem 0; border-top:1px solid var(--border); background:var(--bg-elevated); }
.product-faq__layout { display:grid; gap:3rem; }
.product-faq h2 { margin-top:.8rem; font:300 clamp(2.25rem,4vw,4rem)/1 var(--font-serif); }
.product-faq__intro { max-width:22rem; margin-top:1.25rem; color:var(--text-muted); font-size:.875rem; }
.product-faq__list { border-top:1px solid var(--border); }
.product-faq details { border-bottom:1px solid var(--border); }
.product-faq summary { display:flex; align-items:flex-start; justify-content:space-between; gap:1.5rem; padding:1.5rem 0; color:var(--text); font-size:1rem; cursor:pointer; list-style:none; }
.product-faq summary::-webkit-details-marker { display:none; }
.product-faq summary small { margin-right:1rem; color:var(--product-accent); font:500 .7rem var(--font-sans); letter-spacing:.08em; }
.product-faq summary b { color:var(--product-accent); font-size:1.25rem; font-weight:400; transition:transform .2s; }
.product-faq details[open] summary b { transform:rotate(45deg); }
.product-faq details p { max-width:44rem; padding:0 2.5rem 1.5rem 2.35rem; color:var(--text-muted); font-size:.875rem; line-height:1.7; }
.product-intro { padding:5rem 0; border-bottom:1px solid var(--border); }
.product-intro h2 { margin-top:.8rem; font:300 clamp(2.25rem,4vw,3.5rem)/1.05 var(--font-serif); }
.product-intro > .container > p { max-width:42rem; margin-top:1.25rem; color:var(--text-muted); line-height:1.75; }
.product-intro__grid { display:grid; gap:1px; margin-top:2.5rem; border:1px solid var(--border); background:var(--border); }
.product-intro__grid article { padding:1.75rem; background:var(--bg); }
.product-intro__grid h3 { font:400 1.2rem/1.35 var(--font-serif); }
.product-intro__grid p { margin-top:.75rem; color:var(--text-muted); font-size:.875rem; line-height:1.65; }
.product-problems { padding:5rem 0; background:var(--bg-elevated); border-top:1px solid var(--border); }
.product-problems h2 { margin-top:.8rem; font:300 clamp(2.25rem,4vw,3.5rem)/1.05 var(--font-serif); }
.product-problems > .container > p { max-width:42rem; margin-top:1.25rem; color:var(--text-muted); line-height:1.75; }
.product-cta__links { display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:1.5rem; }
.product-cta__links a { color:var(--product-accent); font-size:.875rem; }
.product-cta__links a.is-secondary { color:var(--text-muted); }
@media(min-width:768px){ .product-showcase-static__head{grid-template-columns:.8fr 1.2fr;gap:4rem;} .product-showcase-static__gallery{grid-template-columns:1fr 1fr;} .product-showcase-static__steps{grid-template-columns:repeat(3,1fr);} .product-faq__layout{grid-template-columns:.75fr 1.25fr;gap:4rem;} .product-intro__grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:600px){ .product-stats,.feature-grid{grid-template-columns:1fr;} .product-hero-static{padding-top:8rem;} }