@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap');

:root {
  --ink-0:#030610;--ink-1:#060913;--ink-2:#0D1322;--ink-3:#111318;--ink-4:#1A2233;--ink-5:#22304F;
  --steel-d:#2A3245;--steel:#3A4458;--steel-l:#4D5A72;
  --ti-0:#1F2533;--ti-1:#2A3142;--ti-2:#4A5163;--ti-3:#6B7280;--ti-4:#9CA3AF;--ti-5:#E5E7EB;--ti-6:#F4F5F8;
  --sapph-deep:#1E4FB8;--sapph:#3B82F6;--sapph-soft:#7BA9FA;
  --gold-deep:#8C7124;--gold:#D4AF37;--gold-soft:#E6C667;
  --red-deep:#A50A1F;--red:#E5102F;--red-soft:#FF6E81;
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono','Courier New',monospace;
  --font-arabic:'IBM Plex Sans Arabic',sans-serif;
  --r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;
  --hair:1px solid rgba(255,255,255,.06);
  --hair-2:1px solid rgba(255,255,255,.10);
  --shadow-card:0 1px 0 rgba(255,255,255,.02) inset;
  --shadow-lift:0 24px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(59,130,246,.18),0 0 60px -20px rgba(59,130,246,.22);
  --ease-spring:cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.22,1,.36,1);
  --t-fast:180ms;--t-med:320ms;--t-slow:500ms;
}
[lang="ar"] body,[dir="rtl"] body{font-family:var(--font-arabic);}
[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3,[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{font-family:var(--font-arabic);font-weight:600;}
body{background:var(--ink-1);color:var(--ti-5);font-family:var(--font-body);-webkit-font-smoothing:antialiased;}
::selection{background:rgba(59,130,246,.25);color:var(--ti-6);}
::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:var(--ink-2);}::-webkit-scrollbar-thumb{background:var(--steel);border-radius:999px;}

/* NAV */
.rg-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:76px;background:transparent;border-bottom:1px solid transparent;transition:height var(--t-med) var(--ease-out),background var(--t-med),border-color var(--t-med),backdrop-filter var(--t-med);}
.rg-nav.is-scrolled{height:60px;background:rgba(3,6,16,.88);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:var(--hair-2);}
.rg-nav__brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:inherit;}
.rg-nav__logo{width:32px;height:32px;border-radius:7px;border:1px solid var(--steel-l);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ti-5);flex-shrink:0;transition:width var(--t-fast),height var(--t-fast),font-size var(--t-fast);}
.is-scrolled .rg-nav__logo{width:27px;height:27px;font-size:13px;}
.rg-nav__name{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ti-5);letter-spacing:.04em;line-height:1.1;}
.rg-nav__sub{font-family:var(--font-mono);font-size:8.5px;color:var(--ti-3);letter-spacing:.3em;text-transform:uppercase;display:block;}
.rg-nav__links{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0;}
.rg-nav__links a{font-size:.8125rem;font-weight:500;color:var(--ti-4);text-decoration:none;letter-spacing:.02em;transition:color var(--t-fast);}
.rg-nav__links a:hover,.rg-nav__links a.is-active{color:var(--ti-5);}
.rg-nav__actions{display:flex;align-items:center;gap:.75rem;}
.rg-nav__lang{display:flex;gap:.25rem;}
.rg-nav__lang a{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--r-sm);text-decoration:none;color:var(--ti-3);transition:background var(--t-fast),color var(--t-fast);}
.rg-nav__lang a.is-active,.rg-nav__lang a:hover{background:var(--sapph);color:#fff;}
.rg-nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.25rem;}
.rg-nav__toggle span{display:block;width:22px;height:2px;background:var(--ti-4);border-radius:2px;transition:transform var(--t-med) var(--ease-spring),opacity var(--t-fast);}
.rg-nav__toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.rg-nav__toggle.is-open span:nth-child(2){opacity:0;}
.rg-nav__toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* BUTTONS */
.rg-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.75rem 1.5rem;border-radius:var(--r-sm);border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast);position:relative;overflow:hidden;white-space:nowrap;user-select:none;}
.rg-btn:active{transform:translateY(1px);}
.rg-btn--primary{background:var(--sapph);color:#fff;border-color:var(--sapph);}
.rg-btn--primary:hover{background:#2563EB;border-color:#2563EB;box-shadow:0 0 0 3px rgba(59,130,246,.25);color:#fff;text-decoration:none;}
.rg-btn--gold{background:transparent;color:var(--gold);border-color:var(--gold);}
.rg-btn--gold:hover{background:rgba(212,175,55,.1);color:var(--gold-soft);text-decoration:none;}
.rg-btn--ghost{background:transparent;color:var(--ti-4);border-color:var(--steel);}
.rg-btn--ghost:hover{color:var(--ti-5);border-color:var(--steel-l);text-decoration:none;}
.rg-btn--sm{font-size:.7rem;padding:.5rem 1rem;}
.rg-btn--lg{font-size:.9rem;padding:1rem 2rem;}
.rg-ripple{position:absolute;border-radius:999px;background:rgba(255,255,255,.28);animation:rg-ripple-expand 700ms var(--ease-out) forwards;pointer-events:none;transform:translate(-50%,-50%);width:0;height:0;}
@keyframes rg-ripple-expand{to{width:500px;height:500px;opacity:0;}}

/* CHIPS */
.rg-chip{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--steel);color:var(--ti-4);background:transparent;white-space:nowrap;}
.rg-chip--dot::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}
.rg-chip--gold{color:var(--gold);border-color:rgba(212,175,55,.35);}
.rg-chip--sapph{color:var(--sapph-soft);border-color:rgba(59,130,246,.35);}
.rg-chip--red{color:var(--red-soft);border-color:rgba(229,16,47,.35);}
.rg-chip--live{color:#86efac;border-color:rgba(34,197,94,.35);}
.rg-chip--steel{color:var(--ti-3);border-color:var(--steel);}

/* CARDS */
.rg-card{background:linear-gradient(180deg,var(--ink-3) 0%,var(--ink-2) 100%);border:var(--hair-2);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--t-slow) var(--ease-spring),border-color var(--t-med),box-shadow var(--t-slow) var(--ease-spring);}
.rg-card:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.2);box-shadow:var(--shadow-lift);}
.rg-card--corners{position:relative;}
.rg-card--corners::before{content:'';position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-top:1px solid var(--sapph);border-right:1px solid var(--sapph);pointer-events:none;z-index:1;}
.rg-card--corners::after{content:'';position:absolute;bottom:-1px;left:-1px;width:12px;height:12px;border-bottom:1px solid var(--gold);border-left:1px solid var(--gold);pointer-events:none;z-index:1;}

/* PLACEHOLDER IMAGE */
.rg-placeholder{position:relative;background:var(--ink-4);overflow:hidden;}
.rg-placeholder::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 14px,rgba(255,255,255,.02) 14px,rgba(255,255,255,.02) 28px);}
.rg-placeholder::after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;color:var(--ti-2);text-transform:uppercase;}

/* SPEC TABLE */
.rg-spec{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;font-size:.8125rem;}
.rg-spec>*:nth-child(odd){color:var(--ti-3);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;}
.rg-spec>*:nth-child(even){color:var(--ti-5);font-weight:500;font-family:var(--font-mono);text-align:right;}

/* SECTIONS */
.rg-section{padding:5rem 0;}
.rg-section--hero{padding:7rem 0 5rem;background:linear-gradient(135deg,var(--ink-1) 0%,var(--ink-2) 60%,var(--ink-3) 100%);position:relative;overflow:hidden;}
.rg-section--dark{background:var(--ink-1);}
.rg-section--mid{background:var(--ink-2);}
.rg-section--panel{background:var(--ink-3);}
.rg-section__eyebrow{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.25em;text-transform:uppercase;color:var(--sapph-soft);margin-bottom:.875rem;display:block;}
.rg-section__eyebrow--gold{color:var(--gold);}
.rg-section__title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.75rem);font-weight:600;color:var(--ti-5);line-height:1.08;margin-bottom:1.25rem;}
.rg-section__sub{font-size:1.0625rem;color:var(--ti-3);line-height:1.8;max-width:560px;}
.rg-hair{border:none;border-top:var(--hair);margin:0;}

/* STATS */
.rg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;}
.rg-stat{padding:1.5rem 0;border-top:1px solid var(--steel);}
.rg-stat:nth-child(4n+1){border-top-color:var(--gold);}
.rg-stat:nth-child(4n+2){border-top-color:var(--sapph);}
.rg-stat__num{font-family:var(--font-mono);font-size:2.25rem;font-weight:500;color:var(--ti-5);line-height:1;margin-bottom:.375rem;}
.rg-stat__label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ti-3);}

/* FOOTER */
.rg-footer{background:var(--ink-0);border-top:var(--hair);padding:4rem 0 2rem;}
.rg-footer__brand{font-family:var(--font-display);font-size:1.25rem;color:var(--ti-5);font-weight:600;letter-spacing:.04em;margin-bottom:.5rem;}
.rg-footer__tagline{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:var(--ti-3);text-transform:uppercase;}
.rg-footer__heading{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ti-3);margin-bottom:1rem;}
.rg-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;}
.rg-footer__links a{font-size:.85rem;color:var(--ti-3);text-decoration:none;transition:color var(--t-fast);}
.rg-footer__links a:hover{color:var(--ti-5);}
.rg-footer__bottom{border-top:var(--hair);margin-top:3rem;padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.12em;color:var(--ti-2);text-transform:uppercase;}

/* FORMS */
.rg-input{width:100%;background:var(--ink-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);padding:.8125rem 1rem;color:var(--ti-5);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);}
.rg-input:focus{border-color:var(--sapph);box-shadow:0 0 0 3px rgba(59,130,246,.15);}
.rg-input::placeholder{color:var(--ti-2);}
.rg-label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ti-3);margin-bottom:.5rem;}

/* REVEAL ANIMATIONS */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out);}
[data-reveal].is-in{opacity:1;transform:none;}
[data-stagger]>*{opacity:0;transform:translateY(16px);transition:opacity 600ms var(--ease-out),transform 600ms var(--ease-out);}
[data-stagger].is-in>*{opacity:1;transform:none;}
[data-stagger].is-in>*:nth-child(1){transition-delay:0ms;}
[data-stagger].is-in>*:nth-child(2){transition-delay:80ms;}
[data-stagger].is-in>*:nth-child(3){transition-delay:160ms;}
[data-stagger].is-in>*:nth-child(4){transition-delay:240ms;}
[data-stagger].is-in>*:nth-child(5){transition-delay:320ms;}
[data-stagger].is-in>*:nth-child(6){transition-delay:400ms;}
@keyframes rg-rise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}

/* GLOWS */
.rg-glow-sapph{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.14) 0%,transparent 70%);width:900px;height:900px;top:-200px;right:-150px;z-index:0;}
.rg-glow-gold{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.07) 0%,transparent 65%);width:600px;height:600px;bottom:-100px;left:-100px;z-index:0;}

/* ARROW RTL */
.rg-arrow::after{content:'→';display:inline-block;}
[dir="rtl"] .rg-arrow::after{content:'←';}

/* CARD ARROW HOVER */
.rg-card:hover .rg-card__arrow{background:var(--sapph);border-color:var(--sapph);transform:translateX(2px);}
.rg-card:hover .rg-card__arrow svg{color:#fff;}
[dir="rtl"] .rg-card:hover .rg-card__arrow{transform:translateX(-2px);}

/* RESPONSIVE */
@media(max-width:991px){
  .rg-nav__links{display:none;}
  .rg-nav__toggle{display:flex;}
  .rg-nav__links--open{display:flex;flex-direction:column;position:fixed;top:60px;left:0;right:0;background:rgba(3,6,16,.97);backdrop-filter:blur(16px);padding:1.5rem 2rem 2rem;gap:1rem;border-bottom:var(--hair-2);z-index:999;}
  .rg-nav__links--open a{font-size:1.1rem;padding:.5rem 0;border-bottom:var(--hair);}
}
@media(max-width:767px){
  .rg-section{padding:3.5rem 0;}
  .rg-section--hero{padding:5rem 0 3.5rem;}
  .rg-stats{grid-template-columns:repeat(2,1fr);}
}

/* ── Arabic text size equalizer ─────────────────────────────── */
/* Arabic glyphs render ~15% smaller than Latin at same px — compensate */
[lang="ar"] body,
[dir="rtl"] body {
    font-size: 16px;
    line-height: 1.8;
}

[lang="ar"] p,
[dir="rtl"] p {
    font-size: 1.05rem;
}

[lang="ar"] .rg-section__title,
[dir="rtl"] .rg-section__title {
    font-family: var(--font-arabic) !important;
    font-size: clamp(2rem, 4.5vw, 3.75rem) !important;
}

[lang="ar"] .rg-section__eyebrow,
[dir="rtl"] .rg-section__eyebrow {
    font-family: var(--font-arabic) !important;
    font-size: .8rem !important;
    letter-spacing: .05em !important;
}

[lang="ar"] .rg-section__sub,
[dir="rtl"] .rg-section__sub {
    font-family: var(--font-arabic) !important;
    font-size: 1.05rem !important;
}

[lang="ar"] .rg-btn,
[dir="rtl"] .rg-btn {
    font-family: var(--font-arabic) !important;
    font-size: .875rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

[lang="ar"] .rg-chip,
[dir="rtl"] .rg-chip {
    font-family: var(--font-arabic) !important;
    font-size: .75rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

[lang="ar"] .rg-nav__links a,
[dir="rtl"] .rg-nav__links a {
    font-family: var(--font-arabic) !important;
    font-size: .9rem !important;
    letter-spacing: 0 !important;
}

[lang="ar"] .rg-nav__name,
[dir="rtl"] .rg-nav__name {
    font-family: var(--font-arabic) !important;
    font-size: .95rem !important;
    letter-spacing: 0 !important;
}

[lang="ar"] .rg-footer__links a,
[dir="rtl"] .rg-footer__links a {
    font-family: var(--font-arabic) !important;
    font-size: .95rem !important;
}

[lang="ar"] .rg-footer__heading,
[dir="rtl"] .rg-footer__heading {
    font-family: var(--font-arabic) !important;
    font-size: .8rem !important;
    letter-spacing: .05em !important;
    text-transform: none !important;
}

[lang="ar"] .rg-stat__label,
[dir="rtl"] .rg-stat__label {
    font-family: var(--font-arabic) !important;
    font-size: .75rem !important;
    letter-spacing: .05em !important;
    text-transform: none !important;
}

[lang="ar"] .rg-label,
[dir="rtl"] .rg-label {
    font-family: var(--font-arabic) !important;
    font-size: .82rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

[lang="ar"] .rg-input,
[dir="rtl"] .rg-input {
    font-family: var(--font-arabic) !important;
    font-size: 1rem !important;
    text-align: right;
}

[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3,
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3 {
    font-family: var(--font-arabic) !important;
    font-weight: 600 !important;
}

/* Car card Arabic */
[lang="ar"] .rg-card,
[dir="rtl"] .rg-card {
    font-family: var(--font-arabic);
}

/* Mono font override for Arabic — keep numbers LTR */
[lang="ar"] [style*="font-family:var(--font-mono)"],
[lang="ar"] [style*="font-family:'JetBrains"] {
    font-family: var(--font-arabic) !important;
    font-size: 1rem !important;
}