/* ---------- Apple-like base ---------- */
.applike { color: #0b0b0f; }
.applike-container { max-width: 1120px; margin: 0 auto; padding: 0 18px; }

.applike-hero { padding: clamp(56px, 7vw, 110px) 0 26px; text-align: center; }
.applike-eyebrow { font-size: 13px; opacity: .72; margin: 0 0 10px; letter-spacing: .02em; }
.applike-h1 {
  font-size: clamp(42px, 5.4vw, 78px);
  letter-spacing: -0.035em;
  line-height: 1.03;
  margin: 0 0 14px;
}
.applike-subhead {
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.5;
  margin: 0 auto 20px;
  opacity: .86;
  max-width: 70ch;
}

.applike-ctas { justify-content: center; gap: 12px; margin-bottom: 14px; }

.applike-btn .wp-element-button{
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.applike-btn--primary .wp-element-button{
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
}

.applike-btn--secondary .wp-element-button{
  background: transparent !important;
  color: #111 !important;
  border: 1px solid rgba(0,0,0,.22) !important;
}

.applike-badges { gap: 10px; }
.applike-badge{
  margin: 0;
  font-size: 13px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.08);
  opacity: .92;
}

/* ---------- Hero media card ---------- */
.applike-hero-media { padding: 10px 0 44px; }
.applike-media-card{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 24px 60px rgba(0,0,0,.10);
  background: radial-gradient(1200px 600px at 50% -10%, rgba(0,0,0,.08), rgba(0,0,0,0));
}
.applike-media-hint{
  text-align:center;
  font-size: 13px;
  opacity: .75;
  margin: 0;
}

/* ---------- Sections ---------- */
.applike-section { padding: 54px 0; }
.applike-h2{
  font-size: clamp(26px, 3.2vw, 42px);
  letter-spacing: -0.03em;
  line-height: 1.08;
  margin: 0 0 10px;
}
.applike-p{ margin: 0 0 22px; opacity: .84; max-width: 75ch; }

.applike-h3{
  font-size: 18px;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}
.applike-h4{ font-size: 14px; margin: 0 0 10px; opacity: .92; }

.applike-tile{
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  padding: 18px 18px 14px;
  box-shadow: 0 18px 44px rgba(0,0,0,.08);
  min-height: 220px;
}
.applike-tile-p{ margin: 0 0 14px; opacity: .82; }

.applike-band { background: rgba(0,0,0,.02); }
.applike-card{
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  padding: 18px;
  box-shadow: 0 18px 44px rgba(0,0,0,.08);
}
.applike-list{ margin: 0; padding-left: 18px; opacity: .86; }
.applike-list li{ margin: 6px 0; }

/* ---------- Footer ---------- */
.applike-footer{ padding: 46px 0 28px; background: rgba(0,0,0,.03); }
.applike-footnote{ margin: 0; opacity: .78; max-width: 55ch; }
.applike-footlinks{ margin: 0; padding-left: 18px; }
.applike-footlinks a{ text-decoration: none; }
.applike-footlinks a:hover{ text-decoration: underline; }

.applike-sep{ margin: 20px 0; opacity: .25; }
.applike-legal{ margin: 0; font-size: 12px; opacity: .68; }

/* ---------- Subtle reveal animation ---------- */
.applike-reveal{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .5s ease, transform .5s ease;
}
.applike-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}