/* Astrolinia Engine — mobile application preview / upcoming release.
   Real phone crop from the owner's five-screen design, not a store download. */
.ae-app--overview .ae-mobile-promo{
  position:relative;isolation:isolate;overflow:hidden;flex:0 0 auto;
  width:100%;height:clamp(163px,calc(16.5dvh + 30px),202px);box-sizing:border-box;
  display:grid;grid-template-columns:clamp(82px,30%,112px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:8px;align-items:stretch;
  padding:12px 13px 12px 8px;
  border-radius:19px;border:1px solid #e8c8d9;
  background:
    radial-gradient(ellipse at 3% 94%,rgba(252,222,209,.73),transparent 50%),
    radial-gradient(ellipse at 93% 8%,rgba(249,220,232,.58),transparent 47%),
    linear-gradient(144deg,rgba(255,254,252,.97),rgba(255,247,246,.96));
  color:#632347;box-shadow:0 8px 24px rgba(107,58,94,.13);
}
.ae-app--overview .ae-mobile-promo__phone{
  position:relative;grid-column:1;grid-row:1;z-index:1;
  display:block;align-self:center;justify-self:center;
  width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:185/300;
  object-fit:contain;transform:rotate(-2deg);transform-origin:center;
  filter:drop-shadow(4px 3px 4px rgba(52,18,50,.24));
  pointer-events:none;user-select:none;
}
.ae-app--overview .ae-mobile-promo__content{
  grid-column:2;grid-row:1;position:relative;z-index:2;min-width:0;min-height:0;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:5px;
  padding-left:0;
}
.ae-app--overview .ae-mobile-promo h2{
  display:block;overflow-wrap:normal;
  font:normal clamp(15px,1.13vw,19px)/1.16 Georgia,"Times New Roman",serif;
  color:#69244c;margin:0;
}
.ae-app--overview .ae-mobile-promo__title-icon{
  display:inline-block;vertical-align:-2px;margin-right:4px;
  color:#d2945c;font:normal 22px/1 Georgia,serif;
}
.ae-app--overview .ae-mobile-promo p{
  color:#78475e;font:clamp(10px,.83vw,12px)/1.3 Georgia,serif;
  margin:0;max-width:100%;overflow-wrap:break-word;
}
.ae-app--overview .ae-mobile-promo__status{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;
  max-width:100%;box-sizing:border-box;
  padding:8px 9px;border-radius:99px;
  background:linear-gradient(160deg,#883062,#52143e);
  box-shadow:0 4px 10px rgba(100,29,81,.13);
  color:#fffaf9;font:normal clamp(10px,.77vw,12px)/1 Georgia,serif;
  white-space:normal;text-align:center;
}
.ae-app--overview .ae-mobile-promo__status span{color:#f8c887}
.ae-app--overview .ae-mobile-promo__spark{
  position:absolute;z-index:1;color:#c7925f;pointer-events:none;
}
.ae-app--overview .ae-mobile-promo__spark--one{right:12px;bottom:9px;font:28px Georgia,serif}
.ae-app--overview .ae-mobile-promo__spark--two{right:33px;top:13px;font:12px Georgia,serif;opacity:.7}

/* Consistent optical gaps around the fixed central zodiac image.
   Keep the approved 12px top edge and bottom-five cards undisturbed. */
@media(min-width:701px){
  .ae-app--overview .ae-right-rail{gap:9px}
  .ae-app--overview .ae-day-energies{margin-top:10px}
}
@media(min-width:701px) and (max-width:1320px){
  .ae-app--overview .ae-mobile-promo{
    height:clamp(154px,calc(15dvh + 30px),182px);
    grid-template-columns:clamp(66px,35%,84px) minmax(0,1fr);
    column-gap:5px;padding:9px 8px;
    border-radius:16px;
  }
  .ae-app--overview .ae-mobile-promo__phone{width:100%;height:100%}
  .ae-app--overview .ae-mobile-promo__content{gap:5px}
  .ae-app--overview .ae-mobile-promo h2{font-size:14px;line-height:1.15}
  .ae-app--overview .ae-mobile-promo__title-icon{font-size:17px;margin-right:3px}
  .ae-app--overview .ae-mobile-promo p{font-size:10px}
  .ae-app--overview .ae-mobile-promo__status{font-size:9px;line-height:1.2;padding:6px 7px}
}
@media(min-width:701px) and (max-height:760px){
  .ae-app--overview .ae-right-rail{gap:7px}
  .ae-app--overview .ae-mobile-promo{height:148px}
  .ae-app--overview .ae-mobile-promo__content{gap:4px}
  .ae-app--overview .ae-mobile-promo__status{padding:6px 8px}
  .ae-app--overview .ae-day-energies{margin-top:8px}
}
@media(max-width:700px){
  .ae-app--overview .ae-mobile-promo{height:202px;max-width:430px;margin:auto}
  .ae-app--overview .ae-mobile-promo__phone{width:100%}
  .ae-app--overview .ae-mobile-promo h2{font-size:19px}
  .ae-app--overview .ae-mobile-promo p{font-size:12px}
}