/* MERCAVEO International preview — scoped stylesheet, independent of the French styles.
   Visual language mirrors public/home-immersive.css: slate blue, champagne gold, serif headlines,
   Inter body text, video backgrounds with shade and grid overlays, pill buttons. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-800.woff) format("woff")}

:root{
  --slate:#45657f;--slate-dark:#20394b;--slate-ink:#132535;--gold:#e1bd78;--gold-deep:#8a6504;
  --cream:#f7f3ea;--ink:#162330;--muted:#55636f;--line:rgba(18,35,52,.12);
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
  --radius:22px;--wrap:1180px;--gutter:clamp(16px,4vw,48px);
  color-scheme:light;
}
html[dir=rtl]{--sans:"Noto Sans Arabic","Segoe UI","Geeza Pro",Tahoma,"Arial",sans-serif;--serif:"Noto Naskh Arabic","Noto Sans Arabic","Segoe UI","Geeza Pro",Tahoma,serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink);background:var(--cream);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{line-height:1.12;margin:0 0 .6em}
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.skip{position:absolute;inset-inline-start:1rem;top:-120px;z-index:100;background:var(--gold);color:#102033;padding:.8rem 1rem;border-radius:8px;font-weight:800;text-decoration:none}
.skip:focus{top:1rem}
main:focus{outline:none}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(19,37,53,.94);color:#fff;border-bottom:1px solid rgba(225,189,120,.28)}
@supports (backdrop-filter:blur(10px)){.site-header{background:rgba(19,37,53,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.brand{display:inline-flex;flex-shrink:0}
.brand img{display:block;width:clamp(150px,18vw,200px);height:auto}
.primary-nav{display:none;align-items:center;gap:4px}
.primary-nav a,.mobile-panel a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.92rem;color:rgba(255,255,255,.88);transition:color .2s,background-color .2s}
.primary-nav a:hover,.mobile-panel a:hover{color:#fff;background:rgba(255,255,255,.08)}
.primary-nav a[aria-current=page],.mobile-panel a[aria-current=page]{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold);border-radius:0}
.header-tools{display:flex;align-items:center;gap:10px}
.lang-picker{display:inline-flex;align-items:center;gap:6px}
.lang-picker select{font:inherit;font-size:.92rem;min-height:44px;padding:0 10px;background:var(--slate-dark);color:#fff;border:1px solid rgba(225,189,120,.7);border-radius:999px;cursor:pointer;max-width:9.5rem}
.globe{font-size:1.05rem}
.mobile-menu{position:relative}
.mobile-menu summary{list-style:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--gold);color:#102033;font-weight:800;cursor:pointer}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);display:grid;gap:2px;min-width:min(290px,calc(100vw - 32px));padding:10px;background:var(--slate-ink);border:1px solid rgba(225,189,120,.35);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.mobile-panel a{border-radius:12px;font-size:1rem}
.mobile-panel a[aria-current=page]{border-radius:12px;box-shadow:inset 3px 0 0 var(--gold)}
html[dir=rtl] .mobile-panel a[aria-current=page]{box-shadow:inset -3px 0 0 var(--gold)}
@media(min-width:1180px){.primary-nav{display:flex}.mobile-menu{display:none}}
@media(max-width:560px){.header-inner{gap:8px;min-height:64px}.brand img{width:118px}.globe{display:none}.lang-picker select{max-width:7.2rem;padding:0 8px;font-size:.88rem}.mobile-menu summary{padding:0 14px}.header-tools{gap:6px}}

/* Immersive sections */
.hero,.panel{position:relative;isolation:isolate;overflow:hidden;color:#fff;display:flex;align-items:center;background-color:var(--slate-ink)}
.hero .copy,.panel .copy{text-shadow:0 1px 18px rgba(8,19,31,.35)}
.hero{min-height:min(78svh,820px);padding:clamp(64px,10vw,120px) 0}
.hero-full{min-height:calc(100svh - 72px)}
.panel{min-height:72svh;padding:clamp(64px,9vw,104px) 0}
.bg{position:absolute;inset:0;z-index:-3;overflow:hidden;background:linear-gradient(135deg,#52738c 0%,#7691a7 56%,#b8a27d 140%)}
.bg::before,.bg::after{content:"";position:absolute;border-radius:999px;filter:blur(10px);opacity:.5}
.bg::before{width:min(68vw,900px);height:min(68vw,900px);inset-inline-end:-15vw;top:-24vw;background:radial-gradient(circle at 35% 35%,rgba(234,204,149,.6),rgba(119,158,187,.26) 34%,rgba(82,115,140,0) 68%);animation:float 16s ease-in-out infinite alternate}
.bg::after{width:min(54vw,760px);height:min(54vw,760px);inset-inline-start:-20vw;bottom:-25vw;background:radial-gradient(circle,rgba(117,157,187,.36),rgba(82,115,140,0) 68%);animation:float 19s ease-in-out infinite alternate-reverse}
.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;filter:saturate(.94) brightness(.95)}
.bg-video.ready{opacity:1}
.grid{position:absolute;inset:0;z-index:-2;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,#000b,transparent);mask-image:linear-gradient(to bottom,#000b,transparent)}
.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(19,37,53,.62),rgba(19,37,53,.74))}
.theme-commerce .bg{background:linear-gradient(135deg,#46667f 0%,#6f8ca3 58%,#b4996c 145%)}
.theme-digital .bg{background:linear-gradient(135deg,#6788a0 0%,#8fa7b9 52%,#d0b88b 135%)}
.theme-security .bg{background:linear-gradient(135deg,#496a83 0%,#708da4 55%,#9eb3c4 135%)}
.theme-contact .bg,.theme-about .bg{background:linear-gradient(135deg,#2c4a61 0%,#52738c 60%,#b8a27d 150%)}
.copy{max-width:920px;margin-inline:auto;text-align:center}
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.kicker::before{content:"";width:38px;height:2px;background:currentColor}
.kicker.dark{color:var(--gold-deep)}
.hero h1,.panel h2{font-family:var(--serif);font-weight:500;letter-spacing:-.03em;color:#fff;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.hero h1{font-size:clamp(2.4rem,7vw,6.2rem);line-height:.98}
.hero-full h1{font-size:clamp(2.7rem,8vw,7.4rem)}
.panel h2{font-size:clamp(2.2rem,5.6vw,5.2rem);line-height:1}
.accent{color:var(--gold)}
.copy p{max-width:760px;margin:20px auto 28px;color:rgba(255,255,255,.9);font-size:clamp(1.03rem,1.5vw,1.28rem);line-height:1.65;text-wrap:pretty}
.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(8,19,31,.36);color:#fff;font-weight:800;text-decoration:none;text-align:center;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}
.cta:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(225,189,120,.16)}
.cta.primary{background:var(--gold);border-color:var(--gold);color:#102033}
.cta.primary:hover{background:#ecca8a}
.video-toggle{position:absolute;inset-inline-end:16px;bottom:16px;z-index:2;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(8,19,31,.5);color:#fff;font-size:.8rem;cursor:pointer}
.video-toggle[aria-pressed=true]{background:var(--gold);color:#102033}

/* Content bands */
.band{padding:clamp(56px,8vw,96px) 0}
.band.light{background:var(--cream);color:var(--ink)}
.band.dark{background:var(--slate-dark);color:#e8eef3}
.band.dark h2,.band.dark h3{color:#fff}
.section-head{max-width:780px;margin:0 auto 34px;text-align:center}
.section-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,4vw,3.2rem);letter-spacing:-.02em;text-wrap:balance}
.section-head p{color:var(--muted);font-size:1.08rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}
.cards.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 18px 50px rgba(18,35,52,.06);transition:transform .3s ease,box-shadow .3s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(18,35,52,.1)}
.card h3{font-size:1.22rem;color:var(--ink)}
.card p{color:var(--muted);margin:0 0 14px}
.num{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:14px;background:#f8efd7;color:var(--gold-deep);font-weight:800}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tags li{padding:5px 11px;border-radius:999px;background:#eef3f5;color:#3d566b;font-size:.84rem;font-weight:600}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;margin:0;padding:0;list-style:none;counter-reset:step}
.step{position:relative;padding:22px 22px 22px 24px;border-inline-start:3px solid var(--gold);background:rgba(255,255,255,.05);border-start-end-radius:18px;border-end-end-radius:18px;counter-increment:step}
.step::before{content:counter(step,decimal-leading-zero);display:block;margin-bottom:8px;color:var(--gold);font-weight:800;font-size:.85rem;letter-spacing:.08em}
.step h3{font-size:1.12rem;margin-bottom:.4em}
.step p{margin:0;color:rgba(232,238,243,.86)}
.light-steps .step{background:#fff}.light-steps .step p{color:var(--muted)}.light-steps .step::before{color:var(--gold-deep)}
.note{max-width:820px;margin:32px auto 0;text-align:center;color:rgba(232,238,243,.92);font-size:1.05rem}
.note-light{max-width:820px;margin:22px auto 0;text-align:center;color:var(--muted)}
.note-light a{color:var(--ink);font-weight:600}
.notice{max-width:880px;margin:0 auto;padding:26px 28px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--gold)}
.notice h2{font-size:1.15rem;font-family:var(--sans);font-weight:800}
.notice p{margin:.4em 0 0;color:var(--muted)}
.availability{padding-top:0}
.band.light+.availability{padding-top:0}
.band.dark+.availability{padding-top:clamp(40px,6vw,64px)}
.contact-card h2{font-size:1.1rem;font-family:var(--sans);font-weight:800;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.08em}
html[dir=rtl] .contact-card h2{letter-spacing:0}
.big-link{font-size:clamp(1.2rem,3.4vw,1.6rem);font-weight:800;color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:6px;overflow-wrap:anywhere}
.cta-band{background:linear-gradient(135deg,var(--slate-ink),var(--slate-dark) 60%,#3a4f5a);color:#fff;padding:clamp(56px,8vw,96px) 0;text-align:center}
.cta-band h2{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4.4vw,3.4rem)}
.cta-band p{max-width:640px;margin:0 auto 26px;color:rgba(255,255,255,.88)}

/* Footer */
.site-footer{background:var(--slate-ink);color:rgba(232,238,243,.86);padding:56px 0 28px;font-size:.95rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:28px}
.site-footer h2{font-size:.82rem;font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
html[dir=rtl] .site-footer h2{letter-spacing:0}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.site-footer a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;color:#fff}
.site-footer a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid rgba(225,189,120,.25);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:.86rem}
.footer-bottom p{margin:0}

/* Draft-only banner (investors page, never deployed) */
.draft-banner{background:#7a1f1f;color:#fff;padding:12px var(--gutter);text-align:center;font-size:.95rem}

/* Arabic: no tracking/uppercase (breaks letter joining), sans headlines */
html[dir=rtl] .kicker{letter-spacing:0;text-transform:none;font-size:.95rem}
html[dir=rtl] .hero h1,html[dir=rtl] .panel h2,html[dir=rtl] .section-head h2,html[dir=rtl] .cta-band h2{font-weight:700;letter-spacing:0;line-height:1.3}
html[dir=rtl] .hero h1{font-size:clamp(2.1rem,6vw,4.8rem)}
html[dir=rtl] .panel h2{font-size:clamp(1.9rem,4.8vw,4rem)}
html[dir=rtl] .step::before{letter-spacing:0}

/* Scroll reveal (enabled by JS only, so content is visible without JS) */
html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease calc(var(--i,0)*90ms),transform .7s ease calc(var(--i,0)*90ms)}
html.js .reveal.in{opacity:1;transform:none}

@keyframes float{to{transform:translate3d(-5vw,4vw,0) scale(1.06)}}

@media(max-width:640px){
  body{font-size:16px}
  .hero{min-height:auto;padding:72px 0 64px}
  .hero-full{min-height:calc(92svh - 72px)}
  .panel{min-height:auto;padding:72px 0}
  .cta{width:100%}
  .card{padding:22px}
  .kicker::before{width:24px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.js .reveal{opacity:1;transform:none}
  .bg-video{display:none}
}
@media print{.site-header,.video-toggle,.bg,.grid,.shade{display:none}.hero,.panel,.cta-band,.band.dark{color:#000;background:#fff}.hero h1,.panel h2,.copy p{color:#000}}
.steps+.notice,.steps+.note-light{margin-top:28px}
.video-toggle[hidden],[hidden]{display:none!important}