/* TWF scannable components (2026-10-15). Trust chips, the booking path, the agreement ladder as a stepped bar,
   the 90-day proving period, the First Shift ticket, rate tiles, short FAQ cards and "The fine print" blocks.
   Mobile first (390px), house navy and gold, brighter accents for info and checks. No figures live here. */
:root{--sc-navy:var(--navy,#0C1220);--sc-gold:var(--gold,#C9A84C);--sc-gold-d:#7A652A;--sc-cream:var(--cream,#FAF8F3);--sc-goldsoft:#F6EBC8;--sc-sky:#E6F1FB;--sc-skyd:#1F5F99;--sc-ok:#1E8A5A;--sc-oksoft:#E3F4EC;--sc-ink:#374151;--sc-mute:#4B5563;--sc-line:#E5E7EB}
.sc-sprite{position:absolute;width:0;height:0;overflow:hidden}
.sc-ico{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sc-wrap{max-width:1100px;margin:0 auto}
.sc-h3{font-family:var(--font-display,'Playfair Display',serif);font-size:22px;font-weight:600;color:var(--sc-navy);margin:0 0 6px;line-height:1.25}
.sc-lead{font-size:15px;color:var(--sc-mute);line-height:1.6;margin:0 0 16px;max-width:720px}
.sc-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sc-gold-d);margin:0 0 6px}

/* trust chips */
.sc-trust{list-style:none;margin:20px auto 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:980px}
.sc-trust li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px 8px 9px;border-radius:100px;background:rgba(255,255,255,.06);border:1px solid rgba(201,168,76,.45);color:#F4F1E8;font-size:13.5px;font-weight:600;line-height:1.2}
.sc-trust .sc-ico{width:20px;height:20px;flex-basis:20px;color:var(--sc-gold)}
.sc-trust--light li{background:#fff;border-color:rgba(122,101,42,.35);color:var(--sc-navy);box-shadow:0 2px 10px rgba(12,18,32,.05)}
.sc-trust--light .sc-ico{color:var(--sc-gold-d)}
.sc-trust--left{justify-content:flex-start;margin-left:0}

/* bullets */
.sc-bul{list-style:none;margin:0 0 12px;padding:0}
.sc-bul li{position:relative;padding:5px 0 5px 24px;font-size:14.5px;line-height:1.5;color:var(--sc-ink)}
.sc-bul li::before{content:'';position:absolute;left:3px;top:10px;width:12px;height:12px;border-radius:50%;background:var(--sc-goldsoft);box-shadow:inset 0 0 0 3px var(--sc-gold)}
.sc-bul b{color:var(--sc-navy)}
.sc-bul--dark li{color:#E8E4D8}
.sc-bul--dark b{color:#fff}
.sc-bul--cols{display:grid;grid-template-columns:1fr;gap:0 24px}

/* the fine print */
.sc-fine{margin:14px 0 0;border:1px solid var(--sc-line);border-radius:12px;background:#fff}
.sc-fine>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;font-size:14px;font-weight:700;color:var(--sc-navy)}
.sc-fine>summary::-webkit-details-marker{display:none}
.sc-fine>summary::before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--sc-sky);color:var(--sc-skyd);font-weight:700;flex:0 0 22px}
.sc-fine[open]>summary::before{content:'\2212'}
.sc-fine>summary small{font-weight:500;color:var(--sc-mute)}
.sc-fine-body{padding:2px 16px 14px;font-size:14px;color:var(--sc-ink);line-height:1.6}
.sc-fine-body p{margin:0 0 10px;font-size:14px;color:var(--sc-ink);line-height:1.6}
.sc-fine-body h4{margin:12px 0 4px;font-size:14px;color:var(--sc-navy)}
.sc-fine--dark{background:rgba(255,255,255,.04);border-color:rgba(201,168,76,.3)}
.sc-fine--dark>summary,.sc-fine--dark .sc-fine-body h4{color:#F4F1E8}
.sc-fine--dark .sc-fine-body,.sc-fine--dark .sc-fine-body p{color:#C9D2DF}

/* booking path */
.sc-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:10px;counter-reset:scp}
.sc-path li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:4px 12px;align-items:start;background:#fff;border:1px solid var(--sc-line);border-radius:14px;padding:14px 14px}
.sc-path li::before{counter-increment:scp;content:counter(scp);grid-row:1/3;width:40px;height:40px;border-radius:50%;background:var(--sc-navy);color:var(--sc-gold);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.sc-path li:last-child::before{background:var(--sc-gold);color:var(--sc-navy)}
.sc-path b{font-size:15.5px;color:var(--sc-navy);display:flex;align-items:center;gap:8px}
.sc-path b .sc-ico{color:var(--sc-gold-d);width:18px;height:18px;flex-basis:18px}
.sc-path span{font-size:13.5px;color:var(--sc-mute);line-height:1.45}

/* agreement ladder, stepped bar */
.sc-ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
.sc-step{display:grid;grid-template-columns:1fr;gap:2px;align-items:center;border-radius:12px;padding:12px 14px;background:#fff;border:1px solid var(--sc-line);border-left:6px solid var(--sc-gold);margin-left:calc(var(--lv,0) * 14px)}
.sc-step:first-child{border-left-color:#9CA3AF;background:#F8F8F6}
.sc-step:last-child{background:var(--sc-navy);border-color:var(--sc-navy);border-left-color:var(--sc-gold)}
.sc-step-n{font-size:15px;font-weight:700;color:var(--sc-navy);line-height:1.3}
.sc-step-r{font-family:var(--font-display,'Playfair Display',serif);font-size:18px;font-weight:600;color:var(--sc-navy);line-height:1.2}
.sc-step-s{font-size:12.5px;color:var(--sc-mute)}
.sc-step:last-child .sc-step-n,.sc-step:last-child .sc-step-r{color:#F4F1E8}
.sc-step:last-child .sc-step-s{color:#C9D2DF}
.sc-ladder-axis{display:none;justify-content:space-between;font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--sc-gold-d);margin:0 0 8px}

/* 90-day timeline */
.sc-time{position:relative;display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none}
.sc-time li{position:relative;padding:12px 14px 12px 50px;background:#fff;border:1px solid var(--sc-line);border-radius:12px}
.sc-time li::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(var(--sc-gold),var(--sc-gold))}
.sc-time li:first-child::before{top:50%}
.sc-time li:last-child::before{bottom:50%}
.sc-time-dot{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:21px;height:21px;border-radius:50%;background:var(--sc-gold);box-shadow:0 0 0 4px var(--sc-goldsoft)}
.sc-time li.sc-time--prove{background:var(--sc-oksoft);border-color:#B7E0CB}
.sc-time li.sc-time--prove .sc-time-dot{background:var(--sc-ok);box-shadow:0 0 0 4px #CDEBDC}
.sc-time-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--sc-gold-d)}
.sc-time--prove .sc-time-k{color:var(--sc-ok)}
.sc-time b{display:block;font-size:15px;color:var(--sc-navy)}
.sc-time span.sc-time-t{display:block;font-size:13.5px;color:var(--sc-mute);line-height:1.45}

/* First Shift ticket */
.sc-ticket{position:relative;display:grid;grid-template-columns:1fr;background:var(--sc-navy);color:#F4F1E8;border-radius:18px;overflow:hidden}
.sc-ticket-main{padding:24px 20px 18px;position:relative}
.sc-ticket-stub{padding:18px 20px 22px;background:linear-gradient(135deg,#C9A84C,#E4CB7E);color:var(--sc-navy);border-top:2px dashed rgba(12,18,32,.35);position:relative}
.sc-ticket-stub::before,.sc-ticket-stub::after{content:'';position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--sc-cream)}
.sc-ticket-stub::before{left:-12px}.sc-ticket-stub::after{right:-12px}
.sc-ticket--onwhite .sc-ticket-stub::before,.sc-ticket--onwhite .sc-ticket-stub::after{background:#fff}
.sc-ticket h3{font-family:var(--font-display,'Playfair Display',serif);font-size:clamp(24px,3vw,32px);font-weight:500;color:#F4F1E8;margin:0 0 6px;line-height:1.2}
.sc-ticket .sc-eyebrow{color:var(--sc-gold)}
.sc-ticket-val{font-size:15px;color:#E8E4D8;margin:0 0 14px;line-height:1.5}
.sc-ticket-val b{color:#fff}
.sc-checks{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
.sc-checks li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.35;color:#E8E4D8;background:rgba(255,255,255,.05);border:1px solid rgba(201,168,76,.25);border-radius:10px;padding:9px 12px}
.sc-checks .sc-ico{color:var(--sc-gold);width:24px;height:24px;flex-basis:24px}
.sc-ticket-stub h4{font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 8px}
.sc-codes{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.sc-codes li{display:flex;flex-direction:column;font-size:12.5px;font-weight:600}
.sc-codes code{font-family:'DM Sans',ui-monospace,monospace;font-size:13px;font-weight:800;letter-spacing:.6px;background:rgba(255,255,255,.55);border-radius:6px;padding:2px 6px;width:max-content;max-width:100%}
.sc-ticket-stub p{font-size:12.5px;margin:0;line-height:1.5;color:#2A2410}
.sc-ticket a.sc-btn{margin-top:4px}

/* rate tiles */
.sc-tiles{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 22px}
.sc-tile{background:#fff;border:1px solid var(--sc-line);border-radius:14px;padding:18px 18px 14px;position:relative;overflow:hidden}
.sc-tile::after{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:var(--sc-goldsoft);opacity:.7}
.sc-tile--lead{border-color:rgba(201,168,76,.7);box-shadow:0 6px 24px rgba(12,18,32,.07)}
.sc-tile-role{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--sc-gold-d);position:relative;z-index:1}
.sc-tile-fig{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 8px;position:relative;z-index:1}
.sc-tile-fig div{display:flex;flex-direction:column}
.sc-tile-fig strong{font-family:var(--font-display,'Playfair Display',serif);font-size:28px;font-weight:600;color:var(--sc-navy);line-height:1.1;font-variant-numeric:tabular-nums}
.sc-tile-fig small{font-size:12px;color:var(--sc-mute);font-weight:600}
.sc-tile p{font-size:13.5px;color:var(--sc-mute);line-height:1.5;margin:0;position:relative;z-index:1}
.sc-tile-mkt{font-size:12px;color:var(--sc-skyd);font-weight:700;margin:0 0 4px;position:relative;z-index:1}

/* term tiles */
.sc-terms{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0}
.sc-term{background:#fff;border:1px solid var(--sc-line);border-radius:12px;padding:12px 12px 10px}
.sc-term .sc-ico{color:var(--sc-gold-d);margin-bottom:4px}
.sc-term b{display:block;font-size:14px;color:var(--sc-navy);line-height:1.3}
.sc-term span{display:block;font-size:12.5px;color:var(--sc-mute);line-height:1.4;margin-top:2px}
.sc-term--hi{background:var(--sc-goldsoft);border-color:rgba(201,168,76,.55)}
.sc-term--info{background:var(--sc-sky);border-color:#C3DDF3}

/* panels and grid */
.sc-grid2{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.sc-panel{background:#fff;border:1px solid var(--sc-line);border-radius:16px;padding:20px 18px}
.sc-panel--cream{background:var(--sc-cream)}
.sc-block{margin:36px 0 0}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:10px;background:var(--sc-gold);color:var(--sc-navy)!important;font-weight:700;text-decoration:none;font-size:15px}
.sc-btn:hover{background:#D8B95E}
.sc-btn--line{background:transparent;border:1px solid var(--sc-navy)}
.sc-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* short FAQ cards */
.sc-faq{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sc-faq details{background:#fff;border:1px solid var(--sc-line);border-radius:12px}
.sc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 16px;font-size:15.5px;font-weight:700;color:var(--sc-navy);line-height:1.35}
.sc-faq summary::-webkit-details-marker{display:none}
.sc-faq summary::after{content:'+';flex:0 0 26px;height:26px;border-radius:50%;border:1px solid rgba(122,101,42,.45);display:flex;align-items:center;justify-content:center;color:var(--sc-gold-d);font-weight:700}
.sc-faq details[open] summary::after{content:'\2212';background:var(--sc-gold);color:var(--sc-navy);border-color:var(--sc-gold)}
.sc-faq-a{padding:0 16px 14px}
.sc-faq-a p{font-size:14.5px;color:var(--sc-ink);line-height:1.6;margin:0 0 8px}
.sc-faq-a a{color:var(--sc-gold-d);font-weight:600;text-decoration:underline}
.sc-faq-cat{font-family:var(--font-display,'Playfair Display',serif);font-size:20px;font-weight:600;color:var(--sc-navy);margin:28px 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(201,168,76,.3)}
.sc-faq-cat:first-child{margin-top:0}

/* compact heroes on these pages */
.sc-hero-compact{min-height:0!important;padding-top:130px!important;padding-bottom:44px!important}
.sc-hero-compact .hero-sub{margin-bottom:14px}

@media(min-width:640px){
.sc-path{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sc-path li{display:flex;flex-direction:column;gap:6px;padding:16px 14px;text-align:left}
.sc-path li::before{grid-row:auto;margin-bottom:6px}
.sc-path li:not(:last-child)::after{content:'';position:absolute;right:-12px;top:34px;width:12px;height:3px;background:var(--sc-gold)}
.sc-terms{grid-template-columns:repeat(3,minmax(0,1fr))}
.sc-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.sc-bul--cols{grid-template-columns:1fr 1fr}
.sc-checks{grid-template-columns:1fr 1fr}
}
@media(min-width:900px){
.sc-ladder{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px}
.sc-step{grid-template-columns:1fr;margin-left:0;border-left-width:1px;border-top:6px solid var(--sc-gold);padding:14px 14px 16px;min-height:calc(110px + var(--lv,0) * 34px);align-content:start}
.sc-step:first-child{border-top-color:#9CA3AF}
.sc-step-r{margin:4px 0}
.sc-ladder-axis{display:flex}
.sc-time{grid-template-columns:1fr 2fr 1.2fr;gap:0}
.sc-time li{padding:44px 16px 14px;border-radius:0;border-left-width:0}
.sc-time li:first-child{border-radius:12px 0 0 12px;border-left-width:1px}
.sc-time li:last-child{border-radius:0 12px 12px 0}
.sc-time li::before{left:0;right:0;top:20px;bottom:auto;width:auto;height:3px}
.sc-time li:first-child::before{top:20px;left:24px}
.sc-time li:last-child::before{bottom:auto;right:24px}
.sc-time-dot{left:16px;top:20px}
.sc-ticket{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.sc-ticket-main{padding:30px 30px 24px}
.sc-ticket-stub{border-top:none;border-left:2px dashed rgba(12,18,32,.35);padding:28px 24px}
.sc-ticket-stub::before{top:-12px;left:-13px}
.sc-ticket-stub::after{top:auto;bottom:-12px;right:auto;left:-13px}
.sc-grid2{grid-template-columns:1fr 1fr;gap:24px}
.sc-terms{grid-template-columns:repeat(5,minmax(0,1fr))}
}