/* TakeAwayDriver Design System v1.0 — shared namespaced components for new pages */
:root{--td-bg:#07090c;--td-surface:#11151a;--td-text:#f6f7f9;--td-muted:#a9b0bb;--td-line:rgba(255,255,255,.11);--td-orange:#ff6816;--td-radius:22px;--td-shadow:0 24px 70px rgba(0,0,0,.38)}
.td-page{background:transparent;color:var(--td-text)}.td-container{width:min(1180px,calc(100% - 40px));margin:auto}.td-container--narrow{max-width:850px}.td-section{padding:72px 0}.td-section--compact{padding:48px 0}.td-section--surface{background:rgba(13,16,20,.72);border-block:1px solid rgba(255,255,255,.06)}
.td-hero{padding:88px 0;background:radial-gradient(circle at 18% 10%,rgba(255,104,22,.16),transparent 32%),linear-gradient(145deg,#101318,#080a0d);border-bottom:1px solid rgba(255,255,255,.07)}.td-eyebrow{margin:0 0 10px;color:var(--td-orange);font-size:13px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.td-title{margin:0;color:#fff;font-size:clamp(48px,6.2vw,80px);line-height:.98;letter-spacing:-.055em}.td-lead{max-width:760px;margin:22px 0 0;color:var(--td-muted);font-size:clamp(18px,2vw,21px);line-height:1.6}
.td-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.td-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 21px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-weight:850;cursor:pointer;transition:.2s ease}.td-button:hover,.td-button:focus-visible{transform:translateY(-2px)}.td-button--primary{background:linear-gradient(180deg,#ff7a24,#ed5200);border-color:rgba(255,210,181,.55);color:#fff;box-shadow:0 10px 28px rgba(255,104,22,.18)}.td-button--secondary{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.15);color:#f5f7f9}
.td-grid{display:grid;gap:18px}.td-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.td-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.td-card{position:relative;padding:28px;border:1px solid var(--td-line);border-radius:var(--td-radius);background:linear-gradient(145deg,rgba(25,29,35,.96),rgba(11,14,18,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),var(--td-shadow);color:var(--td-text)}.td-card--accent{border-color:rgba(255,104,22,.38)}.td-card h2,.td-card h3{margin:0 0 10px;color:#fff;line-height:1.15}.td-card h2{font-size:clamp(25px,3vw,34px)}.td-card h3{font-size:22px}.td-card p{margin:0;color:var(--td-muted)}.td-step-number{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border:1px solid rgba(255,104,22,.32);border-radius:14px;background:rgba(255,104,22,.11);color:#ff9a5f;font-weight:900}
.td-notice{padding:28px;border:1px solid rgba(255,104,22,.28);border-radius:var(--td-radius);background:rgba(255,104,22,.075);color:#eef1f5}.td-notice h2{margin:0 0 10px;color:#fff}.td-notice p{margin:0;color:#c4cad2}.td-notice p+p{margin-top:12px}.td-notice a{color:#ff9a5f;font-weight:800}.td-component-group{margin-top:42px}.td-component-label{margin-bottom:14px;color:#d9dde3;font-weight:850}.td-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.td-swatch{padding:18px;border:1px solid var(--td-line);border-radius:14px;background:var(--td-surface)}
@media(max-width:800px){.td-grid--3,.td-grid--2,.td-swatch-grid{grid-template-columns:1fr}.td-section{padding:52px 0}.td-hero{padding:64px 0}.td-container{width:min(100% - 28px,1180px)}.td-actions .td-button{width:100%}}@media(prefers-reduced-motion:reduce){.td-button{transition:none}.td-button:hover,.td-button:focus-visible{transform:none}}

/* Shared form and error-state components */
.td-stack>*+*{margin-top:18px}.td-error-title{margin:0;color:#fff;font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.035em}.td-text-muted{color:var(--td-muted);font-size:18px;line-height:1.6}.td-notice--danger{border-color:rgba(255,104,22,.42);background:rgba(255,104,22,.11);color:#fff}.td-notice--danger p,.td-notice--danger{color:#eef1f5}

/* v2.4.2 — site-wide legacy component compatibility
   Older pages may still use .card/.btn/.notice while they are progressively
   migrated to td-* components. These rules ensure they inherit the approved
   dark TakeAwayDriver visual system and maintain accessible contrast. */
.card{
  color:var(--td-text);
  border-color:var(--td-line);
  background:linear-gradient(145deg,rgba(25,29,35,.96),rgba(11,14,18,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),var(--td-shadow);
}
.card h1,.card h2,.card h3,.card h4,.card strong{color:#fff}
.card p,.card li,.card small,.card label{color:var(--td-muted)}
.card a:not(.btn):not(.button):not(.td-button){color:#ff9a5f}
.card input,.card select,.card textarea{
  border-color:rgba(255,255,255,.15);
  background:#080b0f;
  color:#fff;
}
.card input::placeholder,.card textarea::placeholder{color:#7f8894}
.card input:focus,.card select:focus,.card textarea:focus{
  outline:3px solid rgba(255,104,22,.18);
  border-color:var(--td-orange);
}
.notice{
  color:#eef1f5;
  border-color:rgba(255,104,22,.28);
  background:rgba(255,104,22,.085);
}
.notice.error{border-color:rgba(255,104,22,.48);background:rgba(255,104,22,.12);color:#fff}
.btn{
  color:#fff;
  background:linear-gradient(180deg,#ff7a24,#ed5200);
  border:1px solid rgba(255,210,181,.55);
  box-shadow:0 10px 28px rgba(255,104,22,.18);
}
.btn:hover,.btn:focus-visible{filter:brightness(1.07);transform:translateY(-2px)}
.btn.alt{
  color:#f5f7f9;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.055);
  box-shadow:none;
}
.btn.alt:hover,.btn.alt:focus-visible{border-color:rgba(255,104,22,.45);background:rgba(255,104,22,.09)}
.table-scroll{border:1px solid rgba(255,255,255,.10);border-radius:16px;overflow:auto;background:rgba(12,15,19,.72)}
table{color:#e9edf2}th{color:#fff;background:rgba(255,255,255,.035)}th,td{border-bottom-color:rgba(255,255,255,.09)}
.empty-state{color:var(--td-muted);border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.025)}
@media(max-width:600px){.card{padding:22px}}

.share-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.member-dashboard-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.member-dashboard-card p{margin-bottom:0}@media(max-width:700px){.member-dashboard-card{align-items:flex-start;flex-direction:column}}


/* v3.0 member operating dashboard */
.td-readiness-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:30px;border:1px solid rgba(255,104,22,.32);border-radius:var(--td-radius);background:radial-gradient(circle at 90% 20%,rgba(255,104,22,.17),transparent 35%),linear-gradient(145deg,rgba(25,29,35,.98),rgba(11,14,18,.98));box-shadow:var(--td-shadow)}.td-readiness-hero h2{margin:0;color:#fff;font-size:clamp(34px,5vw,52px)}.td-readiness-hero p{margin:.4rem 0 0;color:var(--td-muted)}.td-score-ring{--score:0;display:grid;place-items:center;flex:0 0 118px;width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--td-orange) calc(var(--score)*1%),rgba(255,255,255,.09) 0);position:relative}.td-score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#101318}.td-score-ring strong{position:relative;z-index:1;color:#fff;font-size:24px}.td-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.td-check-list{display:grid;gap:12px;margin:18px 0}.td-check-list>div{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.td-check-list span:nth-child(2){display:grid}.td-check-list small{color:var(--td-muted)}.td-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:900}.td-check.is-complete{background:rgba(69,201,124,.14);color:#7be3a6}.td-check.is-action{background:rgba(255,104,22,.14);color:#ff9a5f}.td-metric-number{display:block;font-size:44px;line-height:1;color:#fff}.td-big-status{font-size:24px!important;color:#fff!important;font-weight:900}.td-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:22px}.td-switch-row span{display:grid}.td-switch-row input{width:26px;height:26px}.td-availability-card{max-width:760px}.status-badge.status-expired,.status-badge.status-rejected{background:rgba(255,104,22,.16);color:#ffad7d}@media(max-width:850px){.td-dashboard-grid{grid-template-columns:1fr}.td-readiness-hero{align-items:flex-start}.td-score-ring{flex-basis:92px;width:92px;height:92px}.td-score-ring strong{font-size:19px}}@media(max-width:560px){.td-readiness-hero{flex-direction:column}.td-score-ring{order:-1}}

/* v3.0.3 interactive Trust & Readiness */
.td-readiness-link{color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.td-readiness-link:hover,.td-readiness-link:focus-visible{border-color:rgba(255,104,22,.72);transform:translateY(-2px);box-shadow:0 20px 55px rgba(0,0,0,.38)}.td-check-list>.td-check-row{display:flex;align-items:center;gap:12px;padding:11px 8px 12px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:10px;color:inherit;text-decoration:none;transition:background .18s ease,transform .18s ease}.td-check-list>.td-check-row:hover,.td-check-list>.td-check-row:focus-visible{background:rgba(255,104,22,.09);transform:translateX(3px);outline:none}.td-check-copy{display:grid;min-width:0;flex:1}.td-check-action{margin-left:auto;display:flex;align-items:center;gap:8px;color:#ffad7d;font-size:.82rem;font-weight:800;white-space:nowrap}.td-check-action b{font-size:1.45rem;line-height:1}.td-readiness-checklist{margin:18px 0}.td-readiness-checklist .td-check-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.td-anchor-target{display:block;position:relative;top:-110px;visibility:hidden}.td-check-row:target{outline:2px solid var(--td-orange)}@media(max-width:700px){.td-readiness-checklist .td-check-list{grid-template-columns:1fr}.td-check-action{font-size:.76rem}.td-check-list>.td-check-row{padding:13px 6px}}

/* v3.1.5 — shared Join Journey gateway */
.td-join-page{min-height:calc(100vh - 90px);background:radial-gradient(circle at 50% 0,rgba(255,104,22,.16),transparent 34%),linear-gradient(155deg,#101318 0%,#080a0d 58%,#050608 100%)}
.td-join-hero{padding:clamp(60px,8vw,104px) 0 78px}.td-join-intro{max-width:850px;margin:0 auto 42px;text-align:center}.td-join-intro .td-lead{margin:20px auto 0}.td-join-intro .td-title{font-size:clamp(46px,6vw,78px)}
.td-join-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1040px;margin:0 auto}.td-join-card{display:flex;flex-direction:column;min-height:100%;padding:clamp(26px,4vw,40px);border:1px solid rgba(255,104,22,.34);border-radius:26px;background:radial-gradient(circle at 84% 8%,rgba(255,122,36,.17),transparent 34%),linear-gradient(145deg,rgba(25,29,35,.97),rgba(10,13,17,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 75px rgba(0,0,0,.4);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.td-join-card:hover,.td-join-card:focus-within{transform:translateY(-4px);border-color:rgba(255,122,36,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 85px rgba(0,0,0,.46),0 0 34px rgba(255,104,22,.08)}
.td-join-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:24px;border:1px solid rgba(255,162,102,.45);border-radius:19px;background:linear-gradient(145deg,rgba(255,122,36,.24),rgba(237,82,0,.12));box-shadow:0 12px 32px rgba(255,104,22,.12);font-size:32px}.td-join-label{margin:0 0 9px!important;color:#ff9a5f!important;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.td-join-card h2{margin:0 0 14px;color:#fff;font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-.035em}.td-join-card>p:not(.td-join-label){color:#b8c0ca;font-size:17px;line-height:1.65}.td-join-benefits{display:grid;gap:10px;margin:24px 0 28px;padding:0;list-style:none;color:#e8ebef}.td-join-benefits li{position:relative;padding-left:26px}.td-join-benefits li:before{content:"✓";position:absolute;left:0;color:#ff7a24;font-weight:950}.td-join-button{width:100%;margin-top:auto;text-align:center}.td-join-login{margin:32px 0 0;text-align:center;color:#aeb5bf}.td-join-login a{color:#ff9a5f;font-weight:850;text-underline-offset:4px}.td-join-login a:hover,.td-join-login a:focus-visible{color:#ffc09a}
@media(max-width:800px){.td-join-hero{padding:54px 0 58px}.td-join-grid{grid-template-columns:1fr}.td-join-intro{margin-bottom:30px}.td-join-card{padding:28px 24px}.td-join-icon{width:58px;height:58px;font-size:29px}}
@media(prefers-reduced-motion:reduce){.td-join-card{transition:none}.td-join-card:hover,.td-join-card:focus-within{transform:none}}


/* v3.1.6 — TakeAwayDriver pin-network Join Journey */
.td-join-page{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 5%,rgba(255,104,22,.18),transparent 32%),
    linear-gradient(155deg,#101318 0%,#080a0d 58%,#050608 100%);
}
.td-join-page:before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-image:url('leedspilot.png');
  background-repeat:no-repeat;
  background-position:center 42%;
  background-size:min(535px,72vw) auto;
  opacity:.12;
  filter:saturate(1.15) contrast(1.08);
  pointer-events:none;
}
.td-join-page:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(5,7,10,.48),rgba(5,7,10,.82) 55%,#050608 100%);
  pointer-events:none;
}
.td-join-card{
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 3%,rgba(255,122,36,.14),transparent 38%),
    linear-gradient(145deg,rgba(24,28,34,.87),rgba(8,11,15,.94));
  backdrop-filter:blur(14px) saturate(1.15);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
}
.td-brand-pin{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  height:178px;
  margin:-10px 0 22px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,104,22,.18);
}
.td-brand-pin:before{
  content:"";
  position:absolute;
  width:190px;
  height:120px;
  border-radius:50%;
  background:rgba(255,104,22,.22);
  filter:blur(42px);
  opacity:.72;
}
.td-brand-pin img{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:190px;
  max-width:82%;
  object-fit:cover;
  object-position:center;
  filter:drop-shadow(0 0 18px rgba(255,104,22,.3));
  transition:transform .28s ease,filter .28s ease;
}
.td-join-card:hover .td-brand-pin img,.td-join-card:focus-within .td-brand-pin img{
  transform:translateY(-3px) scale(1.035);
  filter:drop-shadow(0 0 25px rgba(255,104,22,.48));
}
.td-brand-pin--driver img{object-position:48% 44%}
.td-brand-pin--business img{object-position:52% 44%}
@media(max-width:800px){
  .td-join-page:before{background-size:480px auto;opacity:.10}
  .td-brand-pin{height:156px;margin:-6px 0 20px}
  .td-brand-pin img{height:170px}
}
@media(prefers-reduced-motion:reduce){
  .td-brand-pin img{transition:none}
  .td-join-card:hover .td-brand-pin img,.td-join-card:focus-within .td-brand-pin img{transform:none}
}


/* v3.1.9 — production mobile app foundation */
.td-app-main{padding-bottom:96px}.td-app-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.td-app-action{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,rgba(25,29,35,.98),rgba(10,13,17,.98));color:#fff;text-decoration:none;box-shadow:0 16px 40px rgba(0,0,0,.28)}.td-app-action-primary{border-color:rgba(255,104,22,.56);background:radial-gradient(circle at 85% 0,rgba(255,104,22,.24),transparent 38%),linear-gradient(145deg,rgba(31,28,27,.98),rgba(10,13,17,.98))}.td-app-action img{width:58px;height:58px;object-fit:contain}.td-app-action span{display:grid;gap:4px}.td-app-action strong{font-size:1.08rem}.td-app-action small{color:#b9c0c8;line-height:1.35}.td-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.td-card-heading h2{margin:.2rem 0 0}.td-card-heading>a{color:#ffad7d;font-weight:800}.td-app-list{display:grid;margin-top:16px}.td-app-list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09);color:inherit;text-decoration:none}.td-app-list-row:last-child{border-bottom:0}.td-app-list-row>span:first-child{display:grid;gap:4px}.td-app-list-row small{color:var(--td-muted)}.td-app-bottom-nav{position:fixed;z-index:80;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);display:none;width:min(calc(100% - 22px),540px);grid-template-columns:repeat(4,1fr);padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(8,10,13,.94);box-shadow:0 18px 60px rgba(0,0,0,.52);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.td-app-bottom-nav a{display:grid;place-items:center;gap:3px;min-height:55px;border-radius:16px;color:#aeb6c0;text-decoration:none;font-size:.72rem;font-weight:800}.td-app-bottom-nav a span{font-size:1.25rem;line-height:1}.td-app-bottom-nav a.is-active,.td-app-bottom-nav a:hover,.td-app-bottom-nav a:focus-visible{color:#fff;background:rgba(255,104,22,.15)}
@media(max-width:760px){body:has(.td-app-main) .site-footer{padding-bottom:92px}body:has(.td-app-main) .site-header{position:sticky;top:0;z-index:70;background:rgba(7,9,12,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body:has(.td-app-main) .brand-tagline{display:none}body:has(.td-app-main) .brand-mark{width:48px;height:48px}.td-app-wrap{padding-left:16px;padding-right:16px}.td-app-actions{grid-template-columns:1fr}.td-app-action{padding:17px}.td-app-bottom-nav{display:grid}.td-app-main .member-top{align-items:flex-start}.td-app-main .member-top>.btn{display:none}.td-app-main .td-readiness-hero{padding:22px}.td-app-main .member-profile-form{scroll-margin-top:90px}}
@media(display-mode:standalone){body:has(.td-app-main) .sandbox-banner{padding-top:env(safe-area-inset-top)}.td-app-bottom-nav{bottom:max(6px,env(safe-area-inset-bottom))}}

/* v3.2.0 Heartbeat */
.td-app-action-form{margin:0}.td-app-action-button{width:100%;text-align:left;border:0;font:inherit;cursor:pointer}.td-live-status-card{display:flex;align-items:center;gap:18px;border-left:4px solid #777}.td-live-status-card h2{margin:.15rem 0}.td-live-status-dot,.td-status-choice-dot{width:16px;height:16px;border-radius:50%;background:#777;box-shadow:0 0 0 6px rgba(255,255,255,.06);flex:0 0 auto}.td-status-online{border-left-color:#39d98a}.td-status-online .td-live-status-dot,.td-status-choice.is-active[value="online"] .td-status-choice-dot{background:#39d98a}.td-status-break{border-left-color:#ffb020}.td-status-break .td-live-status-dot,.td-status-choice.is-active[value="break"] .td-status-choice-dot{background:#ffb020}.td-status-on_job{border-left-color:#ff6a00}.td-status-on_job .td-live-status-dot,.td-status-choice.is-active[value="on_job"] .td-status-choice-dot{background:#ff6a00}.td-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.td-status-choice{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer}.td-status-choice small{grid-column:2;color:var(--muted)}.td-status-choice.is-active{border-color:#ff6a00;box-shadow:0 0 0 2px rgba(255,106,0,.15)}.td-status-details{margin-top:22px}.td-job-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.td-job-offer-grid>div,.td-job-notes{padding:16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}.td-job-offer-grid small,.td-job-notes small{display:block;color:var(--muted);margin-bottom:6px}.td-job-offer-grid strong{font-size:1.05rem}.td-job-notes{margin-bottom:20px}.td-job-notes p{margin:.35rem 0 0}
@media(max-width:640px){.td-status-grid,.td-job-offer-grid{grid-template-columns:1fr}.td-status-choice{padding:16px}.td-live-status-card{align-items:flex-start}}