.rv-page {
  --rv-ink:#263b42;
  --rv-soft:#65757b;
  --rv-gold:#a88951;
  --rv-cream:#f5f0e8;
  color:var(--rv-ink);
}

.rv-page * {
  box-sizing:border-box;
}

.rv-kicker {
  margin:0 0 .6rem;
  color:var(--rv-gold);
  font-size:clamp(.72rem,.9vw,.86rem);
  font-weight:600;
  letter-spacing:.08em;
}

.rv-hero {
  width:min(90%,76rem);
  margin:auto;
  min-height:68vh;
  padding-block:clamp(3rem,7vw,6rem);

  display:grid;
  grid-template-columns:1.1fr .7fr;
  align-items:center;
  gap:clamp(2rem,7vw,7rem);
}

.rv-hero h1 {
  margin:0;
  font-size:clamp(3.2rem,7vw,6.5rem);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.045em;
}

.rv-lead {
  max-width:43rem;
  margin:1.6rem 0 0;
  color:var(--rv-soft);
  font-size:clamp(1rem,1.3vw,1.18rem);
  line-height:1.9;
}

.rv-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:2rem;
}

.rv-button {
  width:fit-content;
  padding:.78rem 1.3rem;
  border-radius:2rem;
  text-decoration:none;
  font-size:.88rem;
}

.rv-button-primary {
  background:var(--rv-ink);
  color:white;
}

.rv-button-secondary {
  border:1px solid rgba(38,59,66,.25);
  color:var(--rv-ink);
}

.rv-phone-placeholder,
.rv-screen-image {
  display:grid;
  place-items:center;
  overflow:hidden;

  background:linear-gradient(145deg,#eaf2f4,#f5eee5);
  box-shadow:0 1rem 3rem rgba(38,59,66,.12);
}

.rv-phone-placeholder {
  width:min(100%,20rem);
  aspect-ratio:9/16;
  margin:auto;
  border-radius:2rem;
}

.rv-phone-placeholder img,
.rv-screen-image img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.rv-missing-image {
  width:100%;
  height:100%;
  place-items:center;
  align-content:center;
  gap:.5rem;
  text-align:center;
}

.rv-missing-image span {
  font-size:.72rem;
  opacity:.5;
}

.rv-section {
  padding:
    clamp(4rem,8vw,7rem)
    max(5%,calc((100% - 76rem)/2));
}

.rv-heading {
  width:min(100%,48rem);
  margin-bottom:clamp(2.5rem,5vw,4rem);
}

.rv-heading h2,
.rv-experience h2,
.rv-download h2 {
  margin:0;
  font-size:clamp(2rem,4vw,3.7rem);
  font-weight:500;
  line-height:1.15;
}

.rv-heading > p:last-child {
  margin:1rem 0 0;
  color:var(--rv-soft);
  line-height:1.9;
}

.rv-features {
  background:var(--rv-cream);
}

.rv-feature-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(1rem,2vw,1.5rem);
}

.rv-feature-card {
  padding:clamp(1.5rem,3vw,2.3rem);
  min-height:14rem;

  background:rgba(255,255,255,.55);
  border:1px solid rgba(38,59,66,.1);
  border-radius:1.2rem;
}

.rv-feature-card > span {
  color:var(--rv-gold);
  font-size:.72rem;
}

.rv-feature-card h3 {
  margin:2.5rem 0 .7rem;
  font-size:1.25rem;
  font-weight:500;
}

.rv-feature-card p {
  margin:0;
  color:var(--rv-soft);
  line-height:1.8;
}

.rv-languages {
  background:white;
}

.rv-screen-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(1rem,4vw,4rem);
}

.rv-screen-card {
  margin:0;
  text-align:center;
}

.rv-screen-image {
  width:min(100%,18rem);
  aspect-ratio:9/16;
  margin:auto;
  border-radius:1.8rem;
}

.rv-screen-card figcaption {
  margin-top:1rem;
  font-size:.9rem;
}

.rv-experience {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(3rem,8vw,8rem);
  background:#eaf0f2;
}

.rv-experience-copy p {
  margin:0 0 1.3rem;
  color:var(--rv-soft);
  line-height:1.95;
}

.rv-points {
  margin-top:2rem;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.7rem;
}

.rv-points span {
  padding:.9rem .4rem;
  border-top:1px solid rgba(38,59,66,.2);
  font-size:.86rem;
}

.rv-download {
  padding:clamp(4.5rem,9vw,8rem) 5%;
  background:var(--rv-cream);
  text-align:center;
}

.rv-download-inner {
  width:min(100%,52rem);
  margin:auto;
}

.rv-download-inner > p:not(.rv-kicker) {
  color:var(--rv-soft);
  margin:1.2rem 0 0;
}

.rv-store-links {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:2.2rem;
}

.rv-store {
  min-width:12rem;
  padding:.7rem 1.25rem;

  display:flex;
  flex-direction:column;

  background:#111;
  color:white;
  border-radius:.7rem;
  text-decoration:none;
  text-align:left;
}

.rv-store small {
  font-size:.6rem;
}

.rv-store strong {
  font-size:1.08rem;
  font-weight:500;
}

html[lang="fa"] .rv-hero-copy,
html[lang="fa"] .rv-heading,
html[lang="fa"] .rv-feature-card,
html[lang="fa"] .rv-experience {
  direction:rtl;
}

@media(max-width:850px) {
  .rv-hero {
    grid-template-columns:1fr;
  }

  .rv-feature-grid {
    grid-template-columns:1fr;
  }

  .rv-experience {
    grid-template-columns:1fr;
  }
}

@media(max-width:600px) {
  .rv-screen-grid {
    grid-template-columns:1fr;
  }

  .rv-screen-image {
    width:min(68vw,17rem);
  }

  .rv-points {
    grid-template-columns:1fr;
  }
}

/* Persian RadioVahid hero title */
html[lang="fa"] .rv-hero h1 {
  font-size: clamp(2rem, 3.2vw, 3.4rem) !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  letter-spacing: 0 !important;
}

@media (max-width: 700px) {
  html[lang="fa"] .rv-hero h1 {
    font-size: clamp(1.65rem, 6.2vw, 2.5rem) !important;
    white-space: normal;
  }
}

/* Anchor offset for sticky site header */
#rv-block-1,
#rv-block-2,
#rv-block-3,
#rv-block-4,
#rv-block-5 {
  scroll-margin-top: 12rem;
}





/* RadioVahid Hero — smaller vertical frame */
#rv-block-1 .rv-phone-placeholder {
  width: min(80%, 16rem) !important;
  aspect-ratio: 9 / 16 !important;
  margin-inline: auto !important;
}

#rv-block-1 .rv-phone-placeholder img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}