/* Guide Export premium theme — brand colours from the logo and icon:
   royal navy #003C90, azure #0084F0, sky #0CA8FC, aqua #58C9DC (icon gradient #0750AD → #0AA8EF → #58C9DC).
   Loaded after every other stylesheet. */
@font-face{font-family:"GE Poppins";src:url(/assets/fonts/poppins-latin-200-normal.woff2) format("woff2");font-weight:200;font-display:swap}
@font-face{font-family:"GE Poppins";src:url(/assets/fonts/poppins-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"GE Poppins";src:url(/assets/fonts/poppins-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"GE Poppins";src:url(/assets/fonts/poppins-latin-600-normal.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"GE Poppins";src:url(/assets/fonts/poppins-latin-700-normal.woff2) format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"GE Cairo";src:url(/assets/fonts/cairo-arabic-300-normal.woff2) format("woff2");font-weight:200 300;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"GE Cairo";src:url(/assets/fonts/cairo-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"GE Cairo";src:url(/assets/fonts/cairo-arabic-600-normal.woff2) format("woff2");font-weight:500 600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"GE Cairo";src:url(/assets/fonts/cairo-arabic-700-normal.woff2) format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}

:root{
 --brand-navy:#003c90;--brand-azure:#0084f0;--brand-sky:#0ca8fc;--brand-aqua:#58c9dc;
 --brand-ink:#021a3d;--brand-deep:#01122b;--brand-mist:#eef6fd;--brand-line:rgba(0,60,144,.10);
 --brand-grad:linear-gradient(120deg,#0750ad 0%,#0aa8ef 58%,#58c9dc 100%);
 --brand-grad-soft:linear-gradient(120deg,rgba(7,80,173,.12),rgba(10,168,239,.10),rgba(88,201,220,.12));
 --ge-font:"GE Poppins","Segoe UI",system-ui,sans-serif;--ge-font-ar:"GE Cairo","GE Poppins",Tahoma,sans-serif;
 --ge-gold:#0ca8fc;--ge-gold-2:#58c9dc;--gold:#0ca8fc;
}
html{scroll-behavior:auto}
body,button,input,select,textarea{font-family:var(--ge-font)!important}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea,[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:var(--ge-font-ar)!important}
h1,h2,h3{letter-spacing:-.02em}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0}

/* Section headings: light + bold in one line, brand-gradient emphasis */
.ge-split{font-weight:300!important}
.ge-split .ge-bold{font-weight:700;background:linear-gradient(120deg,var(--brand-navy),#0750ad 40%,var(--brand-sky));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Eyebrows: tracked capitals with the icon gradient rule */
.ge-eyebrow{letter-spacing:.26em!important;text-transform:uppercase;color:var(--brand-azure)!important;font-weight:600!important}
html[lang=ar] .ge-eyebrow{letter-spacing:.02em!important}
.ge-eyebrow::after{background:var(--brand-grad)!important}

/* Buttons */
.primary,.hero .primary,button[type=submit]:not(.link):not(.ghost){background:var(--brand-grad)!important;border:0!important;color:#fff!important;border-radius:999px!important;box-shadow:0 12px 30px rgba(0,132,240,.30)}
.secondary,.hero .secondary{border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.35)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.gold{background:#fff!important;color:var(--brand-navy)!important;border-radius:999px!important}

/* Hero: deep navy veil like a cinema frame, brand-light glow */
.hero-slides::after{background:linear-gradient(to top,rgba(1,18,43,.96) 0%,rgba(2,26,61,.55) 38%,rgba(2,26,61,.10) 70%),radial-gradient(120% 90% at 85% 10%,rgba(12,168,252,.28),transparent 55%),radial-gradient(70% 60% at 0% 100%,rgba(88,201,220,.18),transparent 60%)!important}
.hero h1{font-weight:700!important;font-size:clamp(2.5rem,5vw,5.2rem)!important;line-height:1.02!important}
.hero h1 span,.hero h1 em,.hero h1 strong{background:linear-gradient(100deg,#ffffff 0%,#9fe3ff 22%,#0ca8fc 45%,#58c9dc 65%,#ffffff 100%)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.ge-typer{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin:6px 0 18px;font-size:clamp(1.05rem,2.2vw,1.45rem);font-weight:300;color:rgba(255,255,255,.86)}
.ge-typer-label{letter-spacing:.2em;text-transform:uppercase;font-size:.72em;font-weight:600;color:var(--brand-aqua)}
html[lang=ar] .ge-typer-label{letter-spacing:0}
.ge-typer-word{font-weight:600;color:#fff}
.ge-caret{display:inline-block;width:2px;height:1.15em;background:var(--brand-sky);animation:ge-blink 1s steps(1) infinite}
.hero [class*=trust],.hero [class*=stats],.hero-trust{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(2,26,61,.38)!important;border-color:rgba(255,255,255,.14)!important;border-radius:22px!important}

/* Sector ribbon under the hero */
.ge-ribbon{position:relative;overflow:hidden;background:var(--brand-deep);color:#fff;border-block:1px solid rgba(255,255,255,.06)}
.ge-ribbon-track{display:flex;width:max-content;animation:ge-marquee 38s linear infinite}
[dir=rtl] .ge-ribbon-track{animation-direction:reverse}
.ge-ribbon:hover .ge-ribbon-track{animation-play-state:paused}
.ge-ribbon span{display:inline-flex;align-items:center;gap:18px;padding:18px 28px;font-size:15px;font-weight:300;letter-spacing:.06em;white-space:nowrap;opacity:.9}
.ge-ribbon span::after{content:"";width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:var(--brand-grad);margin-inline-start:28px}
.ge-ribbon::before,.ge-ribbon::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:1;pointer-events:none}
.ge-ribbon::before{left:0;background:linear-gradient(90deg,var(--brand-deep),transparent)}
.ge-ribbon::after{right:0;background:linear-gradient(-90deg,var(--brand-deep),transparent)}

/* Sections: soft gradient hairline between them, rounded feature panels */
main > .section + .section{border-top:0!important;box-shadow:inset 0 1px 0 rgba(0,60,144,.07)}
.global-routes .route-card,.global-routes [class*=map],.trade-intelligence-teaser > div,.contact form{border-radius:30px!important}

/* Cards: rounded, hairline border, spotlight that follows the pointer */
.product-card,.category-card,.recommended-card,.company-card,.why-card,.sector-card,.join-company-card,.news-card,.insight-card,.workspace-card,.freight-card,.portal-overview article{border-radius:22px!important;border:1px solid var(--brand-line)!important}
.ge-spot{background-image:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(12,168,252,var(--spot,0)),transparent 60%)!important;transition:transform .45s,box-shadow .45s,border-color .45s}
.ge-spot:hover{--spot:.12}
.product-card:hover,.category-card:hover,.recommended-card:hover,.company-card:hover,.why-card:hover,.sector-card:hover,.news-card:hover{border-color:rgba(12,168,252,.45)!important;box-shadow:0 26px 60px rgba(0,60,144,.16),0 0 0 1px rgba(12,168,252,.18)!important}

/* Header */
.site-header.is-scrolled,.ge-header.is-scrolled{background:rgba(255,255,255,.72)!important;border-bottom:1px solid rgba(0,60,144,.08)!important}
.ge-progress{background:var(--brand-grad)!important}
.trade-portal,a[href="/portal/"].nav-cta,.ge-nav a[href="/portal/"]{border-radius:999px!important}

/* Footer gets the deep brand navy */
body>footer,main+footer,.site-footer{background:linear-gradient(180deg,var(--brand-ink),var(--brand-deep))!important;color:rgba(255,255,255,.82)}
body>footer a,main+footer a,.site-footer a{color:#cfe9ff}
body>footer a:hover,main+footer a:hover,.site-footer a:hover{color:#fff}

/* Brand intro (first visit in a session) — fades itself out even without JS */
html.ge-intro::before{content:"";position:fixed;inset:0;z-index:9998;background:radial-gradient(60% 50% at 50% 45%,#063d8f 0%,var(--brand-ink) 55%,var(--brand-deep) 100%);animation:ge-intro-out .6s ease 1.15s forwards}
html.ge-intro::after{content:"";position:fixed;left:50%;top:50%;z-index:9999;width:min(260px,62vw);height:120px;transform:translate(-50%,-50%);background:url(/assets/mark.svg) center top/64px 64px no-repeat,linear-gradient(90deg,transparent,#0ca8fc,transparent) center bottom/0% 2px no-repeat;animation:ge-intro-mark 1.15s cubic-bezier(.2,.8,.2,1) both,ge-intro-out .6s ease 1.15s forwards}

@keyframes ge-marquee{to{transform:translateX(-50%)}}
@keyframes ge-blink{50%{opacity:0}}
@keyframes ge-intro-mark{0%{opacity:0;transform:translate(-50%,-40%) scale(.9);background-size:64px 64px,0% 2px}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{background-size:64px 64px,100% 2px}}
@keyframes ge-intro-out{to{opacity:0;visibility:hidden}}

@media (max-width:700px){.ge-ribbon span{padding:14px 18px;font-size:13px}.ge-typer{margin:2px 0 14px}}
@media (prefers-reduced-motion:reduce){.ge-ribbon-track,.ge-caret{animation:none!important}html.ge-intro::before,html.ge-intro::after{display:none}}

/* Smooth scrolling (Lenis) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

/* Brand colours replace the old gold accents */
.ticker-label::before{background:var(--brand-aqua)!important;box-shadow:0 0 0 4px rgba(88,201,220,.25)!important}
@media (max-width:700px){.ge-eyebrow{letter-spacing:.14em!important}.hero .ge-eyebrow,.hero [class*=eyebrow],.hero [class*=kicker]{letter-spacing:.14em!important}}

/* Typing caret while text writes itself */
.ge-typing::after{content:"";display:inline-block;width:.08em;min-width:2px;height:.9em;margin-inline-start:.08em;vertical-align:-.08em;background:var(--brand-sky);animation:ge-blink .8s steps(1) infinite}
.ge-count{font-variant-numeric:tabular-nums}

/* Home hero: slide arrows + dots bottom-centre on every screen (as on phones) */
@media (min-width:761px){
 .homepage-main .hero .hero-slider-controls{top:auto!important;right:auto!important;left:50%!important;bottom:18px!important;transform:translateX(-50%)!important;gap:14px}
 .homepage-main .hero .hero-slider-controls .hero-arrow{display:grid!important;place-items:center;width:40px;height:40px}
 .homepage-main .hero .trust-strip{margin-bottom:62px!important}
}
/* Products link in the home header is a plain link (no drop-down menu) */
.nav-products .mega-menu{display:none!important}
.products-trigger:after{content:none!important;display:none!important}
/* Platform visit counter (footer) */
.ge-visits{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;margin:18px auto 4px;padding:9px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.86);font-size:.88rem}
.ge-visits-n{font-size:1.05rem;letter-spacing:.02em;background:linear-gradient(90deg,#58C9DC,#0CA8FC);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ge-visits-dot{width:8px;height:8px;border-radius:50%;background:#2fd08a;box-shadow:0 0 0 0 rgba(47,208,138,.6);animation:gePulse 2s infinite}
@keyframes gePulse{70%{box-shadow:0 0 0 9px rgba(47,208,138,0)}100%{box-shadow:0 0 0 0 rgba(47,208,138,0)}}
@media(prefers-reduced-motion:reduce){.ge-visits-dot{animation:none}}
.ge-mini-footer{padding:26px 16px 30px;text-align:center}.ge-mini-footer p{margin:0;font-size:.84rem;opacity:.8}

/* Account icon in the header */
.ge-account{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.ge-account .ge-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef6fc;font-size:.8rem}
.ge-account .ge-avatar.on{background:linear-gradient(135deg,#0750AD,#0AA8EF);color:#fff;font-weight:700;font-size:.72rem}
.ge-account small{font-weight:800}
@media(max-width:760px){.ge-account small{display:none}}
/* Home: trade-data button readable; sector cards without index numbers */
.trade-intelligence-teaser .button.gold{background:linear-gradient(135deg,#0750AD,#0AA8EF)!important;color:#fff!important;border:0}
.sector-card .product-number{display:none!important}
.recommended-card img[src*="/abaya-"],.global-result img[src*="/abaya-"],.ml-fav-media img{object-position:50% 12%!important}