/* Product hero color revision v3 · 2026-10-30.
 * Use the homepage palette directly; change coverage and strength only.
 */
[data-ora-page="product"] .hero {
  background: var(--ora-product-hero-bg);
}
[data-ora-page="product"] .software-area::before {
  inset: -10% -10% -10% -8%;
  border-radius: 42%;
  background:
    radial-gradient(ellipse at 90% 40%, var(--ora-p-glow-peach) 0%, transparent 58%),
    radial-gradient(ellipse at 68% 93%, var(--ora-p-glow-lilac) 0%, transparent 61%),
    radial-gradient(ellipse at 38% 6%, var(--ora-p-glow-lime) 0%, transparent 52%);
  opacity: .64;
  filter: blur(30px);
  pointer-events: none;
}
[data-ora-page="product"] .software-shot {
  box-shadow: 0 24px 56px rgb(20 38 54 / .075), 0 2px 8px rgb(20 38 54 / .035);
}
[data-ora-page="product"] .steps {
  border-color: var(--ora-product-border);
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgb(20 38 54 / .035);
}
@media(max-width:760px) {
  [data-ora-page="product"] .software-area::before {
    inset: -8% -7% -11%;
    filter: blur(20px);
  }
}