/* Shared public-site screenshot expansion and visual walkthrough */
.site-shot-trigger{position:relative;display:block;overflow:hidden;color:inherit;text-decoration:none;background:#06111d;cursor:zoom-in}
.site-shot-trigger img{transition:transform .24s ease,filter .24s ease}
.site-shot-trigger:hover img,.site-shot-trigger:focus-visible img{transform:scale(1.012);filter:brightness(1.05)}
.site-shot-trigger:focus-visible{outline:3px solid rgba(67,224,177,.75);outline-offset:-3px}
.site-shot-zoom{position:absolute;right:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(150,200,221,.3);border-radius:999px;background:rgba(3,14,22,.88);color:#e7f7fb;font-size:.68rem;font-weight:850;letter-spacing:.07em;box-shadow:0 9px 26px rgba(0,0,0,.36);backdrop-filter:blur(8px)}
.site-shot-zoom::before{content:'+';display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(109,227,187,.48);border-radius:50%;color:#71e4bd;font-size:.78rem;line-height:1}
.hero-product .site-shot-zoom{bottom:12px}
.screen-card-grid .site-shot-trigger{border-bottom:1px solid var(--gc-line-soft)}
.screen-card-grid .site-shot-trigger img{border-bottom:0}

body.site-lightbox-open{overflow:hidden}
.site-lightbox[hidden]{display:none}
.site-lightbox{position:fixed;z-index:12000;inset:0;display:grid;grid-template-columns:62px minmax(0,1fr) 62px;align-items:center;padding:22px;background:rgba(1,7,12,.95);backdrop-filter:blur(17px)}
.site-lightbox-dialog{min-width:0;width:min(1500px,100%);margin:auto;overflow:hidden;border:1px solid rgba(115,169,193,.3);border-radius:18px;background:#071522;box-shadow:0 34px 110px rgba(0,0,0,.7)}
.site-lightbox-image-wrap{display:grid;place-items:center;min-height:220px;max-height:78vh;padding:14px;background:#020a11}
.site-lightbox-image-wrap img{display:block;max-width:100%;max-height:73vh;width:auto;height:auto;object-fit:contain}
.site-lightbox-copy{padding:17px 22px 20px;border-top:1px solid rgba(91,145,171,.2);background:linear-gradient(90deg,rgba(10,31,45,.99),rgba(8,23,36,.99))}
.site-lightbox-copy>div{display:flex;align-items:center;justify-content:space-between;gap:15px}
.site-lightbox-copy span{color:#6de3bb;font-size:.65rem;font-weight:900;letter-spacing:.11em}
.site-lightbox-copy small{color:#7892a2;font-size:.7rem;font-weight:800}
.site-lightbox-copy h2{margin:8px 0 5px;color:#eef8fc;font-size:1.25rem;line-height:1.3}
.site-lightbox-copy p{margin:0;color:#91a8b7;font-size:.84rem;line-height:1.6}
.site-lightbox-close,.site-lightbox-nav{border:1px solid rgba(133,178,199,.27);background:rgba(7,23,34,.9);color:#eaf6fb;box-shadow:0 12px 35px rgba(0,0,0,.3);cursor:pointer}
.site-lightbox-close:hover,.site-lightbox-close:focus-visible,.site-lightbox-nav:hover,.site-lightbox-nav:focus-visible{border-color:rgba(52,221,169,.68);background:#0d2a37;color:#7ce6c0;outline:none}
.site-lightbox-close{position:absolute;top:18px;right:18px;z-index:3;width:44px;height:44px;border-radius:50%;font-size:1.75rem;line-height:1}
.site-lightbox-nav{display:grid;place-items:center;width:48px;height:58px;margin:auto;border-radius:14px;font-size:2.25rem;line-height:1}

.bot-visual-tour{padding-top:105px;padding-bottom:105px;background:linear-gradient(180deg,#06111d 0%,#081522 52%,#06111d 100%)}
.bot-visual-tour .section-heading{margin-bottom:31px}
.bot-tour-stack{display:grid;gap:25px}
.bot-tour-stack .tour-item{grid-template-columns:minmax(265px,.72fr) minmax(0,1.28fr)}
.bot-tour-stack .tour-item.reverse{grid-template-columns:minmax(0,1.28fr) minmax(265px,.72fr)}
.bot-tour-stack .product-shot{min-width:0}
.bot-tour-stack .product-shot-image{max-height:650px;object-fit:cover;object-position:top}
.bot-tour-stack .tour-copy p+p{margin-top:12px}
.bot-tour-points{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}
.bot-tour-points li{position:relative;padding-left:20px;color:#91a7b5;font-size:.88rem;line-height:1.55}
.bot-tour-points li::before{content:'✓';position:absolute;left:0;top:0;color:#55d8ae;font-weight:900}
.bot-tour-access{display:inline-flex;align-items:center;gap:8px;margin-top:17px;padding:7px 10px;border:1px solid rgba(80,211,170,.2);border-radius:999px;background:rgba(20,104,82,.12);color:#75e1be;font-size:.68rem;font-weight:900;letter-spacing:.09em}
.bot-tour-note{margin-top:27px;padding:20px 22px;border:1px solid rgba(82,141,169,.22);border-radius:16px;background:rgba(7,23,35,.8);color:#829aa9;font-size:.82rem;line-height:1.65}

@media(max-width:900px){
  .bot-tour-stack .tour-item,.bot-tour-stack .tour-item.reverse{grid-template-columns:1fr;gap:25px;padding:25px}
  .bot-tour-stack .tour-item.reverse .tour-copy{order:0}
  .bot-tour-stack .tour-item.reverse .product-shot{order:1}
}
@media(max-width:760px){
  .site-lightbox{grid-template-columns:42px minmax(0,1fr) 42px;padding:11px 3px}
  .site-lightbox-dialog{border-radius:13px}
  .site-lightbox-image-wrap{padding:7px;max-height:72vh}
  .site-lightbox-image-wrap img{max-height:67vh}
  .site-lightbox-copy{padding:14px 16px 17px}
  .site-lightbox-copy h2{font-size:1.04rem}
  .site-lightbox-nav{width:36px;height:50px;border-radius:11px;font-size:1.9rem}
  .site-lightbox-close{top:8px;right:8px;width:40px;height:40px;background:rgba(4,17,26,.97)}
  .bot-visual-tour{padding-top:72px;padding-bottom:72px}
}
@media(max-width:430px){
  .site-shot-zoom{right:8px;bottom:8px;padding:7px 9px;font-size:.61rem}
  .site-lightbox{grid-template-columns:34px minmax(0,1fr) 34px}
  .site-lightbox-nav{width:30px;height:44px}
  .site-lightbox-copy>div{align-items:flex-start;flex-direction:column;gap:4px}
  .bot-tour-stack .tour-item,.bot-tour-stack .tour-item.reverse{padding:18px;border-radius:17px}
}
@media(prefers-reduced-motion:reduce){.site-shot-trigger img{transition:none}}

/* V6 focused product tour: three screenshots total. */
.focused-tour-stack{gap:30px}
.tour-support-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.tour-support-strip article{padding:18px 19px;border:1px solid rgba(82,141,169,.22);border-radius:15px;background:rgba(7,23,35,.8)}
.tour-support-strip span{display:block;margin-bottom:7px;color:#70e4f1;font-size:.63rem;font-weight:900;letter-spacing:.12em}
.tour-support-strip p{margin:0;color:#829aa9;font-size:.82rem;line-height:1.6}
@media(max-width:800px){.tour-support-strip{grid-template-columns:1fr}}