/* v2 — proof section, FAQ, compact form, floating WhatsApp, small visual fixes */

/* Hero: plain role line (removes the editor-style selection frame) */
.title-border-shape.is-clean { padding: 0; margin-bottom: 14px; }
.title-border-shape.is-clean .intro-title { margin: 0; }
.hero-title .blur-fade { display: block; font-size: 0.62em; line-height: 1.25; margin-top: 6px; }

.stats-note {
  margin: 10px 0 0;
  font-size: 12.5px;
  color: var(--Text-muted);
  opacity: 0.85;
}

.hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.hero-cta .btn-primary,
.hero-cta .btn-ghost { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border-radius: 999px; font-weight: 700; text-decoration: none; }
.hero-cta .btn-ghost { border: 1px solid var(--Line); color: var(--Text-light); background: transparent; }
.hero-cta .btn-ghost:hover { border-color: var(--Primary); color: var(--Primary); }

/* Results with proof */
.case-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.case-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px;
  border: 1px solid var(--Line);
  border-radius: var(--radius);
  background: var(--Bg-linear);
}
.case-card header { display: flex; flex-direction: column; gap: 2px; }
.case-platform { color: var(--Text-light); font-weight: 700; font-size: 16px; }
.case-period { font-size: 12.5px; color: var(--Text-muted); }
.case-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 10px;
  margin: 0;
}
.case-metrics div {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0, 212, 255, 0.05);
  border: 1px solid var(--Line);
}
.case-metrics dt { font-size: 11.5px; color: var(--Text-muted); }
.case-metrics dd { margin: 2px 0 0; font-size: 20px; font-weight: 800; color: var(--Text-light); letter-spacing: -0.02em; font-family: var(--font); }
html[dir="rtl"] .case-metrics dd { text-align: right; }
.case-text { margin: 0; font-size: 14px; color: var(--body-text); }
.case-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.case-shot {
  position: relative;
  padding: 0;
  border: 1px solid var(--Line);
  border-radius: 12px;
  background: transparent;
  color: var(--Text-light);
  cursor: zoom-in;
  overflow: hidden;
  font: inherit;
}
.case-shot:first-child { flex: 1 0 100%; }
.case-shot img { width: 100%; height: 150px; object-fit: cover; object-position: top; opacity: 0.85; transition: opacity 0.2s, transform 0.3s; }
.case-shot:hover img { opacity: 1; transform: scale(1.02); }
.case-shot > span:not(.case-shot-mini) {
  position: absolute;
  inset-inline-start: 10px;
  bottom: 10px;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--Primary);
  color: #041018;
  font-size: 12.5px;
  font-weight: 700;
}
.case-shot-mini { display: inline-block; padding: 6px 12px; font-size: 12.5px; font-weight: 600; }
.case-shot:hover, .case-shot:focus-visible { border-color: var(--Primary); outline: none; }

/* Testimonials: static grid when there are only a few (no duplicated marquee) */
.stories-rail.is-static { mask-image: none; -webkit-mask-image: none; overflow: visible; }
.stories-rail.is-static .stories-track {
  animation: none;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  padding: 0;
}
.stories-rail.is-static .story-unit { width: auto; }
.stories-rail.is-static .story-bubble { border-radius: 22px; }

/* FAQ */
.faq-list { display: grid; gap: 10px; max-width: 860px; }
.faq-item {
  border: 1px solid var(--Line);
  border-radius: 14px;
  background: var(--Bg-linear);
  padding: 0 18px;
}
.faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: 16px 0;
  font-weight: 700;
  color: var(--Text-light);
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; color: var(--Primary); font-size: 20px; line-height: 1; }
.faq-item[open] summary::after { content: "–"; }
.faq-item p { margin: 0 0 16px; color: var(--body-text); }

/* Compact lead form */
.lead-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
  padding: 22px 24px;
  border: 1px solid var(--Line);
  border-radius: var(--radius);
  background: var(--Bg-linear-2);
}
.lead-form-grid .is-wide { grid-column: 1 / -1; }
.lead-field select {
  width: 100%;
  padding: 8px 0 10px;
  border: 0;
  border-bottom: 1px solid var(--Line);
  background: transparent;
  color: var(--Text-light);
  font: inherit;
  font-size: 15px;
  outline: none;
}
.lead-field select option { background: #0b101a; color: #fff; }
[data-theme="light"] .lead-field select option { background: #fff; color: #121212; }
.lead-field select:focus { border-bottom-color: var(--Primary); }
html[dir="rtl"] .lead-field input[dir="ltr"] { text-align: right; }

/* Floating WhatsApp */
.wa-float {
  position: fixed;
  inset-inline-end: 18px;
  bottom: 18px;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 54px;
  padding: 0 16px;
  border-radius: 999px;
  background: #25d366;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s;
}
.wa-float:hover { transform: translateY(-2px); }
.wa-float span { font-size: 14px; }

@media (max-width: 760px) {
  .case-grid, .lead-form-grid { grid-template-columns: 1fr; }
  .wa-float { width: 54px; padding: 0; justify-content: center; }
  .wa-float span { display: none; }
  .hero-cta > * { flex: 1 1 100%; }
}

@media print {
  .wa-float { display: none; }
}

.hero-title { font-size: clamp(36px, 5.2vw, 64px); }

/* Mobile: show the headline + call-to-action before the profile card */
@media (max-width: 991px) {
  .about-block .about-copy { order: -1; }
}
.intro-title { white-space: normal; }