/**
 * کسبی - استایل‌های اصلی
 * بخش‌بندی دقیق: هر گروه استایل با کامنت راهنما مشخص شده
 * فونت: Peyda | ساختار الهام‌گرفته از Blacklane
 */

/**
 * کسبی - استایل‌های اصلی (تمیز و بخش‌بندی شده)
 * هر بخش با کامنت راهنما مشخص شده است
 * فونت: Peyda | ساختار الهام‌گرفته از Blacklane
 */


@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Thin.woff2") format("woff2");
  font-weight:100;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-ExtraLight.woff2") format("woff2");
  font-weight:200;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Light.woff2") format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Medium.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-SemiBold.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-ExtraBold.woff2") format("woff2");
  font-weight:800;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Black.woff2") format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:swap
}



/* ==================== متغیرها و ریست پایه (Variables & Reset) ==================== */
:root {
  --ink:#11110f;
  --muted:#686864;
  --cream:#f3efe7;
  --paper:#fff;
  --line:rgba(17,17,15,.16);
  --blue:#183f90;
  --blue-dark:#0f2d70;
  --lime:#d8ff67;
  --header-h:76px;
  --radius:3px;
  --shadow:0 18px 50px rgba(0,0,0,.12);
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Peyda,Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased
}

body.menu-open {
  overflow:hidden
}

button,input,select,textarea {
  font:inherit
}

button,a {
  color:inherit
}

button {
  border:0
}

a {
  text-decoration:none
}

p,h1,h2,h3,h4 {
  margin-top:0
}

h1,h2,h3 {
  line-height:1.08;
  letter-spacing:-.035em
}

h1 {
  font-size:clamp(2.7rem,5.2vw,5.8rem);
  font-weight:500
}

h2 {
  font-size:clamp(2.05rem,3.9vw,4.5rem);
  font-weight:500
}

h3 {
  font-size:clamp(1.35rem,1.85vw,2.05rem);
  font-weight:500
}

p {
  color:var(--muted)
}


/* ==================== سیستم صفحات SPA (Page Views) ==================== */
.page-view {
  display:none;
  min-height:70vh
}

.page-view.active {
  display:block;
  animation:pageIn .45s ease both
}

@keyframes pageIn {
  from {
  opacity:0
}

to {
  opacity:1
}

}


/* ==================== هدر (Header) ==================== */
.site-header,.header {
  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  height:var(--header-h);
  display:flex;
  align-items:center;
  padding:0 30px;
  color:#fff;
  transition:background .3s,color .3s,box-shadow .3s
}

.site-header.scrolled,.site-header.light,.header.scrolled,.header.light {
  background:rgba(255,255,255,.97);
  color:var(--ink);
  box-shadow:0 1px 0 var(--line);
  backdrop-filter:blur(12px)
}


/* ----- لوگو ----- */
.logo {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:165px;
  font-size:1.45rem;
  font-weight:700;
  letter-spacing:-.04em;
  cursor:pointer
}

.logo-image {
  display:block;
  width:auto;
  height:54px;
  max-width:112px;
  object-fit:contain;
  transition:filter .25s ease
}

.header>.logo .logo-image {
  height:52px;
  max-width:100px
}



/* ==================== منوی موبایل ==================== */
.mobile-menu .logo-image {
  height:72px;
  max-width:118px
}



/* ==================== فوتر ==================== */
.footer-head .logo-image {
  height:74px;
  max-width:120px
}

.logo-mark {
  width:31px;
  height:31px;
  border:1.5px solid currentColor;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:.72rem;
  font-weight:500
}


/* ----- منوی دسکتاپ ----- */
.desktop-nav {
  display:flex;
  align-items:center;
  gap:4px;
  margin-inline-start:16px
}


/* ----- دراپ‌داون منو ----- */
.nav-link,.nav-trigger,.desktop-nav>a,.nav-dropdown>button,.nav-dropdown>.nav-parent-link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:25px 13px;
  background:none;
  color:inherit;
  cursor:pointer;
  font-size:.94rem;
  white-space:nowrap
}

.nav-trigger:after {
  content:"⌄";
  font-size:.8rem;
  transition:transform .2s
}

.nav-dropdown {
  position:relative
}

.nav-dropdown:hover .nav-trigger:after {
  transform:rotate(180deg)
}

.dropdown-panel {
  visibility:hidden;
  opacity:0;
  transform:translateY(8px);
  position:absolute;
  top:66px;
  left:0;
  width:650px;
  padding:22px;
  background:#fff;
  color:var(--ink);
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  transition:.2s;
  border-radius:var(--radius)
}

[dir="rtl"] .dropdown-panel {
  right:0;
  left:auto
}

.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel {
  visibility:visible;
  opacity:1;
  transform:none
}

.dropdown-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px
}

.dropdown-links a {
  padding:13px 12px;
  border-radius:2px;
  font-size:.95rem
}

.dropdown-links a:hover {
  background:var(--cream)
}

.dropdown-links .all-services-link {
  grid-column:1/-1;
  border:1px solid var(--line);
  margin:6px 0 5px;
  font-weight:600
}

.dropdown-feature {
  padding:12px;
  background:var(--cream)
}

.dropdown-feature .image-slot {
  height:120px;
  margin-bottom:12px
}

.dropdown-feature strong {
  display:block;
  margin-bottom:3px
}

.dropdown-feature span {
  color:var(--muted);
  font-size:.88rem
}


/* ----- دکمه‌های هدر (ورود / درخواست) ----- */
.header-actions {
  margin-inline-start:auto;
  display:flex;
  align-items:center;
  gap:8px
}

.language,.login,.book-now {
  height:42px;
  padding:0 17px;
  display:grid;
  place-items:center;
  background:transparent;
  border:1px solid rgba(255,255,255,.45);
  cursor:pointer
}

.site-header.scrolled .language,.site-header.scrolled .login,.site-header.light .language,.site-header.light .login,.header.scrolled .language,.header.scrolled .login,.header.light .language,.header.light .login {
  border-color:var(--line)
}

.book-now {
  background:#fff;
  color:var(--ink);
  border-color:#fff;
  font-weight:600
}

.site-header.scrolled .book-now,.site-header.light .book-now,.header.scrolled .book-now,.header.light .book-now {
  background:var(--ink);
  color:#fff;
  border-color:var(--ink)
}

.menu-toggle {
  display:none;
  background:none;
  color:inherit;
  font-size:1.7rem;
  cursor:pointer;
  padding:8px
}

.menu-toggle i {
  display:block;
  width:24px;
  height:1.5px;
  background:currentColor;
  margin:6px 0;
  transition:.25s
}

.mobile-menu {
  position:fixed;
  z-index:1200;
  top:0;
  right:0;
  width:min(420px,92vw);
  height:100dvh;
  background:#fff;
  color:var(--ink);
  padding:26px;
  transform:translateX(105%);
  transition:transform .35s ease;
  overflow:auto
}

.mobile-menu.open {
  transform:none
}

.menu-close {
  position:absolute;
  top:22px;
  right:22px;
  background:none;
  font-size:1.8rem;
  cursor:pointer
}

.mobile-menu .logo {
  margin-bottom:45px
}

.mobile-menu nav {
  display:grid
}

.mobile-menu nav a {
  padding:15px 0;
  border-bottom:1px solid var(--line);
  font-size:1.18rem
}


/* ----- پس‌زمینه منوی موبایل ----- */
.menu-backdrop {
  position:fixed;
  z-index:1100;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:.3s
}

.menu-backdrop.show {
  opacity:1;
  visibility:visible
}

.hero {
  position:relative;
  min-height:760px;
  color:#fff;
  display:flex;
  align-items:flex-end;
  overflow:hidden
}


/* ==================== هیرو صفحه اصلی + فرم رزرو ==================== */
.home-hero {
  min-height:936px
}



/* ==================== هیرو صفحات داخلی ==================== */
.inner-hero {
  min-height:680px
}

.hero-image,.image-slot {
  position:absolute;
  inset:0;
  background:#d7d7d2;
  overflow:hidden
}

.image-slot {
  position:relative;
  min-height:260px;
  border:1px dashed rgba(17,17,15,.3);
  display:grid;
  place-items:center;
  color:#4f4f4a;
  text-align:center;
  padding:24px;
  background:linear-gradient(135deg,#e6e6e2,#c9c9c4)
}

.image-slot:before {
  content:"محل تصویر";
  font-weight:600;
  letter-spacing:.02em
}

.image-slot:after {
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(17,17,15,.14);
  pointer-events:none
}

.image-slot.compact {
  min-height:115px
}

.image-slot.has-image {
  border:0;
  background-color:#252520;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  color:transparent;
  padding:0
}

.image-slot.has-image:before,.image-slot.has-image:after {
  display:none
}

.hero .hero-image.has-image {
  background-position:center 34%
}

.service-image.has-image,.featured-image.has-image,.post-image.has-image,.press-image.has-image {
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease
}

.service-card:hover .service-image,.post-card:hover .post-image {
  transform:scale(1.018);
  filter:brightness(.94)
}

.hero .hero-image {
  position:absolute;
  min-height:100%;
  border:0;
  background:linear-gradient(135deg,#555854,#242622)
}

.hero .hero-image:before {
  content:"محل تصویر اصلی این صفحه";
  color:rgba(255,255,255,.7);
  font-size:1.1rem
}

.hero .hero-image:after {
  border-color:rgba(255,255,255,.18)
}

.hero-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.06) 35%,rgba(0,0,0,.65))
}

.hero-content {
  position:relative;
  z-index:2;
  width:min(1440px,100%);
  margin:0 auto;
  padding:140px 48px 72px
}

.hero-title,.inner-title {
  position:relative;
  z-index:2;
  width:min(1440px,100%);
  margin:0 auto;
  padding:140px 48px 420px;
  max-width:none
}

.inner-title {
  padding-bottom:80px
}

.inner-title p {
  color:rgba(255,255,255,.78);
  max-width:620px;
  font-size:1.08rem
}

.hero-eyebrow {
  font-size:.86rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:18px;
  color:rgba(255,255,255,.76)
}

.hero-copy {
  max-width:650px;
  color:rgba(255,255,255,.83);
  font-size:1.12rem;
  margin-bottom:30px
}


/* ----- فرم رزرو (Booking Form) ----- */
.booking {
  position:absolute;
  z-index:3;
  right:max(48px,calc((100vw - 1440px)/2 + 48px));
  left:max(48px,calc((100vw - 1440px)/2 + 48px));
  bottom:64px;
  width:auto;
  background:rgba(255,255,255,.92);
  color:var(--ink);
  padding:14px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px)
}


/* ----- تب‌های نوع مأموریت ----- */
.booking-tabs {
  display:flex;
  gap:8px;
  margin-bottom:12px
}

.booking-tab {
  padding:9px 13px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  border-bottom:2px solid transparent
}

.booking-tab.active {
  color:var(--ink);
  border-bottom-color:var(--ink)
}


/* ----- فیلدهای فرم رزرو ----- */
.booking-form {
  display:grid;
  grid-template-columns:1.2fr 1.2fr .8fr .8fr auto;
  gap:8px
}

.field,.booking-form label {
  min-height:58px;
  border:1px solid var(--line);
  padding:8px 13px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff
}

.field label,.booking-form label span {
  font-size:.72rem;
  color:var(--muted);
  margin-bottom:2px
}

.field input,.field select,.booking-form input,.booking-form select {
  border:0;
  outline:0;
  background:transparent;
  width:100%;
  color:var(--ink)
}

.booking-submit,.primary-button,.booking-form>button,.lead-form form>button {
  min-height:58px;
  padding:0 26px;
  background:var(--ink);
  color:#fff;
  font-weight:600;
  cursor:pointer;
  transition:transform .2s,background .2s
}


/* ----- بخش مقصدها ----- */
.destination-field {
  position:relative;
  min-width:0
}

.destination-field.is-hidden {
  display:none
}

.booking-form:has(.destination-field.is-hidden) {
  grid-template-columns:1.4fr .9fr .9fr auto
}

.booking-submit:hover,.primary-button:hover {
  background:#343430;
  transform:translateY(-2px)
}

.secondary-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 23px;
  border:1px solid currentColor;
  background:transparent;
  cursor:pointer
}

.section-intro {
  max-width:1440px;
  margin:0 auto;
  padding:120px 48px 58px;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);
  gap:60px;
  align-items:end
}

.section-intro h2 {
  margin:0
}

.section-intro p {
  margin:0;
  font-size:1.06rem
}

.services-section {
  overflow:hidden;
  padding-bottom:130px
}

.horizontal-window {
  overflow:hidden;
  padding-left:max(48px,calc((100vw - 1440px)/2 + 48px))
}

[dir="rtl"] .horizontal-window {
  padding-right:max(48px,calc((100vw - 1440px)/2 + 48px));
  padding-left:0
}

.horizontal-track {
  display:flex;
  gap:22px;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
  will-change:transform
}

.service-card {
  flex:0 0 min(560px,72vw)
}

.service-image {
  height:510px;
  margin-bottom:22px
}

.service-card h3 {
  margin-bottom:10px
}

.service-card p {
  max-width:490px
}

.card-link {
  display:inline-flex;
  gap:10px;
  align-items:center;
  font-weight:600;
  border-bottom:1px solid;
  padding-bottom:3px
}

.carousel-buttons {
  max-width:1440px;
  margin:34px auto 0;
  padding:0 48px;
  display:flex;
  justify-content:flex-end;
  gap:8px
}

.carousel-buttons button {
  width:52px;
  height:52px;
  background:#fff;
  border:1px solid var(--line);
  font-size:1.2rem;
  cursor:pointer
}

.app-banner {
  background:var(--blue);
  color:#fff;
  min-height:495px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
  overflow:hidden
}

.app-copy,.app-banner>div:first-child {
  padding:90px max(48px,calc((100vw - 1440px)/2 + 48px));
  padding-right:60px;
  align-self:center
}

.app-copy h2 {
  max-width:640px
}

.app-copy p {
  color:rgba(255,255,255,.78);
  max-width:590px
}

.app-links {
  display:flex;
  gap:12px;
  margin-top:30px;
  flex-wrap:wrap
}

.app-links a {
  border:1px solid rgba(255,255,255,.65);
  padding:12px 18px
}

.app-image {
  min-height:495px;
  border-color:rgba(255,255,255,.32);
  background:linear-gradient(135deg,#3863bd,#0d2b69);
  color:#fff
}

.experience-section {
  background:#121210;
  color:#fff;
  padding:140px 0 180px
}

.experience-title {
  max-width:1440px;
  margin:0 auto;
  padding:0 48px 90px
}

.experience-title p {
  color:rgba(255,255,255,.65);
  max-width:620px
}

.experience-stack {
  max-width:1240px;
  margin:0 auto;
  padding:0 48px
}

.experience-card {
  position:sticky;
  top:110px;
  min-height:690px;
  background:#23231f;
  margin-bottom:90px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  box-shadow:0 -16px 45px rgba(0,0,0,.25)
}

.experience-card:nth-child(2) {
  top:130px;
  background:#292924
}

.experience-card:nth-child(3) {
  top:150px;
  background:#30302a
}

.experience-copy,.experience-card>div:not(.experience-image) {
  padding:65px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end
}

.experience-card>b {
  position:absolute;
  top:28px;
  right:32px;
  color:rgba(255,255,255,.55)
}

.experience-copy .number {
  font-size:.85rem;
  letter-spacing:.14em;
  color:rgba(255,255,255,.55);
  margin-bottom:auto
}

.experience-copy p {
  color:rgba(255,255,255,.66);
  max-width:480px
}

.experience-image {
  min-height:690px;
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(135deg,#4b4b43,#20201d);
  color:#fff
}

.excellence {
  background:var(--cream);
  padding:130px 48px
}

.excellence-title {
  max-width:1440px;
  margin:0 auto 70px;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:60px;
  align-items:end
}

.excellence-title p {
  font-size:1.06rem
}

.excellence-grid {
  max-width:1440px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(17,17,15,.16)
}

.excellence-item,.excellence-grid>article {
  background:var(--cream);
  padding:42px 34px;
  min-height:250px
}

.excellence-item .icon {
  font-size:1.8rem;
  margin-bottom:50px
}

.partner-banner {
  background:var(--lime);
  padding:90px 48px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:45px;
  align-items:center
}

.partner-banner>div:first-child {
  max-width:1100px;
  margin-left:max(0px,calc((100vw - 1440px)/2))
}

.partner-banner h2 {
  margin-bottom:18px
}

.partner-logo {
  width:210px;
  height:110px;
  margin-right:max(0px,calc((100vw - 1440px)/2));
  background:transparent;
  border:1px dashed rgba(17,17,15,.45)
}


/* ==================== بخش اسپلیت (متن + تصویر) ==================== */
.split-section {
  max-width:1440px;
  margin:auto;
  padding:130px 48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center
}

.split-section.reverse .split-image {
  order:2
}

.split-section.reverse .split-copy {
  order:1
}

.split-image {
  min-height:620px
}

.split-copy p {
  font-size:1.06rem;
  max-width:610px
}

.split-copy .primary-button {
  display:inline-flex;
  align-items:center;
  margin-top:18px
}


/* ==================== بخش مزایا ==================== */
.benefits {
  padding:125px 48px;
  background:var(--cream)
}

.benefits>h2,.benefits>p,.benefit-grid {
  max-width:1440px;
  margin-left:auto;
  margin-right:auto
}

.benefits>p {
  max-width:1440px;
  margin-bottom:60px
}

.benefit-grid,.benefits>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  max-width:1440px;
  margin:auto
}

.benefit-card,.benefits article {
  border-top:1px solid var(--ink);
  padding-top:26px;
  min-height:230px
}

.benefit-card .number {
  font-size:.8rem;
  color:var(--muted);
  display:block;
  margin-bottom:48px
}


/* ==================== بخش مراحل ==================== */
.steps {
  padding:130px 48px;
  max-width:1440px;
  margin:auto
}

.steps>h2 {
  margin-bottom:65px
}

.step-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px
}

.step-image {
  height:340px;
  margin-bottom:24px
}

.step-card .number {
  font-size:.8rem;
  color:var(--muted);
  display:block;
  margin-bottom:14px
}


/* ==================== بخش ناوگان ==================== */
.fleet {
  background:#141412;
  color:#fff;
  padding:130px 48px;
  overflow:hidden
}

.fleet>h2,.fleet>p,.fleet-grid {
  max-width:1440px;
  margin-left:auto;
  margin-right:auto
}

.fleet>p {
  color:rgba(255,255,255,.65);
  margin-bottom:60px
}

.fleet-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}

.fleet-image {
  height:390px;
  background:linear-gradient(135deg,#4b4b46,#23231f);
  border-color:rgba(255,255,255,.25);
  color:#fff;
  margin-bottom:24px
}

.fleet-card p {
  color:rgba(255,255,255,.62)
}

.fleet-grid article p {
  color:rgba(255,255,255,.62)
}

.faq {
  max-width:980px;
  margin:auto;
  padding:130px 48px
}

.faq h2 {
  margin-bottom:55px
}

.accordion {
  border-top:1px solid var(--line)
}

.accordion-item,.accordion article {
  border-bottom:1px solid var(--line)
}

.accordion-button,.accordion article>button {
  width:100%;
  padding:23px 0;
  background:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-align:right;
  cursor:pointer;
  font-size:1.1rem;
  font-weight:600
}

.accordion article>p {
  max-height:0;
  overflow:hidden;
  margin:0;
  transition:max-height .35s ease
}

.accordion-button:after {
  content:"+";
  font-size:1.6rem;
  font-weight:400;
  transition:transform .25s
}

.accordion-item.open .accordion-button:after {
  transform:rotate(45deg)
}

.accordion-content {
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease
}

.accordion-content p {
  padding:0 42px 24px 0;
  margin:0
}

.full-feature {
  min-height:720px;
  position:relative;
  color:#fff;
  display:flex;
  align-items:flex-end;
  overflow:hidden
}

.full-image {
  position:absolute;
  inset:0;
  min-height:100%;
  background:linear-gradient(135deg,#555852,#20211e);
  color:#fff;
  border:0
}

.full-feature:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.06))
}

.full-copy,.full-feature>div:not(.full-image) {
  position:relative;
  z-index:2;
  max-width:1440px;
  width:100%;
  margin:auto;
  padding:70px 48px
}

.full-copy p {
  color:rgba(255,255,255,.73);
  max-width:600px
}

.route-band {
  background:var(--blue);
  color:#fff;
  padding:120px 48px;
  text-align:center
}

.route-band p {
  color:rgba(255,255,255,.72);
  max-width:700px;
  margin:0 auto 30px
}

.route-band>div {
  max-width:1050px;
  margin:45px auto 0;
  border-top:1px solid rgba(255,255,255,.35)
}

.route-band>div a {
  display:flex;
  justify-content:space-between;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.35);
  font-size:1.1rem
}

.business-overview {
  padding:110px 48px;
  background:#10100e;
  color:#fff
}

.business-overview>div {
  max-width:1440px;
  margin:auto
}

.business-overview p {
  color:rgba(255,255,255,.66)
}

.stat-grid {
  max-width:1440px;
  margin:65px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.22)
}

.stat {
  background:#10100e;
  padding:38px 26px;
  min-height:170px
}

.stat-grid article {
  background:#10100e;
  padding:38px 26px;
  min-height:170px
}

.stat-grid article b {
  display:block;
  font-size:clamp(2rem,3vw,3.6rem);
  font-weight:500;
  line-height:1.05;
  margin-bottom:18px
}

.stat strong {
  display:block;
  font-size:clamp(2.2rem,4vw,4.5rem);
  font-weight:500;
  line-height:1;
  margin-bottom:18px
}

.stat span {
  color:rgba(255,255,255,.6)
}

.dashboard-section {
  padding:130px 48px;
  background:var(--cream)
}

.dashboard-wrap,.dashboard-section {
  grid-template-columns:.65fr 1.35fr;
  gap:40px;
  align-items:start
}

.dashboard-section {
  display:grid
}

.dashboard-section>header {
  grid-column:1/-1;
  max-width:1440px;
  width:100%;
  margin:auto
}

.dashboard-tabs {
  display:grid;
  margin-top:45px
}

.dashboard-tab {
  padding:20px 0;
  border-top:1px solid var(--line);
  background:none;
  text-align:left;
  cursor:pointer;
  color:var(--muted)
}

.dashboard-tab.active {
  color:var(--ink);
  font-weight:600
}

.dashboard-image {
  min-height:650px
}

.lead-form {
  background:#fff;
  padding:130px 48px
}

.lead-form-wrap,.lead-form {
  grid-template-columns:.8fr 1.2fr;
  gap:90px
}

.lead-form {
  display:grid
}

.lead-form>div,.lead-form>form {
  max-width:650px
}

.lead-form form {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}

.lead-form form label {
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--muted)
}

.lead-form form input,.lead-form form textarea {
  border:1px solid var(--line);
  padding:14px
}

.lead-form form .wide,.lead-form form>button {
  grid-column:1/-1
}

.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}

.form-field {
  display:flex;
  flex-direction:column;
  gap:6px
}

.form-field.full {
  grid-column:1/-1
}

.form-field label {
  font-size:.8rem;
  color:var(--muted)
}

.form-field input,.form-field select,.form-field textarea {
  border:1px solid var(--line);
  padding:15px;
  background:#fff;
  outline:none
}

.form-field textarea {
  min-height:130px;
  resize:vertical
}

.form-grid .primary-button {
  grid-column:1/-1;
  margin-top:8px
}

.quote-section {
  padding:150px 48px;
  background:var(--blue);
  color:#fff;
  text-align:center
}

.quote-section blockquote {
  max-width:1050px;
  margin:0 auto 30px;
  font-size:clamp(2rem,4vw,4.5rem);
  line-height:1.2;
  letter-spacing:-.03em
}

.quote-section p {
  color:rgba(255,255,255,.7)
}

.partner-logos {
  padding:80px 48px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  max-width:1440px;
  margin:auto
}

.partner-logos .image-slot {
  min-height:110px
}

.statement {
  padding:160px 48px;
  background:var(--lime)
}

.statement h2 {
  max-width:1250px;
  margin:auto;
  font-size:clamp(3rem,7vw,8rem)
}

/* Chauffeur partner page */
.page-view[data-page="drivers"] {
  --driver-sky:#aecff3;
  background:#fbf8f2
}


/* ==================== صفحه رانندگان (Drivers) ==================== */
.driver-partner-hero {
  display:block;
  min-height:100svh;
  margin:0;
  border-radius:0 0 16px 16px;
  background:#222;
  isolation:isolate
}

.driver-partner-hero-image {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0;
  background-position:center 32%
}

.driver-partner-shade {
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.06) 32%,rgba(0,0,0,.6))
}

.driver-partner-title {
  position:absolute;
  z-index:2;
  inset:clamp(135px,17svh,175px) 48px auto;
  text-align:center;
  color:#fff;
  text-shadow:0 3px 18px rgba(3,20,43,.9)
}

.driver-partner-title:before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-38px 14% -32px;
  background:radial-gradient(ellipse at center,rgba(3,30,65,.58) 0%,rgba(3,30,65,.34) 48%,rgba(3,30,65,0) 76%);
  filter:blur(7px);
  pointer-events:none
}

.driver-partner-title h1 {
  max-width:930px;
  margin:0 auto 22px;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(3.2rem,5.2vw,5rem);
  font-weight:400;
  line-height:1.08
}

.driver-partner-title p {
  max-width:820px;
  margin:0 auto;
  color:#ffd98a;
  font-size:clamp(1.15rem,2vw,1.75rem);
  font-weight:700;
  text-shadow:0 2px 12px rgba(3,20,43,.95)
}

.driver-hero-action {
  height:156px;
  padding:0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16vw;
  background:#fff
}

.driver-hero-action p {
  margin:0;
  color:var(--ink);
  font-size:1.05rem
}

.driver-blue-button {
  display:inline-flex;
  min-height:48px;
  padding:0 24px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#0876cf;
  color:#fff;
  font-weight:600;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease
}

.driver-blue-button:hover {
  transform:translateY(-2px);
  background:#0564b0;
  box-shadow:0 10px 24px rgba(8,118,207,.22)
}

.driver-global {
  background:#fff
}

.driver-global-intro {
  min-height:568px;
  padding:110px 48px 90px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:var(--driver-sky)
}

.driver-global-intro h2 {
  margin-bottom:30px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.4rem,7.2vw,7.7rem)
}

.driver-global-intro h3 {
  max-width:1180px;
  margin:0;
  font-size:clamp(1.15rem,2vw,1.8rem);
  line-height:1.35;
  font-weight:600
}


/* ----- استیج اصلی رانندگان + موبایل ----- */
.driver-global-stage {
  --driver-stage-progress:0;
  position:relative;
  height:1000px;
  overflow:hidden;
  isolation:isolate
}

.driver-global-backdrop {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0;
  background-position:center;
  background-size:cover;
  transform:scale(calc(1.035 - var(--driver-stage-progress) * .035))
}

.driver-global-dim {
  position:absolute;
  z-index:1;
  inset:0;
  background:rgba(0,0,0,calc(.18 + var(--driver-stage-progress) * .18))
}


/* ----- تصویر موبایل در صفحه رانندگان ----- */
.driver-device {
  position:absolute;
  z-index:3;
  top:13%;
  left:50%;
  width:min(330px,29vw);
  height:750px;
  padding:24px 18px 18px;
  transform:translateX(-50%) translateY(calc((1 - var(--driver-stage-progress)) * 90px));
  border:2px solid rgba(255,255,255,.82);
  border-radius:34px;
  background:rgba(248,248,245,.95);
  box-shadow:0 24px 65px rgba(0,0,0,.28);
  opacity:calc(.45 + var(--driver-stage-progress) * .55)
}

.driver-device:after {
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(17,17,15,.24);
  border-radius:27px;
  pointer-events:none
}

.driver-device.driver-device-image {
  height:auto;
  padding:0;
  border:0;
  background:transparent;
  object-fit:contain;
  display:block
}

.driver-device.driver-device-image:after {
  display:none
}

.driver-device-bar {
  height:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  font-size:.8rem
}

.driver-device-bar i {
  width:48px;
  height:8px;
  border-radius:10px;
  background:#191919
}

.driver-device-title {
  display:flex;
  justify-content:center;
  gap:8px;
  padding:12px 0 16px;
  font-size:1.22rem
}

.driver-device-screen {
  height:625px;
  min-height:0;
  border:0;
  border-radius:18px;
  background-size:cover;
  background-position:center top
}


/* ==================== استایل چهار کارت مزیت صفحه رانندگان ==================== */
.driver-benefit-card {
  position:absolute;
  z-index:4;
  width:min(390px,31vw);
  min-height:215px;
  padding:28px 30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 42px rgba(0,0,0,.16);
  opacity:var(--driver-stage-progress);
  transform:translateY(calc((1 - var(--driver-stage-progress)) * 70px));
  transition:box-shadow .25s ease
}

.driver-benefit-card:hover {
  box-shadow:0 20px 54px rgba(0,0,0,.24)
}

.driver-benefit-card>span {
  height:43px;
  margin-bottom:17px;
  color:#0876cf;
  font-size:2rem;
  line-height:1
}

.driver-benefit-icon {
  width:48px;
  height:48px;
  margin:0 0 14px;
  display:block;
  object-fit:contain;
  animation:driver-benefit-icon-float 3.2s ease-in-out infinite;
  will-change:transform
}

.card-day .driver-benefit-icon {
  animation-delay:-.8s
}

.card-admin .driver-benefit-icon {
  animation-delay:-1.6s
}

.card-team .driver-benefit-icon {
  animation-delay:-2.4s
}

@keyframes driver-benefit-icon-float {
  0%,100% {
  transform:translateY(0) scale(1)
}

50% {
  transform:translateY(-4px) scale(1.04)
}

}


/* ==================== رسپانسیو (Media Queries) ==================== */
@media (prefers-reduced-motion:reduce) {
  .driver-benefit-icon {
  animation:none
}

}

.driver-benefit-card h3 {
  margin-bottom:10px;
  font-size:1.6rem;
  font-weight:600
}

.driver-benefit-card p {
  max-width:330px;
  margin:0;
  color:var(--ink);
  font-size:1.02rem
}

.card-income {
  top:23%;
  right:3.5%
}

.card-day {
  top:57%;
  right:3.5%
}

.card-admin {
  top:23%;
  left:3.5%
}

.card-team {
  top:57%;
  left:3.5%
}

/* ----- استایل پیام درآمد سفرهای پیوسته ----- */
.driver-quote {
  min-height:680px;
  padding:120px 48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fbf8f2;
  text-align:center
}

.driver-quote blockquote {
  max-width:1180px;
  margin:0 auto 34px;
  color:#aecff3;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(2.7rem,4.8vw,5.5rem);
  font-weight:400;
  line-height:1.18;
  letter-spacing:-.035em
}

.driver-quote p {
  margin:0;
  color:var(--muted)
}

.driver-onboarding {
  min-height:930px;
  padding:42px max(48px,calc((100vw - 1440px)/2 + 48px)) 125px;
  background:#fbf8f2
}

.driver-process-tabs {
  position:relative;
  z-index:5;
  width:max-content;
  margin:0 auto 48px;
  padding:6px;
  display:flex;
  gap:2px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 3px 14px rgba(0,0,0,.13)
}

.driver-process-tabs button {
  min-width:142px;
  min-height:44px;
  padding:0 20px;
  border-radius:999px;
  background:transparent;
  color:var(--ink);
  font-size:1rem;
  cursor:pointer
}

.driver-process-tabs button.active {
  background:#0876cf;
  color:#fff;
  font-weight:600
}

.driver-process-panel {
  position:relative;
  max-width:1340px;
  height:590px;
  margin:auto;
  overflow:hidden;
  border-radius:16px
}

.driver-process-panel.active {
  display:block;
  animation:driverPanelIn .5s ease both
}

.driver-process-panel[hidden] {
  display:none
}

.driver-process-image {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0;
  background-position:center;
  background-size:cover
}

.driver-process-glass {
  position:absolute;
  right:24px;
  bottom:24px;
  left:24px;
  min-height:190px;
  padding:24px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:35px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:10px;
  background:rgba(11,17,23,.72);
  backdrop-filter:blur(16px);
  color:#fff
}

.driver-process-glass h3 {
  margin-bottom:6px;
  font-size:1.8rem;
  font-weight:600
}

.driver-process-glass ul {
  margin:0;
  padding-right:22px;
  font-size:1rem;
  line-height:1.7
}

.driver-outline-button {
  flex:0 0 auto;
  min-height:44px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  color:#fff;
  font-weight:600
}

.driver-slide-dots {
  height:38px;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:9px
}

.driver-slide-dots i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#d6e5f4
}

.driver-slide-dots i:first-child {
  background:#0876cf
}

@keyframes driverPanelIn {
  from {
  opacity:0;
  transform:translateY(14px)
}

to {
  opacity:1;
  transform:none
}

}

/* ----- استایل پیام درآمد توقف در سفر چندمقصدی ----- */
.driver-sustainable {
  min-height:674px;
  padding:100px max(48px,calc((100vw - 1440px)/2 + 48px));
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:90px;
  align-items:center;
  background:var(--driver-sky);
  color:var(--ink)
}

.driver-sustainable h2 {
  margin:0;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(3.5rem,6.6vw,7.2rem);
  font-weight:400;
  line-height:1.05
}

.driver-sustainable h3 {
  margin:0 0 32px;
  font-size:clamp(1.25rem,2vw,1.8rem);
  line-height:1.48;
  font-weight:600
}

.driver-faq {
  min-height:1039px;
  padding:110px max(30px,calc((100vw - 1440px)/2 + 30px));
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11vw;
  align-items:center;
  background:#fbf8f2
}

.driver-faq-copy h2 {
  margin-bottom:58px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3rem,4.6vw,5rem)
}

.driver-faq .accordion article {
  border-bottom:1px solid rgba(17,17,15,.14)
}

.driver-faq .accordion button {
  padding:20px 0;
  font-size:1.03rem;
  font-weight:600
}

.driver-faq .accordion button b {
  font-size:1.1rem;
  font-weight:400
}

.driver-faq .accordion p {
  margin:0;
  padding:0;
  line-height:1.65
}

.driver-faq .accordion article.open p {
  padding-bottom:22px
}

.driver-faq-image {
  min-height:550px;
  border:0;
  border-radius:8px;
  background-position:center
}

@media(min-width:761px) {
  .driver-faq {
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:7vw
}

.driver-faq-image {
  min-height:0;
  aspect-ratio:1/1
}

}

.driver-help {
  min-height:373px;
  padding:0 max(30px,calc((100vw - 1440px)/2 + 30px));
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  background:#fff
}

.driver-help-image {
  min-height:373px;
  border:0
}

.driver-help>div:last-child {
  padding:52px 70px;
  align-self:center
}

.driver-help h2 {
  margin-bottom:14px;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(2.7rem,4vw,4.7rem);
  font-weight:400
}

.driver-help h3 {
  margin-bottom:26px;
  font-size:1.5rem;
  font-weight:600
}

/* Blacklane-inspired home page */
.page-view[data-page="home"] {
  position:relative;
  isolation:isolate;
  background:transparent
}

.header:not(.scrolled):not(.light) .book-now {
  background:#0876cf;
  color:#fff;
  border-color:#0876cf;
  border-radius:999px
}

.header:not(.scrolled):not(.light) .login,.header:not(.scrolled):not(.light) .language {
  border-radius:999px;
  background:rgba(0,0,0,.12);
  backdrop-filter:blur(12px)
}

.home-hero {
  position:sticky;
  top:0;
  z-index:0;
  min-height:100svh;
  align-items:center
}

.home-hero-media {
  animation:homeHeroDrift 16s ease-in-out infinite alternate;
  transform:scale(1.015)
}

.home-hero .hero-shade {
  background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.05) 42%,rgba(0,0,0,.48))
}

.home-hero-center {
  position:relative;
  z-index:3;
  margin:130px auto 175px;
  text-align:center;
  align-self:center
}

.home-hero-center h1 {
  font-size:clamp(3.2rem,5vw,5.8rem);
  font-weight:400;
  font-family:Georgia,Peyda,serif;
  letter-spacing:-.045em;
  margin-bottom:22px;
  text-shadow:0 2px 18px rgba(0,0,0,.24)
}

.home-hero-center .booking-tabs {
  display:inline-flex;
  margin:0;
  padding:5px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:999px;
  background:rgba(8,8,8,.34);
  backdrop-filter:blur(14px)
}

.home-hero-center .booking-tabs button {
  min-width:126px;
  padding:10px 20px;
  color:#fff;
  background:transparent;
  border-radius:999px;
  cursor:pointer;
  transition:background .25s ease,transform .25s ease
}

.home-hero-center .booking-tabs button.active {
  background:#0876cf;
  box-shadow:0 5px 18px rgba(0,0,0,.16)
}

.home-hero .booking {
  right:6%;
  left:6%;
  bottom:28px;
  padding:0 22px;
  background:rgba(20,20,20,.3);
  border:1px solid rgba(255,255,255,.68);
  border-radius:10px;
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(18px);
  will-change:transform,opacity;
  transform-origin:center bottom
}

.home-hero .booking-form {
  grid-template-columns:1.3fr 1.3fr .8fr .8fr auto;
  gap:0;
  align-items:center
}

.home-hero .booking-form label {
  min-height:94px;
  border:0;
  border-left:1px solid rgba(255,255,255,.6);
  padding:13px 24px;
  background:transparent;
  color:#fff
}

.home-hero .booking-form label:nth-last-of-type(1) {
  border-left:0
}

.home-hero .booking-form label span {
  color:rgba(255,255,255,.88);
  font-size:.9rem;
  margin-bottom:5px
}

.home-hero .booking-form input,.home-hero .booking-form select {
  color:#fff;
  font-size:1rem
}

.home-hero .booking-form input::placeholder {
  color:rgba(255,255,255,.65)
}

.home-hero .booking-form select option {
  color:#111
}

.home-hero .booking-date {
  color-scheme:dark;
  cursor:pointer
}

.home-hero .booking-date::-webkit-calendar-picker-indicator {
  opacity:.9;
  cursor:pointer;
  filter:brightness(0) invert(1)
}

.home-hero .booking-time {
  cursor:pointer
}

.home-hero .booking-form>button {
  min-height:48px;
  margin-right:18px;
  padding:0 26px;
  border-radius:999px;
  background:#0876cf;
  white-space:nowrap
}

.home-hero .destination-field>.destination {
  height:100%;
  padding-left:126px
}

.home-hero .add-destination {
  position:absolute;
  z-index:3;
  left:14px;
  top:50%;
  height:34px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-family:inherit;
  font-size:.76rem;
  white-space:nowrap;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease
}

.home-hero .add-destination b {
  font-size:1.2rem;
  font-weight:400;
  line-height:1
}

.home-hero .add-destination:hover {
  background:#fff;
  color:#0f1c2e;
  transform:translateY(-50%) scale(1.06)
}

.home-hero .add-destination:disabled {
  opacity:.4;
  cursor:not-allowed;
  transform:translateY(-50%)
}

.additional-destinations {
  display:none;
  position:absolute;
  z-index:8;
  right:0;
  bottom:calc(100% + 12px);
  width:min(410px,calc(100vw - 48px));
  padding:10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:16px;
  background:rgba(15,28,46,.97);
  box-shadow:0 20px 55px rgba(0,0,0,.34);
  backdrop-filter:blur(18px);
  overflow:hidden
}

.additional-destinations.has-items {
  display:block;
  animation:destination-panel-in .22s ease both
}

.destination-panel-head {
  padding:4px 5px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#fff
}

.destination-panel-head strong {
  font-size:.88rem;
  font-weight:600
}

.destination-panel-head small {
  color:rgba(255,255,255,.68);
  font-size:.74rem
}

.destination-list {
  display:grid;
  gap:7px;
  max-height:290px;
  overflow:auto;
  padding-left:2px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.4) transparent
}

.destination-extra {
  position:relative
}

.home-hero .destination-extra label {
  min-height:62px;
  padding:8px 14px 8px 45px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:9px;
  background:rgba(255,255,255,.07)
}

.remove-destination {
  position:absolute;
  left:10px;
  top:50%;
  width:27px;
  height:27px;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.5);
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:1.1rem;
  cursor:pointer
}

.remove-destination:hover {
  background:#fff;
  color:#0f1c2e
}

@keyframes destination-panel-in {
  from {
  opacity:0;
  transform:translateY(8px)
}

to {
  opacity:1;
  transform:translateY(0)
}

}

@keyframes homeHeroDrift {
  from {
  transform: scale(1.02);
}

to {
  transform: scale(1.055);
}

}



/* ==================== لوگوی شرکای سازمانی ==================== */

/* ==================== بخش پوشش و مزایای ویژه ==================== */

/* ==================== بخش راحتی و امنیت ==================== */

/* ==================== بخش نمایش اپلیکیشن ==================== */

/* ==================== بخش خدمات صفحه اصلی (کاروسل) ==================== */

/* ==================== مارکی متحرک صفحه اصلی ==================== */
.home-marquee,.home-services,.home-app,.home-comfort,.home-excellence,.home-partners {
  position:relative;
  z-index:2
}

.home-marquee {
  overflow:hidden;
  background-color:var(--home-cover-color,#aed0f6);
  border-bottom:1px solid rgba(20,20,20,.08);
  padding:24px 0;
  white-space:nowrap;
  box-shadow:0 -18px 45px rgba(0,0,0,.12);
  transition:background-color .08s linear
}

.home-marquee>div {
  display:flex;
  width:max-content;
  animation:homeMarquee 25s linear infinite
}

.home-marquee span {
  font-family:Georgia,Peyda,serif;
  font-size:clamp(1.45rem,2.2vw,2.7rem);
  padding-inline:55px;
  color:#282824
}

@keyframes homeMarquee {
  to {
  transform:translateX(50%)
}

}

.home-services {
  padding:0 0 84px;
  background-color:var(--home-cover-color,#aed0f6);
  overflow:hidden;
  transition:background-color .08s linear
}

.home-statement {
  min-height:620px;
  padding:120px 48px 90px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}

.home-statement h2 {
  max-width:1180px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.7rem,7vw,8.6rem);
  line-height:1.04;
  margin-bottom:28px
}

.home-statement p {
  max-width:850px;
  font-size:clamp(1.1rem,1.8vw,1.65rem);
  color:#555551;
  margin:0
}

.home-service-window {
  max-width:1280px;
  margin:auto;
  overflow:hidden;
  padding:0 12px
}

.home-service-track {
  display:flex;
  gap:36px;
  direction:rtl;
  transition:transform .7s cubic-bezier(.2,.75,.2,1);
  will-change:transform
}


/* ----- کارت‌های خدمات ----- */
.home-service-card {
  flex:0 0 calc(50% - 18px)
}

.home-service-card>.image-slot {
  height:480px;
  border:0;
  border-radius:10px;
  margin-bottom:25px;
  transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s ease
}

.home-service-card:hover>.image-slot {
  transform:scale(.985);
  filter:brightness(.92)
}

.home-service-card>span {
  display:block;
  color:#666661;
  font-size:1rem;
  margin-bottom:6px
}

.home-service-card h3 {
  font-size:clamp(1.8rem,2.4vw,2.8rem);
  margin-bottom:9px
}

.home-service-card p {
  max-width:580px;
  font-size:1.05rem;
  margin-bottom:24px;
  color:#33332f
}

.home-service-card a {
  display:inline-flex;
  padding:11px 20px;
  border:1px solid #0876cf;
  border-radius:999px;
  color:#075fa7;
  transition:.25s
}

.home-service-card a:hover {
  background:#0876cf;
  color:#fff;
  transform:translateY(-2px)
}


/* ----- دکمه‌های کاروسل ----- */
.home-carousel-controls {
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:42px
}

.home-carousel-controls button {
  width:52px;
  height:52px;
  border-radius:50%;
  background:#fff;
  color:#222;
  font-size:1.8rem;
  box-shadow:0 2px 18px rgba(0,0,0,.11);
  cursor:pointer;
  transition:.25s
}

.home-carousel-controls button:hover {
  transform:translateY(-3px);
  box-shadow:0 7px 22px rgba(0,0,0,.15)
}

.home-carousel-controls button:disabled {
  opacity:.38;
  cursor:not-allowed;
  transform:none
}

.home-app {
  min-height:720px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  background:#aed0f6;
  overflow:hidden
}

.home-app-copy {
  padding:110px 50px 80px max(68px,calc((100vw - 1280px)/2));
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start
}

.home-app-copy h2 {
  max-width:560px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.8rem,6vw,7.4rem)
}

.home-app-copy p {
  max-width:440px;
  color:#1d2835;
  font-size:1.2rem
}

.home-store-links {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px
}

.home-store-links a {
  padding:12px 20px;
  border:1px solid #111;
  border-radius:5px;
  background:rgba(255,255,255,.3)
}

.home-app-image {
  align-self:end;
  min-height:630px;
  border:0;
  background-size:contain!important;
  background-position:center bottom!important
}

.home-comfort {
  padding:0 0 55px;
  background:#fff
}

.home-comfort .home-statement {
  min-height:690px
}

.home-comfort-stack {
  max-width:1240px;
  margin:auto;
  padding:0 0 35px
}


/* ----- کارت‌های راحتی ----- */
.home-comfort-card {
  position:sticky;
  top:96px;
  min-height:720px;
  margin-bottom:24px;
  border-radius:14px;
  overflow:hidden;
  background:#1b1b19;
  box-shadow:0 -6px 25px rgba(0,0,0,.07)
}

.home-comfort-card:nth-child(2) {
  top:110px
}

.home-comfort-card:nth-child(3) {
  top:124px
}

.home-comfort-card>.image-slot {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0
}

.home-glass-caption {
  position:absolute;
  z-index:2;
  right:24px;
  left:24px;
  bottom:24px;
  padding:22px 25px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:7px;
  background:rgba(15,15,15,.5);
  color:#fff;
  backdrop-filter:blur(18px)
}

.home-glass-caption h3 {
  font-size:1.8rem;
  margin-bottom:5px
}

.home-glass-caption p {
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:1.08rem
}

.home-excellence {
  padding-bottom:100px;
  background:#f7f4ef
}

.home-excellence .home-statement {
  min-height:600px;
  padding-bottom:70px
}


/* ----- گرید پوشش / توقف رایگان / هزینه ----- */
.home-excellence-grid {
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px
}

.home-excellence-grid article {
  min-height:380px;
  padding:36px 30px;
  background:#dbeafa;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:hidden
}

.home-excellence-grid article:nth-child(2) {
  background:#d3e5f7
}

.home-excellence-grid article:nth-child(3) {
  background:#e3edf7
}

.home-excellence-grid h3 {
  font-size:1.65rem;
  margin-bottom:8px
}

.home-excellence-grid p {
  max-width:285px;
  color:#4a5158;
  font-size:1.02rem
}

.home-icon {
  margin-top:auto;
  font-family:Georgia,serif;
  font-size:7rem;
  line-height:1;
  color:#4f91cf;
  filter:drop-shadow(0 16px 18px rgba(43,98,151,.14));
  transition:transform .6s cubic-bezier(.2,.75,.2,1)
}

.home-excellence-grid article:hover .home-icon {
  transform:translateY(-10px) scale(1.06)
}

.home-partners {
  min-height:430px;
  padding:90px 48px;
  background:#f7f4ef;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}

.home-partners h3 {
  font-size:2rem;
  margin-bottom:44px
}

.home-reveal {
  opacity:0;
  transform:translateY(54px);
  transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.2,.75,.2,1)
}

.home-reveal.visible {
  opacity:1;
  transform:none
}

.home-excellence-grid article:nth-child(2) {
  transition-delay:.12s
}

.home-excellence-grid article:nth-child(3) {
  transition-delay:.24s
}

/* Services overview */
.page-view[data-page="services"] {
  position:relative;
  isolation:isolate;
  background:transparent
}


/* ==================== صفحه خدمات (Services Overview) ==================== */
.services-overview-hero {
  position:sticky;
  top:0;
  z-index:0;
  min-height:100svh;
  display:flex;
  align-items:flex-end;
  color:#fff;
  overflow:hidden
}

.services-overview-hero-image {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0;
  animation:homeHeroDrift 18s ease-in-out infinite alternate
}

.services-overview-hero-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.08) 44%,rgba(0,0,0,.72))
}

.services-overview-hero>div:last-child {
  position:relative;
  z-index:2;
  width:min(1440px,100%);
  margin:auto;
  padding:150px 48px 82px
}

.services-overview-hero span {
  display:block;
  margin-bottom:18px;
  color:rgba(255,255,255,.78)
}

.services-overview-hero h1 {
  max-width:1040px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(4rem,7vw,8.5rem);
  margin-bottom:25px
}

.services-overview-hero p {
  max-width:650px;
  color:rgba(255,255,255,.82);
  font-size:1.15rem
}


/* ----- CTA نهایی خدمات ----- */

/* ----- ارزش‌های خدمات ----- */

/* ----- کال‌اوت راهکار سازمانی ----- */

/* ----- لیست خدمات ----- */

/* ----- معرفی خدمات ----- */
.services-overview-intro,.services-overview-list,.services-business-callout,.services-overview-values,.services-final-cta {
  position:relative;
  z-index:2
}

.services-overview-intro {
  min-height:690px;
  padding:120px 48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-color:#aed0f6;
  box-shadow:0 -18px 45px rgba(0,0,0,.12);
  transition:background-color 1.9s cubic-bezier(.22,.7,.2,1)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro {
  background-color:#f7f4ef
}

.services-overview-intro>span {
  display:block;
  margin-bottom:22px;
  color:#47657f;
  font-size:.84rem;
  letter-spacing:.08em
}

.services-overview-intro h2 {
  max-width:1200px;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(3.7rem,6.5vw,7.8rem);
  font-weight:400
}

.services-overview-intro p {
  max-width:760px;
  font-size:1.25rem
}

.services-overview-intro>a {
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:38px;
  color:#075fa7;
  font-weight:600
}

.services-overview-intro>a b {
  font-size:1.4rem;
  animation:servicesArrow 1.5s ease-in-out infinite
}

@keyframes servicesArrow {
  50% {
  transform:translateY(7px)
}

}

.services-overview-list {
  background:#fff;
  padding:80px 48px 140px
}

.services-overview-row {
  max-width:1380px;
  margin:0 auto 130px;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:90px;
  align-items:center
}

.services-overview-row:last-child {
  margin-bottom:0
}

.services-overview-row.reverse>.image-slot {
  order:2
}

.services-overview-row.reverse>div:last-child {
  order:1
}

.services-overview-row>.image-slot {
  min-height:650px;
  border:0;
  border-radius:10px
}

.services-overview-row span,.services-business-callout span,.services-final-cta>span {
  display:block;
  margin-bottom:20px;
  color:var(--muted);
  font-size:.82rem;
  letter-spacing:.08em
}

.services-overview-row h2 {
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3rem,4.8vw,5.8rem)
}

.services-overview-row p {
  font-size:1.08rem;
  max-width:560px
}

.services-business-callout a,.services-final-cta a {
  display:inline-flex;
  margin-top:15px;
  padding:12px 21px;
  border:1px solid #0876cf;
  border-radius:999px;
  color:#075fa7;
  transition:.25s
}

.services-business-callout {
  min-height:690px;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  background:#aed0f6;
  overflow:hidden
}

.services-business-callout>div:first-child {
  padding:105px max(48px,calc((100vw - 1380px)/2 + 48px));
  padding-left:65px;
  align-self:center
}

.services-business-callout h2 {
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.5rem,5.6vw,6.8rem)
}

.services-business-callout p {
  max-width:540px;
  color:#26333e;
  font-size:1.1rem
}

.services-business-callout>.image-slot {
  min-height:690px;
  border:0
}

.services-overview-values {
  padding:130px 48px;
  background:#f7f4ef
}

.services-overview-values>header,.services-overview-values>div {
  max-width:1280px;
  margin:auto
}

.services-overview-values>header {
  text-align:center;
  margin-bottom:75px
}

.services-overview-values>header h2 {
  font-family:Georgia,Peyda,serif;
  font-size:clamp(3.2rem,5.2vw,6.3rem);
  font-weight:400
}

.services-overview-values>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}

.services-overview-values article {
  min-height:350px;
  padding:34px;
  background:#dbeafa;
  display:flex;
  flex-direction:column
}

.services-overview-values article:nth-child(2) {
  background:#d3e5f7
}

.services-overview-values article:nth-child(3) {
  background:#e3edf7
}

.services-overview-values article b {
  color:#527ea9;
  font-size:.82rem;
  margin-bottom:auto
}

.services-overview-values article h3 {
  margin:70px 0 12px
}

.services-overview-values article p {
  margin:0
}

.services-final-cta {
  min-height:570px;
  padding:110px 48px;
  background:#151513;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}

.services-final-cta>span {
  color:rgba(255,255,255,.62)
}

.services-final-cta h2 {
  max-width:1100px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.4rem,6vw,7.2rem)
}

.services-final-cta a {
  border-color:#fff;
  color:#fff
}

.services-final-cta a:hover,.services-business-callout a:hover {
  background:#111;
  color:#fff;
  border-color:#111;
  transform:translateY(-2px)
}

.desktop-nav [data-route].current {
  box-shadow:inset 0 -2px currentColor
}

.help-hero {
  padding:170px 48px 100px;
  background:var(--cream);
  text-align:center
}

.help-hero h1 {
  font-size:clamp(3rem,6vw,6rem)
}

.help-search,.help-hero>div {
  max-width:760px;
  margin:35px auto 0;
  display:flex;
  background:#fff;
  border:1px solid var(--line)
}

.help-search input,.help-hero input {
  flex:1;
  border:0;
  padding:19px;
  outline:none
}

.help-search button,.help-hero button {
  width:64px;
  background:var(--ink);
  color:#fff
}

.help-grid {
  max-width:1300px;
  margin:auto;
  padding:100px 48px 140px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px
}

.help-card,.help-grid>article {
  padding:32px;
  border:1px solid var(--line);
  min-height:230px;
  transition:.25s
}

.help-card:hover {
  transform:translateY(-5px);
  box-shadow:var(--shadow)
}

.help-card .icon {
  font-size:1.8rem;
  margin-bottom:55px
}

.editorial-hero {
  padding:180px 48px 100px;
  background:#151513;
  color:#fff
}

.editorial-hero>div {
  max-width:1440px;
  margin:auto
}

.editorial-hero>span,.editorial-hero>h1 {
  display:block;
  max-width:1440px;
  margin-left:auto;
  margin-right:auto
}

.editorial-hero p {
  color:rgba(255,255,255,.63);
  max-width:600px
}

.featured-post {
  max-width:1440px;
  margin:auto;
  padding:110px 48px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:65px;
  align-items:center
}

.featured-image {
  min-height:580px
}

.post-grid {
  max-width:1440px;
  margin:auto;
  padding:0 48px 140px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:42px 24px
}

.post-image {
  height:310px;
  margin-bottom:20px
}

.post-card .meta {
  font-size:.78rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em
}

.press-kit {
  max-width:1440px;
  margin:auto;
  padding:110px 48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center
}

.press-image {
  min-height:520px
}

.news-list {
  max-width:1100px;
  margin:auto;
  padding:0 48px 140px
}

.news-item,.news-list>article {
  display:grid;
  grid-template-columns:150px 1fr auto;
  gap:25px;
  padding:25px 0;
  border-top:1px solid var(--line);
  align-items:center
}

.news-item:last-child {
  border-bottom:1px solid var(--line)
}


/* ----- هیرو صفحات حقوقی ----- */
.legal-hero {
  padding:175px 48px 80px;
  background:var(--cream)
}

.legal-hero>div {
  max-width:1100px;
  margin:auto
}

.legal-hero>span,.legal-hero>h1 {
  display:block;
  max-width:1100px;
  margin-left:auto;
  margin-right:auto
}

.legal-hero h1 {
  font-size:clamp(3rem,6vw,6rem)
}


/* ----- محتوای صفحات حقوقی ----- */
.legal-content {
  max-width:1100px;
  margin:auto;
  padding:90px 48px 140px;
  display:grid;
  grid-template-columns:190px 1fr;
  gap:70px
}

.legal-content aside {
  position:sticky;
  top:110px;
  align-self:start;
  display:grid;
  gap:12px
}

.legal-content aside a {
  color:var(--muted);
  font-size:.9rem
}

.legal-content h2 {
  font-size:2rem;
  margin-top:60px
}

.legal-content h3 {
  font-size:1.35rem;
  margin-top:35px
}

.site-footer,.footer {
  background:var(--cream);
  padding:80px 48px 34px
}

.footer-head {
  max-width:1440px;
  margin:0 auto 65px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:30px;
  border-bottom:1px solid var(--line)
}

.back-top {
  background:none;
  border:1px solid var(--line);
  padding:12px 17px;
  cursor:pointer
}


/* ----- ستون‌های فوتر ----- */
.footer-columns {
  max-width:1440px;
  margin:auto;
  display:grid;
  grid-template-columns:1.3fr repeat(4,1fr);
  gap:35px
}

.footer-brand p {
  max-width:260px
}

.footer-column h4 {
  font-size:.88rem;
  margin-bottom:18px
}

.footer-column a {
  display:block;
  color:var(--muted);
  margin:9px 0;
  font-size:.92rem
}

.footer-columns>div>span {
  display:block;
  font-weight:600;
  margin-bottom:18px
}

.footer-columns>div>a {
  display:block;
  color:var(--muted);
  margin:9px 0;
  font-size:.92rem
}

.footer-badges {
  display:flex;
  gap:10px;
  flex-wrap:wrap
}

.footer-columns .footer-badge {
  width:86px;
  height:98px;
  margin:0;
  display:grid;
  place-items:center;
  padding:8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  text-align:center;
  font-size:.76rem;
  line-height:1.65;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}

.footer-columns .footer-badge:hover {
  transform:translateY(-3px);
  border-color:#f9a400;
  box-shadow:0 8px 22px rgba(15,28,46,.12)
}

.footer-socials {
  display:flex;
  gap:9px;
  margin-top:22px
}

.footer-columns .footer-socials a {
  width:40px;
  height:40px;
  margin:0;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--ink);
  transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease
}

.footer-socials svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}

.footer-socials .social-dot {
  fill:currentColor;
  stroke:none
}

.footer-columns .footer-socials .driver-social-only {
  display:none
}

body.drivers-route .footer-socials .social-linkedin {
  display:none
}

body.drivers-route .footer-socials .driver-social-only {
  display:grid
}

/*
  راهنما: آیکون‌های «بله» و «روبیکا» در فوتر صفحه رانندگان
  کاربرد: فایل‌های PNG این دو شبکه سفید هستند؛ این فیلتر آن‌ها را در حالت عادی به زرد صفحه رانندگان تبدیل می‌کند تا روی فوتر مشکی کاملاً دیده شوند.
  حالت hover: با زرد شدن پس‌زمینه دکمه، آیکون‌ها مشکی می‌شوند تا کنتراست و خوانایی حفظ شود.
*/
.driver-social-only img {
  width:20px;
  height:20px;
  display:block;
  object-fit:contain;
  filter:brightness(0) saturate(100%)
}

body.drivers-route .driver-social-only img {
  filter:brightness(0) saturate(100%) invert(66%) sepia(100%) saturate(1793%) hue-rotate(1deg) brightness(103%) contrast(102%)
}

body.drivers-route .driver-social-only:hover img {
  filter:brightness(0) saturate(100%)
}

.footer-columns .footer-socials a:hover {
  transform:translateY(-3px);
  background:var(--ink);
  border-color:var(--ink);
  color:#fff
}

.footer-column a:hover {
  color:var(--ink)
}


/* ----- پایین فوتر ----- */
.footer-bottom {
  max-width:1440px;
  margin:70px auto 0;
  padding-top:24px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:.82rem
}

.reveal-section {
  opacity:0;
  transform:translateY(35px);
  transition:opacity .75s ease,transform .75s ease
}

.reveal-section.visible {
  opacity:1;
  transform:none
}

.site-toast {
  position:fixed;
  z-index:1500;
  right:28px;
  bottom:28px;
  max-width:390px;
  padding:17px 20px;
  background:var(--ink);
  color:#fff;
  box-shadow:var(--shadow);
  transform:translateY(25px);
  opacity:0;
  pointer-events:none;
  transition:.3s
}

.site-toast.show {
  transform:none;
  opacity:1
}

.desktop-nav a.current {
  box-shadow:inset 0 -2px currentColor
}

/* Global Peyda typography and a more balanced page scale */
h1,h2,h3,.driver-quote blockquote,.quote-section blockquote,.home-marquee span {
  font-family:Peyda,Arial,sans-serif!important
}

.hero:not(.home-hero):not(.driver-partner-hero) {
  min-height:680px
}

.inner-hero {
  min-height:620px
}

.hero-content {
  padding-top:120px;
  padding-bottom:62px
}

.inner-title {
  padding-top:120px;
  padding-bottom:66px
}

.section-intro {
  padding-top:100px;
  padding-bottom:50px
}

.experience-section {
  padding-top:115px;
  padding-bottom:145px
}

.experience-card {
  min-height:620px;
  margin-bottom:72px
}

.experience-image {
  min-height:620px
}

.excellence,.split-section,.benefits,.steps,.fleet,.faq,.dashboard-section,.lead-form {
  padding-top:105px;
  padding-bottom:105px
}

.split-image {
  min-height:550px
}

.full-feature {
  min-height:650px
}

.route-band {
  padding-top:100px;
  padding-bottom:100px
}

.quote-section {
  padding-top:125px;
  padding-bottom:125px
}

.statement {
  padding-top:125px;
  padding-bottom:125px
}

.statement h2 {
  font-size:clamp(2.8rem,5.9vw,6.6rem)
}

.help-hero,.editorial-hero,.legal-hero {
  padding-top:145px;
  padding-bottom:80px
}

.featured-post,.press-kit {
  padding-top:90px;
  padding-bottom:90px
}

.featured-image {
  min-height:520px
}

.press-image {
  min-height:470px
}

.driver-partner-title h1 {
  font-size:clamp(3rem,4.6vw,4.4rem)
}

.driver-global-intro {
  min-height:510px;
  padding-top:90px;
  padding-bottom:78px
}

.driver-global-intro h2 {
  font-size:clamp(3.1rem,6.1vw,6.4rem)
}

.driver-quote {
  min-height:600px;
  padding-top:100px;
  padding-bottom:100px
}

.driver-quote blockquote {
  font-size:clamp(2.5rem,4.1vw,4.6rem)
}

.driver-onboarding {
  min-height:840px;
  padding-bottom:105px
}

.driver-sustainable {
  min-height:600px;
  padding-top:85px;
  padding-bottom:85px
}

.driver-sustainable h2 {
  font-size:clamp(3.1rem,5.5vw,5.8rem)
}

.driver-faq {
  min-height:900px;
  padding-top:90px;
  padding-bottom:90px
}

.driver-faq-copy h2 {
  font-size:clamp(2.8rem,4vw,4.2rem)
}

.driver-help h2 {
  font-size:clamp(2.5rem,3.5vw,4rem)
}

.home-hero-center h1 {
  font-size:clamp(3rem,4.4vw,5rem)
}

.home-marquee span {
  font-size:clamp(1.3rem,1.9vw,2.25rem)
}

.home-statement {
  min-height:560px;
  padding-top:100px;
  padding-bottom:76px
}

.home-statement h2 {
  font-size:clamp(3.2rem,5.9vw,6.7rem)
}

.home-app {
  min-height:650px
}

.home-app-copy {
  padding-top:90px;
  padding-bottom:70px
}

.home-app-copy h2 {
  font-size:clamp(3.2rem,5.1vw,5.8rem)
}

.home-app-image {
  min-height:570px
}

.home-comfort .home-statement {
  min-height:610px
}

.home-comfort-card {
  min-height:650px
}

.home-excellence .home-statement {
  min-height:540px
}

.home-excellence-grid article {
  min-height:330px
}

.home-partners {
  min-height:380px;
  padding-top:75px;
  padding-bottom:75px
}

.services-overview-hero h1 {
  font-size:clamp(3.5rem,5.9vw,6.8rem)
}

.services-overview-intro {
  min-height:610px;
  padding-top:100px;
  padding-bottom:100px
}

.services-overview-intro h2 {
  font-size:clamp(3.2rem,5.5vw,6.2rem)
}

.services-overview-list {
  padding-bottom:115px
}

.services-overview-row>.image-slot {
  min-height:580px
}

.services-overview-row h2 {
  font-size:clamp(2.7rem,4.2vw,4.8rem)
}

.services-business-callout {
  min-height:610px
}

.services-business-callout h2 {
  font-size:clamp(3rem,4.8vw,5.5rem)
}

.services-business-callout>.image-slot {
  min-height:610px
}

.services-overview-values {
  padding-top:105px;
  padding-bottom:105px
}

.services-overview-values>header h2 {
  font-size:clamp(2.9rem,4.5vw,5.2rem)
}

.services-overview-values article {
  min-height:310px
}

.services-final-cta {
  min-height:500px;
  padding-top:90px;
  padding-bottom:90px
}

.services-final-cta h2 {
  font-size:clamp(3rem,5vw,5.8rem)
}

/* Kasbi navy and yellow theme — all routes except chauffeurs */
.page-view:not([data-page="drivers"]) {
  --blue:#0f1c2e;
  --blue-dark:#031e41;
  --lime:#f9a400;
  --brand-navy:#0f1c2e;
  --brand-navy-deep:#031e41;
  --brand-yellow:#f9a400;
  --brand-yellow-text:#9a6400
}

body:not(.drivers-route) .header:not(.scrolled):not(.light) .book-now,
body:not(.drivers-route) .header.scrolled .book-now,
body:not(.drivers-route) .header.light .book-now {
  background:#f9a400;
  color:#0f1c2e;
  border-color:#f9a400
}

body.drivers-route .header-actions .login {
  display:none
}

body:not(.drivers-route) .header.scrolled,
body:not(.drivers-route) .header.light {
  background:rgba(15,28,46,.97);
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.13)
}

body:not(.drivers-route) .header.scrolled .language,
body:not(.drivers-route) .header.scrolled .login,
body:not(.drivers-route) .header.light .language,
body:not(.drivers-route) .header.light .login {
  border-color:rgba(255,255,255,.28)
}

body:not(.drivers-route) .dropdown-panel {
  border-top:3px solid #f9a400
}

body:not(.drivers-route) .dropdown-links a:hover {
  background:rgba(249,164,0,.13)
}

body:not(.drivers-route) .desktop-nav [data-route].current {
  box-shadow:inset 0 -2px #f9a400
}

body:not(.drivers-route) .mobile-menu {
  background:#0f1c2e;
  color:#fff
}

body:not(.drivers-route) .mobile-menu nav a {
  border-color:rgba(255,255,255,.16)
}

body:not(.drivers-route) .mobile-menu .logo-mark {
  color:#f9a400;
  border-color:#f9a400
}

body.drivers-route .header.scrolled .logo-image,
body.drivers-route .header.light .logo-image,
body.drivers-route .mobile-menu .logo-image,
body.drivers-route .footer .logo-image {
  filter:brightness(0)
}

body:not(.drivers-route) .footer {
  background:#0f1c2e;
  color:#fff
}

body:not(.drivers-route) .footer p,
body:not(.drivers-route) .footer a,
body:not(.drivers-route) .footer-bottom {
  color:rgba(255,255,255,.7)
}

body:not(.drivers-route) .footer-head,
body:not(.drivers-route) .footer-bottom {
  border-color:rgba(255,255,255,.18)
}

body:not(.drivers-route) .back-top {
  border-color:#f9a400;
  color:#f9a400
}

body:not(.drivers-route) .footer-columns .footer-badge {
  background:#fff;
  color:#0f1c2e;
  border-color:rgba(255,255,255,.28)
}

body:not(.drivers-route) .footer-columns .footer-socials a {
  color:#f9a400;
  border-color:rgba(249,164,0,.65)
}

body:not(.drivers-route) .footer-columns .footer-socials a:hover {
  background:#f9a400;
  border-color:#f9a400;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .primary-button,
.page-view:not([data-page="drivers"]) .booking-submit,
.page-view:not([data-page="drivers"]) .booking-form>button,
.page-view:not([data-page="drivers"]) .lead-form form>button {
  background:#f9a400;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .primary-button:hover,
.page-view:not([data-page="drivers"]) .booking-submit:hover {
  background:#e49200;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .partner-banner,
.page-view:not([data-page="drivers"]) .statement {
  background:#f9a400;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .route-band,
.page-view:not([data-page="drivers"]) .quote-section,
.page-view:not([data-page="drivers"]) .app-banner {
  background:#0f1c2e
}

.page-view:not([data-page="drivers"]) .business-overview,
.page-view:not([data-page="drivers"]) .stat-grid article,
.page-view:not([data-page="drivers"]) .fleet,
.page-view:not([data-page="drivers"]) .editorial-hero,
.page-view:not([data-page="drivers"]) .experience-section {
  background:#0f1c2e
}

.page-view:not([data-page="drivers"]) .experience-card {
  background:#172941
}

.page-view:not([data-page="drivers"]) .experience-card:nth-child(2) {
  background:#1d324e
}

.page-view:not([data-page="drivers"]) .experience-card:nth-child(3) {
  background:#243b59
}

.page-view:not([data-page="drivers"]) .benefits article b,
.page-view:not([data-page="drivers"]) .steps article>b,
.page-view:not([data-page="drivers"]) .stat-grid article b {
  color:#f9a400
}

.page-view:not([data-page="drivers"]) .split-section a,
.page-view:not([data-page="drivers"]) .featured-post a,
.page-view:not([data-page="drivers"]) .press-kit a {
  color:#0f1c2e;
  border-bottom:2px solid #f9a400
}

.page-view:not([data-page="drivers"]) .inner-title>span,
.page-view:not([data-page="drivers"]) .hero-eyebrow,
.page-view:not([data-page="drivers"]) .business-overview>div>span,
.page-view:not([data-page="drivers"]) .route-band header>span,
.page-view:not([data-page="drivers"]) .fleet header>span,
.page-view:not([data-page="drivers"]) .editorial-hero>span {
  color:#f9a400
}

.page-view:not([data-page="drivers"]) .split-section>div>span,
.page-view:not([data-page="drivers"]) section>header>span,
.page-view:not([data-page="drivers"]) .lead-form>div>span,
.page-view:not([data-page="drivers"]) .featured-post>div>span,
.page-view:not([data-page="drivers"]) .press-kit>div>span,
.page-view:not([data-page="drivers"]) .post-grid article>span,
.page-view:not([data-page="drivers"]) .news-list article>span {
  color:var(--brand-yellow-text);
  font-weight:600
}

.page-view:not([data-page="drivers"]) .benefits article>b,
.page-view:not([data-page="drivers"]) .steps article>b,
.page-view:not([data-page="drivers"]) .help-grid article>b,
.page-view:not([data-page="drivers"]) .legal-content article>div>span {
  color:var(--brand-yellow-text);
  font-weight:700
}

.page-view:not([data-page="drivers"]) .app-image {
  background:linear-gradient(135deg,#243b59,#031e41);
  color:#fff
}

.page-view:not([data-page="drivers"]) .carousel-buttons button {
  background:#0f1c2e;
  color:#fff;
  border-color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .carousel-buttons button:hover {
  background:#f9a400;
  color:#0f1c2e;
  border-color:#f9a400
}

.page-view:not([data-page="drivers"]) .accordion article>button b,
.page-view:not([data-page="drivers"]) .accordion-button:after {
  color:var(--brand-yellow-text)
}

.page-view:not([data-page="drivers"]) .dashboard-tab.active {
  color:#0f1c2e;
  border-top-color:#f9a400
}

.page-view:not([data-page="drivers"]) .lead-form input:focus,
.page-view:not([data-page="drivers"]) .lead-form textarea:focus,
.page-view:not([data-page="drivers"]) .form-field input:focus,
.page-view:not([data-page="drivers"]) .form-field select:focus,
.page-view:not([data-page="drivers"]) .form-field textarea:focus {
  outline:2px solid rgba(249,164,0,.34);
  border-color:#f9a400
}

.page-view:not([data-page="drivers"]) .help-hero,
.page-view:not([data-page="drivers"]) .legal-hero {
  background:#0f1c2e;
  color:#fff
}

.page-view:not([data-page="drivers"]) .help-hero>span,
.page-view:not([data-page="drivers"]) .legal-hero>span {
  color:#f9a400;
  font-weight:600
}

.page-view:not([data-page="drivers"]) .help-hero button {
  background:#f9a400;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .help-grid article {
  border-top:3px solid #f9a400
}

.page-view:not([data-page="drivers"]) .help-grid article a {
  color:#0f1c2e;
  border-bottom:1px solid #f9a400
}

.page-view:not([data-page="drivers"]) .legal-content aside a {
  color:#0f1c2e;
  border-right:2px solid #f9a400;
  padding-right:10px
}

.page-view:not([data-page="drivers"]) .editorial-hero {
  background:#0f1c2e
}

.page-view:not([data-page="drivers"]) .news-list article>a {
  color:#0f1c2e
}

.page-view[data-page="home"] .home-hero-center .booking-tabs button.active,
.page-view[data-page="home"] .home-hero .booking-form>button {
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="home"] .home-marquee,
.page-view[data-page="home"] .home-services {
  background-color:var(--home-cover-color,#0f1c2e)
}

.page-view[data-page="home"] .home-marquee span,
.page-view[data-page="home"] .home-services .home-statement h2,
.page-view[data-page="home"] .home-services .home-statement p {
  color:var(--home-cover-ink,#fff)
}

.page-view[data-page="home"] .home-service-card a {
  border-color:#0f1c2e;
  color:#0f1c2e
}

.page-view[data-page="home"] .home-service-card a:hover {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="home"] .home-app {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="home"] .home-app-copy p {
  color:rgba(255,255,255,.74)
}

.page-view[data-page="home"] .home-store-links a {
  border-color:#f9a400;
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="home"] .home-excellence-grid article {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(2) {
  background:#1a2c45
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) {
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="home"] .home-excellence-grid article:not(:nth-child(3)) p {
  color:rgba(255,255,255,.72)
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) p {
  color:#344052
}

.page-view[data-page="home"] .home-icon {
  color:#f9a400;
  filter:drop-shadow(0 16px 18px rgba(249,164,0,.2))
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) .home-icon {
  color:#0f1c2e
}

.page-view[data-page="services"] .services-overview-intro {
  background-color:#0f1c2e;
  color:#fff;
  transition:background-color 1.9s cubic-bezier(.22,.7,.2,1),color 1.4s ease
}

.page-view[data-page="services"] .services-overview-intro>span,
.page-view[data-page="services"] .services-overview-intro p {
  color:rgba(255,255,255,.7)
}

.page-view[data-page="services"] .services-overview-intro>a {
  color:#f9a400
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro {
  background-color:#f7f4ef;
  color:#0f1c2e
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro>span,
.page-view[data-page="services"].services-cover-settled .services-overview-intro p {
  color:#59616d
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro>a {
  color:#0f1c2e
}

.page-view[data-page="services"] .services-business-callout {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="services"] .services-business-callout span,
.page-view[data-page="services"] .services-business-callout p {
  color:rgba(255,255,255,.72)
}

.page-view[data-page="services"] .services-business-callout a {
  border-color:#f9a400;
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="services"] .services-overview-values article {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="services"] .services-overview-values article:nth-child(2) {
  background:#1a2c45
}

.page-view[data-page="services"] .services-overview-values article:nth-child(3) {
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="services"] .services-overview-values article:not(:nth-child(3)) p {
  color:rgba(255,255,255,.7)
}

.page-view[data-page="services"] .services-overview-values article b {
  color:#f9a400
}

.page-view[data-page="services"] .services-overview-values article:nth-child(3) b {
  color:#0f1c2e
}

.page-view[data-page="services"] .services-final-cta {
  background:#0f1c2e
}

.page-view[data-page="services"] .services-final-cta a {
  border-color:#f9a400;
  background:#f9a400;
  color:#0f1c2e
}

@media(max-width:1100px) {
  .desktop-nav {
  display:none
}

.menu-toggle {
  display:block
}

.header-actions .language,.header-actions .login {
  display:none
}

.booking-form {
  grid-template-columns:1fr 1fr
}

.booking-submit {
  grid-column:1/-1
}

.experience-card {
  grid-template-columns:1fr;
  position:relative!important;
  top:auto!important
}

.experience-image {
  min-height:460px
}

.experience-copy {
  min-height:360px
}

.benefit-grid,.benefits>div,.step-grid,.fleet-grid,.help-grid,.post-grid {
  grid-template-columns:repeat(2,1fr)
}

.excellence-grid {
  grid-template-columns:1fr 1fr
}

.footer-columns {
  grid-template-columns:1fr 1fr 1fr
}

.footer-brand {
  grid-column:1/-1
}

.partner-logos {
  grid-template-columns:repeat(3,1fr)
}

.driver-device {
  width:31vw
}

.driver-benefit-card {
  width:30vw;
  padding-inline:20px
}

.driver-faq {
  gap:6vw
}

.driver-help>div:last-child {
  padding-inline:45px
}

.home-hero .booking-form {
  grid-template-columns:1fr 1fr
}

.home-hero .booking-form label {
  border-bottom:1px solid rgba(255,255,255,.4)
}

.home-hero .booking-form>button {
  grid-column:1/-1;
  margin:12px 0 18px
}

.home-service-window {
  padding:0 34px
}

.home-app {
  grid-template-columns:1fr 1.15fr
}

.home-comfort-stack {
  padding-inline:34px
}

.services-overview-row {
  gap:50px
}

.services-overview-row>.image-slot {
  min-height:540px
}

.services-business-callout {
  grid-template-columns:1fr 1fr
}

}

@media(max-width:760px) {
  :root {
  --header-h:66px
}

h1 {
  font-size:clamp(2.55rem,13vw,4.4rem)
}

h2 {
  font-size:clamp(2.1rem,10vw,3.5rem)
}

.site-header,.header {
  padding:0 18px
}

.logo {
  min-width:0;
  font-size:1.25rem
}



/* ==================== هیرو عمومی ==================== */
.hero,.inner-hero {
  min-height:720px
}

.home-hero {
  min-height:820px
}

.hero-content {
  padding:120px 20px 35px
}

.hero-title,.inner-title {
  padding:120px 20px 430px
}

.inner-title {
  padding-bottom:55px
}

.booking {
  padding:10px;
  right:20px;
  left:20px;
  bottom:28px
}

.booking-form,.booking-form:has(.destination-field.is-hidden) {
  grid-template-columns:1fr
}

.booking-submit {
  grid-column:auto
}

.booking-tabs {
  overflow:auto
}

.section-intro,.excellence-title {
  padding:85px 20px 38px;
  grid-template-columns:1fr;
  gap:22px
}

.services-section {
  padding-bottom:90px
}

.horizontal-window,[dir="rtl"] .horizontal-window {
  padding-left:20px;
  padding-right:20px
}

.service-card {
  flex-basis:84vw
}

.service-image {
  height:390px
}

.carousel-buttons {
  padding:0 20px
}

.app-banner {
  grid-template-columns:1fr
}

.app-copy {
  padding:75px 20px
}

.app-image {
  min-height:380px
}

.experience-section {
  padding:90px 0
}

.experience-title {
  padding:0 20px 50px
}

.experience-stack {
  padding:0 20px
}

.experience-card {
  margin-bottom:28px;
  min-height:auto
}

.experience-copy {
  padding:32px;
  min-height:330px
}

.experience-image {
  min-height:400px
}

.excellence,.benefits,.fleet,.steps,.dashboard-section,.lead-form {
  padding:85px 20px
}

.excellence-grid,.benefit-grid,.benefits>div,.step-grid,.fleet-grid,.help-grid,.post-grid {
  grid-template-columns:1fr
}

.excellence-item {
  min-height:210px
}

.partner-banner {
  padding:70px 20px;
  grid-template-columns:1fr
}

.partner-logo {
  margin:0
}

.split-section {
  padding:85px 20px;
  grid-template-columns:1fr;
  gap:34px
}

.split-section.reverse .split-image,.split-section.reverse .split-copy {
  order:initial
}

.split-image {
  min-height:440px
}

.step-image,.fleet-image {
  height:360px
}

.faq {
  padding:85px 20px
}

.full-feature {
  min-height:650px
}

.full-copy {
  padding:45px 20px
}

.route-band {
  padding:85px 20px
}

.business-overview {
  padding:85px 20px
}

.stat-grid {
  grid-template-columns:1fr 1fr
}

.dashboard-wrap,.dashboard-section,.lead-form-wrap,.lead-form {
  grid-template-columns:1fr;
  gap:45px
}

.dashboard-section>header {
  grid-column:auto
}

.dashboard-image {
  min-height:430px
}

.form-grid,.lead-form form {
  grid-template-columns:1fr
}

.form-field.full,.form-grid .primary-button,.lead-form form .wide,.lead-form form>button {
  grid-column:auto
}

.quote-section,.statement {
  padding:100px 20px
}

.partner-logos {
  padding:60px 20px;
  grid-template-columns:1fr 1fr
}

.help-hero,.editorial-hero,.legal-hero {
  padding:135px 20px 70px
}

.help-grid {
  padding:70px 20px 100px
}

.featured-post,.press-kit {
  padding:75px 20px;
  grid-template-columns:1fr;
  gap:35px
}

.featured-image,.press-image {
  min-height:420px
}

.post-grid {
  padding:0 20px 100px
}

.news-list {
  padding:0 20px 100px
}

.news-item {
  grid-template-columns:1fr
}

.legal-content {
  padding:70px 20px 100px;
  grid-template-columns:1fr;
  gap:30px
}

.legal-content aside {
  position:static
}

.site-footer,.footer {
  padding:60px 20px 28px
}

.footer-head {
  margin-bottom:45px
}

.footer-columns {
  grid-template-columns:1fr 1fr
}

.footer-brand {
  grid-column:1/-1
}

.footer-trust {
  grid-column:1/-1
}

.footer-bottom {
  display:block
}

.footer-bottom span {
  display:block;
  margin-top:8px
}

.site-toast {
  right:16px;
  left:16px;
  bottom:16px;
  max-width:none
}

.driver-partner-hero {
  min-height:780px;
  border-radius:0 0 11px 11px
}

.driver-partner-title {
  inset:clamp(105px,14svh,135px) 20px auto
}

.driver-partner-title h1 {
  font-size:clamp(2.75rem,12vw,4.5rem)
}

.driver-partner-title p {
  font-size:1.05rem
}

.driver-hero-action {
  height:auto;
  min-height:150px;
  padding:28px 20px;
  flex-direction:column;
  gap:18px;
  text-align:center
}

.driver-global-intro {
  min-height:500px;
  padding:80px 20px 70px
}

.driver-global-intro h2 {
  font-size:clamp(3rem,13vw,5rem)
}

.driver-global-intro h3 {
  font-size:1.05rem
}

.driver-global-stage {
  height:1220px
}

.driver-global-backdrop {
  background-position:center
}

.driver-device {
  top:22%;
  width:min(290px,76vw);
  height:610px;
  padding:20px 15px 15px
}

.driver-device-screen {
  height:500px
}

.driver-benefit-card {
  width:calc(50% - 26px);
  min-height:205px;
  padding:22px 15px
}

.driver-benefit-card h3 {
  font-size:1.25rem
}

.driver-benefit-card p {
  font-size:.92rem
}

.card-income {
  top:2%;
  right:18px
}

.card-admin {
  top:2%;
  left:18px
}

.card-day {
  top:auto;
  right:18px;
  bottom:2%
}

.card-team {
  top:auto;
  left:18px;
  bottom:2%
}

.driver-quote {
  min-height:570px;
  padding:85px 20px
}

.driver-quote blockquote {
  font-size:clamp(2.4rem,10vw,4rem)
}

.driver-onboarding {
  min-height:auto;
  padding:36px 18px 80px
}

.driver-process-tabs {
  margin-bottom:30px
}

.driver-process-tabs button {
  min-width:132px;
  padding-inline:14px
}

.driver-process-panel {
  height:600px
}

.driver-process-glass {
  right:12px;
  bottom:12px;
  left:12px;
  padding:22px;
  align-items:flex-start;
  flex-direction:column;
  gap:20px
}

.driver-process-glass h3 {
  font-size:1.5rem
}

.driver-process-glass ul {
  font-size:.93rem
}

.driver-outline-button {
  align-self:stretch;
  justify-content:center
}

.driver-sustainable {
  min-height:620px;
  padding:80px 20px;
  grid-template-columns:1fr;
  gap:35px
}

.driver-sustainable h2 {
  font-size:clamp(3rem,13vw,5rem)
}

.driver-faq {
  min-height:auto;
  padding:85px 20px;
  grid-template-columns:1fr;
  gap:48px
}

.driver-faq-copy h2 {
  margin-bottom:38px
}

.driver-faq-image {
  min-height:430px
}

.driver-help {
  min-height:auto;
  padding:0;
  grid-template-columns:1fr
}

.driver-help-image {
  min-height:380px;
  order:2
}

.driver-help>div:last-child {
  padding:70px 20px
}

.driver-help h2 {
  font-size:clamp(2.7rem,12vw,4.4rem)
}

.home-hero {
  min-height:860px
}

.home-hero-center {
  margin:105px 20px 390px
}

.home-hero-center h1 {
  font-size:3rem
}

.home-hero-center .booking-tabs button {
  min-width:112px;
  padding-inline:14px
}

.home-hero .booking {
  right:18px;
  left:18px;
  bottom:22px;
  padding:7px 14px
}

.home-hero .booking-form {
  grid-template-columns:1fr
}

.home-hero .booking-form label {
  min-height:65px;
  padding:8px 7px;
  border-left:0;
  border-bottom:1px solid rgba(255,255,255,.35)
}

.home-hero .destination-extra label {
  padding:8px 12px 8px 46px
}

.home-hero .booking-form>button {
  grid-column:auto;
  margin:10px 0 6px
}

.home-marquee {
  padding:18px 0
}

.home-marquee span {
  padding-inline:28px
}

.home-statement {
  min-height:500px;
  padding:85px 20px 65px
}

.home-statement h2 {
  font-size:clamp(3rem,14vw,5.1rem)
}

.home-service-window {
  padding:0 20px
}

.home-service-track {
  gap:18px
}

.home-service-card {
  flex-basis:100%
}

.home-service-card>.image-slot {
  height:390px
}

.home-carousel-controls {
  margin-top:32px
}

.home-app {
  grid-template-columns:1fr;
  min-height:auto
}

.home-app-copy {
  padding:85px 20px 50px
}

.home-app-copy h2 {
  font-size:clamp(3.3rem,14vw,5.4rem)
}

.home-app-image {
  min-height:440px
}

.home-comfort .home-statement {
  min-height:540px
}

.home-comfort-stack {
  padding-inline:18px
}

.home-comfort-card,.home-comfort-card:nth-child(2),.home-comfort-card:nth-child(3) {
  position:relative;
  top:auto;
  min-height:560px;
  margin-bottom:14px
}

.home-glass-caption {
  right:12px;
  left:12px;
  bottom:12px;
  padding:18px
}

.home-glass-caption h3 {
  font-size:1.45rem
}

.home-glass-caption p {
  font-size:.96rem
}

.home-excellence {
  padding-bottom:70px
}

.home-excellence .home-statement {
  min-height:520px
}

.home-excellence-grid {
  grid-template-columns:1fr;
  padding:0 20px;
  gap:14px
}

.home-excellence-grid article {
  min-height:330px
}

.home-partners {
  min-height:360px;
  padding:70px 20px
}

.services-overview-hero {
  min-height:720px
}

.services-overview-hero>div:last-child {
  padding:130px 20px 60px
}

.services-overview-hero h1 {
  font-size:clamp(3.2rem,14vw,5.5rem)
}

.services-overview-intro {
  min-height:520px;
  padding:85px 20px
}

.services-overview-intro h2 {
  font-size:clamp(3rem,13vw,5rem)
}

.services-overview-list {
  padding:70px 20px 90px
}

.services-overview-row,.services-overview-row.reverse {
  grid-template-columns:1fr;
  gap:35px;
  margin-bottom:90px
}

.services-overview-row.reverse>.image-slot,.services-overview-row.reverse>div:last-child {
  order:initial
}

.services-overview-row>.image-slot {
  min-height:430px
}

.services-overview-row h2 {
  font-size:clamp(2.8rem,12vw,4.6rem)
}

.services-business-callout {
  grid-template-columns:1fr
}

.services-business-callout>div:first-child {
  padding:80px 20px 55px
}

.services-business-callout>.image-slot {
  min-height:450px
}

.services-overview-values {
  padding:90px 20px
}

.services-overview-values>header {
  margin-bottom:45px
}

.services-overview-values>div {
  grid-template-columns:1fr
}

.services-overview-values article {
  min-height:290px
}

.services-final-cta {
  min-height:500px;
  padding:85px 20px
}

h1 {
  font-size:clamp(2.35rem,10.5vw,3.75rem)
}

h2 {
  font-size:clamp(1.95rem,8.5vw,3.05rem)
}

h3 {
  font-size:clamp(1.3rem,6vw,1.85rem)
}

.hero,.inner-hero {
  min-height:650px
}

.hero-content {
  padding-top:105px
}

.hero-title,.inner-title {
  padding-top:105px
}

.inner-title {
  padding-bottom:48px
}

.section-intro,.excellence-title {
  padding-top:72px
}

.excellence,.benefits,.fleet,.steps,.dashboard-section,.lead-form,.split-section,.faq {
  padding-top:72px;
  padding-bottom:72px
}

.full-feature {
  min-height:580px
}

.route-band {
  padding-top:72px;
  padding-bottom:72px
}

.quote-section,.statement {
  padding-top:82px;
  padding-bottom:82px
}

.driver-partner-hero {
  min-height:700px
}

.driver-partner-title h1 {
  font-size:clamp(2.45rem,10.5vw,3.7rem)
}

.driver-global-intro {
  min-height:440px;
  padding-top:68px;
  padding-bottom:60px
}

.driver-global-intro h2 {
  font-size:clamp(2.65rem,11vw,4.1rem)
}

.driver-quote {
  min-height:500px;
  padding-top:72px;
  padding-bottom:72px
}

.driver-quote blockquote {
  font-size:clamp(2.15rem,8.8vw,3.35rem)
}

.driver-sustainable {
  min-height:540px;
  padding-top:70px;
  padding-bottom:70px
}

.driver-sustainable h2 {
  font-size:clamp(2.6rem,10.8vw,4rem)
}

.driver-faq {
  padding-top:72px;
  padding-bottom:72px
}

.driver-faq-copy h2,.driver-help h2 {
  font-size:clamp(2.35rem,9.5vw,3.6rem)
}

.home-hero-center h1 {
  font-size:2.65rem
}

.home-statement {
  min-height:450px;
  padding-top:72px;
  padding-bottom:58px
}

.home-statement h2 {
  font-size:clamp(2.55rem,11vw,4.2rem)
}

.home-app-copy {
  padding-top:72px
}

.home-app-copy h2 {
  font-size:clamp(2.75rem,11.5vw,4.35rem)
}

.home-comfort .home-statement {
  min-height:470px
}

.home-comfort-card,.home-comfort-card:nth-child(2),.home-comfort-card:nth-child(3) {
  min-height:510px
}

.home-excellence .home-statement {
  min-height:460px
}

.home-excellence-grid article {
  min-height:290px
}

.home-partners {
  min-height:320px;
  padding-top:60px;
  padding-bottom:60px
}

.services-overview-hero {
  min-height:650px
}

.services-overview-hero>div:last-child {
  padding-top:110px
}

.services-overview-hero h1 {
  font-size:clamp(2.75rem,11.5vw,4.5rem)
}

.services-overview-intro {
  min-height:460px;
  padding-top:72px;
  padding-bottom:72px
}

.services-overview-intro h2 {
  font-size:clamp(2.6rem,10.8vw,4.1rem)
}

.services-overview-row h2 {
  font-size:clamp(2.35rem,9.8vw,3.8rem)
}

.services-business-callout h2 {
  font-size:clamp(2.5rem,10.5vw,4rem)
}

.services-overview-values>header h2 {
  font-size:clamp(2.45rem,10vw,3.85rem)
}

.services-final-cta {
  min-height:450px;
  padding-top:72px;
  padding-bottom:72px
}

.services-final-cta h2 {
  font-size:clamp(2.55rem,10.5vw,4rem)
}

}

/* Premium refinement layer — structure and approved interactions stay intact */
:root {
  --radius:14px;
  --premium-radius:12px;
  --premium-surface:#f7f6f2;
  --premium-line:rgba(15,28,46,.11);
  --premium-shadow:0 14px 38px rgba(15,28,46,.065);
  --premium-shadow-hover:0 20px 48px rgba(15,28,46,.1)
}

body {
  background:#fbfaf7;
  line-height:1.7
}

h1,h2,h3 {
  text-wrap:balance;
  letter-spacing:-.025em
}

h1 {
  font-size:clamp(2.8rem,4.6vw,5rem)
}

h2 {
  font-size:clamp(2.05rem,3.35vw,3.9rem)
}

h3 {
  font-size:clamp(1.3rem,1.65vw,1.8rem)
}

p {
  line-height:1.78
}

::selection {
  background:#f9a400;
  color:#0f1c2e
}

a,button,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid rgba(249,164,0,.48);
  outline-offset:3px
}

.header {
  height:72px;
  padding-inline:clamp(28px,4vw,64px);
  gap:4px;
  background:linear-gradient(180deg,rgba(3,10,18,.5),rgba(3,10,18,.12) 70%,transparent);
  border-bottom:1px solid transparent;
  isolation:isolate;
  transition:background .45s ease,color .3s ease,border-color .3s ease,box-shadow .35s ease,backdrop-filter .35s ease
}

body:not(.drivers-route) .header.scrolled,body:not(.drivers-route) .header.light {
  background:rgba(15,28,46,.88);
  color:#fff;
  border-bottom-color:rgba(255,255,255,.12);
  box-shadow:0 12px 38px rgba(3,13,27,.14);
  backdrop-filter:blur(22px) saturate(135%)
}

body.drivers-route .header.scrolled,body.drivers-route .header.light {
  background:rgba(255,255,255,.9);
  border-bottom-color:rgba(15,28,46,.1);
  box-shadow:0 12px 38px rgba(15,28,46,.09);
  backdrop-filter:blur(22px) saturate(130%)
}

.header>.logo {
  min-width:116px
}

.header>.logo .logo-image {
  height:46px;
  max-width:88px
}

.desktop-nav {
  height:100%;
  gap:0;
  margin-inline-start:18px
}

.nav-dropdown {
  height:100%;
  display:flex;
  align-items:center
}

.nav-link,.nav-trigger,.desktop-nav>a,.nav-dropdown>button,.nav-dropdown>.nav-parent-link {
  position:relative;
  height:100%;
  padding:0 12px;
  font-size:.88rem;
  font-weight:500;
  opacity:.82;
  transition:opacity .25s ease,color .25s ease
}

.nav-link:hover,.nav-trigger:hover,.desktop-nav>a:hover,.nav-dropdown>button:hover,.nav-dropdown>.nav-parent-link:hover {
  opacity:1
}

.desktop-nav>a:after,.nav-dropdown>.nav-parent-link:after {
  content:"";
  position:absolute;
  right:12px;
  bottom:13px;
  left:12px;
  height:1.5px;
  background:#f9a400;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .25s ease
}

.desktop-nav [data-route].current {
  box-shadow:none!important;
  opacity:1
}

.desktop-nav [data-route].current:after,.desktop-nav>a:hover:after,.nav-dropdown>.nav-parent-link:hover:after {
  transform:scaleX(1)
}

.dropdown-panel {
  top:calc(100% - 4px);
  width:min(630px,calc(100vw - 48px));
  border:1px solid rgba(15,28,46,.09);
  border-top:2px solid #f9a400!important;
  border-radius:10px;
  padding:20px;
  box-shadow:0 28px 75px rgba(3,13,27,.19)
}

.dropdown-feature,.dropdown-feature .image-slot {
  border-radius:8px;
  overflow:hidden
}

.dropdown-links a {
  border-radius:6px
}

.header-actions {
  gap:12px
}

.header .login {
  position:relative;
  height:42px;
  padding:0 4px;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  color:inherit;
  font-size:.86rem;
  font-weight:500;
  opacity:.84;
  transition:opacity .25s ease
}

.header .login:after {
  content:"";
  position:absolute;
  right:4px;
  bottom:7px;
  left:4px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transition:transform .25s ease
}

.header .login:hover {
  opacity:1;
  transform:none
}

.header .login:hover:after {
  transform:scaleX(1)
}

.header .book-now {
  height:42px;
  padding:0 20px;
  border-radius:999px;
  font-size:.84rem;
  font-weight:600;
  white-space:nowrap;
  box-shadow:0 9px 24px rgba(0,0,0,.12);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease
}

.header .book-now:hover {
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(0,0,0,.17)
}

.menu-toggle {
  width:42px;
  height:42px;
  padding:8px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%
}

body.drivers-route .header.scrolled .menu-toggle,body.drivers-route .header.light .menu-toggle {
  border-color:rgba(15,28,46,.14)
}

.mobile-menu {
  box-shadow:-24px 0 70px rgba(8,19,34,.22)
}

.hero:not(.home-hero):not(.driver-partner-hero) {
  min-height:610px
}

.hero:not(.home-hero):not(.driver-partner-hero) .hero-shade {
  background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.08) 34%,rgba(0,0,0,.76))
}

.inner-title,.hero-content {
  width:min(1280px,100%)
}

.inner-title h1,.hero-content h1 {
  max-width:920px
}

.inner-title p,.hero-copy {
  font-size:1.08rem;
  line-height:1.8
}

.primary-button,.secondary-button,.lead-form form>button,.booking-submit {
  border-radius:999px;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease
}

.primary-button:hover,.secondary-button:hover,.lead-form form>button:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(15,28,46,.16)
}

.section-intro,.excellence-title,.experience-title,.experience-stack,.steps,.split-section,.featured-post,.press-kit {
  max-width:1280px
}

.section-intro {
  padding-top:88px;
  padding-bottom:44px
}

.excellence,.split-section,.benefits,.steps,.fleet,.faq,.dashboard-section,.lead-form {
  padding-top:88px;
  padding-bottom:88px
}

.experience-section {
  padding-top:96px;
  padding-bottom:120px
}

.experience-card {
  min-height:570px;
  margin-bottom:60px
}

.experience-image {
  min-height:570px
}

.section-intro {
  gap:clamp(42px,6vw,82px)
}

.section-intro p,.excellence-title p {
  max-width:540px
}

.split-section {
  gap:clamp(48px,6vw,82px)
}

.split-section>div:not(.image-slot) {
  max-width:570px
}

.split-image,.featured-image,.press-image,.dashboard-image,.driver-faq-image {
  border-radius:var(--premium-radius);
  box-shadow:var(--premium-shadow);
  overflow:hidden
}

.split-image {
  min-height:500px
}

.benefits {
  background:var(--premium-surface)
}

.benefits>header,.benefits>h2,.benefits>p,.benefits>div {
  max-width:1280px;
  margin-left:auto;
  margin-right:auto
}

.benefits>header {
  margin-bottom:54px
}

.benefit-grid,.benefits>div {
  gap:18px
}

.benefit-card,.benefits article {
  min-height:250px;
  padding:30px;
  border:1px solid var(--premium-line);
  border-top:2px solid #f9a400;
  border-radius:10px;
  background:rgba(255,255,255,.82);
  box-shadow:none;
  transition:transform .35s ease,box-shadow .35s ease
}

.benefit-card:hover,.benefits article:hover {
  transform:translateY(-3px);
  box-shadow:var(--premium-shadow)
}

.steps>header {
  margin-bottom:54px
}

.step-grid {
  gap:20px
}

.step-grid article {
  padding:14px 14px 26px;
  border:1px solid var(--premium-line);
  border-radius:11px;
  background:#fff;
  box-shadow:none;
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease
}

.step-grid article:hover {
  transform:translateY(-3px);
  box-shadow:var(--premium-shadow)
}

.step-image {
  border-radius:7px;
  margin-bottom:24px
}

.fleet-grid {
  max-width:1280px;
  gap:18px
}

.fleet-grid article {
  padding:14px 14px 26px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:11px;
  background:rgba(255,255,255,.035)
}

.fleet-image {
  border-radius:7px;
  overflow:hidden
}

.faq {
  max-width:920px
}

.accordion {
  display:grid;
  gap:10px;
  border-top:0
}

.accordion-item,.accordion article {
  padding:0 20px;
  border:1px solid var(--premium-line);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
  overflow:hidden
}

.accordion-button,.accordion article>button {
  padding:22px 0
}

.route-band>div {
  max-width:920px
}

.route-band {
  padding-top:88px;
  padding-bottom:88px
}

.route-band>div a {
  padding:20px 4px;
  transition:padding .25s ease,color .25s ease
}

.route-band>div a:hover {
  padding-inline:12px;
  color:#f9a400
}

.stat-grid {
  max-width:1280px;
  gap:12px;
  background:transparent
}

.stat,.stat-grid article {
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  background:rgba(255,255,255,.035)
}

.dashboard-section {
  grid-template-columns:minmax(260px,350px) minmax(0,850px);
  justify-content:center;
  gap:34px
}

.dashboard-section>header {
  max-width:1234px
}

.dashboard-tabs {
  padding:8px 18px;
  border:1px solid var(--premium-line);
  border-radius:10px;
  background:#fff;
  box-shadow:none
}

.dashboard-tab {
  text-align:right;
  transition:color .25s ease,padding .25s ease
}

.dashboard-tab.active {
  padding-right:10px
}

.lead-form {
  grid-template-columns:minmax(280px,410px) minmax(0,700px);
  justify-content:center;
  align-items:start;
  gap:clamp(48px,7vw,100px);
  background:var(--premium-surface)
}

.lead-form>form {
  max-width:700px;
  padding:30px;
  border:1px solid var(--premium-line);
  border-radius:12px;
  background:#fff;
  box-shadow:var(--premium-shadow)
}

.lead-form form input,.lead-form form textarea,.form-field input,.form-field select,.form-field textarea {
  border-color:var(--premium-line);
  border-radius:10px;
  background:#fbfaf8;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease
}

.lead-form form input:focus,.lead-form form textarea:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus {
  background:#fff;
  box-shadow:0 0 0 4px rgba(249,164,0,.11)
}

.help-hero>div {
  border-radius:9px;
  overflow:hidden;
  box-shadow:0 14px 36px rgba(15,28,46,.08)
}

.help-hero,.editorial-hero,.legal-hero {
  padding-top:128px;
  padding-bottom:70px
}

.help-grid {
  max-width:1280px;
  gap:18px
}

.help-card,.help-grid>article {
  border-color:var(--premium-line);
  border-radius:10px;
  background:#fff;
  box-shadow:none;
  transition:transform .35s ease,box-shadow .35s ease
}

.help-card:hover,.help-grid>article:hover {
  transform:translateY(-3px);
  box-shadow:var(--premium-shadow)
}

.post-grid {
  max-width:1280px;
  gap:44px 22px
}

.post-image {
  border-radius:10px;
  overflow:hidden;
  box-shadow:none
}

.news-list>article {
  transition:padding .25s ease,background .25s ease
}

.news-list>article:hover {
  padding-inline:14px;
  background:rgba(249,164,0,.06)
}

.legal-content aside {
  padding:18px;
  border:1px solid var(--premium-line);
  border-radius:9px;
  background:#fff
}

.home-hero-center h1 {
  font-size:clamp(2.9rem,4.25vw,4.65rem)
}

.home-statement {
  min-height:490px;
  padding-top:88px;
  padding-bottom:66px
}

.home-statement h2 {
  max-width:980px;
  font-size:clamp(2.8rem,4.75vw,5rem)
}

.home-statement p {
  max-width:760px;
  font-size:clamp(1.05rem,1.4vw,1.35rem)
}

.home-service-card>.image-slot {
  border-radius:11px;
  box-shadow:none
}

.home-service-card>.image-slot {
  height:430px
}

.home-service-card h3 {
  font-size:clamp(1.65rem,2.15vw,2.45rem)
}

.home-store-links a {
  border-radius:999px;
  transition:transform .25s ease,box-shadow .25s ease
}

.home-store-links a:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(15,28,46,.15)
}

.home-app {
  min-height:580px
}

.home-app-copy {
  padding-top:78px;
  padding-bottom:64px
}

.home-app-copy h2 {
  font-size:clamp(2.8rem,4.45vw,4.75rem)
}

.home-app-image {
  min-height:520px
}

.home-comfort .home-statement {
  min-height:520px
}

.home-comfort-card {
  border-radius:14px;
  box-shadow:0 16px 44px rgba(15,28,46,.08)
}

.home-comfort-card {
  min-height:610px
}

.home-glass-caption {
  border-radius:9px;
  padding:25px 28px;
  background:rgba(8,16,27,.62);
  box-shadow:0 14px 40px rgba(0,0,0,.15)
}

.home-excellence-grid {
  gap:18px
}

.home-excellence .home-statement {
  min-height:470px
}

.home-excellence-grid article {
  min-height:300px
}

.home-excellence-grid article {
  border:1px solid rgba(15,28,46,.08);
  border-radius:10px;
  box-shadow:none;
  transition:transform .4s ease,box-shadow .4s ease
}

.home-excellence-grid article:hover {
  transform:translateY(-3px);
  box-shadow:var(--premium-shadow)
}

.services-overview-row {
  max-width:1280px;
  gap:clamp(50px,6vw,86px)
}

.services-overview-hero h1 {
  font-size:clamp(3.15rem,5vw,5.5rem)
}

.services-overview-intro {
  min-height:540px;
  padding-top:88px;
  padding-bottom:88px
}

.services-overview-intro h2 {
  font-size:clamp(2.8rem,4.55vw,4.8rem)
}

.services-overview-list {
  padding-top:72px;
  padding-bottom:100px
}

.services-overview-row {
  margin-bottom:105px
}

.services-overview-row>.image-slot {
  border-radius:11px;
  box-shadow:none
}

.services-overview-row>.image-slot {
  min-height:520px
}

.services-overview-row h2 {
  font-size:clamp(2.45rem,3.75vw,4.15rem)
}

.services-overview-row>div:last-child {
  max-width:550px
}

.services-overview-values>header,.services-overview-values>div {
  max-width:1180px
}

.services-overview-values {
  padding-top:88px;
  padding-bottom:88px
}

.services-overview-values>header h2 {
  font-size:clamp(2.6rem,4vw,4.4rem)
}

.services-overview-values article {
  border:1px solid rgba(15,28,46,.08);
  border-radius:10px;
  box-shadow:none
}

.services-business-callout>div:first-child {
  max-width:680px
}

.services-business-callout,.services-business-callout>.image-slot {
  min-height:560px
}

.services-business-callout h2 {
  font-size:clamp(2.7rem,4.15vw,4.55rem)
}

.services-final-cta {
  min-height:450px;
  padding-top:80px;
  padding-bottom:80px
}

.services-final-cta h2 {
  font-size:clamp(2.7rem,4.3vw,4.75rem)
}

.driver-partner-hero {
  border-radius:0 0 18px 18px
}

.driver-partner-title h1 {
  font-size:clamp(2.8rem,4.2vw,4.15rem)
}

.driver-benefit-card {
  border:1px solid rgba(15,28,46,.08);
  border-radius:16px;
  box-shadow:var(--premium-shadow)
}

.driver-process-tabs {
  box-shadow:0 12px 34px rgba(15,28,46,.11)
}

.driver-process-panel {
  border-radius:16px;
  box-shadow:var(--premium-shadow)
}

.driver-process-glass {
  border-radius:10px;
  padding:28px;
  background:rgba(8,16,27,.72)
}

.driver-device {
  box-shadow:0 28px 75px rgba(0,0,0,.3)
}

.driver-global-intro {
  min-height:470px;
  padding-top:82px;
  padding-bottom:68px
}

.driver-global-intro h2 {
  font-size:clamp(2.9rem,5.15vw,5.35rem)
}

.driver-quote {
  min-height:530px;
  padding-top:82px;
  padding-bottom:82px
}

.driver-quote blockquote {
  font-size:clamp(2.3rem,3.65vw,3.95rem)
}

.driver-onboarding {
  min-height:780px;
  padding-bottom:90px
}

.driver-sustainable {
  min-height:550px;
  padding-top:78px;
  padding-bottom:78px
}

.driver-sustainable h2 {
  font-size:clamp(2.8rem,4.65vw,4.8rem)
}

.driver-faq {
  min-height:780px;
  padding-top:82px;
  padding-bottom:82px
}

.driver-faq-copy h2 {
  font-size:clamp(2.55rem,3.65vw,3.75rem)
}

.driver-help h2 {
  font-size:clamp(2.35rem,3.1vw,3.45rem)
}

.driver-faq .accordion article {
  border:1px solid rgba(15,28,46,.11);
  border-radius:14px;
  padding-inline:20px
}

.footer {
  padding-top:72px
}

.footer-head,.footer-columns,.footer-bottom {
  max-width:1280px
}

.back-top {
  border-radius:999px;
  transition:transform .25s ease,background .25s ease,color .25s ease
}

.back-top:hover {
  transform:translateY(-3px)
}

.footer-column a,.footer-columns>div>a {
  transition:color .2s ease,transform .2s ease
}

.footer-column a:hover,.footer-columns>div>a:hover {
  transform:translateX(-3px)
}

.footer-columns .footer-badge {
  border-radius:12px
}

/* v50 — tighter Blacklane-inspired editorial rhythm */
.page-view:not([data-page="drivers"]) .home-statement {
  min-height:360px;
  padding-top:64px;
  padding-bottom:42px;
}

.page-view:not([data-page="drivers"]) .home-statement h2 {
  width:min(1320px,100%);
  max-width:1320px;
  margin-bottom:16px;
  font-size:clamp(2.65rem,4vw,4.5rem);
  line-height:1.12;
  letter-spacing:-.025em;
}

.page-view:not([data-page="drivers"]) .home-statement p {
  max-width:820px;
  font-size:clamp(1rem,1.22vw,1.22rem);
  line-height:1.7;
}

.page-view[data-page="home"] .home-services .home-statement {
  min-height:380px;
}

.page-view[data-page="home"] .home-comfort .home-statement {
  min-height:370px;
}

.page-view[data-page="home"] .home-excellence .home-statement {
  min-height:300px;
  padding-top:48px;
  padding-bottom:30px;
}

.page-view[data-page="home"] .home-excellence-grid {
  margin-top:0;
}

.page-view[data-page="home"] .home-comfort {
  padding-bottom:18px;
}

.page-view[data-page="home"] .home-comfort-stack {
  padding-bottom:8px;
}

.page-view:not([data-page="drivers"]) section>header h2,
.page-view:not([data-page="drivers"]) .section-intro h2,
.page-view:not([data-page="drivers"]) .excellence-title h2 {
  max-width:1040px;
  margin-bottom:14px;
  font-size:clamp(2.35rem,3.65vw,4rem);
  line-height:1.14;
  letter-spacing:-.025em;
}

.page-view:not([data-page="drivers"]) section>header p,
.page-view:not([data-page="drivers"]) .section-intro p,
.page-view:not([data-page="drivers"]) .excellence-title p {
  max-width:680px;
  margin-top:0;
  margin-bottom:0;
  line-height:1.72;
}

.page-view:not([data-page="drivers"]) .section-intro {
  padding-top:68px;
  padding-bottom:26px;
}

.page-view:not([data-page="drivers"]) .benefits>header,
.page-view:not([data-page="drivers"]) .steps>header {
  margin-bottom:30px;
}

.page-view:not([data-page="drivers"]) .split-section h2,
.page-view:not([data-page="drivers"]) .services-overview-row h2,
.page-view:not([data-page="drivers"]) .services-business-callout h2 {
  margin-bottom:16px;
  line-height:1.14;
  letter-spacing:-.025em;
}

.page-view:not([data-page="drivers"]) .split-section p,
.page-view:not([data-page="drivers"]) .services-overview-row p,
.page-view:not([data-page="drivers"]) .services-business-callout p {
  line-height:1.75;
}

.page-view[data-page="services"] .services-overview-intro {
  min-height:410px;
  padding-top:62px;
  padding-bottom:52px;
}

.page-view[data-page="services"] .services-overview-intro h2 {
  max-width:1120px;
  margin-bottom:16px;
  font-size:clamp(2.6rem,4vw,4.25rem);
  line-height:1.13;
}

.page-view[data-page="services"] .services-overview-intro>span {
  margin-bottom:14px;
}

.page-view[data-page="services"] .services-overview-intro>a {
  margin-top:22px;
}

.page-view:not([data-page="drivers"]) .services-overview-list {
  padding-top:54px;
  padding-bottom:76px;
}

.page-view:not([data-page="drivers"]) .services-overview-row {
  margin-bottom:74px;
}

.page-view:not([data-page="drivers"]) .services-final-cta {
  min-height:400px;
  padding-top:68px;
  padding-bottom:68px;
}

@media(max-width:1100px) {
  .dashboard-section,.lead-form {
  grid-template-columns:1fr;
  justify-items:stretch
}

.dashboard-section>header,.dashboard-tabs,.dashboard-image,.lead-form>div,.lead-form>form {
  width:100%;
  max-width:820px;
  margin-inline:auto
}

.benefit-grid,.benefits>div,.step-grid,.fleet-grid {
  gap:16px
}

}

@media(max-width:760px) {
  body {
  line-height:1.65
}

h1 {
  font-size:clamp(2.25rem,9.8vw,3.35rem)
}

h2 {
  font-size:clamp(1.9rem,8vw,2.75rem)
}

h3 {
  font-size:clamp(1.25rem,5.4vw,1.7rem)
}

p {
  line-height:1.72
}

.header {
  height:66px;
  padding-inline:16px;
  background:linear-gradient(180deg,rgba(3,10,18,.55),transparent)
}

.header>.logo {
  min-width:74px
}

.header>.logo .logo-image {
  height:42px;
  max-width:76px
}

.header-actions {
  gap:7px
}

.header .book-now {
  height:38px;
  padding-inline:13px;
  font-size:.74rem
}

.menu-toggle {
  width:38px;
  height:38px;
  padding:7px
}

.hero:not(.home-hero):not(.driver-partner-hero) {
  min-height:580px
}

.inner-title,.hero-content {
  padding-inline:20px
}

.section-intro,.excellence,.benefits,.fleet,.steps,.dashboard-section,.lead-form,.split-section,.faq {
  padding-top:64px;
  padding-bottom:64px
}

.benefit-card,.benefits article,.step-grid article,.fleet-grid article {
  border-radius:10px
}

.benefit-card,.benefits article {
  min-height:auto;
  padding:24px
}

.step-grid article {
  padding:14px 14px 24px
}

.split-image,.featured-image,.press-image,.dashboard-image,.driver-faq-image {
  border-radius:10px
}

.lead-form>form {
  padding:20px;
  border-radius:10px
}

.accordion-item,.accordion article {
  padding-inline:16px;
  border-radius:8px
}

.home-service-card>.image-slot,.home-comfort-card {
  border-radius:10px
}

.home-statement {
  min-height:410px;
  padding-top:64px;
  padding-bottom:52px
}

.home-statement h2 {
  font-size:clamp(2.35rem,10vw,3.65rem)
}

.home-statement p {
  font-size:1rem
}

.home-service-card>.image-slot {
  height:350px
}

.home-app-copy {
  padding-top:64px;
  padding-bottom:45px
}

.home-app-copy h2 {
  font-size:clamp(2.45rem,10.2vw,3.75rem)
}

.home-app-image {
  min-height:390px
}

.home-comfort .home-statement,.home-excellence .home-statement {
  min-height:410px
}

.home-comfort-card {
  min-height:480px
}

.home-excellence-grid article {
  min-height:270px
}

.home-glass-caption {
  border-radius:8px;
  padding:20px
}

.home-excellence-grid article {
  border-radius:10px
}

.services-overview-row>.image-slot,.services-overview-values article {
  border-radius:10px
}

.services-overview-hero h1 {
  font-size:clamp(2.55rem,10.8vw,4rem)
}

.services-overview-intro {
  min-height:420px;
  padding-top:64px;
  padding-bottom:64px
}

.services-overview-intro h2 {
  font-size:clamp(2.35rem,9.8vw,3.6rem)
}

.services-overview-list {
  padding-top:60px;
  padding-bottom:72px
}

.services-overview-row {
  margin-bottom:72px
}

.services-overview-row>.image-slot {
  min-height:380px
}

.services-overview-row h2 {
  font-size:clamp(2.15rem,9vw,3.25rem)
}

.services-business-callout,.services-business-callout>.image-slot {
  min-height:420px
}

.services-business-callout h2 {
  font-size:clamp(2.3rem,9.6vw,3.5rem)
}

.services-final-cta {
  min-height:400px;
  padding-top:64px;
  padding-bottom:64px
}

.services-final-cta h2 {
  font-size:clamp(2.35rem,9.8vw,3.55rem)
}

.driver-partner-hero {
  border-radius:0 0 14px 14px
}

.driver-process-panel {
  border-radius:12px
}

.driver-process-glass {
  border-radius:9px;
  padding:22px
}

.driver-partner-title h1 {
  font-size:clamp(2.35rem,9.8vw,3.4rem)
}

.driver-global-intro {
  min-height:410px;
  padding-top:62px;
  padding-bottom:56px
}

.driver-global-intro h2 {
  font-size:clamp(2.45rem,10.2vw,3.75rem)
}

.driver-quote {
  min-height:450px;
  padding-top:64px;
  padding-bottom:64px
}

.driver-quote blockquote {
  font-size:clamp(2rem,8.2vw,3rem)
}

.driver-sustainable {
  min-height:500px;
  padding-top:64px;
  padding-bottom:64px
}

.driver-sustainable h2 {
  font-size:clamp(2.35rem,9.8vw,3.6rem)
}

}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}

*,*:before,*:after {
  animation-duration:.01ms!important;
  transition-duration:.01ms!important
}

.reveal-section {
  opacity:1;
  transform:none
}

}

/* Home contact forms - isolated section */


/* ==================== فرم‌های تماس (راننده + سازمانی) ==================== */
.home-contact-forms {
  position:relative;
  z-index:2;
  padding:40px 40px 110px;
  background:#fff
}

.contact-statement {
  min-height:auto;
  padding:80px 20px 55px
}

.contact-kicker {
  display:inline-flex;
  border:1px solid #f9a400;
  color:#031e41;
  border-radius:999px;
  padding:10px 28px;
  margin-bottom:28px;
  font-size:1rem
}

.contact-statement h2 {
  font-family:Peyda,Arial,sans-serif;
  font-size:clamp(2.2rem,4vw,4.5rem);
  color:#031e41
}

.contact-statement p {
  font-family:Peyda,Arial,sans-serif
}

.contact-forms-grid {
  max-width:1250px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  direction:rtl
}


/* ----- کارت‌های فرم ----- */
.contact-form-card {
  border-radius:28px;
  padding:44px 38px;
  text-align:center;
  box-shadow:0 20px 55px rgba(3,30,65,.12)
}

.company-form-card {
  background:#031e41;
  color:#fff
}

.driver-form-card {
  background:#f9a400;
  color:#031e41
}

.contact-icon {
  width:58px;
  height:58px;
  border-radius:50%;
  background:rgba(255,255,255,.98);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 25px;
  box-shadow:0 8px 24px rgba(0,0,0,.12)
}

.contact-icon svg {
  width:34px;
  height:34px;
  fill:none;
  stroke:#f9a400;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round
}

.driver-form-card .contact-icon svg {
  stroke:#031e41
}

.company-form-card .contact-icon svg {
  stroke:#031e41
}

.contact-form-card h3 {
  font-family:Peyda,Arial,sans-serif;
  font-size:2rem;
  margin-bottom:15px
}

.contact-form-card p {
  font-family:Peyda,Arial,sans-serif;
  font-size:1.1rem;
  margin-bottom:32px
}

.kasbi-contact-form {
  display:flex;
  flex-direction:column;
  gap:18px
}

.kasbi-contact-form .form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px
}

.kasbi-contact-form input,.kasbi-contact-form select {
  height:64px;
  border:0;
  border-radius:14px;
  padding:0 22px;
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  text-align:right;
  background:#fff;
  color:#111;
  outline:none
}

.kasbi-contact-form select {
  direction:rtl;
  cursor:pointer
}

.kasbi-contact-form select:invalid {
  color:#777
}

.kasbi-contact-form select option {
  color:#111
}

.kasbi-contact-form button {
  height:64px;
  border:0;
  border-radius:14px;
  background:#f9a400;
  color:#031e41;
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  font-weight:700;
  cursor:pointer
}

.driver-form-card button {
  background:#031e41;
  color:#fff
}



/* ==================== مودال مشاوره سازمانی ==================== */
.consultation-modal {
  position:fixed;
  z-index:2000;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  visibility:hidden;
  opacity:0;
  transition:opacity .25s ease,visibility .25s ease
}

.consultation-modal.open {
  visibility:visible;
  opacity:1
}

.consultation-modal-backdrop {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(3,18,38,.72);
  backdrop-filter:blur(7px);
  cursor:pointer
}

.consultation-modal-dialog {
  position:relative;
  z-index:1;
  width:min(580px,100%);
  max-height:calc(100dvh - 48px);
  overflow:auto;
  border-radius:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
  transform:translateY(20px) scale(.98);
  transition:transform .28s cubic-bezier(.2,.75,.2,1)
}

.consultation-modal.open .consultation-modal-dialog {
  transform:none
}

.consultation-modal-content .company-form-card,.consultation-modal-content .driver-form-card {
  width:100%;
  box-shadow:none
}

.consultation-modal-close {
  position:absolute;
  z-index:2;
  top:18px;
  left:18px;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease
}

.consultation-modal-close:hover {
  background:rgba(255,255,255,.22);
  transform:rotate(6deg)
}

.consultation-modal.driver-mode .consultation-modal-close {
  border-color:rgba(3,30,65,.24);
  background:rgba(3,30,65,.1);
  color:#031e41
}

body.consultation-modal-open {
  overflow:hidden
}


/* ==================== مودال ورود ==================== */
.login-modal {
  position:fixed;
  z-index:2100;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  visibility:hidden;
  opacity:0;
  transition:opacity .25s ease,visibility .25s ease
}

.login-modal.open {
  visibility:visible;
  opacity:1
}

.login-modal-backdrop {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(15,28,46,.24);
  backdrop-filter:blur(4px);
  cursor:pointer
}

.login-modal-dialog {
  position:relative;
  z-index:1;
  width:min(570px,100%);
  min-height:620px;
  max-height:calc(100dvh - 48px);
  padding:78px 72px 64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:auto;
  border-radius:30px;
  background:#fff;
  box-shadow:0 30px 90px rgba(3,30,65,.22);
  color:#111;
  transform:translateY(20px) scale(.98);
  transition:transform .28s cubic-bezier(.2,.75,.2,1)
}

.login-modal.open .login-modal-dialog {
  transform:none
}

.login-modal-close {
  position:absolute;
  top:20px;
  left:20px;
  width:40px;
  height:40px;
  border:1px solid #d9d9d9;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#555;
  font-family:Arial,sans-serif;
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease
}

.login-modal-close:hover {
  background:#f4f4f4;
  transform:rotate(6deg)
}

.login-modal-logo {
  width:150px;
  height:100px;
  margin-bottom:38px;
  display:block;
  object-fit:contain;
  filter:brightness(.34)
}

.login-modal-dialog h2 {
  margin:0 0 64px;
  font-family:Peyda,Arial,sans-serif;
  font-size:1.65rem;
  font-weight:700;
  text-align:center
}

.login-modal-form {
  width:100%;
  max-width:400px;
  display:flex;
  flex-direction:column;
  gap:18px
}

.login-modal-form label {
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  text-align:right
}

.login-modal-form input {
  width:100%;
  height:54px;
  border:1px solid #ddd;
  border-radius:14px;
  padding:0 18px;
  background:#fff;
  color:#111;
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  text-align:right;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease
}

.login-modal-form input:focus {
  border-color:#f9a400;
  box-shadow:0 0 0 3px rgba(249,164,0,.14)
}

.login-modal-form input::placeholder {
  color:#a6a6ae
}

.login-modal-form button {
  width:100%;
  height:54px;
  border:0;
  border-radius:14px;
  background:#f9a400;
  color:#111;
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease
}

.login-modal-form button:hover {
  background:#ffb319;
  transform:translateY(-1px)
}

body.login-modal-open {
  overflow:hidden
}

@media(max-width:900px) {
  .contact-forms-grid {
  grid-template-columns:1fr
}

.home-contact-forms {
  padding-inline:18px
}

.kasbi-contact-form .form-grid {
  grid-template-columns:1fr
}

.consultation-modal {
  padding:14px
}

.consultation-modal-dialog {
  max-height:calc(100dvh - 28px);
  border-radius:20px
}

.consultation-modal-content .company-form-card,.consultation-modal-content .driver-form-card {
  padding:54px 22px 28px;
  border-radius:20px
}

.consultation-modal-close {
  top:14px;
  left:14px
}

.login-modal {
  padding:14px
}

.login-modal-dialog {
  min-height:min(600px,calc(100dvh - 28px));
  padding:68px 25px 42px;
  border-radius:22px
}

.login-modal-logo {
  width:125px;
  height:84px;
  margin-bottom:28px
}

.login-modal-dialog h2 {
  margin-bottom:44px;
  font-size:1.45rem
}

.login-modal-close {
  top:14px;
  left:14px
}

}

.coverage-card-image {
  height:150px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px
}

.coverage-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.coverage-card h3 {
  margin-top:0
}

.free-stop-card-image {
  height:210px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px
}

.free-stop-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block
}

.free-stop-card h3 {
  margin-top:0
}

.vehicle-quality-card-image {
  height:150px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px
}

.vehicle-quality-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.vehicle-quality-card h3 {
  margin-top:0
}

.cost-card-image {
  height:150px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px
}

.cost-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.cost-card-image {
  height:200px;
  margin-bottom:22px;
}

.cost-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
}

@media(max-width:760px) {
  .page-view:not([data-page="drivers"]) .home-statement,
  .page-view[data-page="home"] .home-services .home-statement,
  .page-view[data-page="home"] .home-comfort .home-statement,
  .page-view[data-page="home"] .home-excellence .home-statement {
  min-height:310px;
  padding:42px 20px 32px;
}

.page-view:not([data-page="drivers"]) .home-statement h2 {
  width:100%;
  margin-bottom:14px;
  font-size:clamp(2.15rem,9vw,3.15rem);
  line-height:1.16;
}

.page-view:not([data-page="drivers"]) section>header h2,
  .page-view:not([data-page="drivers"]) .section-intro h2,
  .page-view:not([data-page="drivers"]) .excellence-title h2 {
  font-size:clamp(2rem,8.4vw,2.85rem);
  line-height:1.17;
}

.page-view[data-page="services"] .services-overview-intro {
  min-height:340px;
  padding:46px 20px 38px;
}

.page-view[data-page="services"] .services-overview-intro h2 {
  font-size:clamp(2.15rem,9vw,3.15rem);
  line-height:1.16;
}

.page-view:not([data-page="drivers"]) .services-overview-list {
  padding-top:52px;
  padding-bottom:64px;
}

.page-view:not([data-page="drivers"]) .services-overview-row {
  margin-bottom:64px;
}

}

/* v52 — compact premium rhythm;
  driver page remains intentionally untouched */
.page-view:not([data-page="drivers"]) .home-statement {
  min-height:320px;
  padding-top:50px;
  padding-bottom:34px;
}

.page-view:not([data-page="drivers"]) .home-statement h2 {
  margin-bottom:12px;
}

.page-view:not([data-page="drivers"]) .home-statement p {
  line-height:1.62;
}

.page-view[data-page="home"] .home-services .home-statement {
  min-height:340px;
}

.page-view[data-page="home"] .home-comfort .home-statement {
  min-height:330px;
}

.page-view[data-page="home"] .home-excellence .home-statement {
  min-height:252px;
  padding-top:34px;
  padding-bottom:20px;
}

.page-view[data-page="home"] .home-comfort {
  padding-bottom:10px;
}

.page-view[data-page="home"] .home-comfort-stack {
  padding-bottom:0;
}

.page-view:not([data-page="drivers"]) .section-intro {
  padding-top:58px;
  padding-bottom:20px;
}

.page-view:not([data-page="drivers"]) .benefits>header,
.page-view:not([data-page="drivers"]) .steps>header {
  margin-bottom:24px;
}

.page-view:not([data-page="drivers"]) .excellence,
.page-view:not([data-page="drivers"]) .split-section,
.page-view:not([data-page="drivers"]) .benefits,
.page-view:not([data-page="drivers"]) .steps,
.page-view:not([data-page="drivers"]) .fleet,
.page-view:not([data-page="drivers"]) .faq,
.page-view:not([data-page="drivers"]) .dashboard-section,
.page-view:not([data-page="drivers"]) .lead-form {
  padding-top:74px;
  padding-bottom:74px;
}

.page-view:not([data-page="drivers"]) .experience-section {
  padding-top:82px;
  padding-bottom:96px;
}

.page-view[data-page="services"] .services-overview-intro {
  min-height:370px;
  padding-top:48px;
  padding-bottom:40px;
}

.page-view:not([data-page="drivers"]) .services-overview-list {
  padding-top:46px;
  padding-bottom:64px;
}

.page-view:not([data-page="drivers"]) .services-overview-row {
  margin-bottom:62px;
}

.page-view:not([data-page="drivers"]) .services-final-cta {
  min-height:360px;
  padding-top:56px;
  padding-bottom:56px;
}

@media(max-width:760px) {
  .page-view:not([data-page="drivers"]) .home-statement,
  .page-view[data-page="home"] .home-services .home-statement,
  .page-view[data-page="home"] .home-comfort .home-statement {
  min-height:280px;
  padding:34px 20px 26px;
}

.page-view[data-page="home"] .home-excellence .home-statement {
  min-height:238px;
  padding:28px 20px 18px;
}

.page-view:not([data-page="drivers"]) .section-intro,
  .page-view:not([data-page="drivers"]) .excellence,
  .page-view:not([data-page="drivers"]) .benefits,
  .page-view:not([data-page="drivers"]) .fleet,
  .page-view:not([data-page="drivers"]) .steps,
  .page-view:not([data-page="drivers"]) .dashboard-section,
  .page-view:not([data-page="drivers"]) .lead-form,
  .page-view:not([data-page="drivers"]) .split-section,
  .page-view:not([data-page="drivers"]) .faq {
  padding-top:54px;
  padding-bottom:54px;
}

.page-view[data-page="services"] .services-overview-intro {
  min-height:310px;
  padding:38px 20px 30px;
}

.page-view:not([data-page="drivers"]) .services-overview-list {
  padding-top:42px;
  padding-bottom:54px;
}

.page-view:not([data-page="drivers"]) .services-overview-row {
  margin-bottom:54px;
}

}

/* v53 — home excellence palette: navy-led, yellow as a restrained accent */
.page-view[data-page="home"] .home-excellence-grid article,
.page-view[data-page="home"] .home-excellence-grid article:nth-child(2),
.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) {
  position:relative;
  background:#0f1c2e;
  color:#fff;
  border-color:rgba(255,255,255,.08);
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(2) {
  background:#1a2c45;
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) {
  background:#13243a;
}

.page-view[data-page="home"] .home-excellence-grid article::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:#f9a400;
}

.page-view[data-page="home"] .home-excellence-grid article p,
.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) p {
  color:#c7cfd9;
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) .home-icon {
  color:#f9a400;
}

/* v54 — viewport-efficient home services carousel */
.page-view[data-page="home"] .home-services {
  padding-bottom:48px;
}

.page-view[data-page="home"] .home-services .home-statement {
  min-height:250px;
  padding:34px 48px 28px;
}

.page-view[data-page="home"] .home-service-window {
  width:calc(100% - 96px);
  max-width:1760px;
  padding:0;
}

.page-view[data-page="home"] .home-service-track {
  gap:36px;
}

.page-view[data-page="home"] .home-service-card {
  flex-basis:calc(50% - 18px);
}

.page-view[data-page="home"] .home-service-card>.image-slot {
  height:clamp(320px,21vw,390px);
  margin-bottom:18px;
}

.page-view[data-page="home"] .home-service-card>span {
  margin-bottom:4px;
}

.page-view[data-page="home"] .home-service-card h3 {
  margin-bottom:6px;
}

.page-view[data-page="home"] .home-service-card p {
  max-width:100%;
  margin-bottom:16px;
  line-height:1.65;
}

.page-view[data-page="home"] .home-carousel-controls {
  margin-top:24px;
}

.page-view[data-page="home"] .home-carousel-controls button {
  width:46px;
  height:46px;
  font-size:1.55rem;
}

@media(max-width:760px) {
  .page-view[data-page="home"] .home-services {
  padding-bottom:38px;
}

.page-view[data-page="home"] .home-services .home-statement {
  min-height:230px;
  padding:30px 20px 24px;
}

.page-view[data-page="home"] .home-service-window {
  width:100%;
  padding:0 20px;
}

.page-view[data-page="home"] .home-service-track {
  gap:18px;
}

.page-view[data-page="home"] .home-service-card {
  flex-basis:100%;
}

.page-view[data-page="home"] .home-service-card>.image-slot {
  height:320px;
  margin-bottom:16px;
}

.page-view[data-page="home"] .home-carousel-controls {
  margin-top:20px;
}

}

/* Moving partner logos: one clean, seamless track. */
.home-partners {
  overflow:hidden;
  padding:70px 0;
  background:#f7f7f5;
}

.home-partners h3 {
  margin-bottom:55px;
  text-align:center;
}

.home-partner-marquee {
  width:100%;
  padding:35px 0;
  overflow:hidden;
  direction:ltr;
}


/* ----- ردیف مارکی لوگوها ----- */
.partner-row {
  width:100%;
  overflow:hidden;
}

.partner-track {
  display:flex;
  width:max-content;
  align-items:center;
  animation:kasbiLogoScroll 35s linear infinite;
  will-change:transform;
}

.logo-group {
  display:flex;
  align-items:center;
  gap:22px;
  flex-shrink:0;
  padding-right:22px;
}

.home-partner-logo {
  width:210px;
  height:110px;
  flex:0 0 210px;
  padding:18px 28px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.04);
  border-radius:22px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 32px rgba(15,28,46,.06);
}

.home-partner-logo img {
  display:block;
  width:75%;
  height:75%;
  object-fit:contain;
}

@keyframes kasbiLogoScroll {
  from {
  transform:translateX(0)
}

to {
  transform:translateX(-50%)
}

}

/* Compensate for transparent padding inside these two square source files. */
.home-partner-logo img[src*="abidi"] {
  width:230px;
  height:230px;
  max-width:none;
  max-height:none;
}

.home-partner-logo img[src*="kobel"] {
  width:205px;
  height:205px;
  max-width:none;
  max-height:none;
}

/* HOME APP SECTION ONLY - premium product showcase. Do not modify partner marquee or other locked sections. */
.page-view[data-page="home"] .home-app {
  min-height: 760px;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 24%, rgba(249,164,0,.10), transparent 18%),
    radial-gradient(circle at 72% 50%, rgba(249,164,0,.08), transparent 20%),
    linear-gradient(90deg, #10213a 0%, #07182d 56%, #0a1a31 100%);
  color: #fff;
}

.page-view[data-page="home"] .home-app-copy {
  padding: 90px max(40px,calc((100vw - 1320px)/2)) 90px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.page-view[data-page="home"] .home-app-copy h2 {
  display: block;
  max-width: 520px;
  margin-bottom: 20px;
  font-family: Peyda,Arial,sans-serif !important;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.02em;
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
}

.page-view[data-page="home"] .home-app-copy h2 em {
  color: #f9a400;
  font-style: normal;
}

.page-view[data-page="home"] .home-app-copy p {
  max-width: 520px;
  color: rgba(255,255,255,.84);
  font-size: 1.02rem;
  line-height: 1.85;
  margin: 0 0 14px;
}

.page-view[data-page="home"] .home-store-links {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.page-view[data-page="home"] .home-store-links a {
  min-width: 164px;
  padding: 14px 24px;
  border-radius: 999px;
  border: 1px solid #f9a400;
  background: transparent;
  color: #f9a400;
  font-weight: 600;
  text-align: center;
  box-shadow: none;
}

.page-view[data-page="home"] .home-store-links a:first-child {
  background: #f9a400;
  color: #0f1c2e;
}

.page-view[data-page="home"] .home-store-links a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.page-view[data-page="home"] .home-app-visual {
  padding: 44px 0 0 max(18px,calc((100vw - 1320px)/2));
  align-self: end;
}

.page-view[data-page="home"] .home-app-showcase {
  display: block;
  width: min(100%, 1080px);
  max-width: none;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 26px 52px rgba(0,0,0,.18));
}

@media (max-width: 1200px) {
  .page-view[data-page="home"] .home-app {
  grid-template-columns: 1fr;
  min-height: auto;
}

.page-view[data-page="home"] .home-app-visual {
  order: 1;
  padding: 42px 18px 0;
  align-self: auto;
}

.page-view[data-page="home"] .home-app-showcase {
  width: min(100%, 980px);
  margin-inline: auto;
}

.page-view[data-page="home"] .home-app-copy {
  order: 2;
  padding: 24px 28px 70px;
}

}

@media (max-width: 760px) {
  .page-view[data-page="home"] .home-app-copy {
  padding: 12px 20px 56px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  font-size: clamp(2.55rem, 10vw, 4rem);
  max-width: 100%;
}

.page-view[data-page="home"] .home-app-copy p {
  max-width: 100%;
  font-size: 1rem;
}

.page-view[data-page="home"] .home-store-links {
  width: 100%;
}

.page-view[data-page="home"] .home-store-links a {
  flex: 1 1 100%;
}

.page-view[data-page="home"] .home-app-visual {
  padding: 28px 12px 0;
}

}

/* HOME APP SECTION ONLY - alignment refinement. Keep all other sections unchanged. */
.page-view[data-page="home"] .home-app {
  min-height: 700px;
  grid-template-columns: .86fr 1.14fr;
  align-items: center;
}

.page-view[data-page="home"] .home-app-copy {
  align-self: center;
  max-width: 520px;
  padding-top: 72px;
  padding-bottom: 72px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  max-width: 430px;
  margin-bottom: 18px;
  font-size: clamp(2.9rem, 4.5vw, 5rem);
  line-height: 1.02;
}

.page-view[data-page="home"] .home-app-copy p {
  max-width: 420px;
  margin: 0;
}

.page-view[data-page="home"] .home-store-links {
  margin-top: 24px;
}

.page-view[data-page="home"] .home-app-visual {
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 10px 34px 34px;
}

.page-view[data-page="home"] .home-app-showcase {
  width: min(100%, 980px);
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .page-view[data-page="home"] .home-app-copy {
  max-width: none;
  padding: 12px 28px 64px;
}

.page-view[data-page="home"] .home-app-copy h2,
  .page-view[data-page="home"] .home-app-copy p {
  max-width: none;
}

.page-view[data-page="home"] .home-app-visual {
  padding: 34px 18px 8px;
}

}

@media (max-width: 760px) {
  .page-view[data-page="home"] .home-app {
  min-height: auto;
}

.page-view[data-page="home"] .home-app-copy {
  padding: 8px 20px 52px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  font-size: clamp(2.45rem, 10vw, 3.8rem);
}

.page-view[data-page="home"] .home-app-visual {
  padding: 24px 12px 0;
}

}

/* HOME APP SECTION ONLY - final Blacklane-inspired alignment. */
.page-view[data-page="home"] .home-app {
  min-height: 640px;
  display: block;
  padding: 64px 24px;
}

.page-view[data-page="home"] .home-app-inner {
  width: min(1780px,100%);
  min-height: 512px;
  margin-inline: auto;
  display: grid;
  direction: rtl;
  grid-template-columns: minmax(560px,.75fr) minmax(0,1.25fr);
  gap: 44px;
  align-items: center;
}

.page-view[data-page="home"] .home-app-copy {
  order: 1;
  width: 100%;
  max-width: 690px;
  padding: 0;
  justify-self: end;
  align-self: center;
  align-items: flex-start;
  text-align: right;
}

.page-view[data-page="home"] .home-app-copy h2 {
  display: block;
  max-width: 560px;
  margin: 0 0 16px;
  font-size: clamp(2.1rem, 2.8vw, 3.1rem);
  line-height: 1.2;
  letter-spacing: -.02em;
  white-space: normal;
}

.page-view[data-page="home"] .home-app-copy p {
  width: auto;
  max-width: 540px;
  margin: 0 0 12px;
  font-size: clamp(.95rem, 1vw, 1.05rem);
  line-height: 1.85;
  white-space: normal;
}

.page-view[data-page="home"] .home-store-links {
  margin-top: 26px;
  gap: 12px;
}

.page-view[data-page="home"] .home-store-links a {
  min-width: 154px;
  padding: 13px 22px;
}

.page-view[data-page="home"] .home-app-visual {
  order: 2;
  width: 100%;
  min-width: 0;
  padding: 0;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.page-view[data-page="home"] .home-app-showcase {
  display: block;
  width: calc(100% + 82px);
  max-width: 1120px;
  height: auto;
  margin: 0;
  transform: translateX(-46px);
}

@media (max-width: 1450px) {
  .page-view[data-page="home"] .home-app-copy p {
  width: auto;
  max-width: 620px;
  white-space: normal;
}

}

@media (max-width: 1250px) {
  .page-view[data-page="home"] .home-app {
  min-height: auto;
  padding: 56px 28px 64px;
}

.page-view[data-page="home"] .home-app-inner {
  min-height: 0;
  grid-template-columns: 1fr;
  gap: 38px;
}

.page-view[data-page="home"] .home-app-copy {
  order: 1;
  max-width: 720px;
  justify-self: center;
  align-items: center;
  text-align: center;
}

.page-view[data-page="home"] .home-app-copy h2,
  .page-view[data-page="home"] .home-app-copy p {
  max-width: 720px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  white-space: normal;
}

.page-view[data-page="home"] .home-app-visual {
  order: 2;
  justify-content: center;
}

.page-view[data-page="home"] .home-app-showcase {
  width: 100%;
  max-width: 900px;
  margin-inline: auto;
  transform: none;
}

.page-view[data-page="home"] .home-store-links {
  justify-content: center;
}

}

@media (max-width: 600px) {
  .page-view[data-page="home"] .home-app {
  padding: 46px 18px 52px;
}

.page-view[data-page="home"] .home-app-inner {
  gap: 30px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  margin-bottom: 16px;
  font-size: clamp(2.55rem,11vw,3.7rem);
  line-height: 1.16;
}

.page-view[data-page="home"] .home-app-copy p {
  font-size: 1rem;
  line-height: 1.9;
}

.page-view[data-page="home"] .home-store-links {
  width: 100%;
  margin-top: 24px;
}

.page-view[data-page="home"] .home-store-links a {
  flex: 1 1 100%;
}

}


/* ==================== تعویض نرم تصویر هیرو (چندمقصدی / در اختیار) ==================== */
.home-hero-media,
.home-hero .hero-image.has-image,
.page-view[data-page="home"] .home-hero-media {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: scroll !important;
}

.home-hero-media {
  transition: opacity .45s ease, filter .45s ease;
}

.home-hero-media.hero-mode-multi {
  background-position: center top !important;
  animation-name: homeHeroDriftMulti;
}

@keyframes homeHeroDriftMulti {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.018);
  }
}

.home-hero-media.is-switching {
  opacity: .35;
  filter: blur(2px);
}

/* جلوگیری از جابه‌جایی background-position در انیمیشن درIFT که باعث دیده شدن لبه/تکرار می‌شود */
@keyframes homeHeroDrift {
  from {
    transform: scale(1.02);
  }
  to {
    transform: scale(1.06);
  }
}


/* ==================== بهبود دیده‌شدن هدر و تیتر هیرو ==================== */
/* دکمه‌های هدر روی هیرو روشن‌تر و خواناتر */
.header:not(.scrolled):not(.light) .login,
.header:not(.scrolled):not(.light) .language {
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  color: #fff !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.header:not(.scrolled):not(.light) .login:hover {
  background: rgba(255,255,255,.28) !important;
}

.header:not(.scrolled):not(.light) .desktop-nav > a,
.header:not(.scrolled):not(.light) .nav-parent-link {
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}

.header:not(.scrolled):not(.light) .logo-image {
  filter: brightness(0) invert(1);
}

/* تیتر هیرو خواناتر */
.home-hero-center h1 {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.45), 0 1px 4px rgba(0,0,0,.35);
}


/* ==================== پوسته رنگی اختصاصی صفحه رانندگان ==================== */
/* پالت: زرد اصلی، طوسی خنثی و مشکی — محدود به مسیر رانندگان */
body.drivers-route,
.page-view[data-page="drivers"] {
  --driver-yellow:#fdb94c;
  --driver-yellow-deep:#ca943d;
  --driver-yellow-soft:#fed594;
  --driver-yellow-pale:#fff1db;
  --driver-black:#0d0d0d;
  --driver-charcoal:#272728;
  --driver-graphite:#4d4d4f;
  --driver-gray:#8d8d8e;
  --driver-light:#d9d9d9;
  --driver-paper:#fff
}

.page-view[data-page="drivers"] {
  background:var(--driver-paper);
  color:var(--driver-black)
}

/* ----- هدر و منوی صفحه رانندگان ----- */
body.drivers-route .header:not(.scrolled):not(.light) .book-now,
body.drivers-route .header.scrolled .book-now,
body.drivers-route .header.light .book-now {
  border-color:var(--driver-yellow);
  background:var(--driver-yellow);
  color:var(--driver-black);
  box-shadow:0 8px 24px rgba(13,13,13,.14)
}

body.drivers-route .header:not(.scrolled):not(.light) .book-now:hover,
body.drivers-route .header.scrolled .book-now:hover,
body.drivers-route .header.light .book-now:hover {
  border-color:var(--driver-yellow-soft);
  background:var(--driver-yellow-soft)
}

body.drivers-route .header.scrolled,
body.drivers-route .header.light {
  border-bottom-color:rgba(13,13,13,.09);
  background:rgba(255,255,255,.94);
  color:var(--driver-black);
  box-shadow:0 12px 38px rgba(13,13,13,.08)
}

body.drivers-route .desktop-nav [data-route="drivers"].current {
  box-shadow:inset 0 -2px var(--driver-yellow)
}

body.drivers-route .dropdown-panel {
  border-top:3px solid var(--driver-yellow);
  background:var(--driver-paper);
  color:var(--driver-black)
}

body.drivers-route .dropdown-links a:hover,
body.drivers-route .dropdown-feature {
  background:var(--driver-yellow-pale)
}

body.drivers-route .mobile-menu {
  background:var(--driver-paper);
  color:var(--driver-black)
}

body.drivers-route .mobile-menu nav a {
  border-color:rgba(13,13,13,.12)
}

/* ----- هیرو و دعوت به ثبت‌نام رانندگان ----- */
.page-view[data-page="drivers"] .driver-partner-shade {
  background:linear-gradient(180deg,rgba(13,13,13,.56),rgba(13,13,13,.08) 38%,rgba(13,13,13,.7))
}

.page-view[data-page="drivers"] .driver-partner-title {
  color:#fff;
  text-shadow:0 3px 18px rgba(13,13,13,.72)
}

.page-view[data-page="drivers"] .driver-partner-title:before {
  background:radial-gradient(ellipse at center,rgba(13,13,13,.55) 0%,rgba(13,13,13,.3) 50%,rgba(13,13,13,0) 76%)
}

.page-view[data-page="drivers"] .driver-partner-title p {
  color:var(--driver-yellow-soft);
  text-shadow:0 2px 12px rgba(13,13,13,.88)
}

.page-view[data-page="drivers"] .driver-hero-action {
  border-bottom:1px solid rgba(202,148,61,.22);
  background:var(--driver-paper)
}

.page-view[data-page="drivers"] .driver-hero-action p {
  color:var(--driver-graphite)
}

.page-view[data-page="drivers"] .driver-blue-button {
  border:1px solid var(--driver-yellow);
  background:var(--driver-yellow);
  color:var(--driver-black);
  box-shadow:0 10px 24px rgba(202,148,61,.2)
}

.page-view[data-page="drivers"] .driver-blue-button:hover {
  border-color:var(--driver-yellow-soft);
  background:var(--driver-yellow-soft);
  color:var(--driver-black);
  box-shadow:0 13px 28px rgba(202,148,61,.26)
}

/* ----- معرفی مزیت فعالیت رانندگان ----- */
.page-view[data-page="drivers"] .driver-global {
  background:#fff
}

.page-view[data-page="drivers"] .driver-global-intro {
  background:linear-gradient(135deg,var(--driver-yellow-pale),var(--driver-yellow-soft));
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-global-intro h3 {
  color:var(--driver-graphite)
}

.page-view[data-page="drivers"] .driver-global-dim {
  background:rgba(13,13,13,calc(.2 + var(--driver-stage-progress) * .17))
}

/* ----- چهار کارت مزیت و آیکون‌های صفحه رانندگان ----- */
.page-view[data-page="drivers"] .driver-benefit-card {
  border:1px solid rgba(202,148,61,.32);
  border-top:4px solid var(--driver-yellow);
  background:rgba(255,255,255,.96);
  color:var(--driver-black);
  box-shadow:0 16px 44px rgba(13,13,13,.16)
}

.page-view[data-page="drivers"] .driver-benefit-card:hover {
  border-color:rgba(202,148,61,.55);
  box-shadow:0 22px 56px rgba(13,13,13,.22)
}

.page-view[data-page="drivers"] .driver-benefit-icon {
  box-sizing:content-box;
  padding:8px;
  border:1px solid rgba(202,148,61,.28);
  border-radius:50%;
  background:var(--driver-yellow-pale)
}

.page-view[data-page="drivers"] .driver-benefit-card p {
  color:var(--driver-graphite)
}

/* ----- پیام درآمد سفرهای پیوسته ----- */
.page-view[data-page="drivers"] .driver-quote {
  background:var(--driver-charcoal);
  color:#fff
}

.page-view[data-page="drivers"] .driver-quote blockquote {
  color:var(--driver-yellow);
  letter-spacing:normal
}

.page-view[data-page="drivers"] .driver-quote p {
  color:var(--driver-light)
}

/* ----- مراحل شروع همکاری و شرایط لازم ----- */
.page-view[data-page="drivers"] .driver-onboarding {
  background:var(--driver-paper)
}

.page-view[data-page="drivers"] .driver-process-tabs {
  border:1px solid rgba(13,13,13,.08);
  background:#fff;
  box-shadow:0 12px 34px rgba(13,13,13,.09)
}

.page-view[data-page="drivers"] .driver-process-tabs button {
  color:var(--driver-graphite)
}

.page-view[data-page="drivers"] .driver-process-tabs button.active {
  background:var(--driver-yellow);
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-process-panel {
  box-shadow:0 24px 64px rgba(13,13,13,.14)
}

.page-view[data-page="drivers"] .driver-process-glass {
  border-color:rgba(253,185,76,.55);
  background:linear-gradient(135deg,rgba(13,13,13,.9),rgba(39,39,40,.8));
  color:#fff
}

.page-view[data-page="drivers"] .driver-process-glass li::marker {
  color:var(--driver-yellow)
}

.page-view[data-page="drivers"] .driver-outline-button {
  border-color:var(--driver-yellow);
  background:var(--driver-yellow);
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-outline-button:hover {
  border-color:var(--driver-yellow-soft);
  background:var(--driver-yellow-soft)
}

.page-view[data-page="drivers"] .driver-slide-dots i {
  background:var(--driver-light)
}

.page-view[data-page="drivers"] .driver-slide-dots i:first-child {
  background:var(--driver-yellow-deep)
}

/* ----- پیام درآمد توقف در سفر چندمقصدی ----- */
.page-view[data-page="drivers"] .driver-sustainable {
  background:linear-gradient(135deg,var(--driver-yellow),var(--driver-yellow-soft));
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-sustainable h3 {
  color:var(--driver-charcoal)
}

/* ----- سؤالات متداول رانندگان ----- */
.page-view[data-page="drivers"] .driver-faq {
  background:linear-gradient(180deg,#fff 0%,var(--driver-light) 160%)
}

.page-view[data-page="drivers"] .driver-faq-copy h2 {
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-faq .accordion article {
  border-color:rgba(13,13,13,.11);
  background:#fff;
  box-shadow:0 8px 24px rgba(13,13,13,.045)
}

.page-view[data-page="drivers"] .driver-faq .accordion article.open {
  border-color:rgba(202,148,61,.52);
  box-shadow:inset -4px 0 var(--driver-yellow),0 12px 30px rgba(13,13,13,.07)
}

.page-view[data-page="drivers"] .driver-faq .accordion button {
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-faq .accordion button b {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--driver-yellow-pale);
  color:var(--driver-yellow-deep)
}

.page-view[data-page="drivers"] .driver-faq .accordion p {
  color:var(--driver-graphite)
}

.page-view[data-page="drivers"] .driver-faq-image {
  border:1px solid rgba(202,148,61,.35);
  box-shadow:0 20px 48px rgba(13,13,13,.11)
}

/* ----- تماس با واحد جذب رانندگان ----- */
.page-view[data-page="drivers"] .driver-help {
  background:var(--driver-charcoal);
  color:#fff
}

.page-view[data-page="drivers"] .driver-help h3 {
  color:var(--driver-light)
}

/* ----- فرم ثبت‌نام راننده ----- */
.consultation-modal.driver-mode .consultation-modal-backdrop {
  background:rgba(13,13,13,.72)
}

.consultation-modal.driver-mode .driver-form-card {
  background:var(--driver-yellow,#fdb94c);
  color:var(--driver-black,#0d0d0d)
}

.consultation-modal.driver-mode .driver-form-card .contact-icon svg {
  stroke:var(--driver-black,#0d0d0d)
}

.consultation-modal.driver-mode .driver-form-card button {
  background:var(--driver-black,#0d0d0d);
  color:#fff
}

.consultation-modal.driver-mode .consultation-modal-close {
  border-color:rgba(13,13,13,.2);
  background:rgba(255,255,255,.4);
  color:var(--driver-black,#0d0d0d)
}

/* ----- فوتر در مسیر رانندگان ----- */
body.drivers-route .footer {
  background:var(--driver-black);
  color:#fff
}

body.drivers-route .footer p,
body.drivers-route .footer a,
body.drivers-route .footer-bottom {
  color:rgba(255,255,255,.7)
}

body.drivers-route .footer-head,
body.drivers-route .footer-bottom {
  border-color:rgba(255,255,255,.14)
}

body.drivers-route .footer .logo-image {
  filter:brightness(0) invert(1)
}

body.drivers-route .footer-columns .footer-badge {
  border-color:rgba(253,185,76,.38);
  background:rgba(253,185,76,.1);
  color:var(--driver-yellow)
}

body.drivers-route .footer-columns .footer-socials a,
body.drivers-route .back-top {
  border-color:var(--driver-yellow);
  color:var(--driver-yellow)
}

body.drivers-route .footer-columns .footer-socials a:hover,
body.drivers-route .back-top:hover {
  background:var(--driver-yellow);
  color:var(--driver-black)
}

/* ----- حالت فوکوس دسترس‌پذیر صفحه رانندگان ----- */
body.drivers-route a:focus-visible,
body.drivers-route button:focus-visible {
  outline:3px solid var(--driver-yellow);
  outline-offset:3px
}


/* ==================== صفحه سامانه هوشمند کسبی ==================== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.smart-hero {
  position: relative;
  min-height: 72vh;
  display: grid;
  align-items: center;
  overflow: hidden;
  background: #1a1a1a;
}

.smart-hero-media {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
}

.smart-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.15), rgba(0,0,0,.55) 55%, rgba(0,0,0,.35));
  pointer-events: none;
}

.smart-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 640px;
  margin-right: auto;
  margin-left: max(24px, calc((100vw - 1200px) / 2));
  padding: 120px 24px 80px;
  color: #fff;
  text-align: right;
}

.smart-hero-copy h1 {
  margin: 0 0 14px;
  font-size: clamp(1.8rem, 3.2vw, 2.8rem);
  font-weight: 700;
  line-height: 1.35;
  text-shadow: 0 2px 16px rgba(0,0,0,.35);
}

.smart-hero-copy p {
  margin: 0;
  font-size: 1.1rem;
  opacity: .92;
}

/* فرم زرد + کارت تیره مشاوره سازمانی */
.smart-lead {
  background: #f5b041;
  padding: 64px 24px 80px;
}

.smart-lead-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 48px;
  align-items: center;
}

.smart-lead-text h2 {
  margin: 0;
  font-size: clamp(1.55rem, 2.7vw, 2.35rem);
  font-weight: 700;
  line-height: 1.55;
  color: #111;
  max-width: 520px;
}

.smart-lead-card {
  background: #0f1c2e;
  border-radius: 20px;
  padding: 32px 28px 28px;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
  color: #fff;
  max-width: 420px;
  width: 100%;
  justify-self: center;
}

.smart-lead-card-head {
  text-align: center;
  margin-bottom: 22px;
}

.smart-lead-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  margin-bottom: 12px;
  font-size: 1.1rem;
}

.smart-lead-card-head h3 {
  margin: 0 0 8px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}

.smart-lead-card-head p {
  margin: 0;
  font-size: .9rem;
  color: rgba(255,255,255,.7);
  line-height: 1.6;
}

.smart-lead-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}

.smart-lead-form input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  font-family: Peyda, Arial, sans-serif;
  font-size: .95rem;
  color: #111;
}

.smart-lead-form input::placeholder {
  color: #9a9a9a;
}

.smart-lead-form button {
  height: 50px;
  border: 0;
  border-radius: 12px;
  background: #f5b041;
  color: #111;
  font-family: Peyda, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
  margin-top: 6px;
}

.smart-lead-form button:hover {
  background: #ffc107;
  transform: translateY(-1px);
}

/* کسبی چیست */
.smart-about {
  background: #fff;
  padding: 80px 24px;
}

.smart-about-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 48px;
  align-items: center;
}

.smart-about-visual {
  display: flex;
  justify-content: center;
  background: #3a3a3a;
  border-radius: 28px;
  padding: 36px 20px;
  min-height: 420px;
  align-items: center;
}

.smart-phone {
  max-width: 260px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,.35));
}

.smart-about-copy h2 {
  margin: 0 0 18px;
  font-size: clamp(1.7rem, 2.5vw, 2.2rem);
  color: #111;
}

.smart-about-copy p {
  margin: 0 0 14px;
  color: #333;
  line-height: 1.9;
  font-size: 1.02rem;
}

.smart-about-copy strong {
  display: block;
  margin-top: 18px;
  color: #111;
  font-size: 1.05rem;
}

/* ویژگی‌ها */
.smart-features {
  background: #1e3a5f;
  padding: 70px 24px;
}

.smart-features-grid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.smart-feature-card {
  background: #fff;
  border-radius: 18px;
  padding: 28px 22px;
  text-align: center;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.smart-feature-card--accent {
  background: #f5b041;
  grid-column: span 1;
}

.smart-feature-icon {
  font-size: 1.8rem;
  line-height: 1;
}

.smart-feature-card h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.55;
  color: #111;
}

/* مراحل */
.smart-steps {
  background: #fff;
  padding: 80px 24px 60px;
}

.smart-section-head {
  text-align: center;
  margin-bottom: 40px;
}

.smart-section-head h2 {
  margin: 0 0 10px;
  font-size: clamp(1.6rem, 2.4vw, 2.1rem);
  color: #111;
}

.smart-section-head p {
  margin: 0;
  color: #555;
  font-size: 1rem;
}

.smart-steps-track-wrap {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  gap: 12px;
  align-items: center;
}

.smart-steps-track {
  display: flex;
  gap: 18px;
  overflow: hidden;
  scroll-behavior: smooth;
}

.smart-step-card {
  flex: 0 0 calc(33.333% - 12px);
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  overflow: hidden;
  border: 1px solid #eee;
}

.smart-step-image {
  height: 180px;
  background-size: cover;
  background-position: center;
}

.smart-step-card h3 {
  margin: 16px 18px 8px;
  font-size: 1.1rem;
  color: #111;
}

.smart-step-card p {
  margin: 0 18px 20px;
  color: #444;
  line-height: 1.7;
  font-size: .95rem;
}

.smart-steps-nav {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: #f5b041;
  color: #111;
  font-size: 1.4rem;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.smart-steps-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 22px;
}

.smart-steps-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ddd;
}

.smart-steps-dots span.active {
  background: #f5b041;
}

/* داشبورد */
.smart-dashboard {
  background: #fafafa;
  padding: 70px 24px;
}

.smart-dashboard-panel {
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
  padding: 28px;
  text-align: center;
}

.smart-dashboard-badge {
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 999px;
  background: #f5b041;
  color: #111;
  font-weight: 600;
  font-size: .95rem;
}

.smart-dashboard-panel img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 14px;
}

/* کاهش هزینه */
.smart-savings {
  background: #f5b041;
  padding: 70px 24px;
}

.smart-savings .smart-section-head h2 {
  color: #111;
}

.smart-savings-grid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.smart-savings-grid article {
  background: #1e3a5f;
  color: #fff;
  border-radius: 16px;
  padding: 22px 18px;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
}

/* FAQ */
.smart-faq {
  background: #fff;
  padding: 70px 24px 90px;
}

.smart-faq .accordion {
  max-width: 820px;
  margin: 0 auto;
}

.smart-faq .accordion article {
  background: #f3f3f3;
  border-radius: 12px;
  margin-bottom: 10px;
  overflow: hidden;
}

.smart-faq .accordion article > button {
  width: 100%;
  text-align: right;
  padding: 16px 18px;
  border: 0;
  background: transparent;
  font-family: Peyda, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #111;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 12px;
}

.smart-faq .accordion article > p {
  display: none;
  margin: 0;
  padding: 0 18px 16px;
  color: #444;
  line-height: 1.8;
}

.smart-faq .accordion article.open > p {
  display: block;
}

@media (max-width: 960px) {
  .smart-lead-inner,
  .smart-about-inner {
    grid-template-columns: 1fr;
  }
  .smart-features-grid {
    grid-template-columns: 1fr 1fr;
  }
  .smart-step-card {
    flex: 0 0 calc(50% - 9px);
  }
  .smart-savings-grid {
    grid-template-columns: 1fr;
  }
  .smart-hero-copy {
    margin-left: 24px;
  }
}

@media (max-width: 640px) {
  .smart-features-grid {
    grid-template-columns: 1fr;
  }
  .smart-step-card {
    flex: 0 0 100%;
  }
  .smart-steps-track-wrap {
    grid-template-columns: 36px 1fr 36px;
  }
}


/* ----- اطمینان از فرم تیره سامانه هوشمند (بدون تداخل lead-form) ----- */
.page-view[data-page="how"] .smart-lead-card {
  background: #0f1c2e !important;
  color: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.22) !important;
}

.page-view[data-page="how"] .smart-lead-form input {
  background: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  height: 48px !important;
  color: #111 !important;
}

.page-view[data-page="how"] .smart-lead-form button {
  background: #f5b041 !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 12px !important;
  height: 50px !important;
  font-weight: 700 !important;
  width: 100% !important;
}







/* ==================== مخاطبان خدمات کسبی (کارت‌های جدید) ==================== */
.page-view[data-page="services"] .svc-audience {
  position: relative;
  z-index: 6;
  background: linear-gradient(180deg, #0b1220 0%, #111827 100%);
  padding: 84px 24px 96px;
  color: #fff;
}

.svc-audience-head {
  max-width: 720px;
  margin: 0 auto 42px;
  text-align: center;
}

.svc-audience-head h2 {
  margin: 0 0 12px;
  font-size: clamp(1.5rem, 2.4vw, 2.05rem);
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
}

.svc-audience-head p {
  margin: 0;
  color: rgba(255,255,255,.7);
  line-height: 1.85;
  font-size: 1.02rem;
}

.svc-audience-grid {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.svc-card {
  grid-column: span 2;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  padding: 24px 22px 26px;
  backdrop-filter: blur(8px);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.svc-card:hover {
  transform: translateY(-4px);
  border-color: rgba(245,176,65,.45);
  background: rgba(255,255,255,.07);
}

.svc-card--wide {
  grid-column: span 3;
  justify-self: stretch;
}

.svc-card:nth-child(4) {
  grid-column: span 2;
}

.svc-card:nth-child(5) {
  grid-column: span 2;
}

.svc-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.svc-card-num {
  font-size: .85rem;
  font-weight: 700;
  color: #f5b041;
  letter-spacing: .04em;
}

.svc-card h3 {
  margin: 0 0 10px;
  font-size: 1.08rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
}

.svc-card p {
  margin: 0;
  color: rgba(255,255,255,.65);
  line-height: 1.75;
  font-size: .95rem;
}

@media (max-width: 900px) {
  .svc-audience-grid {
    grid-template-columns: 1fr 1fr;
  }
  .svc-card,
  .svc-card:nth-child(4),
  .svc-card:nth-child(5),
  .svc-card--wide {
    grid-column: span 1;
  }
}

@media (max-width: 600px) {
  .svc-audience-grid {
    grid-template-columns: 1fr;
  }
}


/* ==================== صفحه فرصت‌های شغلی کسبی ==================== */
.careers-hero {
  background: linear-gradient(135deg, #0f1c2e 0%, #1a2f4a 100%);
  color: #fff;
  padding: 120px 24px 80px;
  text-align: center;
}

.careers-hero-inner {
  max-width: 760px;
  margin: 0 auto;
}

.careers-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: #f5b041;
  font-weight: 600;
  font-size: .95rem;
}

.careers-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
  font-weight: 700;
  line-height: 1.4;
}

.careers-hero p {
  margin: 0;
  color: rgba(255,255,255,.82);
  line-height: 1.85;
  font-size: 1.08rem;
}

.careers-about {
  background: #fff;
  padding: 72px 24px;
}

.careers-about-inner {
  max-width: 800px;
  margin: 0 auto;
}

.careers-about h2,
.careers-culture h2,
.careers-fit h2,
.careers-process h2 {
  margin: 0 0 22px;
  font-size: clamp(1.45rem, 2.2vw, 1.9rem);
  color: #111;
}

.careers-about p {
  margin: 0 0 14px;
  color: #333;
  line-height: 1.9;
  font-size: 1.05rem;
}

.careers-section-inner {
  max-width: 960px;
  margin: 0 auto;
}

.careers-culture {
  background: #f7f5f1;
  padding: 72px 24px;
}

.careers-culture-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.careers-culture-grid article {
  background: #fff;
  border-radius: 16px;
  padding: 22px 18px;
  border: 1px solid rgba(17,17,15,.06);
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}

.careers-culture-grid h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  color: #111;
}

.careers-fit {
  background: #fff;
  padding: 72px 24px;
}

.careers-fit-list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  gap: 12px;
}

.careers-fit-list li {
  position: relative;
  padding: 16px 18px 16px 18px;
  background: #f7f5f1;
  border-radius: 12px;
  color: #222;
  line-height: 1.7;
  font-size: 1.02rem;
}

.careers-fit-list li::before {
  content: "✓";
  color: #f5b041;
  font-weight: 700;
  margin-left: 10px;
}

.careers-fit-note {
  margin: 0;
  font-weight: 600;
  color: #0f1c2e;
  font-size: 1.08rem;
  line-height: 1.7;
}

.careers-process {
  background: #0f1c2e;
  color: #fff;
  padding: 72px 24px;
}

.careers-process h2 {
  color: #fff;
}

.careers-steps {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  gap: 12px;
}

.careers-steps li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

.careers-steps span {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f5b041;
  color: #111;
  font-weight: 700;
  font-size: .9rem;
}

.careers-steps b {
  font-size: 1.02rem;
  font-weight: 600;
}

.careers-closing {
  margin: 0;
  text-align: center;
  color: #f5b041;
  font-weight: 700;
  font-size: 1.15rem;
}

.careers-apply {
  background: #f7f5f1;
  padding: 72px 24px 90px;
}

.careers-apply-inner {
  max-width: 820px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 36px;
  align-items: start;
}

.careers-apply-copy h2 {
  margin: 0 0 12px;
  font-size: 1.6rem;
  color: #111;
}

.careers-apply-copy p {
  margin: 0;
  color: #444;
  line-height: 1.8;
}

.careers-apply-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  background: #fff;
  padding: 24px;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(0,0,0,.06);
}

.careers-apply-form input,
.careers-apply-form textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 12px 14px;
  font-family: Peyda, Arial, sans-serif;
  font-size: .95rem;
  color: #111;
  background: #fff;
}

.careers-apply-full {
  grid-column: 1 / -1;
}

.careers-apply-form button {
  grid-column: 1 / -1;
  height: 50px;
  border: 0;
  border-radius: 12px;
  background: #0f1c2e;
  color: #fff;
  font-family: Peyda, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
}

.careers-apply-form button:hover {
  background: #1a2f4a;
}

@media (max-width: 800px) {
  .careers-apply-inner {
    grid-template-columns: 1fr;
  }
  .careers-apply-form {
    grid-template-columns: 1fr;
  }
}


/* ==================== صفحه درباره ما؛ روایت برند و ساختار سازمانی ==================== */
/* ----- هیروی سینمایی صفحه درباره ما ----- */
.about-hero {
  position: relative;
  min-height: min(820px, 86vh);
  display: grid;
  align-items: end;
  overflow: hidden;
  isolation: isolate;
  background: #0b1727;
}

.about-hero-media {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale(1.015);
}

.about-hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg,rgba(5,13,24,.78) 0%,rgba(5,13,24,.56) 38%,rgba(5,13,24,.14) 70%,rgba(5,13,24,.32) 100%),
    linear-gradient(180deg,rgba(5,13,24,.25) 0%,rgba(5,13,24,.04) 44%,rgba(5,13,24,.74) 100%);
}

.about-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  padding: 150px 24px 72px;
  color: #fff;
  text-align: right;
}

.about-hero-content {
  width: min(680px,100%);
  margin-right: auto;
}

.about-hero-kicker {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 14px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  color: #fdb94c;
  background: rgba(8,20,35,.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.about-hero-copy h1 {
  max-width: 850px;
  margin: 0 0 22px;
  font-size: clamp(2.25rem,4.45vw,4.75rem);
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.035em;
  text-wrap: balance;
  text-shadow: 0 12px 40px rgba(0,0,0,.28);
}

.about-hero-copy h1 em {
  color: #f9a400;
  font-style: normal;
  font-weight: 650;
}

.about-hero-copy h1 span {
  color: #fff;
}

.about-hero-copy p {
  margin: 0;
  max-width: 660px;
  color: rgba(255,255,255,.82);
  font-size: clamp(.98rem,1.35vw,1.18rem);
  line-height: 1.9;
}

.about-hero-scroll {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 34px;
  color: #fff;
  font-size: .86rem;
  font-weight: 650;
  text-decoration: none;
}

.about-hero-scroll b {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  color: #fdb94c;
  font-size: 1rem;
  transition: transform .25s ease,background .25s ease;
}

.about-hero-scroll:hover b {
  transform: translateY(3px);
  background: rgba(255,255,255,.1);
}

.about-hero-signature {
  position: absolute;
  z-index: 2;
  right: max(24px,calc((100vw - 1172px)/2));
  left: auto;
  bottom: 72px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding-left: 18px;
  border-left: 1px solid rgba(249,164,0,.72);
  color: #fff;
}

.about-hero-signature span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.about-hero-signature small {
  width: 44px;
  color: rgba(255,255,255,.67);
  font-size: .72rem;
  line-height: 1.45;
}

/* ----- داستان کسبی؛ چیدمان مجله‌ای تصویر و متن ----- */
.about-story {
  position: relative;
  overflow: hidden;
  padding: 112px 24px 124px;
  background: #f8f6f1;
}

.about-story-inner {
  position: relative;
  z-index: 1;
  max-width: 1220px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr);
  gap: clamp(48px,7vw,104px);
  align-items: center;
}

.about-section-kicker {
  display: inline-block;
  margin-bottom: 18px;
  color: #a66d00;
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .02em;
}

.about-story-copy h2 {
  margin: 0 0 26px;
  color: #0f1c2e;
  font-size: clamp(2rem,3.5vw,3.5rem);
  font-weight: 520;
  line-height: 1.35;
  letter-spacing: -.025em;
  text-wrap: balance;
}

.about-story-lead {
  margin-bottom: 28px;
  padding: 20px 22px 20px 12px;
  border-right: 2px solid #f9a400;
  color: #23344b;
  background: linear-gradient(90deg,transparent,rgba(249,164,0,.065));
  font-size: 1.08rem;
  font-weight: 650;
  line-height: 1.95;
}

.about-story-text {
  display: grid;
  gap: 14px;
}

.about-story-text p {
  margin: 0;
  color: #536071;
  font-size: .94rem;
  line-height: 2.05;
}

/* دکمه فراخوان بخش داستان؛ هم‌رفتار با دکمه مشاوره هدر */
.about-story-cta {
  display: inline-flex;
  width: max-content;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
  padding: 0 22px;
  border: 1px solid #f9a400;
  border-radius: 999px;
  color: #0f1c2e;
  background: #f9a400;
  box-shadow: 0 12px 28px rgba(249,164,0,.18);
  font-size: .86rem;
  font-weight: 750;
  text-decoration: none;
  transition: transform .25s ease,background .25s ease,box-shadow .25s ease;
}

.about-story-cta:hover {
  transform: translateY(-2px);
  background: #fdb94c;
  box-shadow: 0 18px 34px rgba(249,164,0,.24);
}

.about-story-cta b {
  font-size: 1rem;
  transition: transform .25s ease;
}

.about-story-cta:hover b {
  transform: translateX(-4px);
}

.about-story-media {
  position: relative;
  min-width: 0;
}

.about-story-visual {
  min-height: 0;
  aspect-ratio: 4/3;
  border: 0;
  border-radius: 4px 44px 4px 4px;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 34px 80px rgba(15,28,46,.16);
}

.about-story-caption {
  position: absolute;
  right: -28px;
  bottom: 30px;
  width: min(310px,72%);
  padding: 22px 24px;
  border: 1px solid rgba(255,255,255,.14);
  border-right: 3px solid #f9a400;
  color: #fff;
  background: linear-gradient(120deg,rgba(8,19,33,.96),rgba(17,34,55,.9));
  box-shadow: 0 22px 48px rgba(8,19,33,.25);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.about-story-caption span,
.about-story-caption small {
  display: block;
}

.about-story-caption span {
  margin-bottom: 5px;
  font-size: .96rem;
  font-weight: 700;
}

.about-story-caption small {
  color: rgba(255,255,255,.62);
  font-size: .75rem;
}

/* ----- مأموریت و چشم‌انداز؛ دو پنل شماره‌دار و یکپارچه ----- */
.about-mission {
  position: relative;
  overflow: hidden;
  padding: 112px 24px;
  background:
    radial-gradient(circle at 15% 20%,rgba(249,164,0,.095),transparent 27%),
    linear-gradient(145deg,#132237 0%,#081422 100%);
}

.about-mission-inner {
  max-width: 1220px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.about-mission-head {
  grid-column: 1/-1;
  max-width: 760px;
  margin: 0 auto 42px;
  color: #fff;
  text-align: center;
}

.about-mission-head .about-section-kicker {
  color: #fdb94c;
}

.about-mission-head h2 {
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(2rem,3.5vw,3.35rem);
  font-weight: 520;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.about-mission-head p {
  max-width: 650px;
  margin: 0 auto;
  color: rgba(255,255,255,.6);
  font-size: .94rem;
  line-height: 1.9;
}

.about-mission-inner article {
  position: relative;
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 24px;
  min-height: 350px;
  padding: 38px 34px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
  box-shadow: 0 24px 60px rgba(0,0,0,.15);
}

.about-mission-inner article::after {
  content: "";
  position: absolute;
  right: 34px;
  bottom: 0;
  width: 64px;
  height: 2px;
  background: #f9a400;
}

.about-mission-index {
  align-self: start;
  padding-left: 18px;
  border-left: 1px solid rgba(255,255,255,.13);
}

.about-mission-index span,
.about-mission-index small {
  display: block;
}

.about-mission-index span {
  color: #fdb94c;
  font-size: 1.45rem;
  font-weight: 600;
}

.about-mission-index small {
  margin-top: 5px;
  color: rgba(255,255,255,.42);
  font-size: .72rem;
}

.about-mission-inner h3 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 650;
}

.about-mission-inner p {
  margin: 0 0 12px;
  color: rgba(255,255,255,.68);
  font-size: .9rem;
  line-height: 2;
}

/* ----- شبکه دپارتمان‌ها؛ کارت‌های سبک با سلسله‌مراتب روشن ----- */
.about-deps {
  position: relative;
  overflow: hidden;
  padding: 112px 24px 122px;
  color: #0f1c2e;
  background: #f2f0ea;
}

.about-deps-inner {
  max-width: 1220px;
  margin: 0 auto;
}

.about-deps-head {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

.about-deps-head>span {
  display: inline-block;
  margin-bottom: 16px;
  color: #a66d00;
  font-size: .78rem;
  font-weight: 750;
}

.about-deps h2 {
  margin: 0 0 15px;
  color: #0f1c2e;
  font-size: clamp(2rem,3.4vw,3.35rem);
  font-weight: 520;
  line-height: 1.35;
  letter-spacing: -.025em;
}

.about-deps-head p {
  margin: 0 auto;
  color: #657080;
  font-size: .94rem;
  line-height: 1.9;
}

.about-deps-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
}

/* هر کارت نماینده یک دپارتمان مستقل است؛ بدون آیکون و با توضیح عملکرد */
.about-dep-card {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  padding: 28px 26px 24px;
  border: 1px solid rgba(15,28,46,.08);
  border-radius: 14px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,247,242,.9));
  box-shadow: 0 12px 34px rgba(15,28,46,.05);
  transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.about-dep-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 26px;
  width: 42px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: #f9a400;
}

.about-dep-card:hover {
  transform: translateY(-3px);
  border-color: rgba(249,164,0,.36);
  box-shadow: 0 20px 44px rgba(15,28,46,.09);
}

.about-dep-card>b {
  display: block;
  margin-bottom: 30px;
  color: #b87900;
  font-size: .76rem;
  font-weight: 700;
}

.about-dep-card h3 {
  margin: 0 0 9px;
  color: #122238;
  font-size: 1.02rem;
  font-weight: 750;
  line-height: 1.55;
}

.about-dep-card p {
  margin: 0;
  color: #717c8a;
  font-size: .78rem;
  line-height: 1.85;
}

@media (max-width:900px) {
  .about-hero-signature {
    display: none;
  }

  .about-story-inner {
    grid-template-columns: 1fr;
  }

  .about-story-media {
    width: calc(100% - 18px);
    margin-right: 18px;
  }

  .about-mission-inner {
    grid-template-columns: 1fr;
  }

  .about-mission-head {
    grid-column: auto;
  }

  .about-deps-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:620px) {
  .about-hero {
    min-height: 700px;
  }

  .about-hero-media {
    background-position: 64% center !important;
  }

  .about-hero-copy {
    padding: 130px 20px 52px;
  }

  .about-hero-shade {
    background:
      linear-gradient(180deg,rgba(5,13,24,.34),rgba(5,13,24,.2) 38%,rgba(5,13,24,.9)),
      linear-gradient(90deg,rgba(5,13,24,.6),rgba(5,13,24,.18));
  }

  .about-hero-copy h1 {
    font-size: clamp(2.1rem,11vw,3.2rem);
  }

  .about-story,
  .about-mission,
  .about-deps {
    padding: 82px 20px;
  }

  .about-story-inner {
    gap: 48px;
  }

  .about-story-visual {
    border-radius: 4px 28px 4px 4px;
  }

  .about-story-caption {
    right: -14px;
    bottom: 18px;
  }

  .about-mission-inner article {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 30px 24px;
  }

  .about-mission-index {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 14px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }

  .about-mission-index small {
    margin: 0;
  }

  .about-deps-grid {
    grid-template-columns: 1fr;
  }

  .about-dep-card {
    min-height: 0;
    padding: 24px 22px 22px;
  }
}

/* ----- تماس پریمیوم، مسیرهای ارتباطی و لوکیشن در صفحه درباره ما ----- */
.page-view[data-page="about"] .about-contact {
  position:relative;
  overflow:hidden;
  padding:100px 24px 112px;
  background:
    radial-gradient(circle at 8% 10%,rgba(249,164,0,.09),transparent 24%),
    linear-gradient(180deg,#f8f6f1 0%,#eeebe4 100%);
}

.page-view[data-page="about"] .about-contact::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(15,28,46,.035) 1px,transparent 1px);
  background-size:96px 100%;
  mask-image:linear-gradient(90deg,transparent,black 28%,black 72%,transparent);
  opacity:.38;
}

.about-contact-inner {
  position:relative;
  z-index:1;
  max-width:1240px;
  margin:0 auto;
}

.about-contact-intro {
  max-width:760px;
  margin:0 auto 52px;
  text-align:center;
}

.about-contact-intro span {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#a66d00;
  font-weight:650;
}

.about-contact-intro span::before {
  content:"";
  width:28px;
  height:1px;
  background:#f9a400;
}

.page-view[data-page="about"] .about-contact-intro h2 {
  max-width:700px;
  margin:12px auto 14px;
  color:#101b2b;
  font-size:clamp(2rem,3.3vw,3.25rem);
  line-height:1.32;
}

.page-view[data-page="about"] .about-contact-intro p {
  max-width:620px;
  margin:0 auto;
  color:#626974;
  font-size:1.05rem;
  line-height:1.9;
}

.about-contact-shell {
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  border:1px solid rgba(15,28,46,.1);
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 32px 90px rgba(15,28,46,.13);
}

.about-contact-form {
  min-height:100%;
  padding:44px 40px;
  display:flex;
  flex-direction:column;
  color:#fff;
  background:
    radial-gradient(circle at 15% 12%,rgba(249,164,0,.12),transparent 24%),
    linear-gradient(145deg,#122238 0%,#091524 100%);
}

.about-contact-form-head {
  margin-bottom:30px;
}

.about-contact-form-head>span {
  color:#f9a400;
  font-size:.86rem;
  font-weight:600;
}

.about-contact-form h3 {
  margin:8px 0 10px;
  color:#fff;
  font-size:clamp(1.45rem,2vw,2rem);
  line-height:1.5;
}

.about-contact-form-head>p {
  max-width:440px;
  margin:0;
  color:rgba(255,255,255,.67);
  line-height:1.8;
}

.about-contact-fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.about-contact-fields label {
  display:grid;
  gap:8px;
  color:rgba(255,255,255,.8);
  font-size:.88rem;
}

.about-contact-field-wide {
  grid-column:1 / -1;
}

.page-view[data-page="about"] .about-contact-form input,
.page-view[data-page="about"] .about-contact-form textarea {
  width:100%;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  padding:13px 15px;
  background:rgba(255,255,255,.96);
  color:#101b2b;
  font-family:Peyda,Arial,sans-serif;
  font-size:.95rem;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.page-view[data-page="about"] .about-contact-form textarea {
  min-height:132px;
  resize:vertical;
}

.page-view[data-page="about"] .about-contact-form input:focus,
.page-view[data-page="about"] .about-contact-form textarea:focus {
  border-color:#f9a400;
  outline:0;
  background:#fff;
  box-shadow:0 0 0 4px rgba(249,164,0,.14);
}

.about-contact-form>button {
  height:54px;
  margin-top:18px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:12px;
  background:#f9a400;
  color:#0f1c2e;
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  font-weight:750;
  cursor:pointer;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}

.about-contact-form>button:hover {
  transform:translateY(-2px);
  background:#ffb72d;
  box-shadow:0 12px 28px rgba(249,164,0,.2);
}

.about-contact-form>button b {
  font-size:1.25rem;
  font-weight:400;
}

.about-contact-details {
  padding:44px 40px;
  background:linear-gradient(145deg,#fff 0%,#faf8f4 100%);
}

.about-contact-details-head {
  margin-bottom:24px;
}

.about-contact-details-head span {
  color:#a66d00;
  font-size:.86rem;
  font-weight:600;
}

.about-contact-details-head h3 {
  margin:8px 0 0;
  color:#101b2b;
  font-size:clamp(1.35rem,1.8vw,1.8rem);
}

.about-contact-channels {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:20px;
}

.about-contact-channels>a {
  position:relative;
  min-height:112px;
  padding:17px 16px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(15,28,46,.09);
  border-radius:14px;
  background:#fff;
  color:#101b2b;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.about-contact-channels>a:hover {
  transform:translateY(-3px);
  border-color:rgba(249,164,0,.55);
  box-shadow:0 16px 34px rgba(15,28,46,.09);
}

.about-contact-channels small {
  margin-bottom:6px;
  color:#747b84;
  font-size:.75rem;
}

.about-contact-channels strong {
  font-size:.96rem;
  font-weight:700;
}

.about-contact-channels>a>b {
  position:absolute;
  top:13px;
  left:14px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(249,164,0,.12);
  color:#a66d00;
  font-size:.82rem;
}

.about-contact-location {
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:250px;
  overflow:hidden;
  border:1px solid rgba(15,28,46,.09);
  border-radius:18px;
  background:#f2f0eb;
}

.about-contact-address {
  padding:26px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.about-contact-address>span {
  color:#a66d00;
  font-size:.82rem;
  font-weight:650;
}

.about-contact-address h3 {
  margin:8px 0 9px;
  color:#101b2b;
  font-size:1.15rem;
}

.about-contact-address p {
  margin:0 0 8px;
  color:#4f5864;
  line-height:1.85;
}

.about-contact-note {
  color:#777e87!important;
  font-size:.83rem;
}

.about-contact-address>a {
  width:max-content;
  margin-top:8px;
  color:#101b2b;
  font-weight:700;
}

.about-contact-address>a b {
  margin-right:7px;
  color:#a66d00;
}

.about-contact-map {
  width:100%;
  height:100%;
  min-height:250px;
  border:0;
  filter:grayscale(1) contrast(.94) brightness(1.04);
}

@media (max-width: 900px) {
  .about-story-inner,
  .about-mission-inner,
  .about-contact-shell {
    grid-template-columns: 1fr;
  }
  .about-deps-grid {
    grid-template-columns: 1fr 1fr;
  }

  .about-contact-details {
    order:-1;
  }

  .about-contact-channels {
    grid-template-columns:1fr;
  }

  .about-contact-channels>a {
    min-height:88px;
  }
}

@media (max-width:620px) {
  .page-view[data-page="about"] .about-contact {
    padding:72px 16px 80px;
  }

  .about-contact-intro {
    margin-bottom:34px;
  }

  .about-contact-shell {
    border-radius:20px;
  }

  .about-contact-form,
  .about-contact-details {
    padding:30px 20px;
  }

  .about-contact-fields,
  .about-contact-location {
    grid-template-columns:1fr;
  }

  .about-contact-map {
    min-height:220px;
  }
}


/* ==================== پرداخت پریمیوم سراسری نسخه ۱۱۴ ==================== */
/*
  این لایه فقط ظاهر صفحات را با زبان مینیمال و تشریفاتی کسبی پالایش می‌کند.
  ساختار، محتوا، تصاویر، ابعاد اصلی، انیمیشن‌ها و رفتارهای نسخه ۱۱۴ دست‌نخورده می‌مانند.
*/
:root {
  --kasbi-premium-canvas:#f2f0eb;
  --kasbi-premium-paper:#fbfaf7;
  --kasbi-premium-paper-deep:#f5f2ec;
  --kasbi-premium-ink:#101b2b;
  --kasbi-premium-muted:#626974;
  --kasbi-premium-accent:#f9a400;
  --kasbi-premium-accent-soft:rgba(249,164,0,.16);
  --kasbi-premium-line:rgba(15,28,46,.10);
  --kasbi-premium-shadow:0 24px 70px rgba(15,28,46,.10),0 2px 10px rgba(15,28,46,.045)
}

body:not(.drivers-route) {
  background:var(--kasbi-premium-canvas);
  color:var(--kasbi-premium-ink)
}

body:not(.drivers-route) .page-view {
  background-color:var(--kasbi-premium-canvas)
}

/* زمینه‌های روشن و لایه‌دار؛ جایگزین سفیدی تخت در سکشن‌های محتوایی */
body:not(.drivers-route) .home-comfort,
body:not(.drivers-route) .home-excellence,
body:not(.drivers-route) .services-overview-intro,
body:not(.drivers-route) .services-overview-list,
body:not(.drivers-route) .split-section,
body:not(.drivers-route) .steps,
body:not(.drivers-route) .faq,
body:not(.drivers-route) .business-overview,
body:not(.drivers-route) .dashboard-section,
body:not(.drivers-route) .lead-form,
body:not(.drivers-route) .post-grid,
body:not(.drivers-route) .legal-content,
body:not(.drivers-route) .smart-lead,
body:not(.drivers-route) .smart-about,
body:not(.drivers-route) .smart-steps,
body:not(.drivers-route) .smart-dashboard,
body:not(.drivers-route) .smart-faq,
body:not(.drivers-route) .about-story,
body:not(.drivers-route) .about-contact {
  background:
    radial-gradient(circle at 88% 6%,rgba(249,164,0,.05),transparent 24%),
    linear-gradient(180deg,var(--kasbi-premium-paper) 0%,var(--kasbi-premium-paper-deep) 100%)
}

body:not(.drivers-route) .home-excellence,
body:not(.drivers-route) .benefits,
body:not(.drivers-route) .services-overview-values,
body:not(.drivers-route) .smart-features {
  background:
    radial-gradient(circle at 12% 18%,rgba(249,164,0,.045),transparent 26%),
    linear-gradient(180deg,#f4f2ed 0%,#eeece6 100%)
}

/* تیترهای محتوایی با سرمه‌ای-ذغالی عمیق به‌جای مشکی خالص */
body:not(.drivers-route) .home-statement h2,
body:not(.drivers-route) .section-intro h2,
body:not(.drivers-route) .split-section h2,
body:not(.drivers-route) .benefits h2,
body:not(.drivers-route) .steps h2,
body:not(.drivers-route) .faq h2,
body:not(.drivers-route) .business-overview h2,
body:not(.drivers-route) .dashboard-section h2,
body:not(.drivers-route) .lead-form h2,
body:not(.drivers-route) .services-overview-intro h2,
body:not(.drivers-route) .services-overview-values h2,
body:not(.drivers-route) .editorial-hero h1,
body:not(.drivers-route) .legal-hero h1,
body:not(.drivers-route) .smart-section-head h2,
body:not(.drivers-route) .smart-about-copy h2,
body:not(.drivers-route) .smart-lead-text h2,
body:not(.drivers-route) .about-contact-intro h2 {
  color:var(--kasbi-premium-ink);
  text-shadow:0 1px 0 rgba(255,255,255,.72)
}

body:not(.drivers-route) .home-statement p,
body:not(.drivers-route) .section-intro p,
body:not(.drivers-route) .split-section p,
body:not(.drivers-route) .business-overview p,
body:not(.drivers-route) .dashboard-section header p,
body:not(.drivers-route) .lead-form>div p,
body:not(.drivers-route) .services-overview-intro p,
body:not(.drivers-route) .editorial-hero p,
body:not(.drivers-route) .smart-section-head p,
body:not(.drivers-route) .smart-about-copy p,
body:not(.drivers-route) .smart-lead-text p,
body:not(.drivers-route) .about-contact-intro p {
  color:var(--kasbi-premium-muted)
}

/* خط زرد برند؛ بسیار محدود و فقط برای امضای تیترهای مرکزی */
body:not(.drivers-route) .home-statement h2::after,
body:not(.drivers-route) .benefits>header h2::after,
body:not(.drivers-route) .steps>header h2::after,
body:not(.drivers-route) .faq>header h2::after,
body:not(.drivers-route) .services-overview-values>header h2::after,
body:not(.drivers-route) .smart-section-head h2::after {
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin:20px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--kasbi-premium-accent),transparent)
}

body:not(.drivers-route) .split-section>div>span,
body:not(.drivers-route) .business-overview>div>span,
body:not(.drivers-route) .dashboard-section>header>span,
body:not(.drivers-route) .lead-form>div>span,
body:not(.drivers-route) .services-overview-intro>span,
body:not(.drivers-route) .editorial-hero>span,
body:not(.drivers-route) .legal-hero>span,
body:not(.drivers-route) .about-contact-intro>span {
  color:#a66d00
}

/* عمق نرم برای تصاویر بزرگ و کارت‌های اصلی */
body:not(.drivers-route) .home-comfort-card,
body:not(.drivers-route) .split-image,
body:not(.drivers-route) .dashboard-image,
body:not(.drivers-route) .featured-image,
body:not(.drivers-route) .press-image,
body:not(.drivers-route) .services-overview-row>.image-slot,
body:not(.drivers-route) .smart-dashboard-panel,
body:not(.drivers-route) .smart-about-visual {
  border:1px solid rgba(255,255,255,.72);
  box-shadow:var(--kasbi-premium-shadow)
}

body:not(.drivers-route) .home-comfort-card {
  border-radius:18px
}

body:not(.drivers-route) .home-glass-caption {
  border-color:rgba(249,164,0,.30);
  background:linear-gradient(120deg,rgba(8,17,30,.88),rgba(18,30,47,.68));
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%)
}

body:not(.drivers-route) .benefits article,
body:not(.drivers-route) .step-grid article,
body:not(.drivers-route) .home-excellence-grid article,
body:not(.drivers-route) .services-overview-values article,
body:not(.drivers-route) .stat-grid article,
body:not(.drivers-route) .accordion article,
body:not(.drivers-route) .smart-feature-card,
body:not(.drivers-route) .smart-step-card,
body:not(.drivers-route) .about-contact-cards article,
body:not(.drivers-route) .about-contact-address {
  border-color:var(--kasbi-premium-line);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,248,243,.91));
  box-shadow:0 10px 34px rgba(15,28,46,.055)
}

body:not(.drivers-route) .benefits article,
body:not(.drivers-route) .services-overview-values article {
  border-top-color:var(--kasbi-premium-accent)
}

body:not(.drivers-route) .benefits article:hover,
body:not(.drivers-route) .step-grid article:hover,
body:not(.drivers-route) .home-excellence-grid article:hover,
body:not(.drivers-route) .services-overview-values article:hover,
body:not(.drivers-route) .smart-feature-card:hover,
body:not(.drivers-route) .smart-step-card:hover {
  transform:translateY(-4px);
  box-shadow:0 22px 52px rgba(15,28,46,.10)
}

/* بخش‌های تیره جدید؛ همان سرمه‌ای برند با عمق بیشتر */
body:not(.drivers-route) .svc-audience {
  background:
    radial-gradient(circle at 18% 15%,rgba(249,164,0,.08),transparent 24%),
    linear-gradient(145deg,#111f33 0%,#081423 100%)
}

body:not(.drivers-route) .svc-card {
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:0 14px 34px rgba(0,0,0,.14)
}

/* فرم‌ها؛ سطح روشن‌تر و فوکوس زرد کم‌رنگ */
body:not(.drivers-route) .lead-form form input,
body:not(.drivers-route) .lead-form form textarea,
body:not(.drivers-route) .form-field input,
body:not(.drivers-route) .form-field select,
body:not(.drivers-route) .form-field textarea,
body:not(.drivers-route) .about-contact-form input,
body:not(.drivers-route) .about-contact-form textarea {
  border-color:rgba(15,28,46,.14);
  background:rgba(255,255,255,.92)
}

body:not(.drivers-route) .lead-form form input:focus,
body:not(.drivers-route) .lead-form form textarea:focus,
body:not(.drivers-route) .form-field input:focus,
body:not(.drivers-route) .form-field select:focus,
body:not(.drivers-route) .form-field textarea:focus,
body:not(.drivers-route) .about-contact-form input:focus,
body:not(.drivers-route) .about-contact-form textarea:focus {
  border-color:var(--kasbi-premium-accent);
  box-shadow:0 0 0 4px var(--kasbi-premium-accent-soft);
  outline:0
}

/* صفحه رانندگان پالت زرد، طوسی و مشکی مستقل خود را حفظ می‌کند */
.page-view[data-page="drivers"] .driver-onboarding,
.page-view[data-page="drivers"] .driver-faq {
  background:
    radial-gradient(circle at 85% 8%,rgba(253,185,76,.075),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f5f4f1 100%)
}

.page-view[data-page="drivers"] .driver-process-panel,
.page-view[data-page="drivers"] .driver-faq-image {
  border:1px solid rgba(202,148,61,.26);
  box-shadow:0 24px 64px rgba(13,13,13,.13)
}

@media (max-width:760px) {
  body:not(.drivers-route) .home-comfort-card {
    border-radius:14px
  }

  body:not(.drivers-route) .home-statement h2::after,
  body:not(.drivers-route) .benefits>header h2::after,
  body:not(.drivers-route) .steps>header h2::after,
  body:not(.drivers-route) .faq>header h2::after,
  body:not(.drivers-route) .services-overview-values>header h2::after,
  body:not(.drivers-route) .smart-section-head h2::after {
    margin-top:15px
  }
}

/* ========================================================================== */
/* صفحه خدمات کسبی — بازطراحی پریمیوم مستقل با پالت صفحه اصلی              */
/* این بلوک فقط data-page="services" را هدف می‌گیرد و روی صفحات دیگر اثری ندارد. */
/* ========================================================================== */

/* ----- متغیرها و زمینه کلی صفحه خدمات ----- */
.page-view[data-page="services"] {
  --services-navy:#0f1c2e;
  --services-navy-deep:#071321;
  --services-ink:#111d2f;
  --services-muted:#657080;
  --services-yellow:#f9a400;
  --services-yellow-soft:#fdb94c;
  --services-paper:#f8f6f1;
  --services-paper-deep:#efede7;
  --services-line:rgba(15,28,46,.13);
  overflow:hidden;
  background:var(--services-paper);
  color:var(--services-ink)
}

/* ----- هیروی خدمات؛ تصویر کامل بدون زوم بیش از حد ----- */
.page-view[data-page="services"] .services-overview-hero-image {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 28% center !important;
  animation: none !important;
  transform: none !important;
}

/* ----- هیروی خدمات؛ حرکت و رفتار اسکرول قبلی حفظ شده است ----- */
.page-view[data-page="services"] .services-overview-hero-shade {
  background:
    linear-gradient(90deg,rgba(5,14,25,.28),rgba(5,14,25,.04) 48%,rgba(5,14,25,.28)),
    linear-gradient(180deg,rgba(5,14,25,.30),rgba(5,14,25,.06) 42%,rgba(5,14,25,.88))
}

.page-view[data-page="services"] .services-overview-hero>div:last-child {
  max-width:1440px;
  padding-bottom:clamp(64px,8vw,110px)
}

.page-view[data-page="services"] .services-overview-hero span {
  width:max-content;
  margin-bottom:20px;
  padding:8px 14px;
  border:1px solid rgba(253,185,76,.42);
  border-radius:999px;
  background:rgba(7,19,33,.32);
  color:#ffd27b;
  font-size:.82rem;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)
}

.page-view[data-page="services"] .services-overview-hero h1 {
  max-width:900px;
  margin:0 0 22px;
  color:#fff;
  font-family:Peyda,Arial,sans-serif;
  font-size:clamp(2.85rem,4.05vw,4.45rem);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.035em;
  text-shadow:0 10px 40px rgba(0,0,0,.28)
}

.page-view[data-page="services"] .services-overview-hero p {
  max-width:700px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:1.02rem;
  line-height:1.82
}

/* ----- معرفی صفحه؛ گذار رنگی فعلی با ظاهر شکیل‌تر ----- */
.page-view[data-page="services"] .services-overview-intro {
  min-height:430px;
  padding:78px 32px 70px;
  background:
    radial-gradient(circle at 50% 0,rgba(249,164,0,.11),transparent 34%),
    linear-gradient(145deg,var(--services-navy) 0%,var(--services-navy-deep) 100%);
  box-shadow:0 -24px 60px rgba(4,12,22,.18)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro {
  background:
    radial-gradient(circle at 84% 8%,rgba(249,164,0,.07),transparent 25%),
    linear-gradient(180deg,var(--services-paper) 0%,var(--services-paper-deep) 100%)
}

.page-view[data-page="services"] .services-overview-intro>span {
  margin-bottom:16px;
  color:var(--services-yellow-soft);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.04em
}

.page-view[data-page="services"] .services-overview-intro h2 {
  max-width:920px;
  margin:0 0 22px;
  color:#fff;
  font-family:Peyda,Arial,sans-serif;
  font-size:clamp(2.3rem,3.25vw,3.55rem);
  font-weight:500;
  line-height:1.14;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:none
}

.page-view[data-page="services"] .services-overview-intro p {
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.67);
  font-size:1rem;
  line-height:1.82
}

.page-view[data-page="services"] .services-overview-intro>a {
  align-items:center;
  margin-top:28px;
  color:var(--services-yellow-soft)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro h2 {
  color:var(--services-ink)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro>span {
  color:#a66d00
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro p {
  color:var(--services-muted)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro>a {
  color:var(--services-ink)
}

/* ----- فهرست خدمات؛ ردیف‌های ادیتوریال و شماره‌گذاری ظریف ----- */
.page-view[data-page="services"] .services-overview-list {
  padding:96px 48px 112px;
  background:
    radial-gradient(circle at 8% 30%,rgba(249,164,0,.045),transparent 24%),
    linear-gradient(180deg,#fff 0%,var(--services-paper) 100%)
}

.page-view[data-page="services"] .services-overview-row {
  position:relative;
  max-width:1280px;
  margin:0 auto 96px;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:clamp(44px,5.5vw,78px);
  align-items:center
}

.page-view[data-page="services"] .services-overview-row::after {
  content:"";
  position:absolute;
  right:0;
  bottom:-48px;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--services-line) 14%,var(--services-line) 86%,transparent)
}

.page-view[data-page="services"] .services-overview-row:last-child::after {
  display:none
}

.page-view[data-page="services"] .services-overview-row>.image-slot {
  width:100%;
  height:clamp(440px,32vw,520px);
  min-height:0;
  aspect-ratio:4 / 3;
  border:1px solid rgba(255,255,255,.82);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(15,28,46,.14);
  overflow:hidden
}

.page-view[data-page="services"] .services-overview-row>div:last-child {
  position:relative;
  padding-top:44px
}

.page-view[data-page="services"] .services-overview-row>div:last-child::before {
  position:absolute;
  top:0;
  right:0;
  color:#b67a08;
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.08em
}

.page-view[data-page="services"] .services-overview-row:nth-child(1)>div:last-child::before {content:"خدمت ۰۱"}
.page-view[data-page="services"] .services-overview-row:nth-child(2)>div:last-child::before {content:"خدمت ۰۲"}
.page-view[data-page="services"] .services-overview-row:nth-child(3)>div:last-child::before {content:"خدمت ۰۳"}

.page-view[data-page="services"] .services-overview-row span {
  margin-bottom:14px;
  color:var(--services-muted);
  font-size:.82rem;
  font-weight:650;
  letter-spacing:.04em
}

.page-view[data-page="services"] .services-overview-row h2 {
  margin:0 0 22px;
  color:var(--services-ink);
  font-family:Peyda,Arial,sans-serif;
  max-width:540px;
  font-size:clamp(2.1rem,2.85vw,3.15rem);
  font-weight:500;
  line-height:1.13;
  letter-spacing:-.035em;
  text-wrap:balance
}

.page-view[data-page="services"] .services-overview-row p {
  max-width:510px;
  margin:0;
  color:var(--services-muted);
  font-size:.98rem;
  line-height:1.85
}

/* ----- معرفی راهکار سازمانی؛ پنل تیره با تصویر یکپارچه ----- */
.page-view[data-page="services"] .services-business-callout {
  min-height:560px;
  grid-template-columns:minmax(520px,.9fr) minmax(0,1.1fr);
  background:
    radial-gradient(circle at 14% 18%,rgba(249,164,0,.10),transparent 30%),
    linear-gradient(145deg,var(--services-navy) 0%,var(--services-navy-deep) 100%);
  color:#fff
}

.page-view[data-page="services"] .services-business-callout>div:first-child {
  width:100%;
  max-width:none;
  padding:clamp(68px,6vw,98px) clamp(54px,5.5vw,94px)
}

.page-view[data-page="services"] .services-business-callout span {
  color:var(--services-yellow-soft);
  font-weight:700
}

.page-view[data-page="services"] .services-business-callout h2 {
  margin:0 0 22px;
  color:#fff;
  font-family:Peyda,Arial,sans-serif;
  max-width:580px;
  font-size:clamp(2.1rem,2.8vw,3.15rem);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.03em;
  text-wrap:balance
}

.page-view[data-page="services"] .services-business-callout p {
  max-width:560px;
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:1rem;
  line-height:1.85
}

.page-view[data-page="services"] .services-business-callout a,
.page-view[data-page="services"] .services-final-cta a {
  min-height:48px;
  align-items:center;
  justify-content:center;
  margin-top:30px;
  padding:13px 23px;
  border-color:var(--services-yellow);
  background:var(--services-yellow);
  color:var(--services-navy-deep);
  font-size:.92rem;
  font-weight:800;
  box-shadow:0 13px 30px rgba(249,164,0,.18)
}

.page-view[data-page="services"] .services-business-callout a:hover,
.page-view[data-page="services"] .services-final-cta a:hover {
  transform:translateY(-2px);
  background:var(--services-yellow-soft);
  box-shadow:0 18px 38px rgba(249,164,0,.24)
}

.page-view[data-page="services"] .services-business-callout>.image-slot {
  min-height:560px;
  border:0;
  box-shadow:inset 20px 0 55px rgba(7,19,33,.14)
}

/* ----- استانداردهای ثابت؛ کارت‌های روشن و سبک ----- */
.page-view[data-page="services"] .services-overview-values {
  padding:100px 48px 108px;
  background:
    radial-gradient(circle at 50% 0,rgba(249,164,0,.06),transparent 27%),
    linear-gradient(180deg,var(--services-paper-deep) 0%,var(--services-paper) 100%)
}

.page-view[data-page="services"] .services-overview-values>header {
  max-width:820px;
  margin-bottom:58px
}

.page-view[data-page="services"] .services-overview-values>header h2 {
  margin:0;
  color:var(--services-ink);
  font-family:Peyda,Arial,sans-serif;
  font-size:clamp(2.25rem,3.1vw,3.4rem);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:none
}

.page-view[data-page="services"] .services-overview-values>div {
  max-width:1220px;
  gap:18px
}

.page-view[data-page="services"] .services-overview-values article,
.page-view[data-page="services"] .services-overview-values article:nth-child(2),
.page-view[data-page="services"] .services-overview-values article:nth-child(3) {
  min-height:280px;
  padding:30px;
  border:1px solid var(--services-line);
  border-top:2px solid var(--services-yellow);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,247,242,.93));
  color:var(--services-ink);
  box-shadow:0 14px 42px rgba(15,28,46,.065)
}

.page-view[data-page="services"] .services-overview-values article b,
.page-view[data-page="services"] .services-overview-values article:nth-child(3) b {
  color:#b37805
}

.page-view[data-page="services"] .services-overview-values article h3 {
  margin:54px 0 10px;
  color:var(--services-ink);
  font-size:1.45rem;
  line-height:1.45
}

.page-view[data-page="services"] .services-overview-values article p,
.page-view[data-page="services"] .services-overview-values article:not(:nth-child(3)) p {
  color:var(--services-muted);
  font-size:.95rem;
  line-height:1.85
}

/* ----- مخاطبان خدمات؛ کارت‌های شیشه‌ای کنترل‌شده روی سرمه‌ای ----- */
.page-view[data-page="services"] .svc-audience {
  padding:96px 32px 106px;
  background:
    radial-gradient(circle at 15% 8%,rgba(249,164,0,.11),transparent 24%),
    radial-gradient(circle at 90% 92%,rgba(255,255,255,.04),transparent 26%),
    linear-gradient(145deg,#111f33 0%,var(--services-navy-deep) 100%)
}

.page-view[data-page="services"] .svc-audience-head {
  max-width:820px;
  margin-bottom:50px
}

.page-view[data-page="services"] .svc-audience-head::before {
  content:"مناسب برای سازمان‌ها";
  display:block;
  margin-bottom:14px;
  color:var(--services-yellow-soft);
  font-size:.8rem;
  font-weight:700
}

.page-view[data-page="services"] .svc-audience-head h2 {
  font-size:clamp(2.15rem,2.9vw,3.15rem);
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.03em;
  text-wrap:balance
}

.page-view[data-page="services"] .svc-audience-head p {
  max-width:660px;
  margin-inline:auto;
  color:rgba(255,255,255,.62)
}

.page-view[data-page="services"] .svc-audience-grid {
  max-width:1180px;
  gap:14px
}

.page-view[data-page="services"] .svc-card {
  grid-column:span 2
}

.page-view[data-page="services"] .svc-card:nth-child(4),
.page-view[data-page="services"] .svc-card:nth-child(5) {
  grid-column:span 3
}

.page-view[data-page="services"] .svc-card,
.page-view[data-page="services"] .svc-card--wide {
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
  min-height:205px;
  padding:14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:0 16px 36px rgba(0,0,0,.14);
  overflow:hidden
}

.page-view[data-page="services"] .svc-card:hover {
  border-color:rgba(249,164,0,.48);
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.04));
  box-shadow:0 22px 46px rgba(0,0,0,.20)
}

/* تصویر کوچک هر گروه سازمانی؛ حضور کنترل‌شده برای جلوگیری از شلوغی */
.page-view[data-page="services"] .svc-card-thumb {
  position:relative;
  min-height:175px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:11px;
  overflow:hidden;
  background:#16263b
}

.page-view[data-page="services"] .svc-card-thumb::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,19,33,.03),rgba(7,19,33,.34));
  pointer-events:none
}

.page-view[data-page="services"] .svc-card-thumb img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.04);
  transition:transform .45s ease,filter .45s ease
}

.page-view[data-page="services"] .svc-card:hover .svc-card-thumb img {
  transform:scale(1.035);
  filter:saturate(.9) contrast(1.04)
}

.page-view[data-page="services"] .svc-card-copy {
  min-width:0;
  padding:9px 6px 8px;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.page-view[data-page="services"] .svc-card-top {
  margin:0 0 24px
}

.page-view[data-page="services"] .svc-card-num {
  color:var(--services-yellow-soft)
}

.page-view[data-page="services"] .svc-card h3 {
  margin:0 0 8px;
  font-size:1.08rem;
  line-height:1.5
}

.page-view[data-page="services"] .svc-card p {
  color:rgba(255,255,255,.62);
  font-size:.9rem;
  line-height:1.75
}

/* ----- دعوت نهایی؛ پایان‌بندی یکپارچه با هویت صفحه اصلی ----- */
.page-view[data-page="services"] .services-final-cta {
  min-height:440px;
  padding:88px 32px;
  background:
    radial-gradient(circle at 50% 0,rgba(249,164,0,.12),transparent 31%),
    linear-gradient(180deg,var(--services-navy) 0%,var(--services-navy-deep) 100%)
}

.page-view[data-page="services"] .services-final-cta>span {
  color:var(--services-yellow-soft);
  font-weight:700
}

.page-view[data-page="services"] .services-final-cta h2 {
  max-width:820px;
  margin:0;
  color:#fff;
  font-size:clamp(2.25rem,3.1vw,3.4rem);
  font-weight:500;
  line-height:1.17;
  letter-spacing:-.035em;
  text-wrap:balance
}

/* ----- واکنش‌گرایی صفحه خدمات ----- */
@media (max-width:1000px) {
  .page-view[data-page="services"] .services-overview-list {
    padding-inline:30px
  }

  .page-view[data-page="services"] .services-overview-row {
    grid-template-columns:1fr 1fr;
    gap:42px
  }

  .page-view[data-page="services"] .services-overview-row>.image-slot {
    height:420px;
    min-height:0
  }

  .page-view[data-page="services"] .services-business-callout {
    grid-template-columns:1fr
  }

  .page-view[data-page="services"] .services-business-callout>div:first-child {
    padding:72px 44px
  }

  .page-view[data-page="services"] .services-business-callout>.image-slot {
    min-height:460px
  }

  .page-view[data-page="services"] .svc-audience-grid {
    grid-template-columns:1fr 1fr
  }

  .page-view[data-page="services"] .svc-card,
  .page-view[data-page="services"] .svc-card:nth-child(4) {
    grid-column:span 1
  }

  .page-view[data-page="services"] .svc-card:nth-child(5) {
    grid-column:1 / -1
  }
}

@media (max-width:760px) {
  .page-view[data-page="services"] .services-overview-hero>div:last-child {
    padding:120px 20px 58px
  }

  .page-view[data-page="services"] .services-overview-hero h1 {
    font-size:clamp(2.55rem,10.2vw,3.65rem)
  }

  .page-view[data-page="services"] .services-overview-intro {
    min-height:430px;
    padding:70px 20px 64px
  }

  .page-view[data-page="services"] .services-overview-intro h2 {
    font-size:clamp(2.1rem,8.7vw,2.95rem)
  }

  .page-view[data-page="services"] .services-overview-list {
    padding:74px 20px 86px
  }

  .page-view[data-page="services"] .services-overview-row,
  .page-view[data-page="services"] .services-overview-row.reverse {
    grid-template-columns:1fr;
    gap:30px;
    margin-bottom:82px
  }

  .page-view[data-page="services"] .services-overview-row.reverse>.image-slot,
  .page-view[data-page="services"] .services-overview-row.reverse>div:last-child {
    order:initial
  }

  .page-view[data-page="services"] .services-overview-row::after {
    bottom:-41px
  }

  .page-view[data-page="services"] .services-overview-row>.image-slot {
    height:clamp(290px,80vw,360px);
    min-height:0;
    border-radius:12px
  }

  .page-view[data-page="services"] .services-overview-row>div:last-child {
    padding-top:42px
  }

  .page-view[data-page="services"] .services-overview-row h2 {
    font-size:clamp(2.05rem,8.5vw,2.85rem)
  }

  .page-view[data-page="services"] .services-business-callout {
    min-height:0;
    grid-template-columns:1fr
  }

  .page-view[data-page="services"] .services-business-callout>div:first-child {
    padding:76px 20px 62px
  }

  .page-view[data-page="services"] .services-business-callout>.image-slot {
    min-height:360px
  }

  .page-view[data-page="services"] .services-overview-values {
    padding:84px 20px 90px
  }

  .page-view[data-page="services"] .services-overview-values>header {
    margin-bottom:40px
  }

  .page-view[data-page="services"] .services-overview-values>div {
    grid-template-columns:1fr
  }

  .page-view[data-page="services"] .services-overview-values article,
  .page-view[data-page="services"] .services-overview-values article:nth-child(2),
  .page-view[data-page="services"] .services-overview-values article:nth-child(3) {
    min-height:230px;
    border-radius:12px
  }

  .page-view[data-page="services"] .svc-audience {
    padding:82px 20px 90px
  }

  .page-view[data-page="services"] .svc-audience-grid {
    grid-template-columns:1fr
  }

  .page-view[data-page="services"] .svc-card,
  .page-view[data-page="services"] .svc-card:nth-child(4),
  .page-view[data-page="services"] .svc-card:nth-child(5),
  .page-view[data-page="services"] .svc-card--wide {
    grid-column:span 1;
    grid-template-columns:100px minmax(0,1fr);
    gap:12px;
    min-height:190px;
    padding:12px;
    border-radius:12px
  }

  .page-view[data-page="services"] .svc-card-thumb {
    min-height:166px;
    border-radius:9px
  }

  .page-view[data-page="services"] .svc-card-copy {
    padding:7px 3px
  }

  .page-view[data-page="services"] .svc-card-top {
    margin-bottom:16px
  }

  .page-view[data-page="services"] .services-final-cta {
    min-height:440px;
    padding:82px 20px
  }
}