/* Pow8386: pink sky, soft clouds and rose highlights. */
body {
  background: #fff2f8;
}

.site-bg {
  background:
    linear-gradient(180deg, rgba(255, 248, 252, .48), rgba(255, 243, 249, .8)),
    url('/assets/img/pow8386-pink-sky.svg?v=20261106a') center / cover no-repeat;
}

.site-bg::before {
  top: 42%;
  left: -240px;
  border-color: rgba(239, 111, 166, .08);
}

.site-bg::after {
  background: rgba(255, 190, 219, .18);
}

.site-header {
  background: rgba(255, 247, 252, .92);
  border-bottom-color: rgba(226, 91, 142, .15);
}

.brand-name {
  display: grid;
}

.brand-name strong {
  color: #b82561;
  font-size: 21px;
}

.hero::before {
  background:
    linear-gradient(90deg, rgba(255, 249, 252, .84), rgba(255, 242, 249, .38) 45%, transparent 75%),
    url('/assets/img/pow8386-pink-sky.svg?v=20261106a') center / cover no-repeat;
  box-shadow: inset 0 -1px rgba(223, 71, 126, .08);
}

.hero::after {
  height: 145px;
  background: linear-gradient(180deg, transparent, #fff2f8);
}

.showcase-card {
  background:
    linear-gradient(145deg, rgba(255, 247, 252, .25), rgba(255, 147, 192, .15)),
    url('/assets/img/pow8386-pink-sky.svg?v=20261106a') 75% center / cover no-repeat;
  box-shadow: 0 32px 85px rgba(188, 48, 108, .22), inset 0 1px rgba(255, 255, 255, .9);
}

.showcase-glow {
  background: radial-gradient(ellipse, rgba(255, 208, 228, .8), rgba(247, 126, 177, .35) 55%, transparent 75%);
}

.showcase-card::after {
  opacity: .16;
}

.world-section {
  background:
    linear-gradient(180deg, rgba(255, 240, 248, .72), rgba(255, 224, 239, .75)),
    url('/assets/img/pow8386-pink-sky.svg?v=20261106a') center / cover no-repeat;
}

.download-panel {
  background:
    radial-gradient(ellipse at 10% 0, rgba(255, 231, 244, .3), transparent 50%),
    radial-gradient(ellipse at 100% 100%, rgba(255, 201, 227, .48), transparent 55%),
    linear-gradient(125deg, #cc2565 0%, #ee4b8d 48%, #f99dc4 100%);
}

.cta-card {
  background:
    linear-gradient(90deg, rgba(255, 251, 253, .94), rgba(255, 238, 247, .5)),
    url('/assets/img/pow8386-pink-sky.svg?v=20261106a') center 65% / cover no-repeat;
}

.site-footer {
  background: rgba(255, 232, 242, .85);
}

@media (min-width: 861px) and (max-width: 1080px) {
  .brand { gap: 8px; }
  .brand-logo { width: 85px; }
  .brand-name { padding-left: 8px; }
  .brand-name strong { font-size: 18px; }
  .brand-name small { font-size: 7px; }
  .nav-links a { padding-inline: 9px; font-size: 11px; }
}

@media (max-width: 860px) {
  .hero::before {
    background:
      linear-gradient(180deg, rgba(255, 248, 252, .7), rgba(255, 228, 242, .15)),
      url('/assets/img/pow8386-pink-sky.svg?v=20261106a') 65% center / cover no-repeat;
  }
}

@media (max-width: 620px) {
  .brand { gap: 8px; }
  .brand-logo { width: 66px; height: 36px; }
  .brand-name { padding-left: 8px; }
  .brand-name strong { font-size: 18px; }
}

/* Keep the Pow8386 wordmark proportional and clear of its caption. */
.showcase-logo {
  height: auto;
}

.showcase-tagline {
  margin-top: 12px;
}