/* Pazireshdr-inspired pages — موحد تیم */

.section-frame {
  position: absolute; inset-block: 0; left: 50%; width: var(--frame-width);
  z-index: 0; pointer-events: none; transform: translateX(-50%);
  opacity: .45;
}
.section-frame__line { position: absolute; background: var(--c-border-light); }
.section-frame__line--top, .section-frame__line--bottom { left: 0; right: 0; height: 1px; }
.section-frame__line--top { top: 0; }
.section-frame__line--bottom { bottom: 0; }
.section-frame__line--left, .section-frame__line--right { top: 0; bottom: 0; width: 1px; }
.section-frame__line--left { left: 0; }
.section-frame__line--right { right: 0; }
.section-frame__node {
  position: absolute; width: 6px; height: 6px; border: 1px solid var(--c-border-light);
  background: var(--c-page-bg); border-radius: 999px;
}
.section-frame__node--tl { top: -3px; left: -3px; }
.section-frame__node--tr { top: -3px; right: -3px; }
.section-frame__node--bl { bottom: -3px; left: -3px; }
.section-frame__node--br { bottom: -3px; right: -3px; }
.surface-white .section-frame__node { background: #fff; }

.hero {
  position: relative; display: grid; grid-template-columns: 1.05fr .95fr; gap: 2.75rem;
  align-items: center; padding-block: 3.25rem 1.5rem; overflow: hidden;
}
.hero__content { position: relative; z-index: 2; padding-bottom: 1.5rem; max-width: 38rem; }
.hero__brand {
  display: inline-flex; margin: 0 0 1rem; padding: .25rem .75rem; border-radius: 999px;
  background: rgba(6, 182, 200, .12); border: 1px solid rgba(6, 182, 200, .28);
  color: var(--c-primary); font-size: var(--font-size-xs); font-weight: 600;
}
.hero h1 {
  margin: 0 0 1.1rem; max-width: 16ch;
  font-size: clamp(2rem, 4.6vw, 3rem); font-weight: 800; color: var(--c-text);
}
.hero h1 em {
  font-style: normal;
  background: linear-gradient(120deg, var(--c-accent), var(--c-primary));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero__lead { margin: 0; max-width: 34rem; color: var(--c-text-muted); font-size: 1.05rem; line-height: 1.8; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.85rem; }
.hero__meta { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.6rem; }
.meta-pill {
  display: inline-flex; flex-direction: column; gap: .15rem; min-width: 7.5rem; padding: .8rem 1rem;
  background: rgba(255, 255, 255, .9); border: 1px solid var(--c-border-light);
  border-radius: var(--radius-xl); box-shadow: var(--shadow-card);
}
.meta-pill small { color: var(--c-text-muted); font-size: var(--font-size-xxs); }
.meta-pill strong { color: var(--c-text); font-size: var(--font-size-sm); font-variant-numeric: tabular-nums; }

.hero__art { position: relative; z-index: 1; min-height: 20rem; }
.hero-mockup {
  display: grid; gap: 1rem; min-height: 22rem; padding: 1.35rem;
  background: linear-gradient(180deg, #fff 0%, #f3fafc 100%);
  border: 1px solid var(--c-border-light); border-radius: 24px;
  box-shadow: var(--elevation-3);
}
.hero-mockup__top { display: flex; justify-content: space-between; align-items: center; gap: .75rem; }
.hero-mockup__dots { display: flex; gap: 6px; }
.hero-mockup__dots span { width: 8px; height: 8px; border-radius: 999px; background: #cbd5e1; }
.hero-mockup__dots span:first-child { background: #f87171; }
.hero-mockup__dots span:nth-child(2) { background: #fbbf24; }
.hero-mockup__dots span:nth-child(3) { background: #34d399; }
.hero-mockup__title { color: var(--c-text-muted); font-size: var(--font-size-xs); font-weight: 500; }
.hero-mockup__kpis { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.hero-mockup__kpi {
  padding: 1rem; background: #fff; border: 1px solid var(--c-border-light); border-radius: var(--radius-xl);
}
.hero-mockup__kpi small { display: block; color: var(--c-text-muted); font-size: var(--font-size-xxs); margin-bottom: .2rem; }
.hero-mockup__kpi strong { display: block; color: var(--c-text); font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.hero-mockup__kpi b { display: inline-block; margin-top: .25rem; color: var(--c-success); font-size: var(--font-size-xs); font-weight: 600; }
.hero-mockup__chart {
  display: flex; align-items: end; gap: 8px; height: 7rem; padding: 1rem;
  background: rgba(6, 182, 200, .08); border: 1px solid rgba(6, 182, 200, .2); border-radius: var(--radius-xl);
}
.hero-mockup__chart i {
  flex: 1; display: block; border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, var(--c-accent), var(--c-primary)); opacity: .9;
}

.trust-line {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1rem 1.25rem; margin-block: .5rem 0;
  color: var(--c-text-muted); background: rgba(255, 255, 255, .72);
  border: 1px solid var(--c-border-light); border-radius: var(--radius-xxl);
  font-size: var(--font-size-xs); font-weight: 600;
}
.trust-line span { display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap; }
.trust-line span::before {
  content: ""; width: 7px; height: 7px; border-radius: 999px;
  background: var(--c-accent); box-shadow: 0 0 0 3px rgba(6, 182, 200, .18);
}
.trust-line i { flex: 1; height: 1px; background: var(--c-border-light); }

.editorial-section { position: relative; }
.editorial-section__grid {
  position: relative; z-index: 1; display: grid; grid-template-columns: .8fr 1.2fr; gap: 3rem; align-items: start;
}
.editorial-section__heading { position: sticky; top: calc(var(--navbar-height) + 1.5rem); }
.editorial-section__heading > p:last-child { color: var(--c-text-muted); margin: 0; }
.section-index {
  display: inline-flex; margin-bottom: 1rem; padding: .2rem .55rem;
  color: var(--c-primary); background: rgba(11, 110, 143, .08);
  border: 1px solid rgba(11, 110, 143, .16); border-radius: 999px; font-size: var(--font-size-xs); font-weight: 600;
}

.stat-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1.25rem;
}
.stat-card {
  padding: 1.1rem; background: #fff; border: 1px solid var(--c-border-light);
  border-radius: var(--radius-xl); text-align: center; box-shadow: var(--shadow-card);
}
.stat-card strong {
  display: block; color: var(--c-primary); font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-variant-numeric: tabular-nums; margin-bottom: .25rem; font-weight: 800;
}
.stat-card span { color: var(--c-text-muted); font-size: var(--font-size-xs); }
.stat-card--tone-1 { background: linear-gradient(160deg, #ecfeff 0%, #fff 70%); border-color: rgba(6, 182, 200, .28); }
.stat-card--tone-2 { background: linear-gradient(160deg, #e0f2fe 0%, #fff 70%); border-color: rgba(14, 165, 233, .28); }
.stat-card--tone-3 { background: linear-gradient(160deg, #ccfbf1 0%, #fff 70%); border-color: rgba(20, 184, 166, .28); }
.stat-card--tone-4 { background: linear-gradient(160deg, #cffafe 0%, #fff 70%); border-color: rgba(8, 145, 178, .28); }
.stat-card--tone-1 strong { color: #0e7490; }
.stat-card--tone-2 strong { color: #0284c7; }
.stat-card--tone-3 strong { color: #0f766e; }
.stat-card--tone-4 strong { color: #155e75; }

.feature-grid, .audience-grid, .quote-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem;
  padding-bottom: 1rem;
}
.feature-card, .audience-card, .quote-card {
  padding: 1.2rem; background: #fff; border: 1px solid var(--c-border-light);
  border-radius: var(--radius-xl); box-shadow: var(--shadow-card);
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.feature-card:hover, .audience-card:hover, .quote-card:hover {
  border-color: rgba(6, 182, 200, .3); box-shadow: var(--shadow-card-hover); transform: translateY(-2px);
}
.feature-card h3, .audience-card h3 { margin: 0 0 .4rem; font-size: 1rem; }
.feature-card p, .audience-card p { margin: 0; color: var(--c-text-mid); font-size: var(--font-size-sm); }
.audience-grid__note, .process-steps__note { margin-top: 1.25rem; }

.card-icon {
  display: grid; place-items: center; width: 2.5rem; height: 2.5rem; margin-bottom: .85rem;
  border-radius: 14px; color: var(--c-primary); background: rgba(6, 182, 200, .12);
}
.card-icon svg { width: 1.25rem; height: 1.25rem; }
.card-icon--quote { background: rgba(14, 165, 233, .14); color: #0284c7; }

.feature-card--tone-1, .audience-card--tone-1 {
  background: linear-gradient(165deg, #ecfeff 0%, #ffffff 55%);
  border-color: rgba(6, 182, 200, .26);
}
.feature-card--tone-1 .card-icon, .audience-card--tone-1 .card-icon {
  color: #0e7490; background: rgba(6, 182, 200, .18);
}
.feature-card--tone-2, .audience-card--tone-2 {
  background: linear-gradient(165deg, #e0f2fe 0%, #ffffff 55%);
  border-color: rgba(14, 165, 233, .26);
}
.feature-card--tone-2 .card-icon, .audience-card--tone-2 .card-icon {
  color: #0369a1; background: rgba(14, 165, 233, .16);
}
.feature-card--tone-3, .audience-card--tone-3 {
  background: linear-gradient(165deg, #ccfbf1 0%, #ffffff 55%);
  border-color: rgba(20, 184, 166, .26);
}
.feature-card--tone-3 .card-icon, .audience-card--tone-3 .card-icon {
  color: #0f766e; background: rgba(20, 184, 166, .16);
}
.feature-card--tone-4, .audience-card--tone-4,
.feature-card--tone-5, .audience-card--tone-5 {
  background: linear-gradient(165deg, #cffafe 0%, #ffffff 55%);
  border-color: rgba(8, 145, 178, .26);
}
.feature-card--tone-4 .card-icon, .audience-card--tone-4 .card-icon {
  color: #155e75; background: rgba(8, 145, 178, .16);
}

.quote-card blockquote {
  margin: 0 0 1rem; color: var(--c-text); font-size: 1.02rem; line-height: 1.75;
}
.quote-card figcaption { display: grid; gap: .15rem; }
.quote-card strong { color: var(--c-text); font-size: var(--font-size-sm); }
.quote-card span { color: var(--c-text-muted); font-size: var(--font-size-xs); }
.quote-card--tone-1 {
  background: linear-gradient(165deg, #ecfeff 0%, #fff 60%);
  border-color: rgba(6, 182, 200, .24);
}
.quote-card--tone-2 {
  background: linear-gradient(165deg, #e0f2fe 0%, #fff 60%);
  border-color: rgba(14, 165, 233, .24);
}
.quote-card--tone-3 {
  background: linear-gradient(165deg, #ccfbf1 0%, #fff 60%);
  border-color: rgba(45, 212, 191, .28);
}

.process-steps { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.process-steps__item {
  display: grid; grid-template-columns: auto 1fr; gap: .85rem; align-items: start;
  padding: 1rem 1.1rem; background: #fff; border: 1px solid var(--c-border-light); border-radius: var(--radius-xl);
}
.process-steps__num {
  display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 999px;
  background: var(--gradient-brand); color: #fff;
  border: 0; font-size: var(--font-size-sm); font-weight: 700;
}
.process-steps__item h3 { margin: 0 0 .25rem; font-size: 1rem; }
.process-steps__item p { margin: 0; color: var(--c-text-mid); font-size: var(--font-size-sm); }

.faq-list {
  display: grid; gap: 0; border: 1px solid var(--c-border-light); border-radius: var(--radius-xxl);
  overflow: hidden; background: #fff; box-shadow: var(--shadow-card);
}
.faq-item { border-bottom: 1px solid var(--c-border-light); }
.faq-item:last-child { border-bottom: 0; }
.faq-item button {
  width: 100%; min-height: 3.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1rem 1.15rem; border: 0; background: transparent; text-align: start; cursor: pointer;
  color: var(--c-text); font-size: .98rem; font-weight: 600;
}
.faq-item button:hover { background: var(--c-page-bg); }
.faq-item__icon {
  flex-shrink: 0; width: 1.6rem; height: 1.6rem; display: grid; place-items: center; border-radius: 999px;
  background: rgba(6, 182, 200, .12); color: var(--c-primary); font-size: 1rem; line-height: 1;
  transition: transform .15s;
}
.faq-item button[aria-expanded="true"] .faq-item__icon { transform: rotate(45deg); }
.faq-item__a { padding: 0 1.15rem 1.1rem; color: var(--c-text-mid); font-size: var(--font-size-sm); line-height: 1.75; }
.faq-item__a[hidden] { display: none; }

.booking-band { position: relative; background: #fff; color: var(--color-body); border: 0 !important; }
#reserve {
  scroll-margin-top: calc(var(--navbar-height) + 20px);
}
.booking-band h2 { color: var(--c-text); }
.booking-layout {
  position: relative; z-index: 1; display: grid; grid-template-columns: .85fr 1.15fr; gap: 2.5rem; align-items: start;
}
.booking-copy { position: sticky; top: calc(var(--navbar-height) + 1.5rem); }
.booking-copy > p:not(.eyebrow) { color: var(--c-text-muted); }
.booking-notes { display: grid; gap: .55rem; margin: 1.75rem 0 0; padding: 0; list-style: none; }
.booking-notes li { display: flex; align-items: center; gap: .7rem; color: var(--c-text); font-size: var(--font-size-sm); }
.booking-notes span {
  display: grid; place-items: center; width: 1.75rem; aspect-ratio: 1; border-radius: 999px;
  color: #fff; background: var(--c-primary); border: 0; font-size: var(--font-size-xs); font-weight: 700;
}
.booking-panel {
  scroll-margin-top: calc(var(--navbar-height) + 20px);
  border-radius: 24px;
  box-shadow: var(--elevation-2);
}
.booking-panel__head {
  display: flex; justify-content: space-between; align-items: baseline; gap: .75rem;
  margin-bottom: 1.35rem; padding-bottom: 1rem; border-bottom: 1px solid var(--c-border-light);
}
.booking-panel__head span { font-size: 1.1rem; font-weight: 700; color: var(--c-text); }
.booking-panel__head small { color: var(--c-success); font-size: var(--font-size-xs); font-weight: 600; }

.insights__heading { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; margin-bottom: 2rem; }
.insights__heading h2 { max-width: 16ch; margin: 0; }

.page-hero { max-width: 48rem; margin-bottom: 3rem; }
.page-hero > p:last-child { color: var(--c-text-muted); font-size: 1.1rem; }
.page-hero--compact { margin-inline: auto; text-align: center; }
.standalone-booking { max-width: 56rem; }

.about-hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: 3rem; align-items: start; }
.about-lead { color: var(--c-text-muted); font-size: 1.1rem; }
.about-portrait { position: sticky; top: calc(var(--navbar-height) + 1.5rem); margin: 0; }
.about-portrait img, .about-portrait--abstract {
  width: 100%; min-height: 26rem; object-fit: cover; border-radius: 24px;
  border: 1px solid var(--c-border-light); box-shadow: var(--shadow-card);
}
.about-portrait figcaption { margin-top: .75rem; color: var(--c-text-muted); font-size: var(--font-size-xs); text-align: center; }
.about-portrait--abstract {
  display: grid; place-items: center; color: var(--c-primary);
  background:
    radial-gradient(circle at 30% 20%, rgba(6, 182, 200, .35), transparent 42%),
    linear-gradient(160deg, var(--c-surface), #fff);
  font-size: 7rem; font-weight: 800;
}

.article { width: min(64rem, calc(100% - 2rem)); margin-inline: auto; }
.article__header { max-width: 48rem; margin: 0 auto 2.5rem; text-align: center; }
.article__dek {
  margin: 0 auto; max-width: 40rem; color: var(--c-text-muted); font-size: 1.08rem; line-height: 1.8;
}
.article__byline {
  margin: 1rem 0 0; color: var(--c-primary); font-size: var(--font-size-sm); font-weight: 600;
}
.article__body {
  margin-inline: auto; padding: 1.75rem 1.5rem; background: #fff;
  border: 1px solid var(--c-border-light); border-radius: var(--radius-xxl); box-shadow: var(--shadow-card);
}
.article__body.prose { max-width: 68ch; }
.article__footer {
  max-width: 68ch; margin: 2.5rem auto 0; padding-top: 1.5rem;
  border-top: 1px solid var(--c-border-light);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
}
.article-cover {
  width: 100%; max-height: 32rem; object-fit: cover; margin-bottom: 2.5rem; border-radius: var(--radius-xxl);
  border: 1px solid var(--c-border-light); box-shadow: var(--shadow-card);
}
.article-cover--fallback {
  display: grid; place-items: center; min-height: 12rem; max-height: none;
  color: #0e7490; font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 800;
  background:
    radial-gradient(circle at 80% 20%, rgba(6, 182, 200, .35), transparent 45%),
    linear-gradient(135deg, #ecfeff, #e0f2fe 55%, #ccfbf1);
}

.page-hero--blog {
  padding: 1.25rem 1.35rem; border-radius: var(--radius-xxl);
  background: linear-gradient(135deg, rgba(6, 182, 200, .1), rgba(14, 165, 233, .08));
  border: 1px solid rgba(6, 182, 200, .2);
}

.blog-featured {
  display: grid; grid-template-columns: 1.2fr .8fr; gap: 1.5rem; margin-bottom: 1.5rem; padding: 1.5rem;
  background: linear-gradient(145deg, #ffffff 0%, #ecfeff 100%);
  border: 1px solid rgba(6, 182, 200, .28); border-radius: var(--radius-xxl); box-shadow: var(--shadow-card);
}
.blog-featured__meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.25rem;
  color: var(--c-text-muted); font-size: var(--font-size-sm);
}
.blog-featured__art {
  display: grid; place-items: center; min-height: 14rem; border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 30% 25%, rgba(6, 182, 200, .4), transparent 50%),
    linear-gradient(160deg, #cffafe, #e0f2fe);
  border: 1px solid rgba(6, 182, 200, .22);
}
.blog-featured__mark {
  color: #0e7490; font-size: 5rem; font-weight: 800; line-height: 1;
}
.blog-card {
  background: linear-gradient(180deg, #fff 0%, #f0fdfa 100%);
  border-color: rgba(6, 182, 200, .18);
}
.blog-card--tone-1 { background: linear-gradient(180deg, #fff 0%, #ecfeff 100%); }
.blog-card--tone-2 { background: linear-gradient(180deg, #fff 0%, #e0f2fe 100%); }
.blog-card--tone-3 { background: linear-gradient(180deg, #fff 0%, #ccfbf1 100%); }
.blog-card__meta {
  display: flex; justify-content: space-between; gap: .75rem; margin: 0;
  color: var(--c-text-muted); font-size: var(--font-size-xs);
}

.status-page, .section.wrap > .panel:only-child { max-width: 34rem; margin-inline: auto; text-align: center; }
.status-page__icon {
  width: 3.25rem; height: 3.25rem; margin: 0 auto 1rem; border-radius: 999px; display: grid; place-items: center; font-weight: 700;
}
.status-page--ok .status-page__icon { background: var(--color-success-soft); color: var(--color-fg-success-strong); }
.status-page--bad .status-page__icon { background: var(--color-danger-soft); color: var(--color-fg-danger-strong); }
.status-page--warn .status-page__icon { background: var(--color-warning-soft); color: var(--color-fg-warning); }
.status-page--info .status-page__icon { background: rgba(6, 182, 200, .12); color: var(--c-primary); }
.status-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; margin-top: 1.35rem; }
.countdown {
  display: inline-block; margin-block: 1rem; padding: .5rem 1rem; border-radius: 999px;
  background: rgba(6, 182, 200, .12); border: 1px solid rgba(6, 182, 200, .28);
  color: var(--c-primary); font-weight: 700; font-variant-numeric: tabular-nums;
}

/* ── Payment flow pages ── */
.payment-section { padding-block: clamp(1.5rem, 4vw, 3rem); }
.payment-flow {
  max-width: 36rem; margin-inline: auto; padding: clamp(1.25rem, 3vw, 2rem);
  background: linear-gradient(180deg, #fff 0%, #f7fbfc 100%);
  border: 1px solid var(--c-border-light); border-radius: var(--radius-xxl);
  box-shadow: var(--elevation-1);
}
.payment-flow__header { text-align: center; margin-bottom: 1.5rem; }
.payment-flow__badge {
  display: inline-block; margin-bottom: 1rem; padding: .35rem .85rem;
  border-radius: 999px; font-size: var(--font-size-xs); font-weight: 700;
}
.payment-flow__badge--ok { background: var(--color-success-soft); color: var(--color-fg-success-strong); }
.payment-flow__badge--bad { background: var(--color-danger-soft); color: var(--color-fg-danger-strong); }
.payment-flow__badge--warn { background: var(--color-warning-soft); color: var(--color-fg-warning); }
.payment-flow__badge--info { background: rgba(6, 182, 200, .12); color: var(--c-primary); }
.payment-flow__icon {
  position: relative; width: 4rem; height: 4rem; margin: 0 auto 1rem;
  border-radius: 999px; display: grid; place-items: center;
  background: rgba(6, 182, 200, .12); color: var(--c-primary);
  font-size: 1.5rem; font-weight: 700;
}
.payment-flow__icon--ok { background: var(--color-success-soft); color: var(--color-fg-success-strong); font-size: 1.75rem; }
.payment-flow__icon--bad { background: var(--color-danger-soft); color: var(--color-fg-danger-strong); font-size: 1.75rem; }
.payment-flow__icon--warn { background: var(--color-warning-soft); color: var(--color-fg-warning); }
.payment-flow__pulse {
  position: absolute; inset: -.35rem; border-radius: inherit;
  border: 2px solid rgba(6, 182, 200, .35);
  animation: payment-pulse 2s ease-out infinite;
}
@keyframes payment-pulse {
  0% { transform: scale(.92); opacity: 1; }
  100% { transform: scale(1.15); opacity: 0; }
}
.payment-flow__title {
  margin: 0 0 .65rem; color: var(--c-text); font-size: clamp(1.25rem, 3vw, 1.55rem); line-height: 1.35;
}
.payment-flow__lead {
  margin: 0; color: var(--c-text-muted); font-size: var(--font-size-sm); line-height: 1.75;
}
.payment-summary {
  margin-block: 1.5rem; padding: 1rem 1.15rem; text-align: right;
  background: #fff; border: 1px solid var(--c-border-light); border-radius: var(--radius-xl);
}
.payment-summary__title {
  margin: 0 0 .85rem; font-size: var(--font-size-sm); font-weight: 700; color: var(--c-text);
}
.payment-summary__list { margin: 0; }
.payment-summary__row {
  display: flex; justify-content: space-between; align-items: baseline; gap: 1rem;
  padding-block: .55rem; border-bottom: 1px dashed var(--c-border-light);
}
.payment-summary__row:last-child { border-bottom: 0; }
.payment-summary__row dt { margin: 0; color: var(--c-text-muted); font-size: var(--font-size-xs); font-weight: 500; }
.payment-summary__row dd { margin: 0; color: var(--c-text); font-size: var(--font-size-sm); font-weight: 600; text-align: left; }
.payment-summary__row--amount dd { color: var(--c-primary); font-size: 1rem; }
.payment-steps {
  margin: 1.5rem 0 0; padding: 0; list-style: none; display: grid; gap: .85rem;
}
.payment-steps__item {
  display: flex; align-items: flex-start; gap: .85rem; padding: .85rem 1rem;
  background: #fff; border: 1px solid var(--c-border-light); border-radius: var(--radius-lg);
  text-align: right;
}
.payment-steps__num {
  flex-shrink: 0; width: 1.75rem; height: 1.75rem; display: grid; place-items: center;
  border-radius: 999px; background: var(--c-primary); color: #fff;
  font-size: var(--font-size-xs); font-weight: 700;
}
.payment-steps__item strong { display: block; margin-bottom: .2rem; color: var(--c-text); font-size: var(--font-size-sm); }
.payment-steps__item p { margin: 0; color: var(--c-text-muted); font-size: var(--font-size-xs); line-height: 1.65; }
.payment-flow__actions {
  display: flex; flex-direction: column; align-items: stretch; gap: .65rem; margin-top: 1.5rem;
}
.payment-flow__bale-btn svg { flex-shrink: 0; }
.payment-flow__hint {
  margin: 0; text-align: center; color: var(--c-text-muted); font-size: var(--font-size-xs);
}
.payment-status {
  display: flex; align-items: center; justify-content: center; gap: .55rem;
  margin-top: 1.25rem; padding: .75rem 1rem; border-radius: var(--radius-lg);
  background: rgba(6, 182, 200, .08); border: 1px solid rgba(6, 182, 200, .2);
}
.payment-status__dot {
  width: .55rem; height: .55rem; border-radius: 999px; background: var(--c-accent);
  animation: payment-blink 1.4s ease-in-out infinite;
}
@keyframes payment-blink {
  0%, 100% { opacity: .35; }
  50% { opacity: 1; }
}
.payment-status__text { color: var(--c-primary); font-size: var(--font-size-sm); font-weight: 600; }
.payment-flow__footer { margin-top: 1.25rem; text-align: center; }
.payment-result-note {
  margin-top: 1.25rem; padding: .85rem 1rem; border-radius: var(--radius-lg);
  background: var(--color-neutral-tertiary-soft); border: 1px solid var(--c-border-light);
  color: var(--c-text-mid); font-size: var(--font-size-sm); line-height: 1.7; text-align: right;
}
.payment-result-note--ok { background: var(--color-success-soft); border-color: rgba(16, 185, 129, .25); }
.payment-result-note--bad { background: var(--color-danger-soft); border-color: rgba(239, 68, 68, .2); }
.payment-result-note--warn { background: var(--color-warning-soft); border-color: rgba(245, 158, 11, .25); }

@media (max-width: 620px) {
  .payment-summary__row { flex-direction: column; align-items: flex-start; gap: .25rem; }
  .payment-summary__row dd { text-align: right; }
  .payment-steps__item { padding: .75rem; }
}

.empty-state {
  text-align: center; padding: 2.5rem 1.25rem; color: var(--c-text-muted); background: #fff;
  border: 1px dashed var(--c-border); border-radius: var(--radius-xxl);
}

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; text-align: center; }
  .hero__content { max-width: none; padding-bottom: 1rem; }
  .hero h1, .hero__lead { margin-inline: auto; }
  .hero__actions, .hero__meta { justify-content: center; }
  .editorial-section__grid, .booking-layout, .stat-grid, .feature-grid, .audience-grid, .quote-grid, .blog-featured { grid-template-columns: 1fr; }
  .editorial-section__heading, .booking-copy { position: static; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 800px) {
  .about-hero { grid-template-columns: 1fr; }
  .about-portrait { position: static; order: -1; max-width: 28rem; margin-inline: auto; }
}
@media (max-width: 620px) {
  .hero__actions { flex-direction: column; align-items: stretch; }
  .trust-line { overflow-x: auto; justify-content: start; }
  .insights__heading, .booking-panel__head { flex-direction: column; align-items: start; }
  .hero-mockup__kpis { grid-template-columns: 1fr; }
}