:root {
  --navy: #102a43;
  --navy-deep: #081b2b;
  --navy-soft: #21445f;
  --copper: #c66a3d;
  --copper-light: #f0a06f;
  --cream: #f7f4ee;
  --paper: #fffdf9;
  --ink: #102a43;
  --muted: #6f8292;
  --line: rgba(16, 42, 67, .12);
  --shadow: 0 40px 90px rgba(7, 26, 42, .22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-snap-type: y proximity; }
body { margin: 0; font-family: "Alexandria", Tahoma, Arial, sans-serif; color: white; background: var(--navy-deep); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.site-atmosphere { position: fixed; z-index: 1; inset: 0; pointer-events: none; overflow: hidden; opacity: .9; }
.site-atmosphere::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at center, black, transparent 85%); }
.site-atmosphere i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--copper-light); box-shadow: 0 0 22px 5px rgba(240,160,111,.35); animation: drift 13s ease-in-out infinite; }
.site-atmosphere i:nth-child(1) { top: 16%; left: 8%; }.site-atmosphere i:nth-child(2) { top: 74%; left: 18%; animation-delay: -3s; }.site-atmosphere i:nth-child(3) { top: 34%; left: 47%; animation-delay: -6s; }.site-atmosphere i:nth-child(4) { top: 82%; left: 67%; animation-delay: -9s; }.site-atmosphere i:nth-child(5) { top: 22%; left: 86%; animation-delay: -5s; }.site-atmosphere i:nth-child(6) { top: 56%; left: 93%; animation-delay: -11s; }

.site-header { position: fixed; z-index: 20; top: 0; inset-inline: 0; height: 88px; padding: 14px clamp(22px, 5vw, 76px); display: flex; align-items: center; justify-content: space-between; mix-blend-mode: normal; }
.site-header::after { content: ""; position: absolute; bottom: 0; inset-inline: clamp(22px, 5vw, 76px); height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent); }
.brand { width: 142px; height: 60px; padding: 4px; background: transparent; border: 0; border-radius: 0; box-shadow: none; display: grid; place-items: center; }
.brand img { width: 100%; height: 100%; object-fit: contain; }
.header-meta { display: flex; align-items: center; gap: 10px; font-size: .82rem; font-weight: 600; color: white; background: rgba(8,27,43,.76); border: 1px solid rgba(255,255,255,.16); padding: 10px 14px; border-radius: 99px; backdrop-filter: blur(12px); }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--copper-light); box-shadow: 0 0 0 0 rgba(240,160,111,.55); animation: pulse 2s infinite; }

.progress { display: none; }
.progress-dot { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; display: grid; place-items: center; color: transparent; transition: .35s ease; }
.progress-dot::after { content: ""; width: 5px; height: 5px; background: rgba(255,255,255,.6); border-radius: 50%; }
.progress-dot span { display: none; }
.progress-dot.active { border-color: var(--copper-light); transform: scale(1.18); }
.progress-dot.active::after { background: var(--copper-light); box-shadow: 0 0 16px var(--copper-light); }

.slide { min-height: 100svh; scroll-snap-align: start; scroll-snap-stop: normal; position: relative; padding: 110px clamp(32px, 8vw, 140px) 60px; display: grid; grid-template-columns: minmax(320px, .92fr) minmax(360px, 1.08fr); align-items: center; gap: clamp(40px, 8vw, 130px); isolation: isolate; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.055); }
.slide::before { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 80% 15%, rgba(198,106,61,.22), transparent 25%), linear-gradient(135deg, var(--navy-deep), var(--navy)); }
.slide::after { content: attr(data-word); position: absolute; z-index: -1; inset-inline-end: -2vw; bottom: -5vh; color: rgba(255,255,255,.024); font-size: clamp(12rem, 27vw, 31rem); line-height: 1; font-weight: 800; letter-spacing: 0; white-space: nowrap; pointer-events: none; transform: translateY(14%) scale(.94); transition: transform 1.4s cubic-bezier(.16,1,.3,1), opacity 1.2s ease; }
.slide:nth-child(even)::after { inset-inline-end: auto; inset-inline-start: -3vw; }
.slide.active::after { transform: translateY(0) scale(1); opacity: 1; }
.step-slide::before, .map-slide::before, .ride-slide::before, .tracking-slide::before, .download-slide::before { background: radial-gradient(circle at 82% 12%, rgba(198,106,61,.16), transparent 25%), radial-gradient(circle at 12% 88%, rgba(54,101,134,.18), transparent 29%), var(--navy-deep); }
.copy { max-width: 650px; color: white; }
.step-slide .copy, .map-slide .copy, .ride-slide .copy, .tracking-slide .copy, .download-slide .copy { color: white; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 20px; color: var(--copper-light); font-weight: 700; letter-spacing: .02em; }
.eyebrow::before { content: ""; width: 34px; height: 2px; background: currentColor; }
h1, h2 { font-family: "Alexandria", Tahoma, Arial, sans-serif; font-size: clamp(3rem, 6vw, 6.5rem); line-height: 1.24; letter-spacing: 0; margin: 0; font-weight: 800; word-spacing: .04em; }
h1 em, h2 em { font-style: normal; color: var(--copper-light); }
.step-slide h2 em { color: var(--copper); }
.lead { max-width: 600px; font-size: clamp(1rem, 1.45vw, 1.28rem); line-height: 1.95; color: rgba(255,255,255,.73); margin: 26px 0 0; }
.step-slide .lead, .map-slide .lead, .ride-slide .lead, .tracking-slide .lead, .download-slide .lead { color: rgba(255,255,255,.7); }
.scroll-cue { display: inline-flex; align-items: center; gap: 15px; margin-top: 34px; font-weight: 700; }
.scroll-cue span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--copper); animation: bob 1.7s ease-in-out infinite; }

.visual { position: relative; min-height: 620px; display: grid; place-items: center; direction: ltr; }
.phone { width: min(320px, 70vw); height: 620px; border: 10px solid #071927; border-radius: 48px; padding: 9px; background: #071927; box-shadow: var(--shadow), inset 0 0 0 1px rgba(255,255,255,.15), 0 0 0 1px rgba(240,160,111,.22); position: relative; z-index: 3; }
.phone::after { content: ""; position: absolute; z-index: 8; inset: 9px; border-radius: 34px; pointer-events: none; background: linear-gradient(112deg, rgba(255,255,255,.2), transparent 18% 72%, rgba(255,255,255,.06)); mix-blend-mode: screen; }
.slide.active .phone { animation: phoneGlow 5.5s ease-in-out infinite; }
.phone-top { position: absolute; z-index: 5; width: 100px; height: 25px; top: 8px; left: 50%; translate: -50%; background: #071927; border-radius: 0 0 16px 16px; }
.phone-top span { width: 34px; height: 4px; background: #253846; border-radius: 99px; position: absolute; top: 7px; left: 33px; }
.app-screen { width: 100%; height: 100%; border-radius: 34px; overflow: hidden; position: relative; direction: rtl; }
.welcome-screen { background: #eef3f7; padding-top: 38px; }
.welcome-screen > img { position: relative; z-index: 2; width: 125px; height: 66px; object-fit: contain; margin: 0 auto; display: block; background: transparent; border-radius: 0; padding: 7px; filter: drop-shadow(0 2px 3px rgba(8,27,43,.34)); }
.map-grid { position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(30deg, transparent 48%, rgba(16,42,67,.14) 49% 51%, transparent 52%), linear-gradient(150deg, transparent 48%, rgba(16,42,67,.12) 49% 51%, transparent 52%); background-size: 86px 110px; }
.map-grid::after { content: ""; position: absolute; width: 120px; height: 180px; border: 5px dashed var(--copper); border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(20deg); left: 60px; top: 130px; }
.welcome-card { position: absolute; z-index: 2; bottom: 14px; inset-inline: 12px; background: white; color: var(--navy); border-radius: 27px; padding: 24px 18px 18px; box-shadow: 0 18px 45px rgba(16,42,67,.15); display: grid; gap: 12px; }
.welcome-card small { color: var(--copper); font-weight: 700; }
.welcome-card strong { font-size: 1.2rem; }
.mini-field { border: 1px solid var(--line); padding: 14px; border-radius: 14px; color: var(--muted); font-size: .82rem; }
.mini-field i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--copper); margin-left: 8px; }
.welcome-card button, .login-screen button { border: 0; color: white; background: var(--navy); padding: 15px; border-radius: 14px; font-weight: 700; }
.orbit { position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; animation: spin 16s linear infinite; }
.orbit-one { width: 510px; height: 510px; }
.orbit-two { width: 650px; height: 650px; animation-direction: reverse; animation-duration: 25s; }
.orbit::after { content: ""; width: 12px; height: 12px; background: var(--copper-light); border-radius: 50%; position: absolute; top: 50%; right: -6px; box-shadow: 0 0 25px var(--copper-light); }
.floating-pill { position: absolute; z-index: 5; background: white; color: var(--navy); border-radius: 14px; padding: 12px 18px; font-weight: 700; box-shadow: 0 20px 40px rgba(8,27,43,.22); animation: float 4s ease-in-out infinite; }
.floating-pill b { color: var(--copper); }
.pill-a { right: 4%; top: 25%; }.pill-b { left: 0; bottom: 24%; animation-delay: -2s; }
.tilted { transform: rotate(-5deg); }
.step-number { position: absolute; font-size: clamp(10rem, 22vw, 19rem); font-weight: 800; color: rgba(255,255,255,.04); line-height: 1; z-index: 0; }
.login-screen { background: white; color: var(--navy); padding: 60px 22px 30px; display: flex; flex-direction: column; }
.login-screen img { width: 135px; height: 75px; object-fit: contain; margin: 0 auto 45px; }
.login-screen p { font-size: 1.2rem; font-weight: 800; margin: 0 0 28px; }
.login-screen label { font-size: .72rem; color: var(--copper); margin-bottom: 7px; }
.login-field { border: 1.5px solid var(--copper); border-radius: 13px; padding: 14px 12px; direction: ltr; display: flex; justify-content: space-between; color: var(--navy); }
.login-field span { color: var(--muted); }
.login-screen button { margin-top: 16px; }
.login-screen small { text-align: center; color: var(--muted); margin-top: auto; }
.code-card { position: absolute; z-index: 6; left: -5%; bottom: 18%; background: var(--copper); color: white; border-radius: 18px; padding: 16px 20px; display: grid; gap: 5px; transform: rotate(5deg); box-shadow: 0 24px 45px rgba(8,27,43,.3); }
.code-card span { font-size: .72rem; opacity: .75; }.code-card strong { letter-spacing: .35em; font-size: 1.25rem; }
.reverse .copy { grid-column: 2; grid-row: 1; }
.reverse .visual { grid-column: 1; grid-row: 1; }
.feature-list { list-style: none; padding: 0; margin: 30px 0 0; display: grid; gap: 13px; max-width: 510px; }
.feature-list li { display: flex; align-items: center; gap: 14px; color: rgba(255,255,255,.78); }
.feature-list span { width: 37px; height: 37px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; display: grid; place-items: center; color: var(--copper-light); font-size: .68rem; direction: ltr; }

.map-stage { position: absolute; width: 620px; height: 620px; border-radius: 50%; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1); overflow: hidden; transform: rotate(-9deg); }
.street { position: absolute; background: rgba(255,255,255,.07); border: 1px dashed rgba(255,255,255,.1); }
.street-a { width: 800px; height: 74px; top: 230px; left: -90px; transform: rotate(22deg); }
.street-b { width: 74px; height: 800px; top: -80px; left: 260px; transform: rotate(30deg); }
.street-c { width: 700px; height: 52px; top: 390px; left: -60px; transform: rotate(-28deg); }
.route-path { position: absolute; width: 265px; height: 365px; left: 175px; top: 110px; border: 7px dashed var(--copper-light); border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(24deg); opacity: .8; }
.map-pin { position: absolute; z-index: 2; width: 38px; height: 38px; border-radius: 50% 50% 50% 8px; transform: rotate(-45deg); display: grid; place-items: center; background: var(--copper); color: white; font-weight: 800; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.map-pin::first-letter { transform: rotate(45deg); }
.pin-start { top: 150px; right: 165px; }.pin-end { left: 150px; bottom: 145px; background: white; color: var(--navy); }
.map-phone { transform: rotate(5deg); }
.app-map-screen { background-color: #eaf0f3; background-image: linear-gradient(25deg, transparent 48%, rgba(16,42,67,.13) 49% 51%, transparent 52%), linear-gradient(145deg, transparent 48%, rgba(16,42,67,.11) 49% 51%, transparent 52%); background-size: 78px 96px; padding: 45px 14px 12px; }
.map-search { position: relative; z-index: 3; background: white; border-radius: 13px; padding: 13px 14px; box-shadow: 0 10px 24px rgba(16,42,67,.12); display: flex; justify-content: space-between; font-size: .8rem; color: var(--muted); }
.screen-route { position: absolute; width: 150px; height: 220px; border: 5px dashed var(--copper); border-left-color: transparent; border-radius: 50%; top: 125px; left: 70px; transform: rotate(22deg); }
.screen-route i { position: absolute; width: 15px; height: 15px; border-radius: 50%; background: var(--navy); border: 3px solid white; box-shadow: 0 4px 12px rgba(0,0,0,.18); }.screen-route i:first-child { top: -8px; right: 36px; }.screen-route i:last-child { bottom: -8px; left: 38px; background: var(--copper); }
.location-card { position: absolute; inset-inline: 10px; bottom: 10px; z-index: 3; background: white; color: var(--navy); border-radius: 22px; padding: 17px; display: grid; gap: 4px; box-shadow: 0 14px 35px rgba(16,42,67,.14); }
.location-card small { color: var(--muted); font-size: .62rem; }.location-card strong { font-size: .83rem; }.location-card hr { width: 100%; border: 0; border-top: 1px solid var(--line); margin: 7px 0; }
.location-card button { border: 0; border-radius: 12px; padding: 12px; margin-top: 9px; background: var(--navy); color: white; font-weight: 700; }
.location-tag { position: absolute; z-index: 5; border: 1px solid rgba(255,255,255,.18); background: rgba(8,27,43,.82); backdrop-filter: blur(10px); color: white; padding: 12px 17px; border-radius: 15px; box-shadow: 0 20px 40px rgba(0,0,0,.2); animation: float 4.5s ease-in-out infinite; }
.tag-home { top: 22%; left: 0; }.tag-work { right: 2%; bottom: 20%; animation-delay: -2s; }

.price-note { display: flex; align-items: center; gap: 16px; margin-top: 30px; max-width: 530px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.13); }
.price-note > span { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: var(--copper); color: white; font-weight: 800; }
.price-note > div { display: grid; gap: 5px; }.price-note small { color: rgba(255,255,255,.55); }
.choice-stack { width: min(500px, 90vw); display: grid; gap: 14px; position: relative; z-index: 3; }
.ride-card { position: relative; direction: rtl; background: rgba(255,255,255,.92); color: var(--navy); display: grid; grid-template-columns: 58px 1fr auto; gap: 14px; align-items: center; padding: 17px 18px; border-radius: 20px; box-shadow: 0 15px 35px rgba(8,27,43,.13); transition: .3s ease; }
.ride-card:nth-child(1) { transform: translateX(30px) rotate(-1.5deg); }.ride-card:nth-child(3) { transform: translateX(18px) rotate(1deg); }
.ride-card.selected { border: 2px solid var(--navy); transform: scale(1.07) translateX(-10px); box-shadow: 0 25px 50px rgba(8,27,43,.22); }
.car-icon { width: 56px; height: 48px; border-radius: 14px; background: #edf1f4; display: grid; place-items: center; font-size: 2rem; color: var(--navy); }
.ride-card div:nth-child(2) { display: grid; gap: 4px; }.ride-card small { color: var(--muted); font-size: .68rem; }.ride-card > b { color: var(--copper); direction: rtl; }
.popular { position: absolute; top: -12px; right: 18px; background: var(--navy); color: white; border-radius: 99px; padding: 5px 10px; font-size: .57rem; }
.confirm-bar { width: min(520px, 92vw); background: var(--navy-deep); color: white; border-radius: 19px; padding: 13px; margin-top: 22px; display: flex; gap: 15px; align-items: center; justify-content: space-between; position: relative; z-index: 3; box-shadow: 0 18px 40px rgba(8,27,43,.22); }
.confirm-bar span { direction: rtl; display: grid; padding-inline: 9px; }.confirm-bar small { opacity: .55; font-size: .6rem; }.confirm-bar button { border: 0; border-radius: 13px; padding: 14px 21px; background: var(--copper); color: white; font-weight: 800; }
.speed-lines { position: absolute; z-index: 1; inset-inline-start: -10%; top: 28%; display: grid; gap: 18px; transform: rotate(-4deg); }
.speed-lines i { width: 220px; height: 2px; background: linear-gradient(90deg, transparent, rgba(16,42,67,.25)); animation: speed 2s ease-in-out infinite; }.speed-lines i:nth-child(2) { width: 330px; animation-delay: -.6s; }.speed-lines i:nth-child(3) { width: 170px; animation-delay: -1.2s; }

.safety-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 30px; max-width: 560px; }
.safety-row > div { border: 1px solid rgba(255,255,255,.13); border-radius: 18px; padding: 17px; display: grid; gap: 5px; background: rgba(255,255,255,.045); }
.safety-row span { color: var(--copper-light); font-size: 1.2rem; }.safety-row small { color: rgba(255,255,255,.52); line-height: 1.6; }
.tracking-radar { position: absolute; width: 540px; height: 540px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); }
.tracking-radar i { position: absolute; inset: 15%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; animation: radar 3s ease-out infinite; }.tracking-radar i:nth-child(2) { inset: 28%; animation-delay: -1s; }.tracking-radar i:nth-child(3) { inset: 41%; animation-delay: -2s; }
.tracking-phone { transform: rotate(-4deg); }
.tracking-screen { background-color: #e5edf1; background-image: linear-gradient(35deg, transparent 48%, rgba(16,42,67,.14) 49% 51%, transparent 52%), linear-gradient(150deg, transparent 48%, rgba(16,42,67,.12) 49% 51%, transparent 52%); background-size: 90px 100px; }
.track-route { position: absolute; width: 160px; height: 280px; left: 55px; top: 90px; border: 6px dashed var(--copper); border-left-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(30deg); }
.moving-car { position: absolute; z-index: 3; left: 70px; top: 190px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--navy); color: white; box-shadow: 0 8px 20px rgba(8,27,43,.3); animation: carMove 5s ease-in-out infinite; }
.eta { position: absolute; top: 48px; left: 16px; right: 16px; z-index: 3; background: white; color: var(--navy); border-radius: 15px; padding: 12px 15px; box-shadow: 0 10px 24px rgba(16,42,67,.14); display: flex; justify-content: space-between; align-items: center; }.eta small { color: var(--muted); }.eta strong { color: var(--copper); }
.driver-card { position: absolute; z-index: 4; bottom: 10px; inset-inline: 10px; background: white; color: var(--navy); border-radius: 23px; padding: 17px; display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 10px; box-shadow: 0 15px 34px rgba(16,42,67,.18); }
.avatar { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: white; background: linear-gradient(135deg, var(--copper), var(--copper-light)); font-weight: 800; }
.driver-card > div:nth-child(2) { display: grid; gap: 4px; }.driver-card small { color: var(--muted); font-size: .62rem; }
.driver-actions { display: flex; gap: 6px; }.driver-actions button { border: 0; width: 31px; height: 31px; border-radius: 50%; background: #eef2f4; color: var(--navy); }
.plate { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 10px; display: flex; justify-content: space-between; }.plate b { font-size: .75rem; }
.arriving-badge { position: absolute; z-index: 6; right: -3%; top: 22%; direction: rtl; background: var(--copper); color: white; border-radius: 19px; padding: 13px 17px; display: flex; gap: 9px; align-items: center; transform: rotate(7deg); box-shadow: 0 20px 40px rgba(0,0,0,.23); }.arriving-badge b { font-size: 2rem; }.arriving-badge span { font-size: .67rem; line-height: 1.5; }

.regional-slide .visual { perspective: 1200px; }
.regional-panel { width: min(500px, 92vw); position: relative; z-index: 3; direction: rtl; padding: 25px; border-radius: 31px; background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,243,246,.94)); color: var(--navy); box-shadow: 0 40px 100px rgba(0,0,0,.32); transform: rotateY(-7deg) rotateX(2deg); }
.route-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; padding-bottom: 20px; border-bottom: 1px solid var(--line); font-size: 1.05rem; }.route-head span { color: var(--muted); }.route-head i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: rgba(198,106,61,.12); color: var(--copper); font-style: normal; }
.vehicle-switch { margin: 18px 0; padding: 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; background: #e7edf1; border-radius: 14px; }.vehicle-switch button { border: 0; padding: 12px; border-radius: 11px; color: var(--muted); background: transparent; font-weight: 700; }.vehicle-switch button.active { background: white; color: var(--navy); box-shadow: 0 8px 18px rgba(16,42,67,.1); }
.schedule-row { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; }.schedule-row span { display: grid; gap: 5px; }.schedule-row small { color: var(--muted); }.schedule-row button { border: 1px solid var(--line); background: white; color: var(--copper); padding: 8px 13px; border-radius: 10px; }
.offer-card { border-radius: 20px; }.offer-main { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px 14px; background: var(--navy); color: white; padding: 18px; }.offer-main small { color: rgba(255,255,255,.6); }.offer-main strong { font-size: 2rem; }.offer-main strong em { font-size: .75rem; font-style: normal; }.offer-main button { grid-column: 2; grid-row: 1 / 3; border: 0; border-radius: 13px; padding: 14px 17px; background: var(--copper); color: white; font-weight: 800; }
.driver-offer { margin-top: 13px; padding: 14px; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 11px; background: white; border: 1px solid rgba(198,106,61,.22); box-shadow: 0 12px 28px rgba(16,42,67,.09); }.driver-mini { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, var(--copper), var(--copper-light)); color: white; font-weight: 800; }.driver-offer > span { display: grid; gap: 3px; }.driver-offer small { color: var(--muted); }.driver-offer > div:last-child { display: flex; gap: 6px; }.driver-offer button { border: 0; border-radius: 9px; padding: 8px 10px; background: #edf2f5; color: var(--navy); font-weight: 700; }.driver-offer button:first-child { background: #168a72; color: white; }
.negotiation-steps { margin-top: 30px; display: flex; align-items: center; gap: 11px; flex-wrap: wrap; }.negotiation-steps span { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.72); font-size: .86rem; }.negotiation-steps b { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: rgba(198,106,61,.18); color: var(--copper-light); }.negotiation-steps i { width: 25px; height: 1px; background: rgba(255,255,255,.2); }
.center-chip { position: absolute; z-index: 5; padding: 10px 15px; border-radius: 99px; background: rgba(8,27,43,.88); border: 1px solid rgba(255,255,255,.13); color: white; box-shadow: 0 16px 32px rgba(0,0,0,.23); animation: float 4.5s ease-in-out infinite; }.chip-a { top: 12%; right: 0; }.chip-b { bottom: 12%; left: 5%; animation-delay: -1.5s; }.chip-c { top: 44%; left: -7%; animation-delay: -3s; }

.intercity-slide .visual { perspective: 1200px; }
.long-route-card { position: relative; z-index: 3; width: min(530px, 92vw); direction: rtl; border-radius: 32px; padding: 28px; background: rgba(255,255,255,.97); color: var(--navy); box-shadow: 0 42px 100px rgba(0,0,0,.34); transform: rotateY(7deg) rotateX(1deg); }
.route-line { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 17px; }.route-city { display: grid; gap: 4px; }.route-city small { color: var(--muted); }.route-line > i { position: relative; height: 3px; background: repeating-linear-gradient(90deg, var(--copper) 0 12px, transparent 12px 20px); }.route-line > i::before, .route-line > i::after { content: ""; position: absolute; top: 50%; width: 15px; height: 15px; translate: 0 -50%; border-radius: 50%; background: var(--navy); border: 4px solid white; box-shadow: 0 0 0 2px var(--navy); }.route-line > i::before { right: -8px; }.route-line > i::after { left: -8px; background: var(--copper); box-shadow: 0 0 0 2px var(--copper); }.route-line > i em { position: absolute; width: 30px; height: 30px; top: 50%; left: 48%; translate: -50% -50%; border-radius: 9px; background: var(--navy); animation: routeCar 4s ease-in-out infinite; }.route-line > i em::after { content: "◆"; color: white; position: absolute; inset: 0; display: grid; place-items: center; font-size: .7rem; }
.distance-meta { margin: 27px 0 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.distance-meta span { display: grid; gap: 4px; border: 1px solid var(--line); border-radius: 14px; padding: 13px; }.distance-meta small { color: var(--muted); }.intercity-cars { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.intercity-cars button { border: 1px solid var(--line); border-radius: 17px; background: white; color: var(--navy); padding: 14px; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 11px; text-align: right; }.intercity-cars button.active { border-color: var(--copper); box-shadow: 0 0 0 2px rgba(198,106,61,.12); }.intercity-cars button span { grid-row: 1 / 3; align-self: center; font-size: 1.5rem; }.intercity-cars button small { color: var(--muted); }
.book-later { width: 100%; margin-top: 14px; border: 0; border-radius: 16px; padding: 14px 16px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; background: var(--navy); color: white; text-align: right; }.book-later > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.1); color: var(--copper-light); }.book-later > div { display: grid; gap: 3px; }.book-later small { color: rgba(255,255,255,.55); }.book-later i { color: var(--copper-light); font-style: normal; }
.intercity-features { margin-top: 27px; display: flex; flex-wrap: wrap; gap: 9px; }.intercity-features span { border: 1px solid rgba(255,255,255,.13); border-radius: 99px; padding: 9px 13px; color: rgba(255,255,255,.72); font-size: .8rem; background: rgba(255,255,255,.04); }
.highway-mark { position: absolute; z-index: 5; left: -3%; bottom: 12%; width: 105px; height: 105px; border-radius: 50%; border: 5px solid white; background: var(--copper); color: white; display: grid; place-items: center; align-content: center; transform: rotate(-7deg); box-shadow: 0 20px 45px rgba(0,0,0,.3); }.highway-mark span { font-size: .58rem; opacity: .75; }.highway-mark b { font-size: 1.8rem; line-height: 1; }.highway-mark small { font-size: .65rem; }

.partner-slide::before { background: radial-gradient(circle at 14% 18%, rgba(255,239,222,.3), transparent 27%), radial-gradient(circle at 85% 82%, rgba(255,181,128,.3), transparent 32%), linear-gradient(135deg, #9d3f20, #ce6938 48%, #ee9864); }
.partner-slide .eyebrow { color: white; }.partner-slide .eyebrow::before { background: #ffe0c7; }.partner-slide h2 { line-height: 1.36; word-spacing: .09em; }.partner-slide h2 em { color: #ffe0c7; }.partner-slide .lead { color: rgba(255,255,255,.86); margin-top: 30px; line-height: 2.05; }
.partner-slide .visual { perspective: 1200px; }
.partner-glow { position: absolute; z-index: -1; width: 560px; height: 560px; border-radius: 50%; inset-inline-start: -180px; top: 12%; background: rgba(255,168,105,.3); filter: blur(90px); }
.partner-benefits { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 11px; max-width: 680px; }
.partner-benefits li { min-height: 124px; padding: 16px 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 19px; background: rgba(8,27,43,.22); backdrop-filter: blur(12px); display: grid; align-content: start; gap: 10px; }
.partner-benefits li > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: rgba(240,160,111,.15); color: var(--copper-light); font-weight: 800; }
.partner-benefits li div { display: grid; gap: 5px; }.partner-benefits strong { font-size: .85rem; }.partner-benefits small { color: rgba(255,255,255,.54); font-size: .65rem; line-height: 1.65; }
.partner-store-buttons { margin-top: 22px; }.partner-store-buttons .store-button { min-width: 218px; }
.partner-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.14); animation: spin 20s linear infinite; }.partner-orbit::after { content: ""; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--copper-light); box-shadow: 0 0 22px var(--copper-light); top: 50%; right: -6px; }.partner-orbit.orbit-a { width: 500px; height: 500px; }.partner-orbit.orbit-b { width: 650px; height: 650px; animation-direction: reverse; animation-duration: 29s; }
.partner-phone { transform: rotate(-4deg); box-shadow: 0 45px 110px rgba(0,0,0,.45), 0 0 0 1px rgba(240,160,111,.25); }
.partner-app-screen { padding: 50px 17px 17px; color: var(--navy); background: linear-gradient(180deg, #eff5f7 0 43%, #dfe9ed 100%); }
.driver-status { display: flex; justify-content: space-between; align-items: center; }.driver-status > span { display: flex; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 99px; color: #14745f; background: #dff5ed; font-size: .68rem; font-weight: 800; }.driver-status i { width: 7px; height: 7px; border-radius: 50%; background: #1a9a7c; box-shadow: 0 0 0 4px rgba(26,154,124,.13); }.driver-status button { border: 0; border-radius: 9px; padding: 7px 11px; color: #a44830; background: #f9e6df; font-size: .65rem; font-weight: 700; }
.driver-greeting { display: grid; gap: 5px; margin: 21px 0 14px; }.driver-greeting small { color: var(--muted); }.driver-greeting strong { font-size: 1.15rem; }
.earnings-card { padding: 18px; border-radius: 21px; color: white; background: linear-gradient(135deg, var(--navy), var(--navy-soft)); box-shadow: 0 18px 35px rgba(16,42,67,.22); display: grid; gap: 6px; }.earnings-card > span { color: rgba(255,255,255,.66); font-size: .68rem; }.earnings-card > strong { font-size: 2rem; }.earnings-card strong small { font-size: .7rem; }.earnings-card em { color: #7de0bd; font-size: .62rem; font-style: normal; }
.request-card { position: absolute; z-index: 3; inset-inline: 12px; bottom: 12px; padding: 17px; border-radius: 23px; background: white; box-shadow: 0 20px 45px rgba(16,42,67,.18); }.request-head { display: flex; justify-content: space-between; align-items: center; }.request-head span { color: var(--copper); font-weight: 800; }.request-head b { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: white; background: var(--copper); font-size: .7rem; }.request-route { margin: 13px 0; display: grid; grid-template-columns: 18px 1fr; gap: 10px; }.request-route > i { width: 2px; height: 71px; margin: 8px auto 0; background: linear-gradient(var(--copper), var(--navy)); position: relative; }.request-route > i::before, .request-route > i::after { content: ""; position: absolute; left: 50%; translate: -50%; width: 9px; height: 9px; border: 2px solid white; border-radius: 50%; background: var(--copper); box-shadow: 0 0 0 2px var(--copper); }.request-route > i::after { top: 61px; background: var(--navy); box-shadow: 0 0 0 2px var(--navy); }.request-route p { margin: 0; display: grid; gap: 3px; }.request-route small { color: var(--muted); font-size: .58rem; }.request-route strong { font-size: .75rem; margin-bottom: 3px; }.request-meta { display: flex; gap: 8px; margin-bottom: 12px; }.request-meta span { flex: 1; padding: 8px; border-radius: 10px; text-align: center; color: var(--muted); background: #eef3f5; font-size: .65rem; }.request-card > button { width: 100%; border: 0; border-radius: 13px; padding: 13px; color: white; background: var(--navy); font-weight: 800; }
.partner-badge { position: absolute; z-index: 6; min-width: 120px; padding: 12px 15px; border-radius: 15px; background: white; color: var(--navy); box-shadow: 0 22px 45px rgba(0,0,0,.25); display: grid; gap: 3px; animation: float 4.5s ease-in-out infinite; }.partner-badge small { color: var(--muted); font-size: .6rem; }.partner-badge b { font-size: .9rem; }.badge-income { left: -3%; top: 25%; }.badge-rating { right: -2%; bottom: 22%; animation-delay: -2s; }.badge-rating b { color: var(--copper); }

.download-slide { grid-template-columns: 1fr 1fr; }
.download-content { color: white; position: relative; z-index: 3; max-width: 650px; }
.finish-mark { width: 70px; height: 70px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; display: grid; place-items: center; margin-bottom: 24px; background: rgba(255,255,255,.06); }
.finish-mark span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 50%; background: var(--copper); font-size: 1.5rem; box-shadow: 0 0 0 9px rgba(198,106,61,.13); }
.store-buttons { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; direction: ltr; }
.store-button { min-width: 206px; display: flex; align-items: center; gap: 14px; padding: 11px 18px; border-radius: 14px; background: #050505; color: white; border: 1px solid rgba(255,255,255,.28); box-shadow: 0 18px 40px rgba(0,0,0,.28); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.store-button:hover { transform: translateY(-5px); box-shadow: 0 25px 50px rgba(0,0,0,.25); }.store-button > span:last-child { display: grid; text-align: left; }.store-button small { font-size: .62rem; color: var(--muted); }.store-button strong { font-size: 1.1rem; }
.store-button:hover { border-color: rgba(240,160,111,.7); }
.store-button small { color: rgba(255,255,255,.62); }
.store-icon { flex: 0 0 auto; width: 36px; height: 36px; }
.apple-icon { width: 31px; fill: white; }
.play-icon { width: 38px; }
.availability { color: rgba(255,255,255,.5); font-size: .78rem; margin-top: 15px; }
.final-visual { position: relative; min-height: 620px; display: grid; place-items: center; }
.final-logo { width: 260px; height: 260px; border-radius: 50%; display: grid; place-items: center; background: transparent; position: relative; z-index: 4; box-shadow: none; }.final-logo img { width: 78%; filter: drop-shadow(0 18px 34px rgba(0,0,0,.3)); }
.road-ring { position: absolute; border: 3px dashed rgba(255,255,255,.18); border-radius: 50%; animation: spin 26s linear infinite; }.ring-one { width: 380px; height: 380px; }.ring-two { width: 510px; height: 510px; animation-direction: reverse; }.ring-three { width: 640px; height: 640px; animation-duration: 38s; }
.final-car { position: absolute; z-index: 5; width: 54px; height: 54px; border-radius: 16px; background: var(--copper); color: white; display: grid; place-items: center; top: 50%; right: calc(50% - 255px); box-shadow: 0 15px 35px rgba(0,0,0,.28); animation: finalDrive 9s ease-in-out infinite; }.final-car span { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--copper-light); box-shadow: 0 0 20px var(--copper-light); }
.download-glow { position: absolute; z-index: -1; width: 480px; height: 480px; border-radius: 50%; filter: blur(80px); opacity: .2; }.glow-a { background: var(--copper); top: -15%; right: -10%; }.glow-b { background: #4e8db3; bottom: -20%; left: -8%; }
footer { position: absolute; bottom: 26px; right: 50%; transform: translateX(50%); color: rgba(255,255,255,.38); font-size: .7rem; }
.tip { display: flex; gap: 13px; align-items: center; margin-top: 30px; border-top: 1px solid rgba(255,255,255,.13); padding-top: 22px; max-width: 540px; }
.tip > span { flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: rgba(198,106,61,.12); color: var(--copper); font-weight: 800; }
.tip p { display: grid; gap: 4px; margin: 0; color: rgba(255,255,255,.55); line-height: 1.6; font-size: .88rem; }.tip strong { color: white; }
.slide-index { display: none; }
.slide-index span { opacity: .45; }.step-slide .slide-index, .ride-slide .slide-index { color: rgba(255,255,255,.68); }
.route-art { position: absolute; z-index: -1; width: 54vw; height: 54vw; max-width: 820px; max-height: 820px; inset-inline-end: -12vw; bottom: -24vw; border: 2px dashed rgba(255,255,255,.08); border-radius: 50%; animation: spin 45s linear infinite; }
.route-art span { position: absolute; display: block; border-radius: 50%; border: 1px solid rgba(255,255,255,.07); inset: 12%; }.route-art span:nth-child(2) { inset: 26%; }.route-art span:nth-child(3) { inset: 40%; background: rgba(198,106,61,.1); }

.reveal { opacity: 0; transition: opacity 1s cubic-bezier(.2,.8,.2,1), transform 1s cubic-bezier(.2,.8,.2,1); }
.copy.reveal { transform: translateX(95px); }
.visual.reveal { transform: translateX(-130px) rotate(-5deg) scale(.9); transition-delay: .12s; }
.map-slide .copy.reveal { transform: translateX(-100px); }
.map-slide .visual.reveal { transform: translateX(130px) rotate(6deg) scale(.9); }
.ride-slide .copy.reveal { transform: translateY(-80px); }
.ride-slide .visual.reveal { transform: translateY(140px) scale(.82); }
.regional-slide .copy.reveal { transform: translate(-90px, -70px); }
.regional-slide .visual.reveal { transform: translate(130px, 60px) rotateY(-18deg) scale(.84); }
.intercity-slide .copy.reveal { transform: translateY(100px); }
.intercity-slide .visual.reveal { transform: translate(-100px, -40px) rotate(5deg) scale(.78); }
.tracking-slide .copy.reveal { transform: translate(90px, 70px); }
.tracking-slide .visual.reveal { transform: translate(-100px, -90px) rotate(-7deg) scale(.9); }
.partner-slide .copy.reveal { transform: translate(90px, -60px); }
.partner-slide .visual.reveal { transform: translate(-110px, 70px) rotate(-7deg) scale(.86); }
.download-content.reveal { transform: translateY(90px) scale(.9); }
.final-visual.reveal { transform: scale(.65) rotate(-14deg); transition-delay: .16s; }
.slide.active .reveal { opacity: 1; transform: translate(0, 0) rotate(0) scale(1); }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes float { 50% { transform: translateY(-15px) rotate(2deg); } }
@keyframes bob { 50% { transform: translateY(7px); } }
@keyframes pulse { 70% { box-shadow: 0 0 0 9px rgba(240,160,111,0); } }
@keyframes speed { 50% { transform: translateX(80px); opacity: .25; } }
@keyframes radar { 0% { transform: scale(.72); opacity: 0; } 45% { opacity: 1; } 100% { transform: scale(1.35); opacity: 0; } }
@keyframes carMove { 0%,100% { transform: translate(0, 0) rotate(-8deg); } 50% { transform: translate(95px, 100px) rotate(18deg); } }
@keyframes finalDrive { 0%,100% { transform: translate(0, -255px) rotate(0); } 25% { transform: translate(-255px, 0) rotate(-90deg); } 50% { transform: translate(0, 255px) rotate(-180deg); } 75% { transform: translate(255px, 0) rotate(-270deg); } }
@keyframes drift { 0%,100% { transform: translate(0,0) scale(.8); opacity: .35; } 50% { transform: translate(28px,-42px) scale(1.35); opacity: 1; } }
@keyframes phoneGlow { 0%,100% { box-shadow: var(--shadow), inset 0 0 0 1px rgba(255,255,255,.15), 0 0 0 1px rgba(240,160,111,.18); } 50% { box-shadow: 0 48px 105px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.18), 0 0 34px rgba(198,106,61,.18); } }
@keyframes routeCar { 0%,100% { left: 15%; } 50% { left: 82%; } }

@media (max-width: 850px) {
  html { scroll-snap-type: y proximity; }
  .site-header { height: 76px; padding: 10px 18px; }
  .brand { width: 120px; height: 52px; }
  .header-meta { font-size: .72rem; backdrop-filter: none; background: rgba(8,27,43,.92); }
  .progress { display: none; }
  .partner-benefits li { backdrop-filter: none; background: rgba(8,27,43,.55); }
  .site-atmosphere { display: none; }
  .slide { min-height: 100svh; padding: 102px 24px 55px; grid-template-columns: 1fr; gap: 18px; text-align: center; }
  .step-slide::before, .map-slide::before, .ride-slide::before, .tracking-slide::before, .download-slide::before { background: radial-gradient(circle at 82% 12%, rgba(198,106,61,.16), transparent 25%), var(--navy-deep); }
  .reverse .copy, .reverse .visual { grid-column: 1; grid-row: auto; }
  .copy { margin: 0 auto; }
  .eyebrow { margin-bottom: 12px; }
  h1, h2 { font-size: clamp(2.4rem, 13vw, 4.2rem); }
  h1, h2 { line-height: 1.32; }
  .lead { margin-top: 15px; line-height: 1.75; }
  .scroll-cue { margin-top: 18px; }
  .visual { min-height: 460px; }
  .map-stage { width: 430px; height: 430px; }
  .phone { width: 235px; height: 455px; border-radius: 36px; border-width: 7px; padding: 6px; }
  .app-screen { border-radius: 27px; }
  .welcome-card { padding: 16px 12px 12px; }
  .welcome-screen > img { width: 100px; height: 52px; }
  .orbit-one { width: 340px; height: 340px; }.orbit-two { width: 430px; height: 430px; }
  .pill-a { right: 2%; }.pill-b { left: 2%; }
  .login-screen { padding: 45px 16px 20px; }
  .login-screen img { margin-bottom: 22px; }
  .code-card { left: 0; bottom: 10%; }
  .feature-list { text-align: right; margin-inline: auto; }
  .choice-stack { width: min(355px, 92vw); }.ride-card { grid-template-columns: 48px 1fr auto; padding: 14px; }.ride-card:nth-child(1), .ride-card:nth-child(3) { transform: none; }.ride-card.selected { transform: scale(1.025); }.car-icon { width: 46px; height: 42px; }
  .confirm-bar { width: min(365px, 92vw); }.confirm-bar button { padding: 12px; font-size: .73rem; }
  .safety-row { margin-inline: auto; text-align: right; }.tracking-radar { width: 390px; height: 390px; }.arriving-badge { right: calc(50% - 95px); top: -14px; }
  .partner-slide h2 { line-height: 1.48; word-spacing: .12em; }.partner-slide .lead { margin-top: 22px; line-height: 1.95; }.partner-benefits { grid-template-columns: 1fr; max-width: 370px; margin: 34px auto 0; text-align: right; }.partner-benefits li { min-height: auto; grid-template-columns: 36px 1fr; row-gap: 8px; }.partner-benefits li div { gap: 7px; }.partner-store-buttons { justify-content: center; margin-top: 28px; }.partner-orbit.orbit-a { width: 380px; height: 380px; }.partner-orbit.orbit-b { width: 470px; height: 470px; }.badge-income { left: 0; }.badge-rating { right: 0; }
  .regional-panel, .long-route-card { width: min(355px, 92vw); padding: 18px; transform: none; }.driver-offer { grid-template-columns: 40px 1fr; }.driver-offer > div:last-child { grid-column: 1 / -1; }.driver-offer button { flex: 1; }.negotiation-steps { justify-content: center; }.negotiation-steps i { display: none; }.center-chip { font-size: .72rem; }.chip-c { left: 0; }.distance-meta { margin: 18px 0 13px; }.route-line { gap: 10px; }.route-city b { font-size: .82rem; }.route-city small { font-size: .62rem; }.intercity-features { justify-content: center; }.highway-mark { left: 0; width: 86px; height: 86px; }
  .download-slide { grid-template-columns: 1fr; }.download-content { margin-inline: auto; }.store-buttons { justify-content: center; }.final-visual { min-height: 390px; }.final-logo { width: 170px; height: 170px; }.ring-one { width: 250px; height: 250px; }.ring-two { width: 330px; height: 330px; }.ring-three { width: 410px; height: 410px; }.final-car { right: calc(50% - 165px); }.download-slide { padding-bottom: 75px; }
  .tip { text-align: right; margin-inline: auto; }
  .slide-index { bottom: 18px; inset-inline-end: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Content managed from /admin */
.slide.is-hidden { display: none; }
.app-screen.has-real-shot { overflow: hidden; background: #050b10; }
.real-app-shot { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.cms-phone { position: relative; z-index: 3; }
.cms-placeholder { height: 100%; display: grid; place-content: center; gap: 10px; padding: 22px; text-align: center; background: linear-gradient(160deg, #f9fbfc, #e9f0f4); color: var(--navy); }
.cms-placeholder b { font-size: 1.25rem; letter-spacing: .08em; }
.cms-placeholder span { color: var(--muted); font-size: .73rem; line-height: 1.7; }
.cms-slide::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 22%, rgba(198,106,61,.18), transparent 28%), radial-gradient(circle at 83% 80%, rgba(78,141,179,.12), transparent 24%); }
.cms-bullets { list-style: none; display: flex; flex-wrap: wrap; gap: 9px; margin: 28px 0 0; padding: 0; }
.cms-bullets li { padding: 9px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: rgba(255,255,255,.74); background: rgba(255,255,255,.04); font-size: .8rem; }
.cms-managed-bullets { position: relative; z-index: 3; }
.cms-hidden-legacy { display: none !important; }

@media (max-width: 850px) {
  .cms-bullets { justify-content: center; }
}