:root{--orange:#ff6a00;--orange-dark:#e95700;--blue:#082f5f;--blue-soft:#0f4f92;--dark:#101827;--muted:#657084;--light:#f7f9fc;--white:#fff;--border:#e8edf5;--shadow:0 24px 60px rgba(8,47,95,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--dark);background:#fff;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.section{padding:86px 0;position:relative}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,237,245,.72);opacity:.82;transition:.25s ease}.site-header:hover{opacity:1;background:rgba(255,255,255,.96)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{display:inline-flex;align-items:center}.logo{height:48px;width:auto;display:block}.footer-logo{height:44px;margin-bottom:10px}.nav-links{display:flex;align-items:center;gap:18px;font-weight:800;color:#263348;font-size:.88rem}.nav-links a{transition:.22s ease}.nav-links>a:not(.nav-btn):hover,.nav-links>a.active{color:var(--orange);transform:scale(1.08)}.nav-btn{padding:10px 14px;border-radius:999px;color:#fff!important;box-shadow:0 12px 26px rgba(8,47,95,.16)}.nav-btn-blue{background:var(--blue)}.nav-btn-orange{background:linear-gradient(135deg,var(--orange),#ff8b1a)}.menu-toggle{display:none;background:none;border:0;font-size:1.8rem;color:var(--blue)}.city-road{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#fff 0%,#f7f9fc 38%,#fff 100%);opacity:.62}.skyline{position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(90deg,transparent 0 7%,rgba(8,47,95,.06) 7% 10%,transparent 10% 18%,rgba(255,106,0,.06) 18% 22%,transparent 22% 35%,rgba(8,47,95,.06) 35% 39%,transparent 39% 55%,rgba(8,47,95,.05) 55% 61%,transparent 61% 78%,rgba(255,106,0,.05) 78% 84%,transparent 84%)}.road-line{position:absolute;left:-10%;right:-10%;top:54%;height:180px;transform:rotate(-8deg);border-top:18px solid rgba(8,47,95,.08);border-bottom:18px solid rgba(8,47,95,.08)}.rider{position:absolute;font-size:2.1rem;filter:drop-shadow(0 12px 20px rgba(8,47,95,.18));animation:drive linear infinite}.rider span{display:inline-block;width:26px;height:20px;border-radius:6px;background:var(--orange);margin-left:-15px}.scooter{top:20%;animation-duration:18s}.car{top:49%;animation-duration:24s;animation-delay:-6s}.bike{top:73%;animation-duration:21s;animation-delay:-11s}@keyframes drive{from{transform:translateX(-15vw)}to{transform:translateX(115vw)}}.hero{padding-top:150px;background:radial-gradient(circle at 15% 15%,rgba(255,106,0,.13),transparent 32%),radial-gradient(circle at 85% 25%,rgba(8,47,95,.12),transparent 35%)}.hero-grid,.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}.eyebrow.light{color:#ffca9f}h1,h2,h3,h4{line-height:1.05;margin:0;letter-spacing:-.055em}h1{font-size:clamp(2.55rem,6.8vw,5.25rem);color:var(--blue)}h2{font-size:clamp(2rem,4.4vw,3.3rem);color:var(--blue)}h3{font-size:1.35rem;color:var(--blue)}h4{font-size:1.08rem;color:var(--blue);margin-top:3px}p{color:var(--muted);margin:16px 0 0}.hero-text{font-size:1.05rem;max-width:620px}.hero-actions,.cta-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 22px;font-weight:900;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--orange);box-shadow:0 16px 32px rgba(255,106,0,.24)}.btn-secondary{color:#fff;background:var(--blue);box-shadow:0 16px 32px rgba(8,47,95,.18)}.btn-light{color:var(--blue);background:#fff}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.trust-row span{padding:9px 13px;background:#fff;border:1px solid var(--border);border-radius:999px;color:#39465a;font-weight:800;font-size:.88rem}.hero-card{display:flex;justify-content:center}.phone-mockup,.partner-app,.calculator-card,.pricing-card{background:#fff;border:1px solid var(--border);border-radius:34px;box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden}.shift-card{width:min(420px,100%)}.phone-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.phone-top span{width:44px;height:8px;border-radius:999px;background:#dfe6f1}.phone-top strong{color:var(--blue)}.phone-top em{font-style:normal;color:#fff;background:var(--orange);padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.map-preview{height:150px;border-radius:24px;background:linear-gradient(135deg,#edf5ff,#fff6ef);position:relative;overflow:hidden;margin-bottom:18px}.map-road{position:absolute;left:12%;right:12%;top:52%;height:14px;background:rgba(8,47,95,.18);border-radius:999px;transform:rotate(-13deg)}.pin{position:absolute;z-index:2;background:#fff;border-radius:16px;padding:8px;box-shadow:0 10px 24px rgba(8,47,95,.12)}.restaurant{left:24px;top:24px}.home{right:28px;bottom:24px}.status-pill{width:fit-content;color:#fff;background:var(--orange);border-radius:999px;padding:8px 13px;font-weight:900;font-size:.82rem}.shift-card h2{font-size:1.8rem;margin-top:15px}.shift-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.shift-details div,.input-row{padding:15px;border-radius:18px;background:#f7f9fc}.shift-details small{display:block;color:var(--muted)}.mock-button{width:100%;margin-top:20px;border:0;padding:16px;border-radius:18px;color:#fff;background:var(--blue);font-weight:900}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(255,106,0,.12);background:var(--orange)}}.calc-strip{padding:44px 0;background:linear-gradient(135deg,var(--blue),#061a38)}.calc-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}.calc-strip h2,.calc-strip p{color:#fff}.calculator-card{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.calculator-card label{display:grid;gap:7px;color:#344055;font-weight:900}.calculator-card input{border:1px solid var(--border);border-radius:16px;padding:14px;font:inherit}.calc-result{grid-column:1/3;padding:18px;border-radius:22px;background:#fff6ef}.calc-result span{display:block;color:var(--muted);font-weight:800}.calc-result strong{display:block;color:var(--blue);font-size:2.3rem}.calculator-card .btn{grid-column:1/3}.section-blue{color:#fff;background:linear-gradient(135deg,var(--blue),#061a38)}.section-blue h2,.section-blue h3{color:#fff}.section-blue p,.section-blue li{color:rgba(255,255,255,.8)}.reverse{grid-template-columns:.9fr 1.1fr}.driver-panel{display:grid;gap:16px}.mini-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:20px;color:#fff;backdrop-filter:blur(10px)}.mini-card span{display:block;color:rgba(255,255,255,.75)}.check-list{padding:0;list-style:none;display:grid;gap:10px;margin:22px 0 28px}.check-list li:before{content:'✓';color:var(--orange);font-weight:900;margin-right:10px}.check-list.dark li{color:#344055}.partner-app .request-panel{background:#f7f9fc;border-radius:24px;padding:20px}.request-panel h3{margin-bottom:14px}.driver-found{display:flex;gap:12px;align-items:center;margin-top:18px;padding:16px;border-radius:20px;background:#fff6ef}.driver-found span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--orange);font-weight:900}.driver-found small{display:block;color:var(--muted)}.animated-card{animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.center-heading{text-align:center;max-width:760px}.process-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px}.process-columns>div{display:grid;gap:16px}.process-card{background:#fff;border:1px solid var(--border);border-radius:26px;padding:22px;box-shadow:0 16px 42px rgba(8,47,95,.07);position:relative}.process-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;font-weight:900;margin-bottom:14px}.pricing-section{background:rgba(247,249,252,.9)}.pricing-card{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.pricing-card strong{font-size:1.35rem;color:var(--blue)}.pricing-card span{color:var(--muted);font-weight:700}.cta-band{padding:54px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px;border-radius:34px;background:linear-gradient(135deg,var(--orange),#ff8b1a)}.cta-inner h2,.cta-inner p{color:#fff}.site-footer{padding:42px 0 24px;background:#071b38;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.site-footer p,.site-footer a{color:rgba(255,255,255,.74);display:block;margin-top:8px}.copyright{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.58);font-size:.88rem}.simple-page{padding:145px 0 80px;background:#f7f9fc;min-height:70vh}.simple-card{background:#fff;border:1px solid var(--border);border-radius:30px;padding:36px;box-shadow:var(--shadow)}.simple-card ul{color:var(--muted)}@media(max-width:980px){.nav-links{gap:10px;font-size:.82rem}.logo{height:42px}}@media(max-width:860px){.menu-toggle{display:block}.site-header{opacity:1}.nav-links{position:absolute;top:76px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:8px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:10px}.hero-grid,.split-grid,.reverse,.calc-grid,.process-columns{grid-template-columns:1fr}.section{padding:64px 0}.hero{padding-top:118px}.calculator-card{grid-template-columns:1fr}.calc-result,.calculator-card .btn{grid-column:1}.pricing-card,.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.city-road{opacity:.28}}@media(max-width:520px){.container{width:min(100% - 28px,1120px)}.hero-actions .btn,.cta-actions .btn{width:100%}.cta-inner,.simple-card{padding:26px}.logo{height:38px}h1{font-size:2.45rem}}
/* Scroll-driven Deliverra city route */
.scroll-route-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.78}.route-svg{position:absolute;inset:-4vh -3vw;width:106vw;height:108vh}.city-blocks rect{fill:rgba(8,47,95,.055);stroke:rgba(8,47,95,.045);stroke-width:2}.route-place{font-size:54px;filter:drop-shadow(0 12px 18px rgba(8,47,95,.15))}.route-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-path-shadow{stroke:rgba(8,47,95,.12);stroke-width:70}.route-path-main{stroke:rgba(255,255,255,.8);stroke-width:46}.route-path-dash{stroke:url(#roadFade);stroke-width:5;stroke-dasharray:18 22;opacity:.38;animation:roadDash 18s linear infinite}@keyframes roadDash{to{stroke-dashoffset:-420}}.route-vehicle{position:fixed;left:0;top:0;display:flex;align-items:center;gap:0;transform:translate(-50%,-50%);transform-origin:center;filter:drop-shadow(0 16px 22px rgba(8,47,95,.22));will-change:transform}.route-vehicle .vehicle-icon{font-size:2.25rem;line-height:1}.route-vehicle .vehicle-bag{width:24px;height:20px;border-radius:7px;background:var(--orange);border:2px solid rgba(255,255,255,.85);margin-left:-12px;margin-top:8px;box-shadow:0 8px 18px rgba(255,106,0,.18)}.route-car .vehicle-bag{margin-left:-6px}@media(max-width:860px){.scroll-route-scene{opacity:.35}.route-path-shadow{stroke-width:54}.route-path-main{stroke-width:34}.route-vehicle .vehicle-icon{font-size:1.8rem}.route-vehicle .vehicle-bag{width:19px;height:16px}}@media(prefers-reduced-motion:reduce){.route-path-dash{animation:none}}


/* 🌆 City + suburb visuals */
.road::before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:
    radial-gradient(circle at 10% 20%, #999 20px, transparent 21px),
    radial-gradient(circle at 80% 30%, #777 25px, transparent 26px),
    linear-gradient(#ccc, #eee);
  opacity:0.4;
}

.road::after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background:
    radial-gradient(circle at 30% 70%, #2e7d32 15px, transparent 16px),
    radial-gradient(circle at 60% 80%, #388e3c 20px, transparent 21px);
  opacity:0.3;
}

/* 📱 Driver app upgrade */
.driver-app {
  background:#fff;
  border-radius:12px;
  padding:15px;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.driver-card {
  border-bottom:1px solid #eee;
  padding:10px 0;
}

.driver-card strong {
  display:block;
  font-size:14px;
}

.driver-card span {
  font-size:12px;
  color:#666;
}

.driver-pay {
  font-weight:bold;
  color:#FF6A00;
}



/* === Deliverra final polish: premium scroll route, parallax scenery and richer app preview === */

.road-scene {
  pointer-events: none;
}

.city-layer,
.suburb-layer,
.delivery-route-svg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.layer-back { z-index: -4; }
.layer-front { z-index: -2; }

.delivery-route-svg {
  z-index: -3;
  opacity: .52;
}

.delivery-route-svg path {
  fill: none;
  stroke: rgba(8, 47, 95, .28);
  stroke-width: 42;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 10px 22px rgba(8,47,95,.08));
}

.delivery-route-svg path + path {
  stroke: rgba(255,255,255,.8);
  stroke-width: 3;
  stroke-dasharray: 26 24;
}

.delivery-dot {
  fill: #ff6a00;
  filter: drop-shadow(0 0 10px rgba(255, 106, 0, .75));
  opacity: .78;
}

.skyline {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  gap: 18px;
  padding: 0 7vw;
  opacity: .22;
}

.skyline span {
  display: block;
  width: clamp(42px, 7vw, 90px);
  border-radius: 12px 12px 4px 4px;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.65) 0 6px,
      transparent 6px 17px
    ),
    linear-gradient(180deg, #0b3c5d, #07253c);
  box-shadow: 0 16px 35px rgba(8, 47, 95, .16);
}

.skyline-one { top: 10%; transform: translateY(var(--parallax-back, 0px)); }
.skyline-two { top: 37%; transform: translateY(calc(var(--parallax-back, 0px) * .65)); opacity: .16; }

.skyline-one span:nth-child(1) { height: 110px; }
.skyline-one span:nth-child(2) { height: 165px; }
.skyline-one span:nth-child(3) { height: 130px; }
.skyline-one span:nth-child(4) { height: 190px; }
.skyline-one span:nth-child(5) { height: 120px; }
.skyline-one span:nth-child(6) { height: 150px; }

.skyline-two span:nth-child(1) { height: 95px; }
.skyline-two span:nth-child(2) { height: 140px; }
.skyline-two span:nth-child(3) { height: 105px; }
.skyline-two span:nth-child(4) { height: 155px; }
.skyline-two span:nth-child(5) { height: 118px; }

.tree {
  position: absolute;
  width: 52px;
  height: 78px;
  transform: translateY(var(--parallax-front, 0px));
  opacity: .42;
}

.tree::before {
  content: "";
  position: absolute;
  left: 22px;
  bottom: 0;
  width: 9px;
  height: 34px;
  border-radius: 8px;
  background: #8a5a35;
}

.tree::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 35%, #62c46f 0 15px, transparent 16px),
    radial-gradient(circle at 68% 42%, #3f9f52 0 17px, transparent 18px),
    radial-gradient(circle at 50% 62%, #2f8746 0 20px, transparent 21px);
  filter: drop-shadow(0 10px 14px rgba(47,135,70,.18));
}

.tree-1 { left: 9%; top: 63%; }
.tree-2 { left: 82%; top: 68%; transform: translateY(calc(var(--parallax-front, 0px) * .8)) scale(1.15); }
.tree-3 { left: 17%; top: 78%; transform: translateY(calc(var(--parallax-front, 0px) * .55)) scale(.9); }
.tree-4 { left: 72%; top: 84%; transform: translateY(calc(var(--parallax-front, 0px) * .7)) scale(1.05); }

.home {
  position: absolute;
  width: 110px;
  height: 80px;
  border-radius: 8px;
  background: #fff8ef;
  border: 2px solid rgba(255,106,0,.18);
  box-shadow: 0 18px 35px rgba(8,47,95,.09);
  opacity: .38;
  transform: translateY(var(--parallax-front, 0px));
}

.home::before {
  content: "";
  position: absolute;
  left: 18px;
  top: -33px;
  width: 74px;
  height: 74px;
  background: #ff6a00;
  transform: rotate(45deg);
  border-radius: 8px;
  z-index: -1;
}

.home::after {
  content: "";
  position: absolute;
  left: 43px;
  bottom: 0;
  width: 25px;
  height: 38px;
  border-radius: 8px 8px 0 0;
  background: #0b3c5d;
}

.home-1 { left: 8%; top: 88%; }
.home-2 { right: 9%; top: 74%; transform: translateY(calc(var(--parallax-front, 0px) * .62)) scale(.86); }

.vehicle,
.scooter,
.car,
.bike {
  transition: filter .25s ease, transform .08s linear;
  filter: drop-shadow(0 10px 16px rgba(8,47,95,.18));
}

.vehicle:hover,
.scooter:hover,
.car:hover,
.bike:hover {
  filter:
    drop-shadow(0 0 15px rgba(255,106,0,.75))
    drop-shadow(0 14px 22px rgba(8,47,95,.22));
}

/* Premium SVG-like vehicle visuals, works even if vehicles are div placeholders */
.scooter,
.car,
.bike {
  background: transparent !important;
  border-radius: 0 !important;
}

.scooter::before,
.car::before,
.bike::before {
  content: "";
  display: block;
  width: 76px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.scooter::before {
  background-image: url("data:image/svg+xml,%3Csvg width='110' height='76' viewBox='0 0 110 76' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='31' cy='58' r='10' fill='%230B3C5D'/%3E%3Ccircle cx='78' cy='58' r='10' fill='%230B3C5D'/%3E%3Cpath d='M24 56h48c11 0 17-7 20-17' stroke='%23FF6A00' stroke-width='9'/%3E%3Cpath d='M54 39h23l-8-14H51z' fill='%23FF6A00'/%3E%3Cpath d='M75 22l15 17' stroke='%230B3C5D' stroke-width='7'/%3E%3Cpath d='M47 31c3-10 10-15 20-13' stroke='%230B3C5D' stroke-width='7'/%3E%3Crect x='22' y='25' width='25' height='18' rx='5' fill='%230B3C5D'/%3E%3Cpath d='M33 25v-7h16' stroke='%23FF6A00' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E");
}

.car::before {
  width: 86px;
  height: 54px;
  background-image: url("data:image/svg+xml,%3Csvg width='130' height='80' viewBox='0 0 130 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M20 49h9l11-20h43l17 20h10c5 0 9 4 9 9v5H11v-5c0-5 4-9 9-9z' fill='%23FF6A00'/%3E%3Cpath d='M46 31h30l12 15H37z' fill='%23ffffff' opacity='.85'/%3E%3Ccircle cx='37' cy='64' r='11' fill='%230B3C5D'/%3E%3Ccircle cx='94' cy='64' r='11' fill='%230B3C5D'/%3E%3Crect x='78' y='18' width='27' height='18' rx='5' fill='%230B3C5D'/%3E%3Cpath d='M85 18v-8h14' stroke='%23FF6A00' stroke-width='5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.bike::before {
  width: 82px;
  height: 56px;
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='78' viewBox='0 0 120 78' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='30' cy='58' r='13' stroke='%230B3C5D' stroke-width='7'/%3E%3Ccircle cx='88' cy='58' r='13' stroke='%230B3C5D' stroke-width='7'/%3E%3Cpath d='M30 58l22-26 16 26H30zM52 32h20l16 26M52 32l-4-12' stroke='%23FF6A00' stroke-width='7'/%3E%3Cpath d='M70 19h16M47 20h-13' stroke='%230B3C5D' stroke-width='6'/%3E%3Ccircle cx='58' cy='15' r='8' fill='%230B3C5D'/%3E%3Cpath d='M58 24l11 15 11 1' stroke='%230B3C5D' stroke-width='7'/%3E%3Crect x='72' y='17' width='24' height='17' rx='5' fill='%230B3C5D'/%3E%3C/g%3E%3C/svg%3E");
}

/* Rich driver app mockup */
.driver-app-showcase {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 520px;
}

.phone-shell {
  width: min(100%, 360px);
  border-radius: 36px;
  padding: 18px;
  background: linear-gradient(180deg, #ffffff, #f6f8fb);
  border: 8px solid rgba(255,255,255,.9);
  box-shadow:
    0 28px 70px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(8,47,95,.08);
  color: #122033;
  position: relative;
  overflow: hidden;
}

.phone-shell::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  width: 98px;
  height: 20px;
  transform: translateX(-50%);
  border-radius: 0 0 16px 16px;
  background: #122033;
  opacity: .9;
}

.phone-top {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  font-size: 13px;
}

.signal-dot {
  width: 10px;
  height: 10px;
  background: #28c76f;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(40,199,111,.12);
}

.status-online {
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(40,199,111,.12);
  color: #18864a;
  font-weight: 800;
  font-size: 11px;
}

.driver-hero-card {
  margin-top: 18px;
  border-radius: 24px;
  padding: 18px;
  background: linear-gradient(135deg, #ff6a00, #ff8d38);
  color: white;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  box-shadow: 0 16px 34px rgba(255,106,0,.25);
}

.driver-hero-card small {
  opacity: .82;
  font-weight: 700;
}

.driver-hero-card h3 {
  margin: 6px 0 4px;
  font-size: 20px;
}

.driver-hero-card p {
  margin: 0;
  opacity: .9;
  font-size: 13px;
}

.driver-pay-bubble {
  flex: 0 0 auto;
  width: 68px;
  height: 68px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  background: #0b3c5d;
  font-weight: 900;
  font-size: 20px;
}

.shift-map-card {
  height: 150px;
  margin: 16px 0;
  border-radius: 24px;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,106,0,.12) 0 24px, transparent 25px),
    radial-gradient(circle at 80% 70%, rgba(11,60,93,.12) 0 28px, transparent 29px),
    linear-gradient(135deg, #eef5ff, #fff6ed);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(8,47,95,.08);
}

.mini-map-road {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 68px;
  height: 38px;
  border-radius: 999px;
  border: 5px solid rgba(11,60,93,.18);
  transform: rotate(-10deg);
}

.map-pin {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 12px 12px 12px 3px;
  transform: rotate(-45deg);
  display: grid;
  place-items: center;
  color: white;
  font-size: 12px;
  font-weight: 900;
}

.map-pin::span { transform: rotate(45deg); }

.restaurant-pin {
  left: 34px;
  top: 28px;
  background: #ff6a00;
}

.home-pin {
  right: 34px;
  bottom: 26px;
  background: #0b3c5d;
}

.moving-pin {
  position: absolute;
  left: 50px;
  top: 80px;
  color: #ff6a00;
  font-size: 24px;
  filter: drop-shadow(0 0 10px rgba(255,106,0,.6));
  animation: driverMapMove 4s ease-in-out infinite;
}

@keyframes driverMapMove {
  0% { transform: translate(0, 0); }
  45% { transform: translate(108px, -30px); }
  100% { transform: translate(214px, 20px); }
}

.shift-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.shift-details-grid div {
  padding: 12px;
  border-radius: 16px;
  background: #f6f8fb;
  border: 1px solid rgba(8,47,95,.06);
}

.shift-details-grid span {
  display: block;
  color: #64748b;
  font-size: 11px;
  margin-bottom: 3px;
  font-weight: 700;
}

.shift-details-grid strong {
  font-size: 13px;
}

.accept-shift-btn {
  width: 100%;
  border: 0;
  margin-top: 14px;
  border-radius: 18px;
  padding: 15px 16px;
  background: #0b3c5d;
  color: white;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(11,60,93,.22);
}

.driver-mini-feed {
  margin-top: 14px;
  display: grid;
  gap: 9px;
  font-size: 12px;
  color: #475569;
}

.feed-dot {
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 7px;
}

.feed-dot.orange { background: #ff6a00; }
.feed-dot.blue { background: #0b3c5d; }

@media (max-width: 768px) {
  .city-layer,
  .suburb-layer,
  .delivery-route-svg {
    opacity: .35;
  }

  .skyline,
  .tree,
  .home {
    display: none;
  }

  .driver-app-showcase {
    min-height: auto;
  }
}
.footer-logo {
  filter: brightness(0) invert(1);
}