/* ==========================================================
   STUDIOBOARD — V35 / LANDING DE CONVERSÃO
   2026-09-14
   Escopo: reorganização comercial da Home. Não altera o backend
   de pagamento nem a arquitetura visual existente.
   ========================================================== */

/* HERO — transforma a primeira dobra em promessa + baixo risco. */
.experience-v15 .hero-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  max-width: 720px;
  margin-top: 24px;
  color: #9db0c5;
  font-size: 12px;
  line-height: 1.45;
}
.experience-v15 .hero-trust-row span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.experience-v15 .hero-trust-row span:not(:first-child)::before {
  content: "";
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 50%;
  background: #3b9cff;
  box-shadow: 0 0 0 4px rgba(59,156,255,.09);
}
.experience-v15 .hero-trust-row strong { color: #eef6ff; font-weight: 780; }

/* PROVA REAL — aparece cedo para reduzir a objeção “será que funciona?”. */
.experience-v15 .xp-proof-live {
  position: relative;
  padding: clamp(88px, 9vw, 138px) 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(134,167,207,.12);
  background:
    radial-gradient(circle at 82% 28%, rgba(47,134,255,.13), transparent 30%),
    linear-gradient(180deg,#0b121b,#0d1622);
}
.experience-v15 .xp-proof-live-grid {
  display: grid;
  grid-template-columns: minmax(0,.88fr) minmax(480px,1.12fr);
  gap: clamp(56px,7vw,112px);
  align-items: center;
}
.experience-v15 .xp-proof-live-copy { max-width: 610px; }
.experience-v15 .xp-proof-live h2,
.experience-v15 .xp-opportunity h2 {
  margin: 0;
  color: #f3f7fb;
  font-size: clamp(46px,5vw,76px);
  line-height: .94;
  letter-spacing: -.055em;
  font-weight: 830;
}
.experience-v15 .xp-proof-live h2 em,
.experience-v15 .xp-opportunity h2 em {
  color: transparent;
  font-style: normal;
  background: linear-gradient(90deg,#2bb8ff 0%,#347eff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.experience-v15 .xp-proof-live-lead {
  max-width: 590px;
  margin: 28px 0 0;
  color: #9eafc2;
  font-size: clamp(15px,1.25vw,18px);
  line-height: 1.72;
}
.experience-v15 .xp-proof-live-steps {
  margin-top: 32px;
  border-top: 1px solid rgba(133,166,207,.17);
}
.experience-v15 .xp-proof-live-steps > div {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 14px;
  padding: 16px 0 17px;
  border-bottom: 1px solid rgba(133,166,207,.13);
}
.experience-v15 .xp-proof-live-steps > div > span {
  padding-top: 3px;
  color: #4a98e5;
  font: 750 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing: .12em;
}
.experience-v15 .xp-proof-live-steps p { margin: 0; }
.experience-v15 .xp-proof-live-steps strong {
  display: block;
  color: #e8f2fc;
  font-size: 14px;
  line-height: 1.3;
}
.experience-v15 .xp-proof-live-steps small {
  display: block;
  margin-top: 5px;
  color: #8092a6;
  font-size: 12px;
  line-height: 1.5;
}
.experience-v15 .xp-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  color: #cfe8ff;
  font-size: 13px;
  font-weight: 730;
  text-decoration: none;
}
.experience-v15 .xp-text-link b { color: #4eaaff; }
.experience-v15 .xp-text-link:hover { color: #fff; }
.experience-v15 .xp-proof-live-media {
  position: relative;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(101,157,224,.22);
  background: rgba(8,14,22,.72);
  box-shadow: 0 36px 80px rgba(0,0,0,.28), 0 0 54px rgba(45,126,255,.08);
}
.experience-v15 .xp-proof-live-media video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #0a0f16;
}
.experience-v15 .xp-proof-live-media figcaption {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 4px 1px;
  color: #8194aa;
  font-size: 10px;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.experience-v15 .xp-proof-live-media figcaption span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2f9cff;
  box-shadow: 0 0 0 5px rgba(47,156,255,.10);
}

/* BENEFÍCIO — vende a mudança no processo antes da lista de recursos. */
.experience-v15 .xp-opportunity {
  padding: clamp(86px,8.5vw,126px) 0;
  background: #101923;
  border-bottom: 1px solid rgba(134,167,207,.11);
}
.experience-v15 .xp-opportunity-heading {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(320px,.55fr);
  column-gap: clamp(54px,7vw,108px);
  align-items: end;
}
.experience-v15 .xp-opportunity-heading .xp-step-kicker { grid-column: 1 / -1; }
.experience-v15 .xp-opportunity-heading h2 { grid-column: 1; }
.experience-v15 .xp-opportunity-heading > p:last-child {
  grid-column: 2;
  max-width: 500px;
  margin: 0 0 5px;
  color: #99aabd;
  font-size: 15px;
  line-height: 1.75;
}
.experience-v15 .xp-opportunity-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  margin-top: clamp(54px,6vw,78px);
  border: 1px solid rgba(134,167,207,.15);
  background: rgba(134,167,207,.15);
}
.experience-v15 .xp-opportunity-grid article {
  min-height: 260px;
  padding: clamp(30px,3.2vw,44px);
  background: #0d1621;
}
.experience-v15 .xp-opportunity-grid article > span {
  color: #4a98e5;
  font: 750 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing: .13em;
}
.experience-v15 .xp-opportunity-grid h3 {
  margin: 42px 0 0;
  color: #edf5fd;
  font-size: clamp(22px,2vw,30px);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.experience-v15 .xp-opportunity-grid p {
  margin: 16px 0 0;
  color: #8fa2b7;
  font-size: 13px;
  line-height: 1.65;
}

/* PREÇO — uma única decisão comercial. */
.experience-v15 .xp-plans-grid.xp-plans-grid-single {
  width: min(100%, 760px);
  grid-template-columns: minmax(0,1fr) !important;
  margin-inline: auto;
}
.experience-v15 .xp-plans-grid-single .plan-card {
  min-height: 0 !important;
  cursor: default;
  padding: clamp(36px,4vw,52px) !important;
}
.experience-v15 .xp-plans-grid-single .plan-card:hover { transform: none !important; }
.experience-v15 .xp-plans-grid-single .plan-topline { justify-content: flex-start !important; }
.experience-v15 .xp-plans-grid-single .plan-select {
  margin-top: 32px !important;
  pointer-events: none;
}
.experience-v15 .xp-plans-grid-single .plan-card.selected .plan-select::before {
  content: "✓";
  margin-right: 8px;
  font-weight: 800;
}
.experience-v15 .xp-plans-grid-single .plan-card ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px 24px;
}
.experience-v15 .xp-plans-grid-single .plan-card ul li { margin: 0 !important; }

/* Checkout: o plano já está escolhido; o usuário só informa e-mail e aceita os termos. */
.experience-v15 .xp-subscribe .selected-plan-info {
  white-space: normal;
  font-weight: 650;
}

/* Suporte pré-venda sem competir com a compra principal. */
.experience-v15 .xp-utility-support .xp-step-kicker { margin-bottom: 18px; }
.experience-v15 .xp-support-conversion {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
}
.experience-v15 .xp-support-conversion .button { text-decoration: none; }
.experience-v15 .xp-support-whatsapp {
  color: #cfe8ff;
  font-size: 13px;
  font-weight: 720;
  text-decoration: none;
}
.experience-v15 .xp-support-whatsapp b { color: #4eaaff; }
.experience-v15 .xp-utility-actions-secondary { margin-top: 24px; opacity: .82; }

/* Tema claro — mantém a identidade que já está publicada. */
html[data-theme="light"] .experience-v15 .hero-trust-row { color: #5b6f87; }
html[data-theme="light"] .experience-v15 .hero-trust-row strong { color: #173b67; }
html[data-theme="light"] .experience-v15 .xp-proof-live {
  background:
    radial-gradient(circle at 82% 28%,rgba(47,117,255,.12),transparent 30%),
    linear-gradient(180deg,#ffffff,#f2f6fb);
  border-bottom-color: #d9e3ee;
}
html[data-theme="light"] .experience-v15 .xp-proof-live h2,
html[data-theme="light"] .experience-v15 .xp-opportunity h2 { color: #142033; }
html[data-theme="light"] .experience-v15 .xp-proof-live-lead,
html[data-theme="light"] .experience-v15 .xp-opportunity-heading > p:last-child { color: #56697f; }
html[data-theme="light"] .experience-v15 .xp-proof-live-steps { border-top-color: #d8e3ee; }
html[data-theme="light"] .experience-v15 .xp-proof-live-steps > div { border-bottom-color: #dfe7f0; }
html[data-theme="light"] .experience-v15 .xp-proof-live-steps strong { color: #20344f; }
html[data-theme="light"] .experience-v15 .xp-proof-live-steps small { color: #66798f; }
html[data-theme="light"] .experience-v15 .xp-text-link { color: #245d9e; }
html[data-theme="light"] .experience-v15 .xp-text-link:hover { color: #173b67; }
html[data-theme="light"] .experience-v15 .xp-proof-live-media {
  border-color: #cddbea;
  background: #fff;
  box-shadow: 0 30px 66px rgba(57,78,106,.14);
}
html[data-theme="light"] .experience-v15 .xp-proof-live-media figcaption { color: #65788e; }
html[data-theme="light"] .experience-v15 .xp-opportunity {
  background: #eef4fa;
  border-bottom-color: #d7e2ed;
}
html[data-theme="light"] .experience-v15 .xp-opportunity-grid {
  border-color: #d6e1ec;
  background: #d6e1ec;
}
html[data-theme="light"] .experience-v15 .xp-opportunity-grid article { background: #f8fbfe; }
html[data-theme="light"] .experience-v15 .xp-opportunity-grid h3 { color: #142033; }
html[data-theme="light"] .experience-v15 .xp-opportunity-grid p { color: #5d7188; }
html[data-theme="light"] .experience-v15 .xp-support-whatsapp { color: #245d9e; }

@media (max-width: 980px) {
  .experience-v15 .xp-proof-live-grid { grid-template-columns: minmax(0,1fr); gap: 42px; }
  .experience-v15 .xp-proof-live-copy { max-width: 720px; }
  .experience-v15 .xp-opportunity-heading { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .experience-v15 .xp-opportunity-heading .xp-step-kicker,
  .experience-v15 .xp-opportunity-heading h2,
  .experience-v15 .xp-opportunity-heading > p:last-child { grid-column: 1; }
  .experience-v15 .xp-opportunity-grid { grid-template-columns: minmax(0,1fr); }
  .experience-v15 .xp-opportunity-grid article { min-height: 0; }
}

@media (max-width: 760px) {
  .experience-v15 .hero-trust-row { gap: 9px 14px; margin-top: 20px; }
  .experience-v15 .hero-trust-row span { width: 100%; }
  .experience-v15 .hero-trust-row span:not(:first-child)::before { margin-right: 6px; }
  .experience-v15 .xp-proof-live,
  .experience-v15 .xp-opportunity { padding-block: 72px; }
  .experience-v15 .xp-proof-live h2,
  .experience-v15 .xp-opportunity h2 { font-size: clamp(39px,11.5vw,56px); }
  .experience-v15 .xp-proof-live-media { padding: 8px; }
  .experience-v15 .xp-opportunity-grid { margin-top: 40px; }
  .experience-v15 .xp-opportunity-grid article { padding: 28px 24px 30px; }
  .experience-v15 .xp-opportunity-grid h3 { margin-top: 28px; }
  .experience-v15 .xp-plans-grid-single .plan-card ul { grid-template-columns: minmax(0,1fr); }
  .experience-v15 .xp-support-conversion { align-items: stretch; flex-direction: column; }
  .experience-v15 .xp-support-conversion .button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .experience-v15 .xp-proof-live-media video { animation: none !important; }
}