:root{--navy:#101d2f;--ink:#12213a;--muted:#6b7890;--line:#dbe5f2;--bg:#f6f9fc;--blue:#2f6df6;--red:#e11d2e;--green:#12b981;--card:#fff;--shadow:0 20px 50px rgba(16,29,47,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}.lgp-tour{max-width:1900px;margin:0 auto;padding:34px 22px 50px}.tour-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#0e1b2e,#172b48);color:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow);margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#9ec3ff;margin:0 0 10px}.tour-hero h1{font-size:42px;line-height:1.05;margin:0 0 12px}.hero-copy{max-width:850px;color:#d7e4f8;font-size:17px;line-height:1.55;margin:0}.hero-actions,.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;text-decoration:none;font-weight:800;border:1px solid transparent;white-space:nowrap}.btn.primary{background:var(--red);color:#fff}.btn.ghost{background:#fff;color:var(--navy);border-color:#dbe5f2}.tour-shell{display:grid;grid-template-columns:260px 1fr;gap:18px}.tour-nav{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(16,29,47,.08);position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto}.nav-title{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 6px 12px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:var(--ink);padding:12px;border-radius:12px;text-align:left;font-weight:800;cursor:pointer;margin-bottom:6px;display:flex;gap:10px;align-items:center}.nav-item span{width:25px;height:25px;border-radius:8px;background:#edf3fb;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--blue);flex:0 0 auto}.nav-item.active{background:#eaf2ff;border-color:#9fc0ff;color:#174ea6}.tour-main{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(340px,.42fr);gap:18px}.screen-card,.description-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(16,29,47,.08)}.screen-card{overflow:hidden}.screen-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:900;color:var(--muted);font-size:13px}.toolbar-buttons{display:flex;gap:8px}.small-btn{border:0;background:#17253b;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.small-btn:disabled{opacity:.4;cursor:not-allowed}.image-wrap{display:block;width:100%;padding:0;border:0;background:#eef4fb;cursor:zoom-in}#screenImage{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#f8fbff}.description-card{padding:26px;align-self:start;position:sticky;top:16px}.screen-kicker{margin:0 0 10px;color:var(--blue);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.description-card h2{font-size:30px;line-height:1.1;margin:0 0 8px}.description-card h3{font-size:18px;line-height:1.35;margin:0 0 14px;color:#31445f}.description-card p{color:var(--muted);line-height:1.6;font-size:15px}.description-card ul{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px}.description-card li{padding:11px 12px;border-radius:12px;background:#f4f8fd;border:1px solid #e4edf7;font-weight:750;color:#20334f}.description-card li:before{content:'✓';color:var(--green);font-weight:900;margin-right:8px}.lightbox{position:fixed;inset:0;background:rgba(5,13,25,.88);display:none;align-items:center;justify-content:center;z-index:9999;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:96vw;max-height:92vh;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.5)}.lightbox-close{position:fixed;top:18px;right:22px;border:0;background:#fff;color:#101d2f;width:44px;height:44px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}@media(max-width:1050px){.tour-shell,.tour-main{grid-template-columns:1fr}.tour-nav,.description-card{position:relative;top:auto}.tour-nav{max-height:none}.tour-hero{flex-direction:column;align-items:flex-start}.tour-hero h1{font-size:34px}}@media(max-width:640px){.lgp-tour{padding:18px 12px}.tour-hero{padding:24px;border-radius:18px}.tour-hero h1{font-size:30px}.screen-toolbar{flex-direction:column;gap:10px;align-items:flex-start}.description-card{padding:20px}.description-card h2{font-size:25px}.btn{width:100%}}


/* Larger screenshot update — keeps original format, only scales the image stage */
.screen-card{min-width:0}
.image-wrap{min-height:520px;display:flex;align-items:center;justify-content:center}
#screenImage{max-width:100%;}

@media (min-width:1500px){
  .tour-main{grid-template-columns:minmax(0,2.15fr) minmax(330px,.38fr)}
  .description-card h2{font-size:28px}
  .description-card{padding:22px}
}

@media (max-width:1180px){
  .tour-main{grid-template-columns:1fr}
  .description-card{position:static}
  .image-wrap{min-height:360px}
}

@media (max-width:900px){
  .tour-shell{grid-template-columns:1fr}
  .tour-nav{position:static;max-height:none}
}


/* Start Tour expanded mode — keeps original design, expands the screenshot stage */
.btn{cursor:pointer}
.expanded-tour-bar{
  display:none;
  margin:0 0 18px;
  background:linear-gradient(135deg,#0e1b2e,#1d3c66);
  color:#fff;
  border-radius:20px;
  padding:18px 22px;
  box-shadow:0 10px 30px rgba(16,29,47,.10);
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.expanded-tour-bar h2{margin:3px 0 3px;font-size:28px;line-height:1.05}
.expanded-tour-bar p{margin:0;color:#d7e4f8;font-weight:650}
.expanded-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#9ec3ff;font-weight:900}
.expanded-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ghost-small{background:#fff!important;color:#17253b!important;border:1px solid #dbe5f2!important}
.expanded-description{
  display:none;
  padding:16px 18px 20px;
  border-top:1px solid var(--line);
  background:#fff;
  color:var(--ink);
}
.expanded-description h3{margin:0 0 8px;font-size:22px}
.expanded-description p{margin:0 0 12px;color:var(--muted);line-height:1.55}
.expanded-description ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.expanded-description li{background:#f4f8fd;border:1px solid #e4edf7;border-radius:999px;padding:8px 12px;font-weight:800;color:#20334f}
.expanded-description li:before{content:'✓';color:var(--green);font-weight:900;margin-right:6px}

.lgp-tour.tour-expanded{max-width:1960px}
.lgp-tour.tour-expanded .tour-hero{
  padding:20px 24px;
  margin-bottom:16px;
}
.lgp-tour.tour-expanded .tour-hero h1{font-size:30px;margin-bottom:6px}
.lgp-tour.tour-expanded .hero-copy{font-size:14px;line-height:1.35;max-width:980px}
.lgp-tour.tour-expanded .eyebrow{font-size:10px;margin-bottom:5px}
.lgp-tour.tour-expanded .hero-actions .btn.ghost{display:none}
.lgp-tour.tour-expanded .tour-shell{display:block}
.lgp-tour.tour-expanded .tour-nav{display:none}
.lgp-tour.tour-expanded .description-card{display:none}
.lgp-tour.tour-expanded .tour-main{display:block}
.lgp-tour.tour-expanded .expanded-tour-bar{display:flex}
.lgp-tour.tour-expanded .screen-card{border-radius:20px}
.lgp-tour.tour-expanded .screen-toolbar{display:none}
.lgp-tour.tour-expanded .image-wrap{min-height:0;background:#f8fbff}
.lgp-tour.tour-expanded #screenImage{
  width:100%;
  max-height:calc(100vh - 290px);
  min-height:520px;
  object-fit:contain;
}
.lgp-tour.tour-expanded .expanded-description{display:block}

@media (max-width:900px){
  .expanded-tour-bar{align-items:flex-start;flex-direction:column}
  .expanded-actions{justify-content:flex-start}
  .lgp-tour.tour-expanded #screenImage{min-height:auto;max-height:none}
}


/* Final platform/trial page */
.final-page{display:none;padding:26px;background:#fff}
.screen-card.final-slide-active .image-wrap{display:none}
.screen-card.final-slide-active .expanded-description{display:none}
.screen-card.final-slide-active .final-page{display:block}
.final-hero{
  background:linear-gradient(135deg,#0e1b2e,#1d3c66);
  color:#fff;
  border-radius:18px;
  padding:28px;
  margin-bottom:18px;
}
.final-hero h2{font-size:30px;line-height:1.18;margin:8px 0 12px;max-width:1100px}
.final-hero p{color:#d7e4f8;font-size:16px;line-height:1.55;max-width:950px}
.final-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.final-grid article{
  background:#f6f9fc;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
}
.final-grid h3{margin:0 0 12px;font-size:20px;color:#10213a}
.final-grid p,.final-grid li{color:#51637c;line-height:1.6;font-size:15px}
.final-grid ul,.final-grid ol{margin:0;padding-left:20px}
.final-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.nav-item.final-nav{background:#fff7ed;border-color:#fed7aa}
.nav-item.final-nav.active{background:#fff1df;border-color:#fb923c;color:#9a3412}
@media(max-width:900px){.final-grid{grid-template-columns:1fr}.final-hero h2{font-size:24px}}

.lan-red{color:#ff3b3b;font-weight:900;}


/* Final production tour behavior */
.lgp-tour.final-slide .expanded-actions #expandedNextBtn{
  background:#fff!important;
  color:#17253b!important;
  border:1px solid #ff3b3b!important;
}
.lgp-tour.final-slide .expanded-actions #showScreenListBtn{
  display:none!important;
}
.lgp-tour.final-slide .screen-toolbar #screenCounter{
  font-weight:900;
  color:#0f172a;
}
.lgp-tour.final-slide .screen-toolbar #nextBtn{
  background:#fff!important;
  color:#17253b!important;
  border:1px solid #ff3b3b!important;
}
.lgp-tour.final-slide .screen-toolbar #nextBtn:disabled{
  opacity:1!important;
  cursor:pointer!important;
}
.lgp-tour.final-slide .final-page{
  padding-top:20px;
}