/* Option H refinements. The original Option F styles remain unchanged. */
.clean-product-grid .card-scene { position: relative; }
.clean-product-grid .card-scene > .patent-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #0c1724f2;
  border-color: #b993506e;
  color: #f3d495;
}
.clean-product-grid .label { display: block; margin-bottom: 12px; }
.seamless-demo .scene-stage { isolation: isolate; }
.seamless-demo .scene-video { position: absolute; inset: 0; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
.seamless-demo .scene-video.is-current { opacity: 1; z-index: 1; }
.seamless-demo .scene-poster { position: absolute; inset: 0; z-index: 2; }
.seamless-demo .scene-poster[hidden] { display: none; }
.seamless-demo video::-webkit-media-controls { display: none !important; }
.scene-actions { min-height: 44px; margin-top: 18px; }
.scene-replay { display: inline-flex; align-items: center; gap: 24px; padding: 10px 15px; min-height: 44px; background: transparent; color: #dff9fb; border: 1px solid #4d6c7b; border-radius: 6px; font-size: .87rem; cursor: pointer; }
.scene-replay:hover { background: #1d3747; border-color: #85e7f2; }
.scene-replay:focus-visible { outline: 2px solid #85e7f2; outline-offset: 4px; }
.scene-replay[hidden] { display: none; }
.scene-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; display: grid; place-items: center; width: 44px; height: 54px; padding: 0; border: 1px solid #8db0c080; border-radius: 7px; background: #071522e8; color: #e4fcff; box-shadow: 0 2px 12px #0003; font-size: 2.3rem; line-height: 1; cursor: pointer; }
.scene-previous { left: 12px; }
.scene-next { right: 12px; }
.scene-arrow:hover:not(:disabled) { background: #194355; border-color: #85e7f2; }
.scene-arrow:focus-visible { outline: 2px solid #85e7f2; outline-offset: 3px; }
.scene-arrow:disabled { opacity: .3; cursor: default; }
.seamless-demo .camera-context > .text-link { margin-top: 24px; }
@media (max-width: 760px) { .scene-arrow { width: 40px; height: 44px; font-size: 2rem; } .scene-previous { left: 7px; } .scene-next { right: 7px; } }
@media (prefers-reduced-motion: reduce) { .seamless-demo .scene-video { transition: none; } }
.retail-benefits .perspective-grid { align-items: start; gap: 75px; }
.retail-benefits h2 { max-width: 570px; }
.benefits-intro { margin: 26px 0 0; max-width: 490px; color: #b4cad9; font-size: 1.06rem; line-height: 1.75; }
.retail-benefits .button { margin-top: 30px; }
.business-benefits { display: grid; gap: 29px; }
.business-benefits article { padding-top: 24px; border-top: 1px solid #3d596e; }
.business-benefits h3 { margin: 0 0 13px; color: #edf6fc; font-size: 1.45rem; letter-spacing: -.035em; line-height: 1.3; }
.business-benefits p { color: #b4cad9; font-size: 1.02rem; line-height: 1.7; }
.company-values .benefit-grid article { border-top: 0; padding-top: 0; }
.company-values .benefit-grid h3 { margin: 0; padding: 0 0 23px; border-bottom: 1px solid #344b5e; font-weight: 600; }
.company-values .benefit-grid p { margin: 22px 0 0; font-weight: 400; }
@media (max-width: 1050px) {
  .retail-benefits .perspective-grid { gap: 45px; }
  .business-benefits h3 { font-size: 1.3rem; }
}
@media (max-width: 760px) {
  .retail-benefits .perspective-grid { gap: 38px; }
  .benefits-intro { font-size: 1rem; }
  .business-benefits { gap: 25px; }
  .business-benefits article { padding-top: 22px; }
  .business-benefits h3 { font-size: 1.4rem; }
  .business-benefits p { font-size: 1rem; }
  .company-values .benefit-grid h3 { padding-bottom: 18px; }
  .company-values .benefit-grid p { margin-top: 18px; }
}

/* Product cards and outcome statements, shared by every Option H page. */
.clean-product-grid .product-card .patent-badge {
  position: static;
  inset: auto;
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 7px 11px;
  border-color: #b99350;
  background: #382b16;
  color: #ffe0a3;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .075em;
}
.product-values .benefit-grid article { border-top: 0; padding-top: 0; }
.product-values .benefit-grid h3 {
  margin: 0;
  padding: 0 0 23px;
  border-bottom: 1px solid #344b5e;
  font-weight: 600;
}
.product-values .benefit-grid p { margin: 22px 0 0; font-weight: 400; }
@media (max-width: 760px) {
  .clean-product-grid .product-card .patent-badge { margin-bottom: 16px; }
  .product-values .benefit-grid h3 { padding-bottom: 18px; }
  .product-values .benefit-grid p { margin-top: 18px; }
}