/* /driver — the driver-app download page on the «زعفران» site. Loaded after site.css; no JavaScript on this page. */
.d-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--glassb)}
.d-top .in{display:flex;align-items:center;gap:26px;height:70px}
.d-top nav{display:flex;gap:24px;font-weight:600;font-size:15px;margin-inline-start:auto}
.d-top nav a{opacity:.72}
.d-top nav a:hover{opacity:1}
@media (max-width:860px){.d-top nav{display:none}.d-top .btn{margin-inline-start:auto}}

.d-hero{position:relative;overflow:hidden;padding-block:56px 70px;background:radial-gradient(70vmax 60vmax at 22% 40%,color-mix(in srgb,#FFC21A calc(var(--ga)*100%),transparent) 0,transparent 62%)}
.d-hero .in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
.d-hero h1{font-size:clamp(40px,5.6vw,76px);font-weight:900;letter-spacing:-1px;margin-top:18px;line-height:1.2}
.d-hero h1 .hl{display:inline;background:linear-gradient(transparent 58%,#FFC21A 58% 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.06em}
:root[data-theme="dark"] .d-hero h1 .hl{color:#FFC21A;background:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .d-hero h1 .hl{color:#FFC21A;background:none}}
.d-hero .sub{font-size:19px;color:var(--mu);margin-top:18px;max-width:50ch}
.d-hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.d-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}
.d-facts div{border-radius:18px;background:var(--glass);border:1px solid var(--glassb);padding:14px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.d-facts b{font-family:var(--fd);font-size:17px;display:block}
.d-facts span{font-size:13.5px;color:var(--mu)}
@media (max-width:900px){.d-hero .in{grid-template-columns:minmax(0,1fr)}.d-facts{grid-template-columns:minmax(0,1fr)}}

/* phones: real app screens in a dark frame, two of them leaning on each other */
.d-phones{position:relative;height:560px;perspective:1400px}
.d-ph{position:absolute;width:250px;border-radius:38px;background:#111;padding:9px;box-shadow:0 40px 70px -30px rgba(26,23,20,.55),inset 0 0 0 2px #2b2b2b;transition:transform .6s cubic-bezier(.2,.9,.3,1)}
.d-ph img{display:block;width:100%;height:auto;aspect-ratio:400/865;object-fit:cover;object-position:top;border-radius:30px}
.d-ph .d-lab{position:absolute;bottom:-14px;inset-inline-start:50%;translate:50% 0;white-space:nowrap;background:#1A1714;color:#FFC21A;font-family:var(--fd);font-weight:800;font-size:14px;border-radius:999px;padding:5px 14px;box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
[dir=rtl] .d-ph .d-lab{translate:50% 0}
.d-ph.a{inset-inline-start:6%;top:10px;transform:rotateY(14deg) rotateZ(-4deg)}
.d-ph.b{inset-inline-end:4%;top:60px;transform:rotateY(-14deg) rotateZ(4deg)}
.d-phones:hover .d-ph.a{transform:rotateY(4deg) rotateZ(-1deg) translateY(-8px)}
.d-phones:hover .d-ph.b{transform:rotateY(-4deg) rotateZ(1deg) translateY(-8px)}
@media (max-width:900px){.d-phones{height:460px;max-width:520px;margin-inline:auto;width:100%}.d-ph{width:200px}}
@media (max-width:460px){.d-phones{height:400px}.d-ph{width:168px}.d-ph.a{inset-inline-start:0}.d-ph.b{inset-inline-end:0}}

.d-sec{padding-block:84px}
.d-sec.alt{background:var(--bg2);border-block:1px solid var(--ln)}
.d-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.d-head h2{font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-.5px;margin-top:12px}
.d-head p{color:var(--mu);font-size:17px;max-width:52ch}

/* who it is for: one app, two kinds of account */
.d-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.d-role{position:relative;border-radius:30px;background:var(--sf);border:1px solid var(--ln);padding:26px 26px 0;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px;overflow:hidden}
.d-role .tg{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;border-radius:999px;padding:4px 12px}
.d-role.van .tg{background:var(--w);color:var(--wk)}
.d-role.moto .tg{background:var(--dy);color:var(--ink)}
.d-role h3{font-size:24px;font-weight:900;margin:12px 0 10px}
.d-role ul{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:8px;font-size:15.5px}
.d-role li{display:flex;gap:10px;align-items:flex-start}
.d-role li::before{content:"";flex:none;width:8px;height:8px;margin-top:.6em;border-radius:3px;background:#FFC21A;transform:rotate(45deg)}
.d-role .shot{align-self:end;border-radius:24px 24px 0 0;background:#111;padding:7px 7px 0;transform:translateY(18px);transition:transform .5s cubic-bezier(.2,.9,.3,1)}
.d-role:hover .shot{transform:translateY(6px)}
.d-role .shot img{display:block;width:100%;height:auto;border-radius:18px 18px 0 0;aspect-ratio:400/700;object-fit:cover;object-position:top}
@media (max-width:900px){.d-who{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.d-role{grid-template-columns:minmax(0,1fr)}.d-role .shot{width:62%;margin-inline:auto}}

/* the file card */
.d-file{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.d-card{border-radius:30px;background:var(--sf);border:1px solid var(--ln);padding:28px}
.d-card .hd{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.d-card .hd img{width:72px;height:72px;border-radius:18px;box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}
.d-card .hd b{font-family:var(--fd);font-size:22px;display:block}
.d-card .hd span{color:var(--mu);font-size:14px}
.d-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
.d-meta div{border-radius:16px;background:var(--bg2);border:1px solid var(--ln);padding:12px 14px}
.d-meta dt{font-size:12.5px;color:var(--mu)}
.d-meta dd{margin:2px 0 0;font-family:var(--fd);font-weight:800;font-size:18px}
.d-sha{border-radius:16px;background:var(--bg2);border:1px dashed var(--ln);padding:14px 16px;font-size:14px}
.d-sha b{display:block;margin-bottom:6px;font-weight:600}
.d-sha code{display:block;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all;color:var(--ink)}
.d-card .cta{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.d-hint{margin-top:14px;color:var(--mu);font-size:14px}
.d-hint a{direction:ltr;unicode-bidi:isolate;border-bottom:1.5px solid currentColor;word-break:break-all}
.d-side{position:relative;display:grid;place-items:center;min-height:420px;border-radius:30px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,#FFC21A 40%,transparent),transparent 70%),var(--bg2);border:1px solid var(--ln);overflow:hidden}
.d-side .d-ph{position:relative;inset:auto;transform:rotate(-3deg);width:230px}
@media (max-width:900px){.d-file{grid-template-columns:minmax(0,1fr)}}

/* install steps */
.d-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s}
.d-steps li{counter-increment:s;border-radius:24px;background:var(--sf);border:1px solid var(--ln);padding:22px 20px}
.d-steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#FFC21A;color:#1A1714;font-family:var(--fd);font-weight:900;font-size:20px;margin-bottom:14px}
.d-steps b{font-family:var(--fd);font-size:18px;display:block;margin-bottom:6px}
.d-steps p{color:var(--mu);font-size:15px}
@media (max-width:1000px){.d-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.d-steps{grid-template-columns:minmax(0,1fr)}}
.d-box{display:flex;gap:14px;align-items:flex-start;border-radius:20px;padding:16px 18px;margin-top:14px;font-size:15.5px}
.d-box svg{flex:none;width:22px;height:22px;margin-top:2px}
.d-box.warn{background:var(--warnt);color:var(--warn)}
.d-box.note{background:var(--bg2);border:1px solid var(--ln)}
:root{--warn:#9A5B00;--warnt:#FFF4D6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--warn:#F2B35C;--warnt:#2A2214}}
:root[data-theme="dark"]{--warn:#F2B35C;--warnt:#2A2214}

/* what's new */
.d-new{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.d-new li{border-radius:20px;background:var(--sf);border:1px solid var(--ln);padding:18px 20px;font-size:16px;border-inline-start:5px solid #FFC21A}
.d-new b{font-family:var(--fd)}

/* three promises */
.d-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.d-proof div{border-radius:24px;background:var(--sf);border:1px solid var(--ln);padding:24px}
.d-proof i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--dy);color:var(--ink);font-style:normal;margin-bottom:12px}
.d-proof i svg{width:24px;height:24px}
.d-proof h3{font-size:19px;margin-bottom:6px}
.d-proof p{color:var(--mu);font-size:15px}
@media (max-width:860px){.d-proof{grid-template-columns:minmax(0,1fr)}}

.d-band{border-radius:36px;background:#1A1714;color:#F1EFEA;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
:root[data-theme="dark"] .d-band{box-shadow:inset 0 0 0 1px rgba(255,194,26,.35)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .d-band{box-shadow:inset 0 0 0 1px rgba(255,194,26,.35)}}
.d-band h2{font-size:clamp(26px,3.2vw,36px);font-weight:900;color:#FFC21A}
.d-band p{color:#D8D2C6;margin-top:8px;max-width:60ch}

@media (max-width:600px){.d-hero h1{line-height:1.3}.d-top .in{height:62px}.d-top .btn{padding:9px 14px;font-size:14px;border-radius:12px;white-space:nowrap}}