/* Landing walkthrough (20 Oct 2026). The walkthrough itself wears sh2.css (= start_here.css, copied by sync.sh); this
   sheet is only the landing section around it (the same frame #slDemo had), the start cover, the end offer and the
   icon buttons. */
#ltour{position:relative;z-index:1;background:#04070d;padding:clamp(46px,7vh,82px) 0;border-top:1px solid rgba(150,200,235,.10)}
#ltour .lt-inner{max-width:1180px;margin:0 auto;padding:0 32px}
#ltour .lt-head{text-align:center;margin-bottom:28px}
#ltour .lt-eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#3fe0c0}
#ltour .lt-h{font-size:clamp(1.9rem,3.6vw,2.85rem);font-weight:900;letter-spacing:-.035em;line-height:1.04;margin:12px 0 0;color:#f3f8fd}
#ltour .lt-lead{font-size:clamp(1rem,1.3vw,1.16rem);color:#b6c4d4;margin:14px auto 0;max-width:600px;font-weight:500;line-height:1.5}
#ltour #panel-starthere .sh2{padding:0;max-width:none}
#ltour #panel-starthere .sh2 .sh2-tour{box-shadow:0 50px 120px -52px rgba(0,0,0,.92)}

/* the header's controls: icon buttons, and the lit state while she reads */
#panel-starthere .sh2 .lt-ic{width:30px;padding:0;justify-content:center}
#panel-starthere .sh2 .lt-ic:disabled{opacity:.35;cursor:default}
#panel-starthere .sh2 .lt-ic.is-on,#panel-starthere .sh2 .lt-all.is-on{border-color:rgba(var(--t-rgb),.7);color:var(--t);background:rgba(var(--t-rgb),.1)}
#panel-starthere .sh2 a.sh2-btn{text-decoration:none}

/* the start cover: over the whole walkthrough until the first click */
#panel-starthere .sh2 .lt-cover{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 90% at 50% 40%,rgba(63,224,192,.16),rgba(4,7,13,.55) 60%),rgba(4,7,13,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:inherit}
/* the walkthrough is taller than a screen: the button sits in its top part, where the reader arrives, not at its middle */
#panel-starthere .sh2 .lt-cover{align-items:flex-start}
#panel-starthere .sh2 .lt-cover-in{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:clamp(70px,16vh,170px) 20px 20px}
#panel-starthere .sh2 .lt-go{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#f3f8fd}
#panel-starthere .sh2 .lt-play{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#04070d;
  background:#3fe0c0;box-shadow:0 0 0 8px rgba(63,224,192,.14),0 18px 40px -12px rgba(63,224,192,.55);transition:transform .18s ease}
#panel-starthere .sh2 .lt-play svg{width:26px;height:26px;margin-left:3px;fill:currentColor}
#panel-starthere .sh2 .lt-go:hover .lt-play,#panel-starthere .sh2 .lt-go:focus-visible .lt-play{transform:scale(1.07)}
#panel-starthere .sh2 .lt-go-t{font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:800;letter-spacing:-.01em;margin-top:6px}
#panel-starthere .sh2 .lt-go-s{font-size:13px;color:#a9bac9;font-weight:500}
#panel-starthere .sh2 .lt-quiet{font-size:12.5px;font-weight:700;color:#3fe0c0;text-align:center}
#panel-starthere .sh2 .lt-quiet:hover{color:#cdfaf3}

/* the end: over the last tab's picture */
#panel-starthere .sh2 .sh2-stage{position:relative}
#panel-starthere .sh2 .lt-end{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:rgba(4,7,13,.84);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
/* the stage is taller than a laptop screen: the offer sits in its top part, where the reader is, not at its middle */
#panel-starthere .sh2 .lt-end{align-items:flex-start}
#panel-starthere .sh2 .lt-end-in{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:clamp(60px,14vh,150px) 24px 24px}
#panel-starthere .sh2 .lt-end-in b{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:900;letter-spacing:-.03em;color:#f3f8fd}
#panel-starthere .sh2 .lt-end-in span{font-size:14px;color:#b6c4d4}
#panel-starthere .sh2 .lt-cta{margin-top:10px;display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;font-size:14.5px;font-weight:800;color:#03201c;
  background:linear-gradient(180deg,#1FD8C4,#0FB5A8);box-shadow:0 0 26px -8px rgba(31,216,196,.9)}
#panel-starthere .sh2 .lt-end-in small{font-size:12px;color:#8ba0b3}
#panel-starthere .sh2 .lt-alt{font-size:13px;font-weight:700;color:#3fe0c0;margin-top:4px}
#panel-starthere .sh2 .lt-again{margin-top:10px;font-size:12.5px;font-weight:700;color:#8ba0b3;text-align:center}
#panel-starthere .sh2 .lt-again:hover{color:#e9f1f7}

/* a phone: the header's buttons get their own row under the tab's name */
#panel-starthere .sh2[data-view="phone"] .sh2-st-h{flex-wrap:wrap;row-gap:10px}
#panel-starthere .sh2[data-view="phone"] .sh2-st-h .sh2-st-r{margin-left:0;width:100%}
#panel-starthere .sh2[data-view="phone"] .sh2-st-h .sh2-st-r .lt-all{margin-right:auto}
@media(max-width:860px){#ltour{padding:42px 0}#ltour .lt-inner{padding:0 16px}}