.rent-ai-showcase {
  overflow: hidden;
  background: #fff;
  color: var(--ev-v1-navy);
}
.rent-ai-showcase .rent-wrap { width: min(calc(100% - 64px), 1240px); }
.rent-ai-showcase-inner {
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  align-items: center;
  min-height: 850px;
  padding-block: 62px 70px;
}
.rent-ai-showcase-copy { position: relative; z-index: 5; min-width: 0; padding-inline-end: 32px; }
.rent-ai-showcase-eyebrow {
  display: inline-block;
  margin: 0 0 32px;
  padding: 8px 22px;
  border-radius: 20px;
  background: #e6f2ff;
  color: #135cae !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2 !important;
}
.rent-page .rent-ai-showcase h2 {
  margin: 0 0 23px;
  color: var(--ev-v1-navy);
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
}
.rent-ai-showcase h2 span { display: block; color: var(--ev-v1-blue); }
.rent-ai-showcase-description {
  margin: 0 0 24px;
  color: #526786 !important;
  font-size: 17px;
  line-height: 1.5 !important;
}
.rent-ai-showcase-features { display: grid; gap: 13px; margin: 0 0 30px; padding: 0; list-style: none; }
.rent-ai-showcase-features li {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  min-height: 78px;
  padding: 11px 15px;
  border: 1px solid #e4edfa;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(39, 95, 149, .04);
}
.rent-ai-showcase-feature-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #e6f3ff;
}
.rent-ai-showcase-feature-icon::before {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  background: #1f68db;
  -webkit-mask: var(--ai-feature-icon) center / contain no-repeat;
  mask: var(--ai-feature-icon) center / contain no-repeat;
}
.rent-ai-showcase-feature-icon-1 { --ai-feature-icon: url('../img/icons/lineal/chat.svg'); }
.rent-ai-showcase-feature-icon-2 { --ai-feature-icon: url('../img/icons/lineal/stars.svg'); }
.rent-ai-showcase-feature-icon-3 { --ai-feature-icon: url('../img/icons/lineal/pin.svg'); }
.rent-page .rent-ai-showcase-features h3 { margin: 0 0 3px; color: var(--ev-v1-navy); font-size: 16px; font-weight: 700; line-height: 1.3; }
.rent-ai-showcase-features p { margin: 0; color: #526786 !important; font-size: 14px; line-height: 1.45 !important; }
.rent-ai-showcase-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 26px; }
.rent-ai-showcase-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-height: 54px;
  padding: 13px 26px;
  border-radius: 26px;
  background: var(--ev-v1-blue);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6px 15px rgba(37, 99, 235, .13);
}
.rent-ai-showcase-primary:hover,.rent-ai-showcase-primary:focus-visible { background: #1d55cd; color: #fff; }
.rent-ai-showcase-secondary { display: inline-flex; align-items: center; gap: 8px; color: #175cc9; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.rent-ai-showcase-secondary:hover,.rent-ai-showcase-secondary:focus-visible { color: var(--ev-v1-navy); }
.rent-ai-showcase-secondary span { font-size: 13px; text-decoration: none; }

.rent-ai-showcase-art { position: relative; min-width: 0; height: 760px; isolation: isolate; direction: ltr; }
.rent-ai-showcase-halo { position: absolute; z-index: -1; pointer-events: none; border-radius: 50%; background: #e5f3ff; }
.rent-ai-showcase-halo-one { top: 13%; left: 8%; width: 78%; height: 69%; transform: rotate(-12deg); }
.rent-ai-showcase-halo-two { right: 1%; bottom: 11%; width: 54%; height: 48%; background: #dceeff; transform: rotate(17deg); }
.rent-ai-showcase-phone { position: absolute; overflow: visible; isolation: isolate; filter: drop-shadow(0 18px 13px rgba(36, 68, 102, .2)); }
.rent-ai-showcase-phone img { display: block; width: 100%; height: auto; max-width: none; }
.rent-ai-showcase-phone-assistant { z-index: 3; top: 4%; left: 0; width: 55%; }
.rent-ai-showcase-phone-assistant img { clip-path: polygon(13% 7%, 17% 5%, 24% 4%, 75% 3%, 82% 4%, 87% 7%, 89% 13%, 96% 85%, 95% 88%, 93% 90%, 90% 91.5%, 87% 92.5%, 84% 93%, 80% 93.5%, 27% 94%, 23% 93%, 21% 90%, 21% 79%, 11% 15%, 11% 11%); }
.rent-ai-showcase-phone-summary { z-index: 1; top: 10%; left: 38%; width: 53%; }
.rent-ai-showcase-phone-summary img { clip-path: polygon(22% 4%, 29% 3%, 84% 5%, 91% 7%, 95% 13%, 85% 91%, 82% 96%, 77% 99%, 17% 97%, 13% 95%, 11% 92%, 10% 88%, 18% 13%, 19% 8%); }
.rent-ai-showcase-float { position: absolute; z-index: 4; display: flex; align-items: center; border: 1px solid rgba(255, 255, 255, .9); border-radius: 17px; background: #fff; box-shadow: 0 9px 22px rgba(42, 83, 131, .1); color: var(--ev-v1-navy); }
.rent-ai-showcase-summary-card { top: 1%; right: 4%; width: 225px; min-height: 96px; gap: 10px; padding: 12px; background: #e8f3ff; font-size: 13px; font-weight: 600; line-height: 1.4; transform: rotate(4deg); }
.rent-ai-showcase-summary-icon { display: block; flex: 0 0 54px; width: 54px; height: 54px; border-radius: 50%; background: url('../img/evorent/ai-assistant/floating-summary-card.webp') -42px -37px / 335px 160px no-repeat #fff; }
.rent-ai-showcase-departure-card { top: 41%; right: -8%; width: 170px; min-height: 118px; align-items: flex-start; gap: 7px; padding: 11px; font-size: 12px; line-height: 1.35; transform: rotate(3deg); }
.rent-ai-showcase-calendar-icon { display: block; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: url('../img/evorent/ai-assistant/floating-next-departure-card.webp') -47px -21px / 240px 175px no-repeat #e7f3ff; }
.rent-ai-showcase-departure-copy { display: grid; gap: 4px; min-width: 0; color: #4e6586; font-size: 12px; line-height: 1.3; }
.rent-ai-showcase-departure-copy strong { color: var(--ev-v1-navy); font-size: 19px; }
.rent-ai-showcase-departure-arrow { align-self: center; margin-inline-start: auto; color: var(--ev-v1-blue); font-size: 27px; line-height: 1; }
.rent-ai-showcase-response-card { bottom: 20%; left: -1%; width: 205px; min-height: 70px; gap: 12px; padding: 11px 15px; font-size: 13px; font-weight: 600; line-height: 1.3; transform: rotate(-6deg); }
.rent-ai-showcase-response-icon { display: block; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 50%; background: url('../img/evorent/ai-assistant/floating-summary-card.webp') -49px -43px / 335px 160px no-repeat #e7f3ff; }
.rent-ai-showcase-note { position: absolute; z-index: 5; max-width: 175px; margin: 0; color: #0d63d8 !important; font: 17px/1.35 "Segoe Print", "Bradley Hand", cursive; text-align: center; pointer-events: none; }
.rent-ai-showcase-note svg { position: absolute; display: block; width: 48px; height: 65px; overflow: visible; stroke: #1265d2; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.rent-ai-showcase-note-top { top: 2%; left: -11%; transform: rotate(-11deg); }
.rent-ai-showcase-note-top svg { top: 100%; left: 53%; }
.rent-ai-showcase-note-bottom { right: -8%; bottom: 17%; transform: rotate(-10deg); }
.rent-ai-showcase-note-bottom svg { right: 72%; bottom: 88%; }

[dir="rtl"] .rent-ai-showcase-copy { padding-inline-end: 32px; text-align: right; }
[dir="rtl"] .rent-ai-showcase h2 { font-family: Arial, "Geeza Pro", sans-serif; line-height: 1.35; }
[dir="rtl"] .rent-ai-showcase-description { line-height: 1.8 !important; }
[dir="rtl"] .rent-ai-showcase-features p { line-height: 1.65 !important; }
[dir="rtl"] .rent-ai-showcase-art { transform: scaleX(-1); }
[dir="rtl"] .rent-ai-showcase-phone,
[dir="rtl"] .rent-ai-showcase-float,
[dir="rtl"] .rent-ai-showcase-note { transform: scaleX(-1); }
[dir="rtl"] .rent-ai-showcase-summary-card { transform: scaleX(-1) rotate(4deg); direction: rtl; }
[dir="rtl"] .rent-ai-showcase-departure-card { transform: scaleX(-1) rotate(3deg); direction: rtl; }
[dir="rtl"] .rent-ai-showcase-response-card { transform: scaleX(-1) rotate(-9deg); direction: rtl; }
[dir="rtl"] .rent-ai-showcase-note { font-family: "Geeza Pro", "Noto Sans Arabic", Arial, sans-serif; font-size: 17px; font-weight: 600; line-height: 1.6; direction: rtl; }
[dir="rtl"] .rent-ai-showcase-note-top { transform: scaleX(-1) rotate(-11deg); }
[dir="rtl"] .rent-ai-showcase-note-bottom { transform: scaleX(-1) rotate(-10deg); }
[dir="rtl"] .rent-ai-showcase-actions span { transform: scaleX(-1); }

@media (max-width: 1200px) {
  .rent-page .rent-ai-showcase h2 { font-size: 41px; }
  .rent-ai-showcase-art { height: 710px; }
  .rent-ai-showcase-features li { grid-template-columns: 52px minmax(0, 1fr); }
  .rent-ai-showcase-feature-icon { width: 48px; height: 48px; }
}
@media (max-width: 980px) {
  .rent-ai-showcase-inner { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-block: 65px 45px; }
  .rent-ai-showcase-copy { max-width: 680px; padding-inline-end: 0; }
  [dir="rtl"] .rent-ai-showcase-copy { padding-inline-end: 0; }
  .rent-ai-showcase-art { width: min(100%, 720px); height: 760px; margin-inline: auto; }
}
@media (max-width: 760px) {
  .rent-ai-showcase .rent-wrap { width: min(calc(100% - 36px), 1240px); }
  .rent-ai-showcase-inner { gap: 22px; padding-block: 53px 34px; }
  .rent-ai-showcase-eyebrow { margin-bottom: 20px; font-size: 11px; }
  .rent-page .rent-ai-showcase h2 { margin-bottom: 15px; font-size: 33px; }
  .rent-ai-showcase-description { margin-bottom: 19px; font-size: 15px; }
  .rent-ai-showcase-features { gap: 9px; margin-bottom: 22px; }
  .rent-ai-showcase-features li { grid-template-columns: 46px minmax(0, 1fr); gap: 10px; min-height: 65px; padding: 9px; border-radius: 9px; }
  .rent-ai-showcase-feature-icon { width: 43px; height: 43px; }
  .rent-ai-showcase-feature-icon::before { width: 22px; height: 22px; }
  .rent-page .rent-ai-showcase-features h3 { font-size: 13px; }
  .rent-ai-showcase-features p { font-size: 12px; }
  .rent-ai-showcase-actions { gap: 16px; }
  .rent-ai-showcase-primary { min-height: 44px; padding: 10px 18px; border-radius: 22px; font-size: 13px; }
  .rent-ai-showcase-secondary { font-size: 12px; }
  .rent-ai-showcase-art { width: min(100%, 560px); height: auto; aspect-ratio: 1 / 1.17; }
  .rent-ai-showcase-summary-card { width: 116px; min-height: 51px; gap: 5px; padding: 6px; border-radius: 12px; font-size: 8px; }
  .rent-ai-showcase-summary-icon { flex-basis: 31px; width: 31px; height: 31px; background-size: 179px 85px; background-position: -22px -19px; }
  .rent-ai-showcase-departure-card { top: 41%; right: -3%; width: 96px; min-height: 72px; gap: 4px; padding: 6px; border-radius: 12px; }
  .rent-ai-showcase-calendar-icon { flex-basis: 20px; width: 20px; height: 20px; background-size: 125px 91px; background-position: -24px -11px; }
  .rent-ai-showcase-departure-copy { font-size: 7px; gap: 2px; }
  .rent-ai-showcase-departure-copy strong { font-size: 10px; }
  .rent-ai-showcase-departure-arrow { font-size: 14px; }
  .rent-ai-showcase-response-card { left: 0; width: 112px; min-height: 45px; gap: 5px; padding: 6px 8px; border-radius: 12px; font-size: 8px; }
  .rent-ai-showcase-response-icon { flex-basis: 25px; width: 25px; height: 25px; background-size: 195px 93px; background-position: -28px -25px; }
  .rent-ai-showcase-note { max-width: 82px; font-size: 9px; }
  .rent-ai-showcase-note svg { width: 25px; height: 33px; stroke-width: 3; }
  .rent-ai-showcase-note-top { top: 0; left: 1%; }
  .rent-ai-showcase-note-top svg { top: 96%; left: 57%; }
  .rent-ai-showcase-note-bottom { right: 4%; bottom: 11%; }
  .rent-ai-showcase-note-bottom svg { right: 40%; bottom: 82%; }
  [dir="rtl"] .rent-ai-showcase-note { font-size: 9px; }
}
@media (max-width: 520px) {
  .rent-ai-showcase .rent-wrap { width: min(calc(100% - 30px), 1240px); }
  .rent-page .rent-ai-showcase h2 { font-size: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .rent-ai-showcase-primary,.rent-ai-showcase-secondary { transition: none; }
}

/* Keep the mobile-only assistant visual quiet and product-led. */
.rent-ai-showcase-inner { min-height: 790px; }
.rent-ai-showcase-art { height: 650px; }
.rent-ai-showcase-halo-one { top: 14%; left: 8%; width: 78%; height: 68%; background: #e8f4fc; transform: none; }
.rent-ai-showcase-halo-two { display: none; }
.rent-ai-showcase-phone { filter: drop-shadow(0 18px 17px rgba(30, 68, 108, .15)); }
.rent-ai-showcase-phone-assistant { top: 4%; left: 5%; width: 46%; clip-path: polygon(10% 5%, 87% 3%, 91% 7%, 97% 88%, 94% 94%, 88% 97%, 24% 98%, 19% 94%, 17% 86%); }
.rent-ai-showcase-phone-summary { top: 11%; left: 40%; width: 45%; }
.rent-ai-showcase-summary-card { top: 4%; right: 2%; width: 176px; min-height: 72px; gap: 8px; padding: 9px 10px; border-color: #dce9f4; border-radius: 10px; background: #eff7fd; box-shadow: 0 10px 24px rgba(32, 77, 124, .09); font-size: 11px; transform: none; }
.rent-ai-showcase-summary-icon { flex-basis: 40px; width: 40px; height: 40px; background-size: 250px 119px; background-position: -31px -27px; }
.rent-ai-showcase-departure-card { top: 43%; right: 0; width: 139px; min-height: 94px; gap: 6px; padding: 9px; border-color: #e0eaf2; border-radius: 10px; box-shadow: 0 10px 24px rgba(32, 77, 124, .09); transform: none; }
.rent-ai-showcase-calendar-icon { flex-basis: 30px; width: 30px; height: 30px; background-size: 190px 139px; background-position: -37px -17px; }
.rent-ai-showcase-departure-copy { gap: 2px; font-size: 9px; }
.rent-ai-showcase-departure-copy strong { font-size: 15px; }
.rent-ai-showcase-departure-arrow { font-size: 20px; }
[dir="rtl"] .rent-ai-showcase-summary-card,
[dir="rtl"] .rent-ai-showcase-departure-card { transform: scaleX(-1); }
@media (max-width: 980px) {
  .rent-ai-showcase-inner { min-height: auto; }
  .rent-ai-showcase-art { height: 650px; }
}
@media (max-width: 760px) {
  .rent-ai-showcase-art { height: auto; aspect-ratio: 1 / 1.08; }
  .rent-ai-showcase-phone-assistant { left: 4%; width: 48%; }
  .rent-ai-showcase-phone-summary { left: 39%; width: 47%; }
  .rent-ai-showcase-summary-card { width: 108px; min-height: 46px; padding: 5px; border-radius: 8px; font-size: 7px; }
  .rent-ai-showcase-summary-icon { flex-basis: 27px; width: 27px; height: 27px; background-size: 169px 80px; background-position: -21px -18px; }
  .rent-ai-showcase-departure-card { top: 42%; right: 0; width: 88px; min-height: 62px; padding: 5px; border-radius: 8px; }
  .rent-ai-showcase-calendar-icon { flex-basis: 18px; width: 18px; height: 18px; background-size: 114px 83px; background-position: -22px -10px; }
  .rent-ai-showcase-departure-copy { font-size: 6px; }
  .rent-ai-showcase-departure-copy strong { font-size: 9px; }
  .rent-ai-showcase-departure-arrow { font-size: 12px; }
}