/* Driver App public feature story v268. Isolated from operational app CSS. */
html body.bu-public-unified .bu-story[data-story="driver-app"] .bu-driver-system-v268{
  width:min(1240px,calc(100% - 40px));margin:20px auto;padding:clamp(24px,4vw,48px);
  border:1px solid #c9e5e5;border-radius:30px;overflow:hidden;position:relative;
  color:#0a3041;background:
    radial-gradient(circle at 92% 0,rgba(15,185,154,.17),transparent 35%),
    linear-gradient(145deg,#f7fcfc 0%,#fff 48%,#f1f8ff 100%);
  box-shadow:0 24px 70px rgba(2,48,68,.11)
}
html body.bu-public-unified .bu-story[data-story="driver-app"] .bu-driver-system-v268:before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#16c69c,#188ee8)
}
html body.bu-public-unified .bu-driver-system-v268__head{max-width:870px;margin-bottom:24px}
html body.bu-public-unified .bu-driver-system-v268__eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;color:#087e70;
  font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase
}
html body.bu-public-unified .bu-driver-system-v268__eyebrow:before{
  content:"";width:9px;height:9px;border-radius:50%;background:#18c59a;box-shadow:0 0 0 6px rgba(24,197,154,.13)
}
html body.bu-public-unified .bu-driver-system-v268 h2{
  margin:0 0 12px!important;max-width:880px;color:#082d40!important;
  font-size:clamp(28px,3.4vw,48px)!important;line-height:1.05!important;letter-spacing:-.035em!important
}
html body.bu-public-unified .bu-driver-system-v268__lead{
  margin:0;color:#496b79;font-size:clamp(16px,1.55vw,20px);line-height:1.6
}
html body.bu-public-unified .bu-driver-system-v268__cards{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px
}
html body.bu-public-unified .bu-driver-system-v268__card{
  min-width:0;padding:20px;border:1px solid #d6e8eb;border-radius:22px;background:rgba(255,255,255,.92);
  box-shadow:0 13px 32px rgba(3,55,73,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
html body.bu-public-unified .bu-driver-system-v268__card:hover{
  transform:translateY(-3px);border-color:#8fd8d0;box-shadow:0 18px 38px rgba(3,55,73,.11)
}
html body.bu-public-unified .bu-driver-system-v268__icon{
  display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:15px;
  color:#fff;background:linear-gradient(145deg,#0eb995,#168ce7);box-shadow:0 10px 24px rgba(16,155,176,.22);
  font-size:20px;font-weight:900
}
html body.bu-public-unified .bu-driver-system-v268__card strong{
  display:block;margin-bottom:8px;color:#07364a;font-size:14px;font-weight:950;letter-spacing:.08em
}
html body.bu-public-unified .bu-driver-system-v268__card p{
  margin:0;color:#55727e;font-size:14px;line-height:1.55
}
html body.bu-public-unified .bu-driver-system-v268__flow{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 0;padding:10px;
  border:1px solid #d2e7e9;border-radius:20px;background:rgba(230,246,246,.72)
}
html body.bu-public-unified .bu-driver-system-v268__flow span{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;padding:11px 24px;
  border-radius:14px;background:#fff;color:#164758;text-align:center;font-size:13px;font-weight:850;line-height:1.3
}
html body.bu-public-unified .bu-driver-system-v268__flow span:not(:last-child):after{
  content:"›";position:absolute;right:-12px;top:50%;z-index:2;transform:translateY(-50%);
  display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#078a79;background:#d9f6ef;font-size:22px
}
html body.bu-public-unified .bu-driver-system-v268__terms{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px
}
html body.bu-public-unified .bu-driver-system-v268__term{
  padding:15px 17px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#073b4d,#08677a);
  font-size:14px;font-weight:800;line-height:1.4
}
html body.bu-public-unified .bu-driver-system-v268__term--company{background:linear-gradient(135deg,#08775f,#0fb38f)}
html body.bu-public-unified .bu-driver-system-v268__foot{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding-top:15px;
  border-top:1px solid #d7e7e9;color:#52717c;font-size:12px;line-height:1.45
}
html body.bu-public-unified .bu-driver-system-v268__soon{
  flex:0 0 auto;padding:8px 11px;border:1px solid #b9d8de;border-radius:999px;background:#fff;color:#0d6e78;
  font-weight:900;white-space:nowrap
}
@media(max-width:1000px){
  html body.bu-public-unified .bu-driver-system-v268__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  html body.bu-public-unified .bu-story[data-story="driver-app"] .bu-driver-system-v268{
    width:calc(100% - 20px);margin:12px auto;padding:20px 14px 18px;border-radius:24px
  }
  html body.bu-public-unified .bu-driver-system-v268 h2{font-size:28px!important;line-height:1.08!important}
  html body.bu-public-unified .bu-driver-system-v268__lead{font-size:15px;line-height:1.55}
  html body.bu-public-unified .bu-driver-system-v268__cards{grid-template-columns:1fr;gap:9px}
  html body.bu-public-unified .bu-driver-system-v268__card{
    display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;padding:14px;border-radius:18px
  }
  html body.bu-public-unified .bu-driver-system-v268__icon{grid-row:1/3;width:42px;height:42px;margin:0;border-radius:13px}
  html body.bu-public-unified .bu-driver-system-v268__card strong{margin:1px 0 4px;font-size:12px}
  html body.bu-public-unified .bu-driver-system-v268__card p{font-size:13px;line-height:1.45}
  html body.bu-public-unified .bu-driver-system-v268__flow{grid-template-columns:1fr;padding:8px}
  html body.bu-public-unified .bu-driver-system-v268__flow span{min-height:46px;padding:9px 12px}
  html body.bu-public-unified .bu-driver-system-v268__flow span:not(:last-child):after{
    content:"↓";right:50%;top:auto;bottom:-15px;transform:translateX(50%)
  }
  html body.bu-public-unified .bu-driver-system-v268__terms{grid-template-columns:1fr}
  html body.bu-public-unified .bu-driver-system-v268__foot{align-items:flex-start;flex-direction:column}
}