:root { --gold:#d58e22; --gold-bright:#e3a337; --muted:#a5a5a5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#020202; color:#f5f5f5; font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
main { min-height:100vh; overflow:hidden; background:radial-gradient(circle at 68% 38%, #171007 0, #050403 34%, #000 64%); }

.header { height:105px; padding:17px 3%; display:flex; align-items:center; position:relative; z-index:10; background:#000; gap:28px; }
.brand { width:340px; display:flex; align-items:center; flex:none; }
.brand-logo { width:310px; height:74px; display:block; object-fit:contain; background:transparent; }
.brand-mark { width:91px; height:77px; position:relative; font-family:Georgia,serif; color:white; }
.brand-mark b { font-size:72px; font-weight:400; line-height:1; position:absolute; }
.brand-mark i { color:var(--gold); font-size:47px; font-style:normal; font-weight:bold; position:absolute; left:42px; top:29px; text-shadow:11px -24px 0 var(--gold); }
.brand-copy { display:flex; flex-direction:column; align-items:center; line-height:1; }
.brand-copy>span { font-family:Georgia,serif; font-size:28px; letter-spacing:.5px; }
.brand-copy>span span { color:var(--gold-bright); }
.brand-copy small { margin-top:5px; letter-spacing:7px; font-family:Georgia,serif; font-size:10px; }
.brand-copy em { margin-top:10px; font-size:6px; font-style:normal; letter-spacing:.25px; white-space:nowrap; }
nav { flex:1; display:flex; align-items:center; justify-content:center; gap:37px; height:100%; }
nav a { font-size:12px; white-space:nowrap; position:relative; }
nav a.active { color:var(--gold-bright); }
nav a.active:after { content:""; position:absolute; height:1px; background:var(--gold); left:0; right:0; bottom:-20px; }
.header-actions { display:flex; align-items:center; gap:18px; }
.language { border:1px solid #3a2b17; color:#eee; background:#050505; border-radius:22px; padding:12px 16px; }
.language:first-letter { color:var(--gold); }
.outline-button,.gold-button { height:48px; min-width:208px; padding:0 27px; border:1px solid var(--gold); display:inline-flex; align-items:center; justify-content:space-between; font-size:12px; }
.compact { min-width:160px; height:44px; justify-content:center; color:var(--gold-bright); }
.gold-button { background:linear-gradient(100deg,#d18a1d,#e1a236); color:#070707; border:0; font-weight:bold; }
.hero { min-height:455px; position:relative; }
.hero-art { position:absolute; overflow:hidden; inset:0 0 0 29%; }
.hero-art:before { content:""; position:absolute; z-index:2; inset:0; background:linear-gradient(90deg,#000 0,rgba(0,0,0,.2) 24%,transparent 50%),linear-gradient(0deg,#000 0,transparent 18%); }
.hero-art img { position:absolute; width:1430px; max-width:none; left:-390px; top:-81px; filter:saturate(.9) contrast(1.08); }
.hero-copy { position:relative; z-index:3; padding:58px 0 30px 3%; }
h1 { margin:0; font:40px/1.27 Georgia,"Times New Roman",serif; letter-spacing:.3px; }
h1 span { color:var(--gold-bright); }
.gold-line { width:93px; height:2px; background:var(--gold); margin:17px 0 21px; }
.hero-copy p { font-size:16px; line-height:1.65; margin:0 0 25px; }
.hero-buttons { display:flex; gap:18px; }

.stats { position:relative; z-index:5; min-height:108px; margin:0 3%; border:1px solid #282828; border-radius:4px; display:grid; grid-template-columns:1fr 1.1fr .9fr 1.05fr; background:rgba(0,0,0,.78); }
.stat { display:flex; align-items:center; padding:14px 26px; gap:17px; position:relative; }
.stat:not(:last-child):after { content:""; position:absolute; right:0; top:15px; bottom:15px; width:1px; background:#2a2a2a; }
.stat-icon { width:67px; height:67px; border:1px solid #282828; border-radius:50%; display:grid; place-items:center; flex:none; font:31px Georgia,serif; color:var(--gold-bright); }
.stat-3 .stat-icon { font-size:16px; border-color:var(--gold); }
.stat div { display:flex; flex-direction:column; }
.stat strong { font:35px/1 Georgia,serif; color:var(--gold-bright); white-space:nowrap; }
.stat b { font:16px/1.25 Georgia,serif; }
.stat small { font-size:12px; color:#aaa; margin-top:3px; white-space:nowrap; }
.stat-4 strong { font-size:17px; color:white; }
.stat-4 b { font-size:17px; }

.services { padding:15px 3% 8px; }
.services h2 { text-align:center; font:28px Georgia,serif; margin:0 0 5px; }
.service-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.service-card { min-height:315px; border:1px solid #624519; border-radius:4px; overflow:hidden; text-align:center; padding:0 16px 13px; display:flex; align-items:center; flex-direction:column; background:#030303; }
.service-image { display:block; width:calc(100% + 32px); height:112px; margin:0 -16px 12px; object-fit:cover; border-bottom:1px solid #624519; transition:transform .35s ease,filter .35s ease; }
.service-card:hover .service-image { transform:scale(1.035); filter:brightness(1.1); }
.service-icon { height:57px; color:var(--gold-bright); font:38px/1 Georgia,serif; display:flex; align-items:center; }
.service-card h3 { font:17px Georgia,serif; margin:5px 0 10px; white-space:nowrap; }
.service-card p { color:#bcbcbc; font-size:13px; line-height:1.6; margin:0; max-width:185px; min-height:62px; }
.service-card a { color:var(--gold-bright); font-size:12px; margin-top:auto; }
.partners { height:73px; margin:0 3%; display:flex; align-items:center; justify-content:space-between; color:#747474; font-weight:bold; font-size:20px; gap:24px; }
.partners span { white-space:nowrap; }
.partners .msc { font-size:28px; line-height:.55; text-align:center; }
footer { padding:28px; text-align:center; color:#777; border-top:1px solid #151515; font-size:12px; }
.slider { height:455px; position:relative; overflow:hidden; background:#000; }
.slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; background-size:cover; background-position:center; }
.slide-video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; background:#000; }
.slide:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#000 0,rgba(0,0,0,.75) 33%,rgba(0,0,0,.08) 72%),linear-gradient(0deg,#000,transparent 22%); }
.slide.active { opacity:1; visibility:visible; }
.slide .hero-copy { position:relative; z-index:2; }
.slide-network { background-position:center 36%; }
.slider-arrow { position:absolute; z-index:5; top:50%; transform:translateY(-50%); width:42px; height:58px; border:1px solid rgba(213,142,34,.5); background:rgba(0,0,0,.45); color:var(--gold); font-size:24px; cursor:pointer; }
.slider-arrow.prev { left:12px; }.slider-arrow.next { right:12px; }
.slider-dots { position:absolute; z-index:5; bottom:18px; left:50%; transform:translateX(-50%); display:flex; gap:9px; }
.slider-dots button { width:9px; height:9px; padding:0; border:1px solid var(--gold); border-radius:50%; background:transparent; }
.slider-dots button.active { background:var(--gold); }
.language-picker { display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 9px; border:1px solid rgba(213,142,34,.55); color:var(--gold); background:#090909; }
.language-select { border:0; outline:0; color:#fff; background:#090909; font:600 12px Arial,sans-serif; cursor:pointer; }
.language-select option { color:#fff; background:#090909; }
html[dir="rtl"] body { font-family:Arial,"Tahoma",sans-serif; }
html[dir="rtl"] .header, html[dir="rtl"] .header-actions, html[dir="rtl"] nav, html[dir="rtl"] .hero-buttons { direction:rtl; }
html[dir="rtl"] .hero-copy, html[dir="rtl"] .inner-hero, html[dir="rtl"] .content-section, html[dir="rtl"] .site-footer { text-align:right; }
html[dir="rtl"] .slide:after { transform:scaleX(-1); }
html[dir="rtl"] .floating-actions { left:22px; right:auto; }
.menu-toggle { display:none; width:44px; height:42px; border:1px solid #5b4016; background:#050505; color:var(--gold); font-size:24px; cursor:pointer; }
.floating-actions { position:fixed; z-index:50; right:22px; bottom:22px; display:flex; flex-direction:column; gap:12px; }
.floating-action { width:56px; height:56px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:26px; box-shadow:0 5px 20px #000; transition:transform .2s; }
.floating-action:hover { transform:scale(1.08); }.floating-action.whatsapp { background:#25d366; }.floating-action.phone { background:var(--gold); }
.site-footer { padding:48px 4% 22px; background:#030303; border-top:1px solid #3d2b10; text-align:left; color:#aaa; }
.footer-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr 1.15fr; gap:45px; max-width:1400px; margin:auto; }
.footer-logo { font:29px Georgia,serif; color:#fff; }.footer-logo span { color:var(--gold); }.site-footer h3 { margin:0 0 18px; color:#fff; font:19px Georgia,serif; }
.footer-logo-image { width:100%; max-width:310px; height:auto; display:block; object-fit:contain; }
.site-footer a { display:block; margin:10px 0; font-size:13px; }.site-footer a:hover { color:var(--gold); }
.site-footer p { line-height:1.7; font-size:13px; }.footer-bottom { max-width:1400px; margin:32px auto 0; padding-top:18px; border-top:1px solid #1c1c1c; text-align:center; font-size:12px; }
.inner-hero { min-height:320px; box-sizing:border-box; padding:62px 5%; display:flex; flex-direction:column; justify-content:center; background-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.92) 28%,rgba(0,0,0,.28) 66%,rgba(0,0,0,.08)),var(--inner-hero-image,url("images/slider/global-markets.webp")); background-position:center,center; background-size:cover,cover; background-repeat:no-repeat; border-bottom:1px solid #4d3514; }
.inner-hero h1 { font-size:46px; }
.inner-hero p { color:#c8c8c8; max-width:650px; line-height:1.7; }
.content-section { padding:50px 5% 70px; max-width:1280px; margin:auto; }
.content-section h2 { font:32px Georgia,serif; color:var(--gold-bright); }
.content-section>p { color:#bdbdbd; line-height:1.8; max-width:900px; }
.info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px; }
.info-card { border:1px solid #614517; padding:28px; min-height:175px; background:rgba(0,0,0,.55); }
.service-list-grid .info-card { padding:0 28px 28px; overflow:hidden; }
.info-card-image { display:block; width:calc(100% + 56px); height:190px; margin:0 -28px 24px; object-fit:cover; border-bottom:1px solid #614517; transition:transform .35s ease,filter .35s ease; }
.service-list-grid .info-card:hover .info-card-image { transform:scale(1.025); filter:brightness(1.08); }
.info-card h3 { font:20px Georgia,serif; margin:0 0 12px; }
.info-card p { color:#aaa; line-height:1.65; font-size:14px; }
.info-card .detail-link { color:var(--gold); display:inline-block; margin-top:12px; font-size:12px; }
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:850px; margin-top:28px; }
.contact-form input,.contact-form textarea { background:#080808; border:1px solid #493514; color:#fff; padding:15px; }
.contact-form textarea { grid-column:1/-1; min-height:130px; }
.contact-form button { width:190px; height:48px; border:0; background:var(--gold); font-weight:bold; }

@media (max-width:1200px) {
  nav { gap:18px; }
  nav a:nth-child(4),nav a:nth-child(5),nav a:nth-child(6) { display:none; }
  .service-grid { grid-template-columns:repeat(3,1fr); }
  .stats { grid-template-columns:repeat(2,1fr); }
  .partners { overflow:hidden; }
}
@media (max-width:760px) {
  .header { height:70px; padding:8px 12px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:8px; }
  .brand { width:145px; height:52px; transform:none; flex:0 0 145px; overflow:hidden; }
  .brand-logo { width:145px; height:52px; object-fit:contain; }
  .brand-copy em, .language { display:none; }
  .menu-toggle { display:block; order:3; flex:0 0 40px; width:40px; height:40px; }
  .header { overflow:visible; }
  .header-actions { order:2; margin-left:auto; flex:0 0 auto; }
  .header-actions .compact { display:flex; width:104px; min-width:104px; height:40px; padding:0 7px; font-size:8px; text-align:center; }
  .header nav { display:none; position:absolute; left:0; right:0; top:70px; height:auto; background:#050505; border-top:1px solid #4f3714; padding:12px 20px 20px; flex-direction:column; align-items:stretch; gap:0; }
  .header nav.open { display:flex; }
  .header nav a { display:block!important; padding:14px 4px; border-bottom:1px solid #1c1c1c; }
  nav a.active:after { display:none; }
  .compact { min-width:auto; padding:0 12px; font-size:10px; }
  .hero { min-height:610px; }
  .slider { height:610px; }
  .slide { background-position:64% center; background-size:cover; }
  .slide:after { background:linear-gradient(0deg,#000 0,rgba(0,0,0,.92) 52%,rgba(0,0,0,.18) 100%); }
  .slide .hero-copy { padding:275px 22px 35px; }
  .slide h1 { font-size:30px; }
  .slider-arrow { display:none; }
  .hero-art { inset:0; opacity:.62; }
  .hero-art img { left:-555px; top:-40px; height:620px; width:auto; }
  .hero-copy { padding:265px 20px 25px; background:linear-gradient(0deg,#000 54%,transparent); }
  h1 { font-size:32px; }
  .hero-copy p { font-size:14px; }
  .desktop { display:none; }
  .hero-buttons { flex-direction:column; align-items:flex-start; }
  .stats { margin:0 15px; grid-template-columns:1fr; }
  .stat:not(:last-child):after { left:20px; right:20px; top:auto; bottom:0; width:auto; height:1px; }
  .services { padding:25px 15px; }
  .service-grid { grid-template-columns:1fr; }
  .partners { margin:0 20px; overflow-x:auto; justify-content:flex-start; }
  .footer-grid { grid-template-columns:1fr; gap:28px; }
  .site-footer { padding:38px 22px 20px; }
  .floating-actions { right:14px; bottom:14px; }
  .floating-action { width:50px; height:50px; }
  .info-grid,.contact-form { grid-template-columns:1fr; }
  .contact-form textarea { grid-column:auto; }
}


.contact-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.9fr); gap:36px; align-items:start; }
.contact-details { margin:18px 0 24px; color:#c7c7c7; }
.contact-details p { display:flex; gap:12px; align-items:flex-start; line-height:1.65; }
.contact-details i { color:var(--gold); margin-top:4px; }
.map-wrap { min-height:520px; border:1px solid #614517; background:#080808; overflow:hidden; }
.map-wrap iframe { display:block; width:100%; height:520px; border:0; filter:grayscale(1) invert(.9) contrast(.85); }
@media (max-width:900px) { .contact-layout { grid-template-columns:1fr; } .map-wrap,.map-wrap iframe { min-height:360px; height:360px; } }