/* Shared across all six homepage languages. */
.hero-home .hero-content{position:absolute;top:auto;bottom:56px;left:50%;transform:translateX(-50%);z-index:3;width:100%;max-width:1040px;padding-inline:24px;text-align:center}
.hero-home .hero-content h1{font-size:clamp(28px,3vw,42px);line-height:1.2;white-space:normal;overflow-wrap:break-word;margin:0 auto 12px;max-width:100%;text-align:center}
.hero-home .hero-subtitle{font-size:16px;line-height:1.5;margin:0 auto 20px;max-width:760px;text-align:center}
.hero-home .hero-btns{justify-content:center;gap:12px}
.hero-home::before{background:transparent}
.hero-home .hero-overlay{background:linear-gradient(to bottom,rgba(5,15,30,.56) 0%,rgba(5,15,30,.1) 22%,rgba(5,15,30,.1) 48%,rgba(5,15,30,.78) 100%)}
.trade-marquee-track{animation-duration:90s}
.about-section>.about-layout{max-width:1280px;margin-inline:auto;padding-inline:40px;min-width:0}
.trade-map-wrap{min-width:0;position:relative}
#home-global-map{width:100%;height:440px!important;touch-action:pan-y}
@media(max-width:768px){
 .hero-home{height:100svh;min-height:600px}
 .hero-home .hero-content{top:auto;bottom:32px;padding-inline:20px;max-width:640px}
 .hero-home .hero-content h1{font-size:clamp(24px,6vw,30px);line-height:1.25;margin-bottom:10px}
 .hero-home .hero-subtitle{font-size:14px;margin-bottom:16px}
 .hero-home .hero-btns a{min-height:44px;padding-inline:18px}
 .about-section>.about-layout{padding-inline:20px}
 .trade-body{display:flex;flex-direction:column;gap:20px}
 .trade-map-wrap{width:100%;order:-1;flex:none}
 #home-global-map{height:clamp(220px,62vw,340px)!important}
 .trade-cards-col{width:100%;max-width:100%}
 .trade-card{min-width:0;overflow-wrap:anywhere}
 .trade-marquee-track{animation-duration:120s}
 .video-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-height:500px) and (orientation:landscape){.hero-home{min-height:420px}.hero-home .hero-content{bottom:24px}.hero-home .hero-content h1{font-size:26px}.hero-home .hero-subtitle{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.trade-marquee-track{animation:none}}

html[dir="rtl"] .trade-marquee{direction:ltr}
html[dir="rtl"] .marquee-item{direction:rtl;unicode-bidi:isolate}

/* Realistic component still life: no animated circuit overlay. */
.cta-block { background: #15191e; border-color: #28313c; }
.cta-block::before { background: linear-gradient(rgba(10,16,24,.20),rgba(10,16,24,.20)), url('/images/cta-components-photo.webp') center / cover no-repeat; opacity: 1; }
.cta-block h2 { text-wrap: balance; }
.cta-block p { color: #d3dae3; }
.cta-block .btn-primary { box-shadow: none; }
.cta-block .btn-outline { background: #18212b; border-color: #687582; }
.cta-block .btn-primary:hover, .cta-block .btn-outline:hover { box-shadow: none; }
@media(max-width: 768px) {
 .cta-block::before { background-position: right center; opacity: .35; }
 .cta-block h2 { font-size: 28px; }
 .cta-block p { font-size: 15px; }
}