:root{--ink:#10251d;--muted:#60736a;--green:#126b4c;--green-dark:#0b3b2c;--lime:#d7ff57;--surface:#fff;--wash:#f1f6f3;--line:#d7e3dd;--shadow:0 20px 55px rgba(15,55,41,.12)}
body{color:var(--ink);background:#f7faf8}.publicnav,.hirenav{height:82px;background:rgba(255,255,255,.96);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 5px 25px rgba(13,50,37,.05);position:relative;z-index:20}.publicnav nav,.hirenav nav{gap:30px}.publicnav nav a,.hirenav nav a{color:#405b50;font-weight:750}.publicnav nav a:hover,.hirenav nav a:hover{color:var(--green)}.publicbrand,.hirebrand{font-size:20px;font-weight:900;letter-spacing:-.025em}.publicbrand b,.hirebrand b{width:42px;height:42px;border-radius:12px;background:var(--lime);display:inline-grid;place-items:center;color:#082c20}.cta,.publicnav .cta{border-radius:10px!important;box-shadow:0 9px 20px rgba(18,107,76,.18)}
.hero{min-height:650px;background:radial-gradient(circle at 82% 18%,rgba(215,255,87,.34),transparent 29%),linear-gradient(135deg,#f7fbf9 0%,#eaf4ef 100%)}.hero h1,.hirehero h1{letter-spacing:-.055em;line-height:1.01}.hero p,.hirehero p{font-size:20px;line-height:1.55}.dashboardmock,.bookingmock{box-shadow:0 30px 70px rgba(11,59,44,.22)}.featurecards article,.plans article,.contactcard{box-shadow:0 12px 35px rgba(16,55,42,.07);transition:.2s}.featurecards article:hover,.plans article:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(16,55,42,.12)}
.hirebody{background:#f7faf8}.hirehero{padding:72px max(24px,calc((100vw - 1240px)/2)) 160px;background:radial-gradient(circle at 15% 15%,rgba(215,255,87,.28),transparent 25%),linear-gradient(145deg,#eef7f2,#f9fbfa)}.hirehero>div{max-width:930px;margin:auto}.hirehero h1{font-size:clamp(45px,6vw,76px);max-width:930px}.hirehero p{color:var(--muted)}.hiresearch{max-width:1180px;margin:42px auto -235px;padding:24px;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;border-radius:20px;box-shadow:var(--shadow);position:relative}.hiresearch:before{content:'Find available fleet';position:absolute;left:24px;top:-35px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#2b6d55}.hiresearch label{font-size:12px;color:#375448}.hiresearch input,.hiresearch select{min-height:52px;border-radius:11px!important;padding:12px 13px!important}.hiresearch button{min-height:52px;border-radius:11px;font-size:15px;background:linear-gradient(135deg,#147252,#0f5c42);box-shadow:0 12px 24px rgba(18,107,76,.22)}
.fleetsection{max-width:1240px;margin:170px auto 95px;padding:0 24px}.sectiontitle{padding-bottom:20px;border-bottom:1px solid var(--line)}.sectiontitle h2{font-size:40px;letter-spacing:-.035em}.sectiontitle>span{background:#e6f2ec;color:#176448;border-radius:99px;padding:8px 12px;font-weight:800}.assetcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hirecard{border-radius:18px;box-shadow:0 12px 35px rgba(15,55,41,.08);transition:.2s}.hirecard:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(15,55,41,.14)}.assetimage{height:225px}.assetimage em{top:15px;left:15px;padding:7px 10px}.hirecontent{padding:22px}.hirecontent>small{font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hirecontent h3{font-size:23px}.hirecontent p{font-size:14px;line-height:1.55}.specs span{font-size:11px;padding:7px 9px;border-radius:99px}.rate{padding-top:18px}.rate strong{font-size:27px}.rate a{background:var(--green);color:#fff;padding:11px 15px;border-radius:10px}.noassets{border:1px dashed #b8cbc1;background:linear-gradient(135deg,#fff,#edf5f1);padding:50px;border-radius:18px}.how{background:var(--green-dark);color:#fff}.how .kicker{color:var(--lime)}.how article{color:var(--ink);padding:25px;border-radius:15px}.hirefooter{background:#092c20!important}
.checkoutbody{background:linear-gradient(135deg,#edf4f0,#f8faf9)}.checkout{max-width:1220px;margin:32px auto 80px}.checkout>a{display:inline-flex;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:9px}.checkoutgrid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:26px}.checkoutform,.summary{border-radius:18px;box-shadow:0 14px 40px rgba(13,52,38,.08)}.checkoutform{padding:30px}.summary{padding:28px;position:sticky;top:24px;height:max-content;background:linear-gradient(180deg,#fff,#f8fbf9)}.summary h2{font-size:28px}.summary dl{margin-top:24px}.summary dl div{padding:13px 0}.summary .total{border-top:2px solid var(--green-dark);margin-top:10px}.summary .total strong{font-size:25px}.deposit{border:1px solid #c4ddd1;background:#eaf6ef}.bookingProgress{gap:9px;margin:22px 0 28px}.bookingProgress button{min-height:48px;border-radius:12px}.bookingProgress button.active{background:linear-gradient(135deg,#0f4b38,#17694d);box-shadow:0 8px 20px rgba(15,75,56,.18)}.bookingProgress b{width:28px;height:28px}.stepHeading{padding-bottom:15px;border-bottom:1px solid var(--line)}.stepHeading h2{font-size:27px}.accountChoice{padding:18px;border-radius:13px}.checkoutform input,.checkoutform select,.checkoutform textarea{min-height:50px;border-radius:10px!important;padding:12px!important}.checkoutform textarea{min-height:110px}.bookingextras{border:1px solid var(--line);background:#fbfdfc;border-radius:14px;padding:18px}.bookingextras h3{font-size:20px}.bookingextra{padding:15px!important;border-radius:11px!important;transition:.15s}.bookingextra:hover{border-color:#83b69f!important;background:#f1f8f4!important}.bookingextra:has(input:checked){border-color:#20805f!important;background:#edf8f2!important;box-shadow:0 0 0 2px rgba(32,128,95,.08)}.coverchoice span em{display:block;color:#176448;font-style:normal}.stepActions{margin-top:18px;padding-top:20px}.stepActions button,.bookingStep>button,.checkoutform>button{min-height:50px;border-radius:10px;font-size:15px}
.confirmation{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:44px}.confirmicon{width:68px;height:68px;font-size:30px}.confirmation h1{font-size:39px}.reference{padding:20px;border-radius:13px}.confirmdetails div{padding:16px}.paybox{padding:18px}.confirmation .secondary{display:inline-block;margin:12px 5px 0;padding:10px 13px;border:1px solid var(--line);border-radius:9px;color:var(--green);font-weight:800}
@media(max-width:1000px){.hiresearch{grid-template-columns:repeat(2,1fr);margin-bottom:-350px}.fleetsection{margin-top:290px}.assetcards{grid-template-columns:repeat(2,1fr)}.checkoutgrid{grid-template-columns:1fr}.summary{position:static;order:-1}}
@media(max-width:650px){.publicnav,.hirenav{height:70px}.hirehero{padding:55px 18px 135px}.hirehero h1{font-size:42px}.hirehero p{font-size:17px}.hiresearch{grid-template-columns:1fr;margin:34px auto -600px;padding:18px}.fleetsection{margin-top:545px;padding:0 16px}.sectiontitle{align-items:flex-start;gap:12px;flex-direction:column}.assetcards{grid-template-columns:1fr}.checkout{padding:0 12px}.checkoutform,.summary{padding:20px}.bookingProgress{position:sticky;top:0;z-index:5;background:#f5f8f6;padding:8px}.confirmation{padding:27px}.confirmation h1{font-size:31px}}

/* Refined commercial checkout */
.checkoutform>h1{font-size:38px;letter-spacing:-.045em;margin:7px 0 12px}.bookingProgress{margin:14px 0 22px}.bookingProgress button{position:relative;font-size:15px}.bookingProgress button b{color:#176448;box-shadow:0 1px 4px rgba(16,55,42,.09)}.bookingProgress button.active b{color:#0b3b2c;background:var(--lime)}.bookingProgress button.complete b{background:#176448;color:#fff}.stepHeading{display:grid;gap:3px;padding:8px 0 16px}.stepHeading span{font-size:11px}.stepHeading h2{margin:0;font-size:30px}.stepHeading p{margin:2px 0 0;color:#6a7a73;font-size:14px;line-height:1.45}.bookingStep{gap:14px}.bookingextra span b{display:block;font-size:15px;color:#17382c;line-height:1.25}.bookingextra span small{font-size:12px;line-height:1.45;margin-top:4px}.bookingextra>strong{font-size:15px;color:#17382c}.bookingextras:has([name="payment_method"]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#f7faf8;padding:20px}.bookingextras:has([name="payment_method"])>h3{grid-column:1/-1;font-size:22px;margin-bottom:0}.bookingextras:has([name="payment_method"])>.bookingextra{display:grid!important;grid-template-columns:24px 1fr;align-content:start;align-items:start;gap:8px 10px;border:1px solid #d7e3dd!important;padding:18px!important;min-height:145px;background:#fff}.bookingextras:has([name="payment_method"])>.bookingextra:first-of-type{border-top:1px solid #d7e3dd!important}.bookingextras:has([name="payment_method"])>.bookingextra input{margin-top:3px!important}.bookingextras:has([name="payment_method"])>.bookingextra>strong{grid-column:2;font-size:18px;margin-top:auto}.bookingextras:has([name="payment_method"])>.bookingextra:has(input:checked){border:2px solid #176d50!important;background:#edf8f2!important;padding:17px!important}.bookingextras:has([name="payment_method"])>.formtwo{grid-column:1/-1;background:#fff;border:1px solid #d7e3dd;border-radius:12px;padding:16px}.bookingStep .terms{padding:15px 16px;background:#f2f7f4;border-radius:11px;border:1px solid #dae6e0;align-items:flex-start}.bookingStep .terms input{margin-top:3px}.summary{border-top:6px solid #17694d;padding-top:23px}.summary>.kicker{display:block;margin-bottom:16px}.summary h2{font-size:32px;margin:0 0 10px}.summary code{display:inline-flex;margin-bottom:18px}.summary dl{margin:8px 0 0}.summary dl div,.livePriceLines>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:11px 0}.summary dt,.livePriceLines span{color:#53675e;line-height:1.4}.summary dd,.livePriceLines b{text-align:right;white-space:nowrap;margin:0;font-weight:850}.livePriceLines{margin-top:6px}.summary .total{display:grid;grid-template-columns:1fr auto;align-items:end;padding:18px 0 14px}.summary .total span{font-size:15px}.summary .total strong{font-size:31px;line-height:1;white-space:nowrap}.summary .deposit{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:16px}.summary .deposit strong{text-align:right}.summary .deposit small{grid-column:1/-1}.checkoutform>button{font-size:16px;font-weight:900;background:linear-gradient(135deg,#176f51,#0f573f)}
@media(max-width:850px){.bookingextras:has([name="payment_method"]){grid-template-columns:1fr}.bookingextras:has([name="payment_method"])>h3,.bookingextras:has([name="payment_method"])>.formtwo{grid-column:auto}.bookingextras:has([name="payment_method"])>.bookingextra{min-height:0}.checkoutform>h1{font-size:33px}}