/* ScoutLink Public Experience v5.1.1
   Visual source of truth: ScoutLink Public Account Experience v2.
   Production adaptation excludes design-board/frame chrome while preserving
   the live login, registration, activation and verification behaviours. */

:root{
  --coal:#06201A;
  --coal2:#0A2A22;
  --pitch:#075F48;
  --chalk:#F7F6F0;
  --mist:#EDF2EE;
  --ink:#0C201A;
  --mut:rgba(12,32,26,.64);
  --line:#D9E0DB;
  --danger:#C96A54;
  --ok:#8FC6B2;
  --err-bg:#FFF1EC;
  --err-border:#DC9B8D;
  --err-text:#8A392B;
  --ok-bg:#E6F3ED;
  --ok-border:#AFCFBE;
  --volt:#D8F547;
  --radius:14px;
  --radius-sm:9px;
  --radius-lg:18px;
  --shadow-card:0 10px 26px rgba(6,32,26,.08);
  --shadow-raised:0 20px 50px rgba(6,32,26,.22);
  --font:'Archivo',Arial,sans-serif;
  --font-display:'Anton',Impact,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;min-width:0;min-height:100%}
html{scroll-behavior:smooth;background:#fff;font-family:var(--font)}
body{
  min-height:100vh;
  min-height:100dvh;
  background:#fff;
  color:var(--ink);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
}
input,button,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
[hidden],.slv5-hidden{display:none!important}

.slv5-skip{
  position:fixed;
  left:12px;
  top:-80px;
  z-index:9999;
  padding:10px 14px;
  background:var(--chalk);
  color:var(--coal);
  border:2px solid var(--pitch);
  border-radius:var(--radius-sm);
  font-weight:700;
}
.slv5-skip:focus{top:12px}

.site{
  background:#fff;
  color:var(--ink);
  width:100%;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  font-family:var(--font);
  font-size:14px;
  line-height:1.6;
  overflow:hidden;
}
.site > main{flex:1 0 auto}
.site > header,.site > footer{flex:0 0 auto}
.site a{text-decoration:none;color:inherit;cursor:pointer}

.sl-mark{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  font-family:var(--font-display);
  font-size:18px;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
  font-weight:400;
  line-height:1;
}
.sl-mark small{
  display:block;
  font-family:var(--font-mono);
  font-size:8px;
  letter-spacing:.2em;
  opacity:.55;
  margin-top:3px;
  text-transform:none;
  font-weight:400;
  line-height:1.2;
}
.sl-logo-mark{
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
  display:block;
}
.sl-logo-mark.logo{background-image:url('/scoutlink_logo.png')}
.sl-logo-mark.white{filter:brightness(0) invert(1)}
.sl-mark .sl-logo-mark{margin-bottom:2px}

.gnav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 52px;
  background:var(--coal);
  color:var(--chalk);
}
.gnav-left{display:flex;align-items:center;gap:18px;min-width:0}
.gnav-left .tag{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(247,246,240,.55);
  padding-left:18px;
  border-left:1px solid rgba(247,246,240,.2);
  white-space:nowrap;
}
.gnav-cta{display:flex;align-items:center;gap:14px;flex:none}
.gnav-cta a.signin{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(247,246,240,.65);
  text-decoration:none;
}
.gnav-cta a.signin:hover{color:var(--chalk)}
.gnav.slim .gnav-cta{gap:18px}

.sl-nav,.roomband{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 52px;
  background:var(--chalk);
  border-bottom:1.5px solid var(--line);
}
.roomband{background:var(--coal);color:var(--chalk);border-bottom:0}
.roomband .tag{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(247,246,240,.6);
}
.sl-nav nav{display:flex;gap:26px;font-size:13px;font-weight:600;color:var(--mut)}
.sl-nav .r{display:flex;gap:12px;align-items:center}

.sl-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  cursor:pointer;
  text-decoration:none;
  padding:15px 26px;
  border-radius:var(--radius-sm);
  font-weight:700;
  font-size:13px;
  text-align:center;
  letter-spacing:.02em;
}
.sl-btn.pitch{background:var(--pitch);color:var(--chalk)}
.sl-btn.pitch:hover{background:#064D3B}
.sl-btn.coal{background:var(--coal);color:var(--chalk)}
.sl-btn.line{border:1.5px solid var(--ink);color:var(--ink);background:transparent}
.sl-btn.line:hover{background:#fff}
.sl-btn.chalk{background:var(--chalk);color:var(--coal)}
.sl-btn.chalk:hover{background:#ECEBE5}
.sl-btn.ghostw{border:1.5px solid rgba(247,246,240,.45);color:var(--chalk);background:transparent}
.sl-btn.ghostw:hover{border-color:rgba(247,246,240,.8)}
.sl-btn.volt{background:var(--volt);color:var(--ink)}
.sl-btn.volt:hover{background:#c9e83a}
.sl-btn.sm{padding:11px 18px;font-size:12px}
.sl-btn.full{display:flex;width:100%}
.sl-btn.center{text-align:center}
.sl-btn[disabled],button[disabled]{opacity:.5;cursor:not-allowed}
.sl-spinner{
  display:none;
  width:14px;
  height:14px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:sl-spin .7s linear infinite;
}
.sl-btn.busy .sl-spinner{display:inline-block}
@keyframes sl-spin{to{transform:rotate(360deg)}}

.sl-eb{
  display:block;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--pitch);
  margin-bottom:15px;
  font-weight:500;
}
.sl-sec-dark .sl-eb{color:rgba(247,246,240,.55)}
.sl-h{
  margin:0;
  font-family:var(--font-display);
  font-weight:400;
  font-size:44px;
  line-height:1.05;
  text-transform:uppercase;
  color:var(--ink);
}
.sl-sub{
  font-size:14.5px;
  line-height:1.75;
  color:var(--mut);
  margin-top:15px;
  max-width:520px;
}

.sl-field{margin-bottom:19px}
.sl-lab{
  display:block;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mut);
  margin-bottom:8px;
  font-weight:500;
}
.sl-lab em{font-style:normal;float:right;opacity:.7}
.sl-in{
  width:100%;
  border:1.5px solid var(--line);
  background:#fff;
  padding:15px 16px;
  border-radius:var(--radius-sm);
  font-family:var(--font);
  font-size:13.5px;
  color:var(--ink);
}
.sl-in:focus,.sl-in:focus-visible{border-color:var(--pitch);outline:2px solid rgba(7,95,72,.12);outline-offset:1px}
.sl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sl-help{font-size:11.5px;color:var(--mut);line-height:1.7}
.sl-link,.parent-link{color:var(--pitch)!important;font-weight:600;border-bottom:1px solid rgba(7,95,72,.35)}
.password-wrap{position:relative}
.password-wrap .sl-in{padding-right:70px}
.password-toggle{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:inherit;
  font-family:var(--font-mono);
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
}
.sl-code{font-family:var(--font-mono)!important;letter-spacing:.4em;text-align:center;text-transform:uppercase}

.sl-message{
  display:none;
  padding:14px 17px;
  font-size:12.5px;
  line-height:1.6;
  margin-bottom:20px;
  border:1px solid;
  border-radius:var(--radius-sm);
}
.sl-message.show{display:block}
.sl-message.err{border-color:var(--err-border);background:var(--err-bg);color:var(--err-text)}
.sl-message.ok{border-color:var(--ok-border);background:var(--ok-bg);color:var(--pitch)}

.sl-foot{
  padding:26px 52px;
  background:var(--coal);
  color:rgba(247,246,240,.6);
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11.5px;
  flex-wrap:wrap;
  gap:14px;
}
.sl-foot .sl-mark{color:var(--chalk);font-size:15px}
.sl-foot .links{display:flex;gap:20px;flex-wrap:wrap}
.sl-foot a{color:rgba(247,246,240,.6);text-decoration:none}

/* Login: exactly the v2 split white/dark public account layout. */
.login-wrap{
  background:#fff;
  min-height:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
  gap:0;
  padding:0;
}
.login-card{
  padding:64px 56px;
  width:100%;
  max-width:520px;
  margin:auto;
}
.login-card .sl-eb{color:var(--pitch)}
.new-here{
  background:var(--coal);
  color:var(--chalk);
  padding:64px 56px;
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.new-here .sl-eb{color:var(--volt)}
.new-here h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:26px;
  text-transform:uppercase;
  line-height:1.1;
  margin:0;
  color:var(--chalk);
}
.new-here p{
  font-size:13px;
  color:rgba(247,246,240,.72);
  line-height:1.7;
  margin:14px 0 26px;
  max-width:360px;
}
.new-here-ctas{display:flex;gap:12px;flex-wrap:wrap}
.door-h{
  margin:0;
  font-family:var(--font-display);
  font-weight:400;
  font-size:31px;
  text-transform:uppercase;
  line-height:1.08;
  color:var(--ink);
}
.door-sub{font-size:13.5px;color:var(--mut);margin:13px 0 28px;line-height:1.7}
.door-links{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
  font-size:12px;
  color:var(--mut);
}
.door-links a{
  color:var(--pitch);
  text-decoration:none;
  border-bottom:1px solid rgba(7,95,72,.3);
  padding-bottom:1px;
  font-weight:600;
}
.door-div{
  display:flex;
  align-items:center;
  gap:14px;
  margin:26px 0 18px;
  font-family:var(--font-mono);
  font-size:9px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--mut);
  justify-content:center;
}
.door-div:before,.door-div:after{content:"";flex:1;height:1px;background:var(--line)}
.door-view{display:none}
.door-view.active{display:block}

/* Role chooser used by the existing login/reset JS. */
.activation-role-grid{display:grid;gap:9px;margin:18px 0}
.roleline{
  width:100%;
  display:flex;
  gap:14px;
  align-items:center;
  border:1.5px solid var(--line);
  background:#fff;
  color:var(--ink);
  padding:15px 16px;
  border-radius:var(--radius-sm);
  text-align:left;
}
.roleline.on{border-color:var(--pitch);box-shadow:0 5px 14px rgba(7,95,72,.08)}
.roleline .k{
  font-family:var(--font-mono);
  font-size:9px;
  letter-spacing:.14em;
  color:var(--pitch);
  width:50px;
  flex:none;
}
.roleline h4{margin:0;font-weight:700;font-size:12.5px;color:var(--ink)}
.roleline p{margin:2px 0 0;font-size:10.5px;color:var(--mut)}
.roleline .go{margin-left:auto;color:var(--pitch);font-weight:700}

/* Registration selector. */
.register-shell{max-width:1000px;margin:0 auto;padding:56px 44px}
.register-intro{max-width:780px;margin-bottom:30px}
.register-intro .sl-h{font-size:46px}
.register-lanes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.register-lane{
  padding:32px;
  border:1.5px solid var(--line);
  background:#fff;
  border-radius:var(--radius-lg);
  border-top:5px solid var(--pitch);
}
.register-lane.scout{border-top-color:var(--coal)}
.register-lane h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:26px;
  text-transform:uppercase;
  line-height:1.08;
  margin:18px 0 10px;
}
.register-lane p{font-size:13px;color:var(--mut);line-height:1.75}
.register-price{
  font-family:var(--font-mono);
  font-size:10.5px!important;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--pitch)!important;
  margin:18px 0 22px;
}
.plans-block{margin-top:36px}
.plans-block>.sl-eb{margin-bottom:18px}

.chip{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  border:1px solid rgba(247,246,240,.32);
  color:rgba(247,246,240,.75);
  padding:6px 12px;
  border-radius:20px;
}
.chipl{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  border:1.5px solid rgba(7,95,72,.4);
  color:var(--pitch);
  padding:6px 12px;
  border-radius:20px;
}

/* Pricing card grid. */
.plancards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.plancard{
  position:relative;
  border:1.5px solid var(--line);
  border-radius:var(--radius-lg);
  background:#fff;
  padding:28px 24px 26px;
  display:flex;
  flex-direction:column;
  text-align:left;
  cursor:pointer;
  width:100%;
  color:var(--ink);
  text-decoration:none;
}
.plancard:hover{border-color:#AFC0B7}
.plancard.popular{border-color:var(--pitch);border-width:2px;box-shadow:0 14px 34px rgba(7,95,72,.14)}
.plancard.on{border-color:var(--pitch);border-width:2px}
.plancard .badge-pop{
  position:absolute;
  top:-13px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  font-family:var(--font-mono);
  font-size:8.5px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:var(--pitch);
  color:var(--chalk);
  padding:6px 13px;
  border-radius:20px;
}
.plancard h4{
  font-family:var(--font-display);
  font-weight:400;
  font-size:19px;
  text-transform:uppercase;
  color:var(--ink);
  margin:4px 0 0;
}
.plancard .seats-line{
  margin-top:0;
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mut);
}
.plancard .price-big{
  margin-top:18px;
  font-family:var(--font-display);
  font-weight:400;
  font-size:34px;
  color:var(--ink);
  line-height:1;
}
.plancard .price-monthly{margin-top:5px;font-size:11px;color:var(--mut)}
.plancard .per-seat-chip{
  display:inline-block;
  align-self:flex-start;
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.05em;
  color:var(--pitch);
  background:var(--mist);
  padding:5px 10px;
  border-radius:20px;
}
.plancard ul{list-style:none;margin:20px 0 22px;padding:0;flex:1}
.plancard li{
  padding:8px 0 8px 20px;
  border-bottom:1px dashed var(--line);
  font-size:11.5px;
  line-height:1.5;
  color:var(--ink);
  position:relative;
}
.plancard li:last-child{border-bottom:0}
.plancard li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:8px;
  color:var(--pitch);
  font-weight:700;
  font-size:11px;
}
.plancard .radio-row{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.plancard .radio{
  width:18px;
  height:18px;
  border:1.5px solid var(--line);
  border-radius:50%;
  flex:none;
}
.plancard.on .radio,.plancard.popular .radio{border-color:var(--pitch)}
.plancard.on .radio{background:radial-gradient(circle,var(--pitch) 45%,transparent 50%)}
.plancard .radio-row span:last-child{font-size:11px;font-weight:600;color:var(--mut)}

/* Four-stage access explainer. */
.stage4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1.5px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  margin-top:22px;
}
.stage4 article{background:#fff;padding:22px;border-right:1.5px solid var(--line)}
.stage4 article:last-child{border-right:none}
.stage4 strong{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--pitch)}
.stage4 h4{
  font-family:var(--font-display);
  font-weight:400;
  font-size:15.5px;
  text-transform:uppercase;
  margin:10px 0 6px;
  color:var(--ink);
}
.stage4 p{font-size:11px;color:var(--mut);line-height:1.65;margin:0}

/* Registration wizard. */
.registration-wrap{
  max-width:1040px;
  margin:0 auto;
  padding:50px 44px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:44px;
}
.registration-wrap.single{max-width:780px;display:block}
.reg-panel h1{
  font-family:var(--font-display);
  font-weight:400;
  font-size:32px;
  text-transform:uppercase;
  line-height:1.08;
  margin:0;
}
.reg-panel>.lead{font-size:13px;color:var(--mut);margin:13px 0 26px;line-height:1.75}
.reg-actions{display:flex;gap:12px;margin-top:24px}
.reg-actions .sl-btn:last-child{flex:1}
.reg-side{padding-top:52px}
.reg-side .sl-aside+.sl-aside{margin-top:14px}
.sl-field textarea.sl-in{min-height:96px;resize:vertical}
.sl-check{
  display:flex;
  gap:14px;
  border:1.5px solid var(--line);
  background:#fff;
  padding:17px 19px;
  margin-bottom:12px;
  align-items:flex-start;
  border-radius:var(--radius-sm);
}
.sl-check input{width:19px;height:19px;accent-color:var(--pitch);margin-top:2px;flex:none}
.sl-check b{font-size:12.5px;display:block}
.sl-check small{font-size:10.8px;color:var(--mut);line-height:1.6;display:block;margin-top:3px}
.reg-summary{
  border:1.5px solid var(--line);
  background:#fff;
  padding:20px 22px;
  margin:18px 0;
  border-radius:var(--radius);
}
.reg-success{text-align:left}
.reg-success h2{font-family:var(--font-display);font-weight:400;font-size:32px;text-transform:uppercase}
.lmsg{
  border:1.5px solid var(--line);
  background:#fff;
  padding:14px 17px;
  margin:16px 0;
  font-size:12.5px;
  border-radius:var(--radius-sm);
}
.lmsg b{
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mut);
  display:block;
  margin-bottom:4px;
}
.sl-aside{
  border-left:3px solid var(--pitch);
  background:var(--mist);
  padding:17px 19px;
  margin-top:16px;
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.sl-aside b{font-size:12.5px;display:block;color:var(--ink)}
.sl-aside p{font-size:11.5px;color:var(--mut);margin:5px 0 0;line-height:1.65}
.sl-kv{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.sl-kv:last-child{border-bottom:0}
.sl-kv b{
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--mut);
  font-weight:500;
}
.steprail{
  display:flex;
  gap:0;
  border:1.5px solid var(--line);
  margin-bottom:32px;
  border-radius:var(--radius-sm);
  overflow:hidden;
}
.steprail div{
  flex:1;
  padding:14px 16px;
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mut);
  border-right:1.5px solid var(--line);
  background:#fff;
  text-align:center;
}
.steprail div:last-child{border-right:none}
.steprail div.cur{background:var(--coal);color:var(--chalk)}
.steprail div.done{color:var(--pitch);font-weight:600}

/* Legacy row pricing pattern retained for compatibility with any cached markup. */
.planrow{
  border:1.5px solid var(--line);
  background:#fff;
  padding:22px 24px;
  display:flex;
  gap:20px;
  align-items:flex-start;
  margin-bottom:14px;
  border-radius:var(--radius);
  width:100%;
  text-align:left;
  cursor:pointer;
}
.planrow.on{border-color:var(--pitch);border-width:2px;box-shadow:0 6px 18px rgba(7,95,72,.1)}
.planrow .radio{width:18px;height:18px;border:1.5px solid var(--line);border-radius:50%;flex:none;margin-top:3px}
.planrow.on .radio{border-color:var(--pitch);background:radial-gradient(circle,var(--pitch) 45%,transparent 50%)}
.planrow h4{font-family:var(--font-display);font-weight:400;font-size:19px;text-transform:uppercase;color:var(--ink);margin:0}
.planrow .who{font-size:12px;color:var(--mut);margin:5px 0 9px;font-weight:600}
.planrow .fts{font-size:11.5px;color:var(--ink);line-height:1.7;opacity:.82}
.planrow .seat{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--pitch);white-space:nowrap;text-align:right;flex:none}

/* Demo selector. */
.slv5-demo-head{
  background:var(--coal);
  color:var(--chalk);
  padding:22px 52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.slv5-demo-head .actions{display:flex;align-items:center;gap:18px}
.slv5-demo-head .actions a:not(.sl-btn){
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(247,246,240,.72);
  text-decoration:none;
}
.demo-hero{padding:64px 52px 54px;max-width:960px}
.demo-hero .sl-h{font-size:48px}
.demo-cards{padding:0 52px 56px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.demo-card{
  border:1.5px solid var(--line);
  border-left:5px solid var(--pitch);
  border-radius:var(--radius-lg);
  background:#fff;
  padding:34px 32px;
  display:flex;
  flex-direction:column;
}
.demo-card.scout{border-left-color:var(--coal)}
.demo-card h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:26px;
  line-height:1.08;
  text-transform:uppercase;
  margin:8px 0 0;
  color:var(--ink);
}
.demo-card p{font-size:13px;color:var(--mut);line-height:1.75;margin:12px 0 0}
.demo-card .demo-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 24px}
.demo-card .demo-chips span{
  border:1px solid var(--line);
  background:var(--mist);
  padding:9px 13px;
  font-size:11px;
  font-weight:600;
  border-radius:20px;
  color:var(--ink);
}
.demo-card .sl-btn{margin-top:auto;align-self:flex-start}

/* Ancillary public activation/verification pages still use the historic door
   classes. Keep them functional and readable while the design-covered /login
   route uses the new split layout above. */
.site.door{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--coal);
  color:var(--chalk);
}
.door .door-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 48px;
  color:var(--chalk);
}
.door .door-top .sl-mark{color:var(--chalk)}
.door .door-top>a:not(.sl-mark){
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(247,246,240,.6);
}
.door .door-mid{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px 24px 50px;
}
.door .door-panel{
  width:380px;
  max-width:100%;
  border:1px solid rgba(247,246,240,.16);
  background:rgba(247,246,240,.025);
  padding:34px 34px 28px;
}
.door .door-panel.wide{width:460px}
.door .door-panel.xwide{width:520px}
.door .door-panel .sl-eb{color:rgba(247,246,240,.5)}
.door .door-h{color:var(--chalk)}
.door .door-sub{color:rgba(247,246,240,.6)}
.door .sl-lab{color:rgba(247,246,240,.55)}
.door .sl-in{
  background:rgba(247,246,240,.05);
  border-color:rgba(247,246,240,.2);
  color:var(--chalk);
}
.door .sl-in:focus,.door .sl-in:focus-visible{border-color:var(--chalk);outline:2px solid rgba(247,246,240,.16)}
.door .sl-in::placeholder{color:rgba(247,246,240,.3)}
.door .password-toggle{color:rgba(247,246,240,.65)}
.door .door-links{color:rgba(247,246,240,.55)}
.door .door-links a{color:rgba(247,246,240,.78);border-color:rgba(247,246,240,.28)}
.door .roleline{
  border-color:rgba(247,246,240,.17);
  background:transparent;
  color:var(--chalk);
}
.door .roleline.on{border-color:rgba(247,246,240,.55);background:rgba(247,246,240,.04);box-shadow:none}
.door .roleline .k,.door .roleline p{color:rgba(247,246,240,.55)}
.door .roleline h4,.door .roleline .go{color:var(--chalk)}
.door .sl-message.err{border-color:rgba(224,122,95,.5);background:rgba(224,122,95,.08);color:#E8A895}
.door .sl-message.ok{border-color:rgba(143,198,178,.45);background:rgba(143,198,178,.07);color:#A9D8C6}
.door-foot{
  padding:22px 52px;
  display:flex;
  justify-content:space-between;
  font-family:var(--font-mono);
  font-size:9.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(247,246,240,.38);
  border-top:1px solid rgba(247,246,240,.1);
  flex-wrap:wrap;
  gap:10px;
}
.door-foot div{display:flex;gap:16px}
.door-foot a{color:rgba(247,246,240,.48);text-decoration:none}
.ticket{border:1px solid rgba(247,246,240,.2);display:grid;grid-template-columns:1fr 1fr;margin:16px 0}
.ticket div{padding:12px 14px;border-right:1px solid rgba(247,246,240,.12);border-bottom:1px solid rgba(247,246,240,.12)}
.ticket div:nth-child(2n){border-right:none}
.ticket div:nth-last-child(-n+2){border-bottom:none}
.ticket small{
  display:block;
  font-family:var(--font-mono);
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(247,246,240,.45);
  margin-bottom:4px;
}
.ticket b{font-size:12px;color:var(--chalk)}
.activation-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.activation-option{
  border:1px solid rgba(247,246,240,.2);
  background:transparent;
  color:var(--chalk);
  padding:9px 10px;
  font-size:10px;
  border-radius:var(--radius-sm);
}

/* Responsive translation of the mobile design-board frames to real devices. */
@media(max-width:800px){
  .gnav{
    padding:14px 14px;
    gap:10px;
  }
  .gnav-left{gap:8px}
  .gnav-left .tag{
    display:none;
  }
  .gnav .sl-logo-mark.logo{
    width:92px!important;
    height:30px!important;
  }
  .gnav .sl-mark small{
    font-size:6px;
    letter-spacing:.13em;
    margin-top:2px;
  }
  .gnav-cta{gap:7px}
  .gnav-cta .sl-btn.sm{
    padding:8px 9px;
    font-size:9.5px;
  }
  .gnav-cta a.signin{
    font-size:9px;
    letter-spacing:.06em;
  }
  .sl-nav,.roomband,.slv5-demo-head{padding:16px 20px}
  .slv5-demo-head .actions a:not(.sl-btn){display:none}

  .login-wrap{grid-template-columns:1fr;padding:0;min-height:0}
  .login-card{padding:38px 24px 42px;max-width:none;margin:0}
  .new-here{padding:44px 30px;min-height:330px}
  .new-here-ctas{flex-direction:column}
  .new-here-ctas .sl-btn{width:100%}
  .door-h{font-size:29px}

  .demo-hero{padding:36px 20px 30px}
  .demo-hero .sl-h{font-size:30px}
  .demo-cards{grid-template-columns:1fr;padding:0 20px 40px}
  .demo-card{padding:26px 22px}
  .demo-card .sl-btn{width:100%}

  .register-shell{padding:32px 20px}
  .register-intro .sl-h{font-size:30px}
  .register-lanes{grid-template-columns:1fr}
  .register-lane{padding:24px 22px}
  .plancards{grid-template-columns:1fr;gap:18px}
  .plancard{padding:25px 22px 23px}
  .plancard .price-big{font-size:31px}

  .registration-wrap{padding:28px 20px 34px;display:block}
  .reg-side{padding-top:14px}
  .steprail div{padding:11px 6px;font-size:8.5px}
  .steprail .step-label{display:none}
  .sl-grid2{grid-template-columns:1fr}
  .stage4{grid-template-columns:1fr 1fr}
  .stage4 article{border-bottom:1.5px solid var(--line)}
  .reg-actions{flex-direction:column}
  .reg-actions .sl-btn{width:100%}
  .planrow{flex-wrap:wrap}
  .planrow .seat{margin-left:0;text-align:left}

  .sl-foot{padding:22px 20px}
  .sl-foot .sl-mark{display:none}
  .sl-foot{justify-content:center;text-align:center}

  .door .door-top{padding:20px 20px 10px}
  .door .door-mid{align-items:flex-start;padding:24px 20px 40px}
  .door .door-panel{width:100%;padding:26px 22px;border:0;background:transparent}
  .door-foot{padding:16px 20px}
}
@media(max-width:430px){
  .gnav{padding:12px 10px}
  .gnav .sl-logo-mark.logo{width:78px!important;height:26px!important}
  .gnav .sl-mark small{font-size:5.5px}
  .gnav-cta{gap:5px}
  .gnav-cta .sl-btn.sm{padding:7px 7px;font-size:8.5px}
  .gnav-cta a.signin{font-size:8px}
  .stage4{grid-template-columns:1fr}
  .stage4 article{border-right:0;border-bottom:1.5px solid var(--line)}
  .stage4 article:last-child{border-bottom:0}
  .register-lane{padding:22px}
  .sl-foot .links{justify-content:center}
}


/* Compatibility for existing public pages that share this stylesheet. */
.demo-band{
  color:var(--chalk);
  padding:40px 48px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
}
.demo-band.coach{background:var(--pitch)}
.demo-band.scout{background:var(--coal)}
.demo-band h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:27px;
  line-height:1.04;
  text-transform:uppercase;
  margin:0;
}
.demo-band p{font-size:12px;color:rgba(247,246,240,.75);line-height:1.7;margin:8px 0 0}
.demo-band .demo-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.demo-band .demo-chips span{
  border:1px solid rgba(247,246,240,.35);
  background:transparent;
  color:var(--chalk);
  padding:10px 12px;
  font-size:11px;
  font-weight:600;
  border-radius:0;
}
.dmsg{padding:11px 13px;font-size:11.5px;line-height:1.55;margin-bottom:16px;border:1px solid}
.dmsg.err{border-color:rgba(224,122,95,.5);background:rgba(224,122,95,.08);color:#E8A895}
.dmsg.ok{border-color:rgba(143,198,178,.45);background:rgba(143,198,178,.07);color:#A9D8C6}
.loadbar{width:180px;height:3px;background:rgba(247,246,240,.12);margin:18px auto 0;overflow:hidden}
.loadbar i{display:block;width:40%;height:100%;background:var(--chalk)}
.verify-files{display:grid;gap:10px;margin:16px 0}
.verify-file{
  display:block;
  border:1px dashed rgba(247,246,240,.3);
  padding:18px;
  text-align:center;
}
.verify-file b{display:block;color:var(--chalk);font-size:12px}
.verify-file small{display:block;color:rgba(247,246,240,.55);font-size:10px;line-height:1.55;margin-top:4px}
.verify-file input{display:block;width:100%;margin-top:10px;color:rgba(247,246,240,.75)}
.secure-copy{font-size:10.5px;color:rgba(247,246,240,.45);line-height:1.6;text-align:center;margin-top:12px}
.activation-option.selected{border-color:var(--chalk);background:rgba(247,246,240,.08)}
@media(max-width:800px){
  .demo-band{padding:24px 18px;display:block}
  .demo-band+.demo-band{border-top:1px solid rgba(247,246,240,.12)}
  .demo-band .demo-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px}
  .demo-band .demo-chips span{padding:7px 10px;font-size:10px}
  .demo-band .sl-btn{display:flex;width:100%;margin-top:14px}
}

.experience-door .door-panel{width:480px}
.experience-list{display:grid;gap:10px;margin-top:16px}
.experience-choice{cursor:pointer}
.experience-choice select{
  width:100%;
  margin-top:8px;
  padding:8px;
  background:rgba(247,246,240,.05);
  border:1px solid rgba(247,246,240,.18);
  color:var(--chalk);
}
.experience-choice select option{color:var(--ink);background:#fff}
.activation-card{border:1px solid rgba(247,246,240,.17);padding:13px}
.activation-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}