/* Product tour: real CRYPTAGION dashboard screenshots, alternating with short copy.
   Used by the homepages (#tour) and /platform. Relies on the page tokens
   (--navy, --slate, --warm, --line, --accent). */
.tour-head{max-width:760px}
.tour-head h2{margin-bottom:12px}
.tour-head .lead{margin-bottom:16px}
.tour-note{font-size:13px;color:var(--slate);margin:0 0 56px;max-width:760px}
.tour-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:48px;align-items:center}
.tour-row.flip{grid-template-columns:minmax(0,2.6fr) minmax(0,1fr)}
.tour-row.flip .tour-copy{order:2}
.tour-row+.tour-row{margin-top:96px}
.tour-copy .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--accent);margin-bottom:10px}
.tour-copy .q{font-size:14px;font-weight:600;color:var(--slate);margin:0 0 6px}
.tour-copy h3{font-size:28px;color:var(--navy);margin:0 0 12px;text-wrap:balance}
.tour-copy p{font-size:16px;color:var(--slate);margin:0 0 12px}
.tour-copy ul{font-size:14px;color:var(--slate);padding-left:18px;margin:4px 0 0}
.tour-copy li{margin-bottom:4px}
.tour-shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  box-shadow:0 1px 2px rgba(11,37,69,.06),0 18px 48px rgba(11,37,69,.12)}
.tour-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#faf8f3;
  border-bottom:1px solid var(--line);font-size:11.5px;color:var(--slate);white-space:nowrap;overflow:hidden}
.tour-bar i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--line)}
.tour-bar span{margin-left:8px;overflow:hidden;text-overflow:ellipsis}
.tour-shot a{display:block;border:0;cursor:zoom-in}
.tour-shot img{display:block;width:100%;height:auto}
.tour-zoom{display:inline-block;margin-top:10px;font-size:13px;font-weight:600}
.tour-cta{margin-top:96px;padding:40px 24px;text-align:center;background:var(--warm);border:1px solid var(--line);border-radius:12px}
section.warm .tour-cta{background:#fff}
.tour-cta h3{font-size:26px;color:var(--navy);margin:0 0 20px}
.tour-cta .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.tour-cta .btn-ghost{color:var(--navy);border:1px solid var(--navy);background:transparent}
.tour-cta .btn-ghost:hover{background:var(--navy);color:#fff}
.tour-cta .pilot{display:inline-block;margin-top:16px;font-size:14px;font-weight:600}
/* Wide screens: the screenshot bleeds past the text column, the copy stays aligned. */
@media (min-width:1400px){
  .tour-row .tour-shot{margin-right:-120px}
  .tour-row.flip .tour-shot{margin-right:0;margin-left:-120px}
}
@media (max-width:980px){
  .tour-row,.tour-row.flip{grid-template-columns:minmax(0,1fr);gap:20px}
  .tour-row.flip .tour-copy{order:0}
  .tour-row+.tour-row{margin-top:64px}
  .tour-copy h3{font-size:24px}
  .tour-cta{margin-top:64px}
}