/* ══════════════════════════════════════════════════════════════
   HAGIZ — الملف التعريفي للشركة
   نظام التصميم | Design System
   1) الرموز والمتغيرات      6) الأقسام
   2) الأساسيات              7) المكوّنات
   3) عناصر مشتركة           8) الفوتر والعائم
   4) الهيدر                 9) الاستجابة
   5) الواجهة (Hero)        10) الطباعة والحركة المخفّضة
══════════════════════════════════════════════════════════════ */

/* ═══════════ 1) الرموز والمتغيرات ═══════════ */
:root{
  /* ألوان العلامة — مستخرجة من الشعار */
  --navy-900:#072B4A;
  --navy-800:#0A3A63;
  --navy:#0E4C81;
  --navy-600:#14609F;
  --blue:#1E88E5;
  --blue-600:#1565C0;
  --orange:#F7941D;
  --orange-600:#E07E08;
  --green:#10B981;
  --violet:#8B5CF6;

  /* أسطح زجاجية ونصوص */
  --bg:#EEF4FB;
  --bg-alt:rgba(255,255,255,.34);
  --surface:rgba(255,255,255,.62);
  --surface-2:rgba(255,255,255,.42);
  --ink:#0B1F33;
  --ink-2:#31485F;
  --muted:#5F7690;
  --line:rgba(255,255,255,.72);
  --line-strong:rgba(255,255,255,.95);

  /* معاملات الزجاج */
  --glass-blur:blur(18px) saturate(175%);
  --glass-blur-lg:blur(28px) saturate(180%);
  --glass-edge:inset 0 1px 0 rgba(255,255,255,.7);
  --glass-edge-dark:inset 0 1px 0 rgba(255,255,255,.14);

  /* تدرّجات */
  --grad-brand:linear-gradient(135deg,var(--navy) 0%,var(--navy-600) 45%,var(--blue) 100%);
  --grad-accent:linear-gradient(135deg,var(--orange) 0%,#FFC46B 100%);
  --grad-text:linear-gradient(120deg,var(--blue) 0%,var(--navy) 55%,var(--orange) 130%);

  /* ظلال */
  --sh-xs:0 1px 2px rgba(11,31,51,.06);
  --sh-sm:0 4px 14px rgba(11,31,51,.06);
  --sh:0 14px 38px rgba(11,31,51,.09);
  --sh-lg:0 30px 70px rgba(11,31,51,.14);
  --sh-brand:0 18px 40px rgba(14,76,129,.28);

  /* هندسة */
  --r-sm:12px;
  --r:18px;
  --r-lg:26px;
  --r-full:999px;
  --max:1200px;
  --narrow:860px;
  --head-h:76px;
  --sec-y:clamp(64px,9vw,120px);

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

/* الوضع الليلي */
[data-theme="dark"]{
  --bg:#060D16;
  --bg-alt:rgba(255,255,255,.035);
  --surface:rgba(22,40,62,.55);
  --surface-2:rgba(22,40,62,.36);
  --ink:#EAF2FB;
  --ink-2:#BACCDE;
  --muted:#8FA6BF;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.22);
  --glass-edge:inset 0 1px 0 rgba(255,255,255,.1);

  --sh-xs:0 1px 2px rgba(0,0,0,.4);
  --sh-sm:0 4px 16px rgba(0,0,0,.4);
  --sh:0 16px 40px rgba(0,0,0,.5);
  --sh-lg:0 30px 70px rgba(0,0,0,.6);
  --sh-brand:0 18px 40px rgba(0,0,0,.5);
}

/* ═══════════ 2) الأساسيات ═══════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--head-h) + 20px);
  -webkit-text-size-adjust:100%;
}

body{
  font-family:'Cairo','Manrope',system-ui,'Segoe UI',Tahoma,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.85;
  font-size:16px;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  transition:background .35s var(--ease),color .35s var(--ease);
}

html[dir="ltr"] body{font-family:'Manrope','Cairo',system-ui,sans-serif;line-height:1.7}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

::selection{background:var(--blue);color:#fff}

/* شريط التمرير */
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--bg-alt)}
::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px;border:3px solid var(--bg-alt)}
::-webkit-scrollbar-thumb:hover{background:var(--navy-600)}

.wrap{width:min(100% - 40px,var(--max));margin-inline:auto}
.wrap--narrow{width:min(100% - 40px,var(--narrow))}

.skip-link{
  position:absolute;top:-100px;inset-inline-start:20px;z-index:200;
  background:var(--navy);color:#fff;padding:12px 20px;border-radius:0 0 12px 12px;
  transition:top .25s var(--ease);
}
.skip-link:focus{top:0}

:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}

/* شريط تقدّم القراءة */
.progress{position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:120;background:transparent;pointer-events:none}
.progress span{display:block;height:100%;width:0;background:var(--grad-accent);box-shadow:0 0 12px rgba(247,148,29,.6);transition:width .1s linear}

/* ═══════════ 3) عناصر مشتركة ═══════════ */
.badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 18px;border-radius:var(--r-full);
  background:color-mix(in srgb,var(--blue) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--blue) 24%,transparent);
  color:var(--navy-600);
  font-size:13px;font-weight:700;
}
[data-theme="dark"] .badge{color:#7FC0FF}
.badge .dot{
  width:8px;height:8px;border-radius:50%;background:var(--green);
  box-shadow:0 0 0 0 rgba(16,185,129,.55);animation:pulse 2.2s infinite;
}
@keyframes pulse{
  70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}
  100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}
}

.kicker{
  display:inline-block;margin-bottom:14px;
  font-size:13px;font-weight:800;letter-spacing:.08em;
  color:var(--orange-600);text-transform:uppercase;
}
.kicker--light{color:#FFC46B}
[data-theme="dark"] .kicker{color:var(--orange)}

h1,h2,h3,h4{line-height:1.35;font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(26px,3.4vw,42px)}
.h2-sm{font-size:clamp(23px,2.6vw,32px);margin-bottom:14px}
h3{font-size:clamp(18px,1.6vw,21px)}

.muted{color:var(--muted)}

.grad{
  background:var(--grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
[data-theme="dark"] .grad{background:linear-gradient(120deg,#5EB4FF,#9FD4FF 55%,var(--orange) 130%);-webkit-background-clip:text;background-clip:text}

/* الأزرار */
.btn{
  --btn-bg:var(--navy);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 30px;border-radius:var(--r-full);
  font-weight:800;font-size:15px;line-height:1;
  border:1.5px solid transparent;
  transition:transform .28s var(--ease-out),box-shadow .28s var(--ease),background .25s,color .25s,border-color .25s;
  will-change:transform;
}
.btn--sm{padding:11px 20px;font-size:14px}
.btn--full{width:100%}

.btn--primary{background:var(--grad-brand);color:#fff;box-shadow:var(--sh-brand)}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(14,76,129,.34)}

.btn--ghost{background:var(--surface);color:var(--navy);border-color:var(--line-strong);box-shadow:var(--sh-xs)}
.btn--ghost:hover{border-color:var(--navy);transform:translateY(-3px);box-shadow:var(--sh-sm)}
[data-theme="dark"] .btn--ghost{color:var(--ink)}

.btn--white{background:#fff;color:var(--navy);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.btn--white:hover{transform:translateY(-3px)}

.btn--outline-white{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.45);backdrop-filter:blur(6px)}
.btn--outline-white:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}

/* رأس القسم */
.sec-head{max-width:760px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.sec-head h2{margin-bottom:16px}
.sec-head p{color:var(--muted);font-size:clamp(15px,1.5vw,17px)}

/* الشبكات */
.grid{display:grid;gap:22px}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px)}
.split--center{align-items:center}

/* كشف عند التمرير */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal.is-in{opacity:1;transform:none}

/* ═══════════ 4) الهيدر ═══════════ */
.header{
  position:sticky;inset-block-start:0;z-index:100;
  height:var(--head-h);display:flex;align-items:center;
  background:color-mix(in srgb,var(--surface) 82%,transparent);
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid transparent;
  transition:border-color .3s,box-shadow .3s,background .3s;
}
.header.is-stuck{border-bottom-color:var(--line);box-shadow:var(--sh-xs)}

.header__inner{display:flex;align-items:center;gap:20px}

.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
/* أيقونة التطبيق نفسها كلوقو للموقع — داخل رقعة بيضاء مثل أيقونة الهاتف */
.brand__logo{
  height:44px;width:44px;object-fit:contain;
  background:#fff;border-radius:13px;padding:4px;
  border:1px solid var(--line);
  box-shadow:0 6px 16px rgba(11,31,51,.12);
  transition:transform .35s var(--ease-out),box-shadow .35s;
}
.brand:hover .brand__logo{transform:rotate(-5deg) scale(1.06);box-shadow:0 10px 24px rgba(14,76,129,.24)}
.brand__text{display:flex;flex-direction:column;line-height:1.25}
.brand__text b{font-size:19px;font-weight:900;letter-spacing:-.02em}
.brand__text i{font-style:normal;font-size:11px;color:var(--muted);font-weight:600}

.nav{display:flex;gap:4px;margin-inline-start:auto}
.nav a{
  position:relative;padding:9px 15px;border-radius:var(--r-full);
  font-size:14.5px;font-weight:700;color:var(--ink-2);
  transition:color .22s,background .22s;
}
.nav a::after{
  content:'';position:absolute;inset-block-end:4px;inset-inline-start:50%;
  width:0;height:2px;border-radius:2px;background:var(--orange);
  transform:translateX(50%);transition:width .28s var(--ease);
}
html[dir="ltr"] .nav a::after{transform:translateX(-50%)}
.nav a:hover{color:var(--navy);background:color-mix(in srgb,var(--blue) 8%,transparent)}
.nav a:hover::after,.nav a.is-active::after{width:22px}
.nav a.is-active{color:var(--navy);font-weight:800}
[data-theme="dark"] .nav a:hover,[data-theme="dark"] .nav a.is-active{color:#7FC0FF}

.header__actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.nav + .header__actions{margin-inline-start:0}

.icon-btn{
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid var(--line);background:var(--surface-2);
  color:var(--ink-2);font-size:12.5px;font-weight:800;
  transition:transform .25s var(--ease),border-color .25s,color .25s;
}
.icon-btn:hover{transform:translateY(-2px) rotate(-4deg);border-color:var(--navy);color:var(--navy)}
.icon-btn svg{width:19px;height:19px}
.i-moon{display:none}
[data-theme="dark"] .i-sun{display:none}
[data-theme="dark"] .i-moon{display:block}

.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}
.burger span{display:block;width:19px;height:2px;margin:4px auto;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ═══════════ 5) الواجهة ═══════════ */
.hero{
  position:relative;overflow:hidden;
  padding-block:clamp(48px,7vw,96px) clamp(60px,8vw,110px);
  background:
    radial-gradient(1100px 520px at 85% -10%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 60%),
    radial-gradient(760px 420px at 5% 20%,color-mix(in srgb,var(--orange) 11%,transparent),transparent 62%),
    var(--bg);
}
.hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);
  -webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);
  opacity:.5;
}
.hero__glow{
  position:absolute;inset-block-start:-180px;inset-inline-end:-140px;
  width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--blue) 26%,transparent),transparent 65%);
  filter:blur(30px);animation:drift 16s ease-in-out infinite alternate;
}
@keyframes drift{to{transform:translate(-60px,50px) scale(1.12)}}

.hero__grid{
  position:relative;display:grid;
  grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:center;
}

.hero__title{
  font-size:clamp(32px,5.4vw,62px);font-weight:900;
  line-height:1.18;letter-spacing:-.025em;margin:22px 0 20px;
}
.hero__title span{display:block}

.hero__lead{font-size:clamp(15.5px,1.6vw,18.5px);color:var(--ink-2);max-width:600px}

.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-block:32px 30px}

.hero__chips{display:flex;flex-wrap:wrap;gap:12px}
.hero__chips li{
  display:flex;flex-direction:column;gap:2px;
  padding:12px 20px;border-radius:var(--r);
  background:color-mix(in srgb,var(--surface) 80%,transparent);
  border:1px solid var(--line);backdrop-filter:blur(8px);
  box-shadow:var(--sh-xs);
}
.hero__chips b{font-size:19px;font-weight:900;color:var(--navy);line-height:1.2}
[data-theme="dark"] .hero__chips b{color:#7FC0FF}
.hero__chips span{font-size:11.5px;color:var(--muted);font-weight:600}

/* محاكاة الهاتف */
.hero__art{position:relative;display:flex;justify-content:center;perspective:1400px}

.phone{
  position:relative;width:min(320px,88%);aspect-ratio:9/18.6;
  background:linear-gradient(160deg,#12314F,#081C30);
  border-radius:44px;padding:11px;
  box-shadow:var(--sh-lg),0 0 0 2px rgba(255,255,255,.06) inset;
  transform:rotateY(-11deg) rotateX(3deg) rotateZ(1.5deg);
  transition:transform .8s var(--ease-out);
  animation:floaty 7s ease-in-out infinite;
}
html[dir="ltr"] .phone{transform:rotateY(11deg) rotateX(3deg) rotateZ(-1.5deg)}
.hero__art:hover .phone{transform:rotateY(0) rotateX(0) rotateZ(0) scale(1.02)}
@keyframes floaty{50%{translate:0 -14px}}

.phone__notch{
  position:absolute;inset-block-start:20px;inset-inline-start:50%;transform:translateX(-50%);
  width:96px;height:22px;border-radius:99px;background:#050F1B;z-index:3;
}
html[dir="rtl"] .phone__notch{transform:translateX(50%)}

.phone__screen{
  height:100%;border-radius:34px;overflow:hidden;
  background:linear-gradient(180deg,#F4F8FC,#E9F1F9);
  padding:38px 14px 16px;display:flex;flex-direction:column;gap:11px;
  color:#0B1F33;
}

.ui-top{display:flex;align-items:center;justify-content:space-between;padding-inline:4px}
.ui-hi{font-size:14px;font-weight:900;color:#12305A}
.ui-sub{font-size:9.5px;color:#7C90A8}
.ui-avatar{width:30px;height:30px;border-radius:11px;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}

.ui-card{background:#fff;border-radius:18px;padding:13px;box-shadow:0 8px 22px rgba(11,31,51,.08)}
.ui-route{display:flex;align-items:center;gap:8px}
.ui-city{flex:1;background:#F5F8FC;border:1px solid #E6EDF5;border-radius:12px;padding:8px 10px}
.ui-city span{display:block;font-size:8.5px;color:#8FA2B8}
.ui-city b{font-size:12px;font-weight:800;color:#12305A}
.ui-swap{width:28px;height:28px;border-radius:9px;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-size:13px;flex-shrink:0}
.ui-meta{display:flex;gap:7px;margin-block:10px}
.ui-pill{flex:1;background:#F5F8FC;border:1px solid #E6EDF5;border-radius:10px;padding:6px;text-align:center;font-size:9.5px;font-weight:700;color:#45688E}
.ui-btn{background:var(--grad-brand);color:#fff;border-radius:12px;padding:10px;text-align:center;font-size:11.5px;font-weight:800;box-shadow:0 8px 18px rgba(14,76,129,.3)}

.ui-trip{background:#fff;border-radius:18px;padding:12px;box-shadow:0 8px 22px rgba(11,31,51,.07)}
.ui-trip__row{display:flex;align-items:center;justify-content:space-between}
.ui-trip__row b{font-size:11.5px;font-weight:800;color:#12305A}
.ui-price{font-size:11.5px;font-weight:900;color:#00897B}
.ui-trip__row--sub{margin-block-start:3px;font-size:9.5px;color:#7C90A8}
.ui-seats{color:#2E7D32;font-weight:700}
.ui-seatmap{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-block-start:10px}
.ui-seatmap i{height:15px;border-radius:5px;background:#E8EFF7;border:1px solid #DCE6F1}
.ui-seatmap i.x{background:#FFE0E0;border-color:#FFC9C9}
.ui-seatmap i.sel{background:var(--grad-brand);border-color:transparent;box-shadow:0 3px 8px rgba(14,76,129,.35)}

.ui-ticket{
  margin-block-start:auto;display:flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,#12305A,#0A2340);color:#fff;
  border-radius:16px;padding:11px 12px;
}
.ui-ticket b{display:block;font-size:11px;font-weight:800}
.ui-ticket span{font-size:9px;color:rgba(255,255,255,.7)}
.ui-qr{
  width:34px;height:34px;border-radius:8px;flex-shrink:0;background:#fff;
  background-image:
    linear-gradient(90deg,#0B1F33 25%,transparent 25% 50%,#0B1F33 50% 62%,transparent 62%),
    linear-gradient(#0B1F33 22%,transparent 22% 44%,#0B1F33 44% 60%,transparent 60% 78%,#0B1F33 78%);
  background-size:100% 100%;
  box-shadow:0 0 0 3px #fff inset;
}

.float{
  position:absolute;padding:11px 17px;border-radius:var(--r-full);
  background:var(--surface);border:1px solid var(--line);
  box-shadow:var(--sh);font-size:12.5px;font-weight:800;white-space:nowrap;
}
.float--1{inset-block-start:16%;inset-inline-start:-6%;animation:floaty 5.5s ease-in-out infinite}
.float--2{inset-block-end:14%;inset-inline-end:-4%;animation:floaty 6.5s ease-in-out infinite .8s}

/* ═══════════ 6) الأقسام ═══════════ */
.section{padding-block:var(--sec-y)}
.section--alt{background:var(--bg-alt)}

/* الأرقام */
.stats{
  position:relative;margin-block-start:-1px;
  background:var(--grad-brand);color:#fff;padding-block:clamp(34px,4.5vw,54px);
  overflow:hidden;
}
.stats::after{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:22px 22px;opacity:.4;
}
.stats__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat b{display:block;font-family:'Manrope',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.02em}
.stat span{font-size:13px;color:rgba(255,255,255,.78);font-weight:600}
.stat + .stat{border-inline-start:1px solid rgba(255,255,255,.16)}

/* البطاقات */
.card{
  position:relative;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:32px 28px;
  box-shadow:var(--sh-xs);overflow:hidden;
  transition:transform .4s var(--ease-out),box-shadow .4s var(--ease),border-color .3s;
}
.card::before{
  content:'';position:absolute;inset-block-start:0;inset-inline:0;height:3px;
  background:var(--grad-brand);transform:scaleX(0);transform-origin:inline-start;
  transition:transform .5s var(--ease-out);
}
.card:hover{transform:translateY(-7px);box-shadow:var(--sh);border-color:transparent}
.card:hover::before{transform:scaleX(1)}
.card h3{margin-bottom:10px}
.card p{color:var(--muted);font-size:15px}

.card__icon{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:20px;
  transition:transform .45s var(--ease-out);
}
.card:hover .card__icon{transform:rotate(-8deg) scale(1.08)}
.card__icon svg{width:27px;height:27px;color:#fff}
.card__icon--blue{background:var(--grad-brand);box-shadow:0 10px 24px rgba(14,76,129,.3)}
.card__icon--orange{background:var(--grad-accent);box-shadow:0 10px 24px rgba(247,148,29,.32)}
.card__icon--green{background:linear-gradient(135deg,var(--green),#34D399);box-shadow:0 10px 24px rgba(16,185,129,.3)}

/* الميزات */
.feat{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:26px 22px;transition:transform .35s var(--ease-out),box-shadow .35s,border-color .3s;
}
.feat:hover{transform:translateY(-5px);box-shadow:var(--sh-sm);border-color:color-mix(in srgb,var(--blue) 40%,transparent)}
.feat__ic{
  display:grid;place-items:center;width:46px;height:46px;border-radius:14px;
  background:var(--bg-alt);font-size:21px;margin-bottom:16px;
}
.feat h3{font-size:16.5px;margin-bottom:8px}
.feat p{font-size:14px;color:var(--muted)}

/* التبويبات */
.tabs__nav{
  display:flex;gap:6px;padding:6px;margin-bottom:26px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-full);width:fit-content;max-width:100%;
  margin-inline:auto;overflow-x:auto;
}
.tab{
  padding:12px 26px;border-radius:var(--r-full);white-space:nowrap;
  font-size:14.5px;font-weight:800;color:var(--muted);
  transition:color .25s,background .3s var(--ease),box-shadow .3s;
}
.tab:hover{color:var(--navy)}
.tab.is-active{background:var(--grad-brand);color:#fff;box-shadow:var(--sh-brand)}

.panel{display:none;animation:fadeUp .55s var(--ease-out)}
.panel.is-active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}}

.panel__grid{
  display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,4vw,48px);align-items:start;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:clamp(24px,3.5vw,44px);box-shadow:var(--sh-xs);
}
.panel__grid > div > p{color:var(--muted);margin-block:8px 20px}
.panel__side{display:grid;gap:14px}

.mini-card{
  background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r);
  padding:18px 20px;text-align:center;
  transition:transform .3s var(--ease-out),background .3s;
}
.mini-card:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--blue) 7%,var(--bg-alt))}
.mini-card b{display:block;font-size:24px;font-weight:900;color:var(--navy);line-height:1.2}
[data-theme="dark"] .mini-card b{color:#7FC0FF}
.mini-card span{font-size:12.5px;color:var(--muted);font-weight:600}

/* قوائم بعلامات صح */
.ticks{display:grid;gap:12px}
.ticks li{position:relative;padding-inline-start:34px;font-size:15px;color:var(--ink-2)}
.ticks li::before{
  content:'';position:absolute;inset-inline-start:0;inset-block-start:6px;
  width:21px;height:21px;border-radius:7px;
  background:color-mix(in srgb,var(--green) 15%,transparent);
  border:1px solid color-mix(in srgb,var(--green) 40%,transparent);
}
.ticks li::after{
  content:'';position:absolute;inset-inline-start:7px;inset-block-start:10px;
  width:6px;height:10px;border:2px solid var(--green);
  border-top:0;border-inline-start:0;transform:rotate(42deg);
}

/* الخطوات */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;counter-reset:s}
.step{
  position:relative;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:34px 26px 28px;
  transition:transform .38s var(--ease-out),box-shadow .38s;
}
.step:hover{transform:translateY(-7px);box-shadow:var(--sh)}
.step__num{
  position:absolute;inset-block-start:-20px;inset-inline-start:26px;
  width:44px;height:44px;border-radius:15px;display:grid;place-items:center;
  background:var(--grad-brand);color:#fff;font-size:18px;font-weight:900;
  box-shadow:var(--sh-brand);
}
.step h3{margin-block:10px}
.step p{font-size:14.5px;color:var(--muted)}

/* المدن والدفع */
.cities{display:flex;flex-wrap:wrap;gap:9px;margin-block-start:22px}
.cities li{
  padding:9px 17px;border-radius:var(--r-full);font-size:14px;font-weight:700;
  background:var(--surface);border:1px solid var(--line);color:var(--ink-2);
  transition:transform .28s var(--ease-out),border-color .25s,color .25s;
}
.cities li:hover{transform:translateY(-3px);border-color:var(--orange);color:var(--orange-600)}

.pays{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-block-start:22px}
.pay{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:18px;transition:transform .3s var(--ease-out),box-shadow .3s;
}
.pay:hover{transform:translateY(-4px);box-shadow:var(--sh-sm)}
.pay b{display:block;font-size:16px;font-weight:900;color:var(--navy)}
[data-theme="dark"] .pay b{color:#7FC0FF}
.pay span{font-size:12.5px;color:var(--muted)}

/* الولاء */
.loyalty{
  margin-block-start:clamp(40px,5vw,64px);
  background:linear-gradient(140deg,var(--navy-800),var(--navy) 55%,var(--navy-600));
  border-radius:var(--r-lg);padding:clamp(30px,4vw,52px);color:#fff;
  display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,52px);align-items:center;
  box-shadow:var(--sh);position:relative;overflow:hidden;
}
.loyalty::after{
  content:'';position:absolute;inset-block-start:-60px;inset-inline-end:-60px;
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(247,148,29,.34),transparent 65%);
}
.loyalty__head{position:relative;z-index:1}
.loyalty__head p{color:rgba(255,255,255,.75);font-size:15px}
.tiers{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tier{
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--r);padding:20px 12px;text-align:center;
  backdrop-filter:blur(8px);transition:transform .3s var(--ease-out),background .3s;
}
.tier:hover{transform:translateY(-6px);background:rgba(255,255,255,.16)}
.tier b{display:block;font-size:15px;font-weight:900;margin-bottom:4px}
.tier span{font-size:12px;color:rgba(255,255,255,.72);font-family:'Manrope',sans-serif}
.tier--bronze b{color:#E0A972}
.tier--silver b{color:#D5DEE8}
.tier--gold   b{color:#FFCE55}
.tier--plat   b{color:#9FE8FF}

/* الاقتباسات */
.quote-wall{display:grid;gap:16px}
.quote{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:24px;position:relative;
  transition:transform .35s var(--ease-out),box-shadow .35s;
}
.quote:hover{transform:translateX(-6px);box-shadow:var(--sh-sm)}
html[dir="ltr"] .quote:hover{transform:translateX(6px)}
.quote blockquote{font-size:15px;color:var(--ink-2);line-height:1.9;margin-bottom:14px}
.quote figcaption{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:12px}
.quote figcaption b{font-size:14px;font-weight:800}
.quote figcaption span{font-size:12.5px;color:var(--muted)}

/* الأسئلة */
.faq{display:grid;gap:12px}
.qa{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;transition:box-shadow .3s,border-color .3s;
}
.qa[open]{box-shadow:var(--sh-sm);border-color:color-mix(in srgb,var(--blue) 35%,transparent)}
.qa summary{
  list-style:none;cursor:pointer;padding:20px 24px;
  font-size:16px;font-weight:800;display:flex;align-items:center;gap:14px;
  transition:color .25s;
}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{
  content:'+';margin-inline-start:auto;font-size:24px;font-weight:400;color:var(--blue);
  transition:transform .35s var(--ease);line-height:1;
}
.qa[open] summary::after{transform:rotate(45deg)}
.qa summary:hover{color:var(--navy)}
.qa p{padding:0 24px 22px;color:var(--muted);font-size:15px}

/* التواصل */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,64px);align-items:start}
.contact__list{display:grid;gap:14px;margin-block-start:26px}
.contact__list li{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:16px 18px;
  transition:transform .3s var(--ease-out),border-color .25s;
}
.contact__list li:hover{transform:translateY(-3px);border-color:var(--blue)}
.ci{
  width:40px;height:40px;border-radius:12px;flex-shrink:0;
  display:grid;place-items:center;background:var(--bg-alt);font-size:18px;
}
.contact__list b{display:block;font-size:12.5px;color:var(--muted);font-weight:700}
.contact__list a,.contact__list div > span{font-size:15px;font-weight:700;color:var(--ink)}
.contact__list a:hover{color:var(--blue)}

.contact__form{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:clamp(24px,3vw,36px);box-shadow:var(--sh-xs);
}
.contact__form h3{margin-bottom:20px}
.contact__form label{display:block;margin-bottom:16px}
.contact__form label > span{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:7px}
.contact__form input,.contact__form textarea{
  width:100%;padding:13px 16px;border-radius:var(--r-sm);
  background:var(--surface-2);border:1.5px solid var(--line);
  font-size:15px;resize:vertical;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.contact__form input:focus,.contact__form textarea:focus{
  outline:none;border-color:var(--blue);background:var(--surface);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 14%,transparent);
}
.contact__form input:invalid:not(:placeholder-shown){border-color:#EF4444}
.form-note{display:block;margin-block-start:12px;font-size:12px;color:var(--muted);text-align:center}

/* النداء الأخير */
.cta{
  background:
    radial-gradient(700px 300px at 15% 0%,rgba(247,148,29,.3),transparent 60%),
    linear-gradient(135deg,var(--navy) 0%,var(--navy-800) 100%);
  color:#fff;padding-block:clamp(46px,6vw,76px);
}
.cta__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px}
.cta h2{font-size:clamp(24px,3vw,34px);margin-bottom:8px}
.cta p{color:rgba(255,255,255,.78);font-size:16px}
.cta__btns{display:flex;flex-wrap:wrap;gap:12px}

/* ═══════════ 8) الفوتر والعائم ═══════════ */
.footer{background:var(--navy-900);color:#fff;padding-block:clamp(46px,5vw,70px) 0}
[data-theme="dark"] .footer{background:#040A12}
.footer__grid{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:36px;padding-bottom:40px;
}
.footer__logo{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.footer__brand img{
  height:58px;width:58px;object-fit:contain;
  background:#fff;border-radius:17px;padding:6px;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
}
.footer__logo span{display:flex;flex-direction:column;line-height:1.25}
.footer__logo b{font-size:22px;font-weight:900;color:#fff}
.footer__logo i{
  font-style:normal;font-family:'Manrope',sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--orange);
}
.footer__brand p{color:rgba(255,255,255,.62);font-size:14.5px;max-width:380px}
.footer__col h4{font-size:15px;margin-bottom:16px;color:#fff}
.footer__col a,.footer__col span{
  display:block;color:rgba(255,255,255,.62);font-size:14px;padding-block:5px;
  transition:color .25s,transform .25s var(--ease);
}
.footer__col a:hover{color:var(--orange);transform:translateX(-4px)}
html[dir="ltr"] .footer__col a:hover{transform:translateX(4px)}
.footer__bar{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  padding-block:22px;border-top:1px solid rgba(255,255,255,.1);
  font-size:13px;color:rgba(255,255,255,.5);
}

.to-top{
  position:fixed;inset-block-end:26px;inset-inline-end:26px;z-index:90;
  width:48px;height:48px;border-radius:50%;
  background:var(--grad-brand);color:#fff;font-size:20px;
  box-shadow:var(--sh-brand);
  opacity:0;visibility:hidden;transform:translateY(16px);
  transition:opacity .3s,visibility .3s,transform .3s var(--ease-out);
}
.to-top.is-show{opacity:1;visibility:visible;transform:none}
.to-top:hover{transform:translateY(-4px)}

/* ═══════════ 9) الاستجابة ═══════════ */
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr;text-align:center}
  .hero__copy{display:flex;flex-direction:column;align-items:center}
  .hero__cta,.hero__chips{justify-content:center}
  .hero__art{margin-block-start:24px}
  .float--1{inset-inline-start:2%}
  .float--2{inset-inline-end:2%}
  .panel__grid{grid-template-columns:1fr}
  .panel__side{grid-template-columns:repeat(3,1fr)}
  .loyalty{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
}

@media (max-width:860px){
  .nav{
    position:fixed;inset-block-start:var(--head-h);inset-inline:0;
    flex-direction:column;gap:0;padding:16px 20px 26px;
    background:var(--surface);border-bottom:1px solid var(--line);
    box-shadow:var(--sh);
    transform:translateY(-140%);opacity:0;pointer-events:none;
    transition:transform .42s var(--ease-out),opacity .3s;
  }
  .nav.is-open{transform:none;opacity:1;pointer-events:auto}
  .nav a{padding:14px 10px;border-radius:var(--r-sm);font-size:16px;border-bottom:1px solid var(--line)}
  .nav a:last-child{border-bottom:0}
  .nav a::after{display:none}
  .burger{display:block}
  .nav + .header__actions{margin-inline-start:auto}
  .header__actions .btn{display:none}
  .stats__grid{grid-template-columns:repeat(2,1fr);gap:26px}
  .stat:nth-child(3){border-inline-start:0}
  .stat + .stat{border-inline-start:1px solid rgba(255,255,255,.16)}
  .stat:nth-child(odd){border-inline-start:0}
  .tiers{grid-template-columns:repeat(2,1fr)}
  .cta__inner{flex-direction:column;text-align:center}
}

@media (max-width:600px){
  body{font-size:15.5px}
  .wrap{width:min(100% - 28px,var(--max))}
  .brand__text i{display:none}
  .panel__side{grid-template-columns:1fr}
  .pays{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr;gap:28px}
  .hero__chips li{padding:10px 16px}
  .btn{padding:14px 24px;font-size:14.5px}
}

/* ══════════════════════════════════════════════════════════════
   10) الطبقة الزجاجية — Glassmorphism
   خلفية ملوّنة ثابتة، وكل الأسطح شفافة بضبابية خلفية.
══════════════════════════════════════════════════════════════ */

/* الخلفية المحيطة (ثابتة خلف كل الصفحة) */
body::before{
  content:'';position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(50% 45% at 12% 8%,  rgba(30,136,229,.30), transparent 62%),
    radial-gradient(45% 40% at 88% 12%, rgba(247,148,29,.26), transparent 62%),
    radial-gradient(55% 45% at 78% 72%, rgba(14,76,129,.24),  transparent 64%),
    radial-gradient(45% 40% at 18% 88%, rgba(16,185,129,.20), transparent 62%),
    var(--bg);
  background-attachment:fixed;
}
[data-theme="dark"] body::before{
  background:
    radial-gradient(50% 45% at 12% 8%,  rgba(30,136,229,.26), transparent 62%),
    radial-gradient(45% 40% at 88% 12%, rgba(247,148,29,.16), transparent 62%),
    radial-gradient(55% 45% at 78% 72%, rgba(99,102,241,.22), transparent 64%),
    radial-gradient(45% 40% at 18% 88%, rgba(16,185,129,.14), transparent 62%),
    var(--bg);
}

/* حبيبات خفيفة تمنع تدرّجات باهتة */
body::after{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;
  background-image:radial-gradient(rgba(11,31,51,.16) .5px,transparent .5px);
  background-size:3px 3px;
}
[data-theme="dark"] body::after{opacity:.22;background-image:radial-gradient(rgba(255,255,255,.14) .5px,transparent .5px)}

body{background:transparent}

/* أسطح القطاعات تصبح شفافة ليظهر ما خلفها */
.section--alt{background:var(--bg-alt);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hero{background:transparent}
.hero::before{opacity:.28}

/* كل المكوّنات الزجاجية */
.card,.feat,.step,.quote,.qa,.panel__grid,.mini-card,.pay,.cities li,
.hero__chips li,.contact__list li,.contact__form,.tabs__nav,.float,
.icon-btn,.burger,.op,.store,.contact__form input,.contact__form textarea{
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
}

.card,.feat,.step,.quote,.qa,.panel__grid,.contact__form,.contact__list li,.float{
  box-shadow:var(--sh-sm),var(--glass-edge);
}
.card:hover,.step:hover,.quote:hover{box-shadow:var(--sh),var(--glass-edge)}

/* الهيدر زجاج أعمق */
.header{
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  backdrop-filter:var(--glass-blur-lg);
  -webkit-backdrop-filter:var(--glass-blur-lg);
  box-shadow:var(--glass-edge);
}
.header.is-stuck{box-shadow:0 8px 30px rgba(11,31,51,.08),var(--glass-edge)}

/* الأقسام الداكنة: زجاج داكن بدل اللون المصمت */
.stats{
  background:linear-gradient(135deg,rgba(14,76,129,.86),rgba(20,96,159,.78) 50%,rgba(30,136,229,.72));
  backdrop-filter:var(--glass-blur-lg);
  -webkit-backdrop-filter:var(--glass-blur-lg);
  box-shadow:var(--glass-edge-dark);
}
.loyalty{
  background:linear-gradient(140deg,rgba(10,58,99,.80),rgba(14,76,129,.72) 55%,rgba(20,96,159,.66));
  backdrop-filter:var(--glass-blur-lg);
  -webkit-backdrop-filter:var(--glass-blur-lg);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:var(--sh),var(--glass-edge-dark);
}
.cta{
  background:linear-gradient(135deg,rgba(14,76,129,.86),rgba(10,58,99,.80));
  backdrop-filter:var(--glass-blur-lg);
  -webkit-backdrop-filter:var(--glass-blur-lg);
}
.footer{
  background:linear-gradient(180deg,rgba(7,43,74,.92),rgba(4,20,36,.96));
  backdrop-filter:var(--glass-blur-lg);
  -webkit-backdrop-filter:var(--glass-blur-lg);
}
[data-theme="dark"] .footer{background:linear-gradient(180deg,rgba(6,16,28,.9),rgba(3,9,16,.96))}

/* شاشة الهاتف زجاجية أيضاً */
.phone{
  background:linear-gradient(160deg,rgba(18,49,79,.82),rgba(8,28,48,.9));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14);
}
.phone__screen{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(233,241,249,.86))}
.ui-card,.ui-trip{background:rgba(255,255,255,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* الأزرار الزجاجية */
.btn--ghost{
  background:var(--surface);
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-edge);
}
.btn--primary{
  background:linear-gradient(135deg,rgba(14,76,129,.94),rgba(30,136,229,.9));
  box-shadow:var(--sh-brand),var(--glass-edge-dark);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.btn--white{background:rgba(255,255,255,.9);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}

/* ═══════════ زر متجر Google Play ═══════════ */
.store{
  display:inline-flex;align-items:center;gap:12px;
  padding:11px 22px;border-radius:var(--r-full);
  background:linear-gradient(135deg,rgba(9,20,33,.88),rgba(16,35,56,.82));
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  box-shadow:0 14px 34px rgba(6,18,32,.32),var(--glass-edge-dark);
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease),border-color .25s;
}
.store:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.35);box-shadow:0 22px 46px rgba(6,18,32,.4)}
.store__ic{width:26px;height:26px;flex-shrink:0;stroke:none}
.store__txt{display:flex;flex-direction:column;line-height:1.15;text-align:start}
.store__txt i{font-style:normal;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.72)}
.store__txt b{font-family:'Manrope',sans-serif;font-size:16px;font-weight:800;letter-spacing:-.01em}

.store--sm{padding:8px 16px;gap:9px}
.store--sm .store__ic{width:21px;height:21px}
.store--sm .store__txt i{font-size:9px}
.store--sm .store__txt b{font-size:13.5px}

.store--light{
  background:rgba(255,255,255,.92);color:var(--navy-900);
  border-color:rgba(255,255,255,.7);
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.9);
}
.store--light .store__txt i{color:#5F7690}
.footer .store{margin-block-start:22px}

/* ═══════════ شركات النقل الشريكة ═══════════ */
.partners-strip{padding-block:clamp(28px,4vw,44px);overflow:hidden}
.partners-strip__label{
  text-align:center;font-size:12.5px;font-weight:800;letter-spacing:.1em;
  color:var(--muted);text-transform:uppercase;margin-bottom:20px;
}

.marquee{
  position:relative;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
/* بلا gap — الهامش على العنصر نفسه ليكون نصف المسار مساوياً تماماً لنسخة كاملة */
.marquee__track{
  display:flex;width:max-content;
  animation:slide 26s linear infinite;
}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
html[dir="rtl"] .marquee__track{animation-name:slide-rtl}
@keyframes slide-rtl{to{transform:translateX(50%)}}

.op{
  display:flex;align-items:center;gap:12px;flex-shrink:0;
  margin-inline-end:16px;
  padding:14px 26px;border-radius:var(--r-full);
  background:var(--surface);border:1px solid var(--line);
  box-shadow:var(--sh-xs),var(--glass-edge);
  transition:transform .3s var(--ease-out),border-color .25s;
}
.op:hover{transform:translateY(-3px);border-color:var(--orange)}
.op__mark{
  width:36px;height:36px;border-radius:12px;flex-shrink:0;
  display:grid;place-items:center;
  background:var(--grad-brand);color:#fff;
  font-size:13px;font-weight:900;
  box-shadow:0 6px 16px rgba(14,76,129,.28);
}
.op b{font-size:15.5px;font-weight:800;color:var(--ink);white-space:nowrap}

/* دعم المتصفحات القديمة: أسطح مصمتة بدل الشفافة */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--surface:#FFFFFF;--surface-2:#F7FAFD;--line:#E3EAF2;--bg-alt:#EEF3F9}
  [data-theme="dark"]{--surface:#0F1D2E;--surface-2:#132538;--line:#1E3550;--bg-alt:#0B1725}
  .header{background:var(--surface)}
}

/* ═══════════ 11) الطباعة والحركة المخفّضة ═══════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
}

@media print{
  .header,.progress,.to-top,.cta__btns,.burger,.contact__form,.hero__art{display:none !important}
  body::before,body::after{display:none !important}
  *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  body{background:#fff;color:#000;font-size:11pt;line-height:1.6}
  .marquee{mask-image:none;-webkit-mask-image:none}
  .marquee__track{animation:none !important;flex-wrap:wrap;width:auto}
  .op[aria-hidden="true"]{display:none}
  .op,.store{background:#fff !important;color:#000 !important;border:1px solid #999 !important;box-shadow:none !important}
  .op__mark{background:#0E4C81 !important;color:#fff !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .section,.hero{padding-block:18pt;break-inside:avoid}
  .stats,.loyalty,.cta,.footer{background:#fff !important;color:#000 !important}
  .stats *,.loyalty *,.cta *,.footer *{color:#000 !important}
  .tier{border:1px solid #999 !important;background:#fff !important}
  .card,.feat,.step,.quote,.qa{box-shadow:none !important;border:1px solid #ccc !important;break-inside:avoid}
  .qa p{display:block !important}
  .grad{-webkit-text-fill-color:#0E4C81;color:#0E4C81}
  a{color:#000 !important;text-decoration:none}
  .reveal{opacity:1 !important;transform:none !important}
  .panel{display:block !important}
}