/* ORA V10 — explicit dark canvas, full-width generated wallpaper, readable Bento.
   Keep the existing motion/hover selectors and all interaction scripts intact. */
body {
  background-color: var(--bg, #160c14);
}
.features-v10 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #1b0d1c;
  color: #fff6ef;
}
.features-v10 .features-wallpaper {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background-color: #1b0d1c;
}
.features-v10 .features-wallpaper img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  /* The abstract texture stretches with the section to retain its edge ribbons. */
  object-fit: fill;
}
.features-v10 .features-wallpaper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #1b0d1ceb 0%, #1b0d1cc2 18%, #1b0d1cb8 58%, #1b0d1ce6 100%);
}
.features-v10 > .wrap {
  position: relative;
  z-index: 1;
}
.features-v10 .section-top {
  border-color: #bb77a95c;
}
.features-v10 .section-top > span,
.features-v10 .section-heading .section-lead {
  color: #ead4e3;
}
.features-v10 .section-top .eyebrow,
.features-v10 .bento-card .small-eyebrow {
  color: #f4c4e2;
}
.features-v10 .section-heading h2,
.features-v10 .bento-card h3 {
  color: #fff6ef;
}
.features-v10 .section-heading h2 em,
.features-v10 .bento-card h3 em {
  color: #f3b8db;
}
.features-v10 .bento-card {
  color: #fff6ef;
  background: linear-gradient(135deg, #422139, #261321);
  border-color: #bd77a55c;
  box-shadow: 0 18px 48px #0d04182e, inset 0 1px 0 #f8c6e215;
}
.features-v10 .bento-gifts {
  background: radial-gradient(ellipse at 85% 25%, #82415c38, transparent 65%), #2d1626;
}
.features-v10 .bento-stickers {
  background: radial-gradient(ellipse at 50% 90%, #8d429f30, transparent 70%), #29152a;
}
.features-v10 .bento-pins {
  background: linear-gradient(145deg, #4a233d, #291321);
}
.features-v10 .bento-pins .big-five {
  color: #ef93cc45;
}
.features-v10 .bento-vip {
  background: radial-gradient(ellipse at 50% 10%, #b15c8433, transparent 70%), #2c1728;
}
.features-v10 .bento-card p {
  color: #e6cbdc;
}
.features-v10 .bento-card .text-link {
  color: #ffd1e8;
  border-color: #e6a3ca70;
}
.features-v10 .coming-pill {
  color: #f8d9ec;
  background: #462239;
  border-color: #c982b16b;
}
.features-v10 .bento-card:focus-within {
  border-color: #f7a4e0;
  box-shadow: 0 0 0 1px #e46ddc46, inset 0 0 24px #b44af318, 0 16px 40px #c82b9633;
}
@media (hover: hover) and (pointer: fine) {
  .features-v10 .bento-card:hover {
    border-color: #e983d4b5;
    box-shadow: 0 0 0 1px #d954dd2b, inset 0 0 30px #b63beb13, 0 20px 45px #c42c9530;
  }
}
@media (max-width: 600px) {
  .features-v10 .features-wallpaper::after {
    background: linear-gradient(180deg, #1b0d1cf0 0%, #1b0d1ccc 15%, #1b0d1cc2 72%, #1b0d1cf0 100%);
  }
}
