/* ═══ Tour do app (mesmo formato da apresentação /rafaelkenji) ═══ */
.rkt{ display:grid; gap:18px; margin-top:8px; }
.rkt-chips{ display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:0 calc(var(--rk-pad, var(--pad, 20px)) * -1); padding:2px var(--rk-pad, var(--pad, 20px)); }
.rkt-chips::-webkit-scrollbar{ display:none; }
.rkt-chip{ flex:none; display:inline-flex; align-items:center; gap:7px; height:40px; padding:0 14px 0 11px; border:0; border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.78); font:600 13.5px/1 inherit; font-family:inherit; cursor:pointer; transition:background .25s,color .25s; }
.rkt-chip svg{ width:17px; height:17px; }
.rkt-chip[aria-selected="true"]{ background:#fff; color:#0B1F33; }
.rkt-dev{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.rkt-phone{ position:relative; width:min(250px,64vw); padding:9px; border-radius:44px; background:#06111A; box-shadow:0 0 0 1.5px rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.85),0 0 90px -20px rgba(4,196,164,.35); }
.rkt-screen{ position:relative; border-radius:35px; overflow:hidden; background:#0F3B2E; cursor:pointer; }
.rkt-stage{ position:relative; width:100%; aspect-ratio:480/978; }
.rkt-vid{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:top; opacity:0; transition:opacity .35s; }
.rkt-vid.on{ opacity:1; }
.rkt-nav{ display:flex; align-items:center; gap:10px; }
.rkt-nav button{ width:42px; height:42px; border-radius:50%; border:0; background:rgba(255,255,255,.1); color:#fff; display:grid; place-items:center; cursor:pointer; }
.rkt-nav svg{ width:18px; height:18px; }
.rkt-nav .rkt-pause{ background:#fff; color:#0B1F33; }
.rkt .i-play{ display:none; }
.rkt.paused .i-play{ display:block; } .rkt.paused .i-pause{ display:none; }
.rkt-list{ display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.rkt-item{ border-radius:18px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); transition:background .3s,border-color .3s; }
.rkt-head{ position:relative; width:100%; display:grid; grid-template-columns:40px 1fr; gap:14px; align-items:center; padding:14px 16px; border:0; background:none; text-align:left; cursor:pointer; color:#fff; border-radius:18px; overflow:hidden; font-family:inherit; }
.rkt-ico{ width:40px; height:40px; border-radius:12px; background:rgba(255,255,255,.08); display:grid; place-items:center; color:#04C4A4; }
.rkt-ico svg{ width:19px; height:19px; }
.rkt-t small{ display:block; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.rkt-t b{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:16px; line-height:1.3; }
.rkt-t em{ font-style:normal; font-size:10.5px; font-weight:700; padding:2px 8px; border-radius:999px; background:linear-gradient(135deg,#E2C775,#A8853A); color:#0B1F33; }
.rkt-bar{ position:absolute; left:16px; right:16px; bottom:0; height:2px; border-radius:2px; overflow:hidden; }
.rkt-bar i{ display:block; height:100%; width:0; background:#04C4A4; }
 .rkt .rkt-pts{ display:none; gap:8px; margin:0; padding:0 18px 16px 70px; list-style:none; }
.rkt-pts li{ display:flex; gap:9px; font-size:14px; line-height:1.45; color:rgba(234,241,245,.85); }
.rkt-pts svg{ width:15px; height:15px; flex:none; margin-top:3px; color:#04C4A4; }
.rkt-item.on{ background:rgba(4,196,164,.08); border-color:rgba(4,196,164,.3); }
.rkt-item.on .rkt-ico{ background:#04C4A4; color:#06221C; }
.rkt-item.on .rkt-bar{ background:rgba(255,255,255,.08); }
.rkt .rkt-item.on .rkt-pts{ display:grid; }
@media (max-width:959px){ .rkt-list .rkt-item:not(.on){ display:none; } .rkt-item.on .rkt-head{ pointer-events:none; } }
@media (min-width:960px){
  .rkt{ grid-template-columns:1fr 1fr; grid-template-areas:"list dev"; gap:64px; align-items:center; }
  .rkt-chips{ display:none; }
  .rkt-dev{ grid-area:dev; } .rkt-list{ grid-area:list; }
  .rkt-phone{ width:290px; }
  .rkt-item:not(.on):hover{ background:rgba(255,255,255,.07); }
}
.rkt-feats{ margin-top:34px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.rkt-feat{ display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:start; padding:16px 18px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); }
.rkt-feat > span{ width:38px; height:38px; border-radius:11px; background:rgba(4,196,164,.12); color:#04C4A4; display:grid; place-items:center; }
.rkt-feat svg{ width:19px; height:19px; }
.rkt-feat b{ display:block; font-size:15px; color:#fff; line-height:1.3; }
.rkt-feat p{ margin:3px 0 0; font-size:13.5px; line-height:1.5; color:rgba(234,241,245,.7); }
.rkt-feat.hl{ background:rgba(201,162,77,.1); border-color:rgba(201,162,77,.35); }
.rkt-feat.hl > span{ background:rgba(201,162,77,.18); color:#E2C775; }
@media (max-width:880px){ .rkt-feats{ grid-template-columns:1fr; } }
.rkt-stores{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:16px; }
.rkt-store{ display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 13px; border-radius:10px; background:#fff; color:#0B1F33; font-weight:600; font-size:13px; }
.rkt-store svg{ width:15px; height:15px; fill:#0B1F33; }
@media (max-width:959px){ .rkt .rkt-pts{ padding:14px 18px 18px 20px; gap:11px; } .rkt-pts li{ font-size:14.5px; line-height:1.5; } }

/* versão em texto do tour (lida por Google e IAs; o JavaScript troca pelo tour com vídeos) */
.rkt-static{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* respiro entre a barra e a lista, e entre os cards e o botão */
 .rkt .rkt-pts{ padding-top:14px; gap:10px; }
.rkt-pts li{ line-height:1.5; }
.rkt-feats + .rk-app__cta{ margin-top:34px; gap:18px; }
.rkt-feats + .rk-app__cta .rk-app__lock{ line-height:1.5; }