.tt-tour-root{position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  font-family:'Space Grotesk',system-ui,sans-serif;color:#eef2ef}
.tt-tour-mask{position:fixed;background:rgba(1,6,3,.84);backdrop-filter:blur(2px);
  pointer-events:auto;transition:all .18s ease}
.tt-tour-dialog{position:fixed;z-index:2;width:min(360px,calc(100vw - 24px));
  max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;
  padding:22px;border:1px solid #46ff77;border-radius:0;background:#07130c;
  box-shadow:0 28px 80px rgba(0,0,0,.62);outline:0;pointer-events:auto}
.tt-tour-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tt-tour-progress{color:#46ff77;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase}
.tt-tour-close{display:inline-flex;align-items:center;justify-content:center;width:40px;
  height:40px;margin:-10px -10px -10px 0;border:0;background:transparent;
  color:#9aaba0;font-size:24px;line-height:1;cursor:pointer}
.tt-tour-close:hover{color:#fff}
.tt-tour-close:focus-visible{color:#fff;outline:2px solid #46ff77;outline-offset:2px}
.tt-tour-title{margin:22px 0 10px;color:#fff;font-size:24px;line-height:1.08;
  letter-spacing:-.025em}
.tt-tour-copy{margin:0;color:#bdc7c0;font-size:15px;line-height:1.55}
.tt-tour-actions{display:flex;align-items:center;gap:8px;margin-top:24px}
.tt-tour-actions button,.tt-tour-role{min-height:42px;border:1px solid #365541;
  border-radius:0;background:transparent;color:#d9e2dc;font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.tt-tour-actions button{padding:0 14px}
.tt-tour-actions button:hover,.tt-tour-role:hover{border-color:#46ff77;color:#fff}
.tt-tour-actions button:focus-visible,.tt-tour-role:focus-visible{
  border-color:#46ff77!important;color:#fff!important;outline:2px solid #fff;
  outline-offset:3px}
.tt-tour-actions .tt-tour-next{margin-left:auto;border-color:#46ff77;
  background:#46ff77;color:#061007}
.tt-tour-actions .tt-tour-next:hover,.tt-tour-actions .tt-tour-next:focus-visible{
  background:#83ffa2;color:#061007}
.tt-tour-back[disabled]{visibility:hidden}
.tt-tour-skip{border-color:transparent!important;color:#91a297!important}
.tt-tour-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.tt-tour-roles[hidden],.tt-tour-actions[hidden]{display:none!important}
.tt-tour-actions button[hidden]{display:none!important}
.tt-tour-role{padding:10px;text-align:left}
.tt-tour-role:last-child{grid-column:1/-1}
.tt-tour-target{position:relative!important;z-index:2147483001!important;
  outline:2px solid #46ff77!important;outline-offset:7px!important;
  box-shadow:0 0 0 8px rgba(70,255,119,.12),0 18px 55px rgba(0,0,0,.35)!important}
body.tt-tour-open{overflow:hidden!important}
/* Tour owns only this class. Header retains its responsive state and may repaint freely. */
@media(max-width:760px){
  html body.tt-tour-open .nav .ttn.tt-tour-nav-open>*:not(.ttk){display:flex}
  html body.tt-tour-open .nav .ttn.tt-tour-nav-open>.l-dd{display:block}
  html body.tt-tour-open .nav .ttn.tt-tour-nav-open{align-items:stretch}
}
@media(max-width:520px){
  .tt-tour-dialog{padding:18px}.tt-tour-title{font-size:21px}
  .tt-tour-actions{flex-wrap:wrap}.tt-tour-actions .tt-tour-next{margin-left:0}
  .tt-tour-actions button{flex:1}.tt-tour-roles{grid-template-columns:1fr}
  .tt-tour-role:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .tt-tour-mask{transition:none}.tt-tour-root *{scroll-behavior:auto!important}
}
