/* An intentionally dark product window in both page themes. */
.ayzen-card,
:root[data-theme="light"] .ayzen-card {
  isolation: isolate;
  background: #141019;
  color: #f6f2fc;
  border-color: #b7a0d845;
  box-shadow: 0 14px 38px #140c2514;
  min-height: 490px;
}
.ayzen-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 63% center; opacity: .9; pointer-events: none; z-index: -2; }
.ayzen-card::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg,#0e0b16ed 0%,#100c17d9 34%,#100c1770 64%,#100c1710 100%),linear-gradient(0deg,#0e0b17ee 0%,transparent 28%,transparent 78%,#0e0b1740 100%); }
.ayzen-card .product-top { align-items: center; }
.ayzen-logo { width: 144px; height: 54px; object-fit: contain; object-position: left center; }
.ayzen-card .badge,
:root[data-theme="light"] .ayzen-card .badge { color: #e0d7f1; border-color: #d4c1ef4a; background: #1c142a66; backdrop-filter: blur(8px); font-size: .65rem; }
.ayzen-card .ayzen-content { padding: 32px 0; position: relative; }
.ayzen-card .ayzen-content > .eyebrow,
:root[data-theme="light"] .ayzen-card .ayzen-content > .eyebrow { color: #d5c5e8; max-width: 70%; font-size: .68rem; line-height: 1.6; }
.ayzen-card .ayzen-content h3,
:root[data-theme="light"] .ayzen-card .ayzen-content h3 { color: #b2e5cf; max-width: 65%; font-size: clamp(1.65rem,2.4vw,2.1rem); text-wrap: balance; }
.ayzen-card .ayzen-content h3 br { display: none; }
.ayzen-card .ayzen-content p,
:root[data-theme="light"] .ayzen-card .ayzen-content p { color: #ddd7e4; max-width: 56%; font-size: .92rem; line-height: 1.7; }
.ayzen-card .button-light,
:root[data-theme="light"] .ayzen-card .button-light { color: #fff; background: #7250bc; border: 1px solid #c6a9ff35; box-shadow: 0 4px 18px #140c2830; }
.ayzen-card .button-light:hover,
:root[data-theme="light"] .ayzen-card .button-light:hover { background: #8562d0; }
.ayzen-card .model-strip,
:root[data-theme="light"] .ayzen-card .model-strip { border-color: #d3bfeb33; color: #ddd6e8; flex-wrap: wrap; column-gap: 15px; row-gap: 8px; font-size: .75rem; }
.ayzen-card .model-strip i,
.ayzen-card .model-strip .more-models,
:root[data-theme="light"] .ayzen-card .model-strip i,
:root[data-theme="light"] .ayzen-card .model-strip .more-models { color: #c6b6da; }
@media (max-width:1100px) { .ayzen-card .product-top { gap: 12px; flex-wrap: wrap; } .ayzen-card .ayzen-content h3 { max-width: 77%; } .ayzen-card .ayzen-content p { max-width: 72%; } .ayzen-card::after { background: linear-gradient(90deg,#0e0b16f2,#100c17ba 58%,#100c1725),linear-gradient(0deg,#0e0b17f2,transparent 45%); } }
@media (max-width:680px) { .ayzen-card { min-height: 560px; } .ayzen-card .ayzen-content { padding: 28px 0 34px; } .ayzen-card .ayzen-content h3 { font-size: 1.8rem; max-width: 100%; } .ayzen-card .ayzen-content p { max-width: 90%; } .ayzen-card .ayzen-content > .eyebrow { max-width: 100%; } .ayzen-background { object-position: 70% center; opacity: .65; } .ayzen-card .model-strip { font-size: .7rem; gap: 10px; } .ayzen-logo { width: 130px; height: 49px; } .ayzen-card .badge { font-size: .6rem; } }
@media (max-width:680px) {
  :root[data-theme] .ayzen-card { min-height: 560px; }
  :root[data-theme] .ayzen-card .ayzen-content h3 { max-width: 100%; font-size: 1.8rem; }
  :root[data-theme] .ayzen-card .ayzen-content p { max-width: 90%; }
  :root[data-theme] .ayzen-card .ayzen-content > .eyebrow { max-width: 100%; }
  :root[data-theme] .ayzen-card .badge { max-width: none; font-size: .6rem; }
}