/* Home V2: seção dos 2 produtos (jornada + cards), faixa "Juntos" e seção "Sem risco" */

/* Jornada: o checkout converte; quem sai, a Vendedora IA recupera */
.pj{display:grid;grid-template-columns:repeat(7,auto);justify-content:center;align-items:center;gap:12px;margin:8px auto 48px}
.pj>*{grid-row:1}
.pj-step{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-l);background:var(--paper);font-weight:700;font-size:.92rem;color:var(--navy);white-space:nowrap;justify-self:center}
.pj-step.cr{background:var(--blue);border-color:var(--blue);color:#fff}
.pj-step.ia{background:#0B3B2E;border-color:#0B3B2E;color:#9FF0C4}
.pj-step.ok{background:#E3F5D6;border-color:#C9EBB4;color:var(--green-ink)}
.pj-step.out{background:#fff;border-style:dashed;color:var(--slate)}
.pj-step svg{width:16px;height:16px}
.pj-arrow{width:28px;height:2px;background:var(--line-l);position:relative}
.pj-arrow::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--line-l);border-right:0}
.pj-branch{grid-row:2!important;grid-column:3;justify-self:center;width:2px;height:22px;background:var(--line-l);margin:-6px 0}
.pj-row2{display:contents}
.pj-row2>*{grid-row:3}
.pj-row2>:nth-child(1){grid-column:3}.pj-row2>:nth-child(2){grid-column:4}.pj-row2>:nth-child(3){grid-column:5}.pj-row2>:nth-child(4){grid-column:6}.pj-row2>:nth-child(5){grid-column:7}
@media (max-width:860px){.pj{grid-template-columns:1fr;justify-items:center;gap:10px}.pj>*,.pj-row2>*,.pj-branch{grid-row:auto!important;grid-column:auto!important}.pj-arrow{width:2px;height:16px}.pj-arrow::after{right:-4px;top:auto;bottom:-6px;border:5px solid transparent;border-top:7px solid var(--line-l);border-bottom:0}.pj-branch{margin:0;height:16px}}

/* Cards dos produtos */
.pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pp-card{display:flex;flex-direction:column;gap:14px;padding:16px 16px 26px;border-radius:26px;background:var(--paper);border:1px solid var(--line-l);transition:border-color .25s ease,transform .25s ease}
.pp-card:hover{border-color:#B8C6DA;transform:translateY(-3px)}
.pp-card .mx-vis{height:240px;margin:0 0 8px;border-radius:18px}
.pp-card .mx-shot{width:52%;margin-top:30px}
.pp-card:hover .mx-shot{transform:translateY(-10px)}
.pp-card .mx-chat{width:70%}
.pp-card .mx-b{font-size:.8rem}
.pp-in{display:flex;flex-direction:column;gap:12px;padding:0 10px}
.pp-eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.pp-card h3{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--navy);line-height:1.15}
.pp-card p{color:var(--slate);font-size:1.02rem;max-width:44ch}
.pp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pp-list li{display:flex;gap:10px;align-items:flex-start;color:var(--ink);font-size:.97rem}
.pp-list svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--green-ink)}
.pp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line-l)}
.pp-metric b{display:block;font-family:var(--display);font-weight:900;font-size:2rem;letter-spacing:-.03em;line-height:1;color:var(--navy)}
.pp-metric small{display:block;margin-top:4px;color:var(--slate);font-size:.86rem}
.pp-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--blue);text-decoration:none}
.pp-link svg{width:16px;height:16px;transition:transform .25s ease}
.pp-card:hover .pp-link svg{transform:translateX(3px)}
@media (max-width:860px){.pp-grid{grid-template-columns:1fr}.pp-card .mx-vis{height:200px}}

/* Juntos */
.pp-together{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:22px;padding:26px 30px;border-radius:24px;background:radial-gradient(80% 140% at 0% 0%,rgba(15,78,249,.35),rgba(15,78,249,0) 60%),var(--night);color:#fff}
.pp-together p{font-size:1.15rem;max-width:56ch;color:#DDE5F5}
.pp-together p b{color:#fff}

/* Sem risco */
.risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.risk{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:22px;background:var(--white);border:1px solid var(--line-l)}
.risk .rc-icon{width:46px;height:46px}
.risk h3{font-size:1.3rem;font-weight:800;color:var(--navy);letter-spacing:-.01em}
.risk p{color:var(--slate);font-size:.98rem}
.risk a{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--blue);text-decoration:none}
.risk a svg{width:16px;height:16px}
@media (max-width:900px){.risk-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pp-card,.pp-link svg{transition:none}.pp-card:hover{transform:none}}

/* Sem os números no hero, os logos fecham a seção com respiro */
.hero>.logos:last-child{padding-bottom:96px}

/* Sem risco: dois grupos de 3 (resultado e segurança) */
.risk-group{display:flex;flex-direction:column;gap:14px}
.risk-group+.risk-group{margin-top:34px;scroll-margin-top:96px}
.risk-lab{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.risk-group#seguranca .rc-icon{background:#E3F5D6;color:var(--green-ink)}

/* Hero com vídeo de corrida: monocromático, tingido de azul e escurecido para o texto e o celular continuarem legíveis */
.hero-media{position:absolute;inset:0;overflow:hidden;background:#000E24 url(media/hero-run.jpg) 60% 50%/cover no-repeat}
.hero-vid{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 50%;transform:scaleX(-1);filter:grayscale(1) contrast(1.15) brightness(.6)}
.hero-media::before{content:"";position:absolute;inset:0;background:#0F4EF9;mix-blend-mode:soft-light;opacity:.7}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,14,36,.95) 0%,rgba(0,14,36,.78) 38%,rgba(0,14,36,.4) 72%,rgba(0,14,36,.55) 100%),linear-gradient(180deg,rgba(0,14,36,.35) 0%,rgba(0,14,36,0) 35%,rgba(0,14,36,.4) 70%,#000E24 100%)}
.hero::before{z-index:0}
@media (max-width:760px){.hero-media::after{background:linear-gradient(180deg,rgba(0,14,36,.7) 0%,rgba(0,14,36,.88) 60%,#000E24 100%)}}

/* Carrossel de logos no celular: 2 linhas, metade dos cases em cada, correndo em sentidos opostos */
.mq-mobile{display:none}
@media (max-width:760px){
  .mq-desktop{display:none}
  .mq-mobile{display:flex;flex-direction:column;gap:14px}
  .mq-mobile .track{gap:44px;animation-duration:26s}
  .mq-right .track{animation-direction:reverse}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.mq-mobile .track{animation:none}}

/* Sem risco enxuta: menos respiro, cards compactos com ícone ao lado do título; segurança em faixa baixa */
#sem-risco{padding-block:80px}
#sem-risco .sec-head{margin-bottom:32px}
#sem-risco .risk-grid{gap:12px}
#sem-risco .risk{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:14px;row-gap:4px;padding:20px 22px;border-radius:18px}
#sem-risco .risk .rc-icon{grid-row:span 3;width:38px;height:38px;border-radius:11px}
#sem-risco .risk .rc-icon svg{width:19px;height:19px}
#sem-risco .risk h3{font-size:1.06rem;line-height:1.3}
#sem-risco .risk p{font-size:.92rem;line-height:1.5}
#sem-risco .risk a{margin-top:4px;font-size:.9rem}
#sem-risco .risk-group{gap:10px}
#sem-risco .risk-group+.risk-group{margin-top:22px}
#sem-risco #seguranca .risk{padding:14px 18px;background:transparent}
#sem-risco #seguranca .risk p{font-size:.86rem}
@media (max-width:760px){
  #sem-risco{padding-block:56px}
  #sem-risco .sec-head{margin-bottom:24px}
  #sem-risco .risk{padding:16px}
  #sem-risco #seguranca .risk{padding:12px 14px}
  #sem-risco #seguranca .risk-grid{gap:8px}
}
#sem-risco .h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}

/* Jornada: Vendedora IA nas duas pontas; embaixo do carrinho ela gera vendas, depois do checkout ela recupera quem saiu */
.pj.duo{grid-template-columns:repeat(7,auto);column-gap:12px;row-gap:0}
.pj.duo>*{grid-row:auto}
.pj.duo .r1{grid-row:1}.pj.duo .r2{grid-row:2}.pj.duo .r3{grid-row:3}
.pj.duo .c1{grid-column:1}.pj.duo .c2{grid-column:2}.pj.duo .c3{grid-column:3}.pj.duo .c4{grid-column:4}.pj.duo .c5{grid-column:5}.pj.duo .c6{grid-column:6}.pj.duo .c7{grid-column:7}
.pj.duo .pj-step.c1,.pj.duo .pj-step.c3,.pj.duo .pj-step.c5{justify-self:stretch;justify-content:center}
.pj.duo .pj-branch{grid-column:3;height:40px;margin:0}
.pj-step em{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border-radius:999px;margin-right:2px;background:rgba(159,240,196,.16);color:#9FF0C4}
.pj-up{justify-self:center;position:relative;width:2px;height:40px;background:#7BC74D}
.pj-up::before{content:"";position:absolute;left:-4px;top:-1px;border:5px solid transparent;border-bottom:7px solid #7BC74D;border-top:0}
.pj-up small{position:absolute;left:12px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.78rem;font-weight:700;color:var(--green-ink)}
@media (max-width:860px){
  .pj.duo{grid-template-columns:1fr;justify-items:center;row-gap:10px}
  .pj.duo .pj-step,.pj.duo .pj-step.c1,.pj.duo .pj-step.c3,.pj.duo .pj-step.c5{justify-self:center}
  .pj.duo .gen{order:1}.pj.duo .pj-up{order:2}.pj.duo .r1.c1{order:3}.pj.duo .r1.c2{order:4}.pj.duo .r1.c3{order:5}.pj.duo .r1.c4{order:6}.pj.duo .r1.c5{order:7}
  .pj.duo .pj-branch{order:8;height:16px}.pj.duo .r3.c3{order:9}.pj.duo .r3.c4{order:10}.pj.duo .r3.c5{order:11}.pj.duo .r3.c6{order:12}.pj.duo .r3.c7{order:13}
  .pj-up{height:22px}
  .pj-up::before{top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid #7BC74D;border-bottom:0}
}

/* Hero: sequência de 3 cenas (cliente sai, corredor dispara, cliente volta) com o mesmo escurecimento; cor preservada para o verde da marca */
.hero-media{background-image:url(media/hero-seq.jpg?v=2);background-position:50% 50%}
.hero-vid{transform:none;object-position:50% 50%;filter:saturate(.9) contrast(1.05) brightness(.72)}
.hero-media::before{opacity:.35}
@media (max-width:760px){.hero-media{background-image:url(media/hero-seq-m.jpg?v=2)}}

/* Sem risco no celular (V3): acordeão automático, um item por vez, com borda em degradê e barra de progresso */
@media (max-width:760px){
  #sem-risco.risk-acc .risk-grid{gap:8px}
  #sem-risco.risk-acc .risk,#sem-risco.risk-acc #seguranca .risk{position:relative;overflow:hidden;cursor:pointer;padding:14px 46px 14px 16px;border:1px solid var(--line-l);background:#fff;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;-webkit-tap-highlight-color:transparent}
  #sem-risco.risk-acc .risk::before{content:var(--n);position:absolute;right:16px;top:17px;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:#9AA6BC;transition:color .3s ease}
  #sem-risco.risk-acc .risk{row-gap:0!important}
  #sem-risco.risk-acc .risk h3,#sem-risco.risk-acc .risk p,#sem-risco.risk-acc .risk a{grid-column:2}
  #sem-risco.risk-acc .risk .rc-icon{grid-column:1;grid-row:1}
  #sem-risco.risk-acc .risk h3{align-self:center;min-height:38px;display:flex;align-items:center;transition:color .3s ease}
  #sem-risco.risk-acc .risk p,#sem-risco.risk-acc .risk a{max-height:0;opacity:0;margin:0;overflow:hidden;transform:translateY(-4px);transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),margin .3s ease}
  #sem-risco.risk-acc .risk .rc-icon{grid-row:span 1;transition:box-shadow .4s ease,background-color .3s ease}
  #sem-risco.risk-acc .risk.on{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#0F4EF9,#7EA0FF 55%,#5CEA00) border-box;box-shadow:0 18px 40px -26px rgba(15,78,249,.55)}
  #sem-risco.risk-acc .risk.on::before{color:var(--blue)}
  #sem-risco.risk-acc .risk.on .rc-icon{box-shadow:0 0 0 0 rgba(15,78,249,.35);animation:risk-ping 1.6s ease-out infinite}
  #sem-risco.risk-acc .risk.on p{max-height:140px;opacity:1;transform:none;margin-top:6px;transition-delay:.08s}
  #sem-risco.risk-acc .risk.on a{max-height:40px;opacity:1;transform:none;margin-top:8px;transition-delay:.14s}
  #sem-risco.risk-acc .risk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#0F4EF9,#5CEA00);transform:scaleX(0);transform-origin:left center;opacity:0}
  #sem-risco.risk-acc .risk.on.run::after{opacity:1;animation:risk-progress 4.2s linear forwards}
  #sem-risco.risk-acc .risk:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
}
@keyframes risk-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes risk-ping{0%{box-shadow:0 0 0 0 rgba(15,78,249,.35)}70%{box-shadow:0 0 0 10px rgba(15,78,249,0)}100%{box-shadow:0 0 0 0 rgba(15,78,249,0)}}
@media (prefers-reduced-motion:reduce){#sem-risco.risk-acc .risk *,#sem-risco.risk-acc .risk::after{animation:none!important;transition:none!important}}

/* Cards de produto: dois iPhones simétricos (checkout de um lado, WhatsApp do outro), sem etiquetas */
.pp-card .mx-vis{display:flex;justify-content:center;align-items:flex-end;padding:0}
.pp-card .mx-vis-ck,.pp-card .mx-vis-ia{background:radial-gradient(70% 90% at 50% 100%,rgba(126,160,255,.28),rgba(126,160,255,0) 70%),#0A1A3A}
.pp-card .mx-phone{margin-top:0;align-self:flex-end;height:212px;width:58%;max-width:300px}
.pp-card .mx-phone .mx-shot{height:auto}
@media (max-width:860px){.pp-card .mx-phone{width:62%;height:180px}}