:root { --ink:#12372b; --forest:#102d23; --paper:#f6f3e8; --gold:#ffda26; --muted:#526458; font-family:"Avenir Next","Trebuchet MS",sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; } body { margin:0; } a { color:inherit; } button,input,select,textarea { font:inherit; } button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; } a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:3px solid #b78300; outline-offset:4px; } [hidden] { display:none !important; } html { scroll-behavior:smooth; scroll-padding-top:100px; } .skip { position:absolute; top:-80px; left:20px; padding:16px; background:white; z-index:9; } .skip:focus { top:10px; }
.driver-header { display:flex; align-items:center; justify-content:space-between; padding:24px max(5vw,22px); border-bottom:1px solid #d5dcc8; gap:22px; } .driver-brand { font-size:36px; font-weight:900; letter-spacing:-.08em; text-decoration:none; display:flex; align-items:center; gap:18px; } .driver-brand span { font-size:10px; letter-spacing:.14em; border-left:1px solid #a7b6a3; padding-left:18px; font-weight:800; } .driver-header nav { display:flex; gap:28px; align-items:center; font-weight:800; font-size:14px; } .driver-header nav a { text-decoration:none; } .header-join { background:var(--forest); color:var(--paper); border-radius:9px; padding:14px 18px; }
.driver-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:7vw; padding:70px max(6vw,24px) 90px; background:radial-gradient(ellipse at 0 0,#e4e9c9,transparent 65%); align-items:center; } .kicker { font-size:11px; letter-spacing:.12em; font-weight:900; margin:0 0 24px; } h1 { font-size:clamp(44px,5.8vw,84px); line-height:.99; letter-spacing:-.055em; margin:0; } h1 em,h2 em { color:#4c7136; font-family:Georgia,serif; font-weight:400; } .intro { font-size:18px; line-height:1.8; max-width:540px; color:var(--muted); margin:28px 0; } .cta { display:inline-flex; justify-content:space-between; align-items:center; gap:24px; background:var(--gold); color:#173627; padding:19px 24px; border-radius:12px; font-weight:900; text-decoration:none; border:0; cursor:pointer; line-height:1.5; } .cta:disabled { opacity:.7; cursor:wait; } .fine { font-size:12px; line-height:1.7; color:var(--muted); max-width:430px; }
.driver-hero-board { background:radial-gradient(ellipse at 90% 0,#305d3a,transparent),var(--forest); color:var(--paper); border-radius:28px; padding:36px; box-shadow:0 24px 60px #143c2314; transform:rotate(1.5deg); } .board-label { font-size:10px; font-weight:800; letter-spacing:.12em; color:#caddc5; } .road-graphic { display:flex; align-items:center; height:160px; gap:12px; } .road-node { padding:18px; border-radius:17px; font-size:30px; font-weight:900; background:var(--gold); color:var(--forest); transform:rotate(-9deg); } .road-track { flex:1; height:55px; border:2px dashed #92b78b; border-width:0 0 2px 2px; border-radius:0 0 0 18px; } .road-destination { font-size:20px; font-weight:800; color:#d5e8b8; } .driver-hero-board h2 { font-size:36px; line-height:1.1; letter-spacing:-.04em; margin:0 0 16px; } .driver-hero-board > p { line-height:1.7; color:#caddca; } .driver-hero-board > small { display:block; margin-top:20px; color:#caddca; font-size:12px; line-height:1.6; }
.driver-benefits,.driver-faq { padding:80px max(6vw,24px); } .section-heading h2,.join-explainer h2 { font-size:clamp(34px,4.3vw,58px); line-height:1.1; letter-spacing:-.04em; margin:0 0 30px; } .benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; } .benefit-grid article { border-top:2px solid #658353; padding-top:22px; } .benefit-grid article > span { font-size:10px; font-weight:800; letter-spacing:.1em; color:#547143; } .benefit-grid h3 { font-size:23px; line-height:1.15; margin:20px 0 14px; } .benefit-grid p { font-size:15px; line-height:1.7; color:var(--muted); } .benefits-note { font-size:12px; line-height:1.7; color:var(--muted); margin-top:26px; }
.driver-join { padding:80px max(6vw,24px); display:grid; grid-template-columns:.85fr 1fr; gap:7vw; background:#e9edd8; align-items:start; } .join-explainer { padding-top:26px; } .join-explainer > p { line-height:1.8; color:#4e6350; } .join-explainer ol { list-style:none; padding:0; counter-reset:step; margin:32px 0; } .join-explainer li { counter-increment:step; position:relative; padding:0 0 28px 50px; } .join-explainer li:before { content:counter(step,decimal-leading-zero); position:absolute; left:0; color:#547345; font-weight:900; font-size:20px; } .join-explainer li span { display:block; color:var(--muted); font-size:14px; line-height:1.7; margin-top:5px; } .support-link { font-weight:800; line-height:1.8; text-underline-offset:5px; } .driver-form-card { background:#fffef9; padding:36px; border:1px solid #ced8bd; border-radius:24px; box-shadow:0 20px 60px #38532c09; } .form-label { font-size:10px; font-weight:800; letter-spacing:.12em; color:#607447; } .driver-form-card h3 { font-size:31px; letter-spacing:-.04em; margin:16px 0 8px; } form { display:grid; gap:20px; margin-top:24px; } label { display:flex; flex-direction:column; gap:9px; font-size:13px; font-weight:800; } label > span { font-weight:400; } input,select,textarea { width:100%; border:1px solid #b8c5b1; border-radius:10px; padding:13px 12px; color:#14382a; background:#fff; min-height:48px; } input::placeholder,textarea::placeholder { color:#72816f; opacity:1; } textarea { resize:vertical; } .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .phone-grid { display:grid; grid-template-columns:.8fr 1fr; gap:16px; } .driver-consent { flex-direction:row; align-items:flex-start; gap:12px; font-size:12px; line-height:1.7; font-weight:400; } .driver-consent input { width:20px; min-width:20px; min-height:20px; height:20px; margin-top:3px; accent-color:var(--forest); } .driver-consent a { font-weight:800; } .honeypot { position:absolute; left:-9999px; width:1px; overflow:hidden; } #driver-form-status { margin:0; color:#8b3524; font-size:14px; line-height:1.6; } #driver-form-success { padding:30px 0; line-height:1.8; } .success-mark { display:inline-grid; place-items:center; width:54px; height:54px; border-radius:50%; background:#e3efcb; font-size:28px; } .receipt { overflow-wrap:anywhere; background:#eef1e1; padding:15px; border-radius:10px; font-size:13px; }
.driver-faq { max-width:1000px; margin:auto; } .driver-faq h2 { font-size:36px; letter-spacing:-.04em; } details { border-top:1px solid #c5cdb8; padding:20px 0; } summary { cursor:pointer; font-size:17px; font-weight:800; } details p { line-height:1.8; color:var(--muted); } .driver-footer { padding:40px max(6vw,24px); background:var(--forest); color:var(--paper); display:flex; flex-wrap:wrap; gap:30px; align-items:center; justify-content:space-between; } .driver-footer > div { display:flex; flex-wrap:wrap; gap:20px; font-size:13px; } .driver-footer small { width:100%; font-size:11px; color:#c3d1c1; } .privacy { max-width:800px; margin:60px auto; padding:0 24px; line-height:1.9; } .privacy h1 { font-size:46px; line-height:1.1; }
@media(max-width:900px) { .driver-hero,.driver-join { grid-template-columns:1fr; gap:36px; } .driver-hero-board { transform:none; } .benefit-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:560px) { .driver-header nav a:not(.header-join) { display:none; } .driver-brand { font-size:30px; gap:10px; } .driver-brand span { font-size:8px; padding-left:10px; } .header-join { font-size:12px; padding:12px; } .driver-hero,.driver-join,.driver-benefits,.driver-faq { padding:48px 22px; } .driver-hero-board,.driver-form-card { padding:24px; } .form-grid,.phone-grid { grid-template-columns:1fr; } .benefit-grid { gap:20px; } .benefit-grid h3 { font-size:21px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.driver-form-card label:not(.driver-consent) { display:block; }
.driver-form-card label > input:not([type="checkbox"]), .driver-form-card label > select, .driver-form-card label > textarea { display:block; margin-top:9px; }
@media(max-width:400px) { .driver-hero-board .vip-app-links { grid-template-columns:1fr; } }