:root{--ink:#06131d;--ink2:#091b28;--gold:#e9b45f;--gold2:#f3cc83;--white:#f8f8f6;--muted:#a7b5bf;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}.site-header{position:absolute;z-index:20;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(2,12,20,.82),rgba(2,12,20,.1));backdrop-filter:blur(6px)}.nav-shell{max-width:1360px;margin:auto;height:74px;padding:0 38px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;position:relative;color:var(--gold);font-family:Manrope;font-weight:800;font-size:30px;line-height:1}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-style:solid;transform:rotate(32deg)}.brand-mark:before{width:21px;height:21px;border-width:4px 0 0 4px;left:8px;top:12px}.brand-mark:after{width:16px;height:16px;border-width:0 4px 4px 0;right:7px;bottom:9px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font:800 18px Manrope;letter-spacing:.08em}.brand-copy small{font-size:8px;letter-spacing:.19em;margin-top:3px;color:#d3dbe0}.nav-links{display:flex;justify-content:center;gap:28px;flex:1}.nav-links a{font-size:12px;color:#dbe2e5;padding:28px 0 24px;position:relative}.nav-links a.active:after{content:"";position:absolute;height:3px;bottom:0;left:0;right:0;background:var(--gold)}.nav-actions{display:flex;align-items:center;gap:18px}.lang{border:0;background:none;color:#dce3e7;font-size:12px;cursor:pointer}.lang span{color:#99a9b3;margin-left:5px}.outline-btn,.dark-outline{border:1px solid var(--gold);padding:10px 20px;border-radius:999px;font-size:12px;font-weight:600}.menu-btn{display:none;background:none;border:0}.menu-btn i{display:block;width:24px;height:2px;background:white;margin:5px}.hero{height:650px;min-height:650px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=2200&q=88');background-size:cover;background-position:center 54%;filter:saturate(.92)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#03121d 0%,rgba(3,18,29,.92) 31%,rgba(3,18,29,.42) 57%,rgba(3,18,29,.05) 100%),linear-gradient(0deg,rgba(2,13,21,.5),transparent 30%)}.globe-lines{position:absolute;left:-120px;bottom:-130px;width:650px;height:550px;border-radius:50%;border:1px solid rgba(47,160,214,.2);box-shadow:0 0 100px rgba(0,132,194,.09),inset 0 0 80px rgba(0,132,194,.08)}.globe-lines:after{content:"";position:absolute;inset:45px;border-radius:50%;border:1px dashed rgba(64,177,227,.17)}.hero-inner{position:relative;max-width:1360px;height:100%;margin:auto;padding:74px 38px 0;display:flex;align-items:center}.hero-content{max-width:590px;margin-top:-12px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.32em;font-weight:700;margin:0 0 20px}.hero h1{font:800 clamp(52px,5.2vw,74px)/.94 Manrope;margin:0;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--gold2)}.hero-text{max-width:500px;color:#d1dce1;line-height:1.65;font-size:15px;margin:25px 0 27px}.hero-buttons{display:flex;align-items:center;gap:26px}.gold-btn{display:inline-flex;align-items:center;gap:25px;background:linear-gradient(135deg,#f4c979,#dda351);color:#07131c;padding:13px 20px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 8px 35px rgba(227,169,77,.18)}.gold-btn span{font-size:20px;line-height:10px}.story-link{font-size:12px;color:#dce4e7;display:flex;gap:10px;align-items:center}.play{width:34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:10px;padding-left:2px}.hero-scroll{position:absolute;right:42px;bottom:25px;font-size:8px;letter-spacing:.25em;color:#b4c0c7}.hero-scroll span{color:var(--gold);font-size:15px;margin-left:7px}.pillars{min-height:158px;background:#06131d;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(4,1fr);max-width:100%;padding:0 max(38px,calc((100vw - 1360px)/2 + 38px))}.pillar{display:flex;align-items:center;gap:19px;padding:34px 28px 34px 0;border-right:1px solid var(--line);margin:28px 28px 28px 0}.pillar:last-child{border-right:0;margin-right:0}.pillar-icon{width:48px;height:48px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:25px;flex:none}.pillar h3{font:700 13px Manrope;margin:0 0 10px}.pillar p{font-size:11px;line-height:1.55;color:#91a1ac;margin:0}.section{padding:100px max(38px,calc((100vw - 1360px)/2 + 38px))}.about{background:#f5f4ef;color:#0a1a24}.section-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:70px;align-items:center}.about .eyebrow{color:#9d6b2b}.about h2,.products h2{font:800 clamp(42px,4vw,62px)/1 Manrope;letter-spacing:-.045em;margin:0 0 23px}.about h2 span,.products h2 span{color:#c18b40}.about-copy>p:not(.eyebrow){max-width:530px;color:#596872;line-height:1.75;font-size:14px}.stats{display:flex;gap:0;margin:36px 0}.stats div{padding:0 28px;border-left:1px solid #ccd0ce}.stats div:first-child{padding-left:0;border-left:0}.stats strong{display:block;color:#d19b4b;font:800 29px Manrope}.stats span{display:block;color:#67757d;font-size:10px;margin-top:4px}.dark-outline{display:inline-flex;color:#162630;border-color:#c48b3c;gap:18px}.global-visual{position:relative;min-height:450px;background:#061a27;border-radius:2px;overflow:hidden;box-shadow:0 24px 70px rgba(7,25,35,.18)}.world-map{position:absolute;inset:15px 30px 130px;background:radial-gradient(circle at 48% 48%,rgba(34,120,161,.38),transparent 32%),radial-gradient(circle at 54% 47%,rgba(32,100,139,.25),transparent 60%);clip-path:polygon(5% 36%,16% 25%,27% 30%,36% 19%,45% 29%,55% 19%,66% 26%,75% 22%,88% 34%,95% 47%,88% 57%,79% 52%,71% 65%,61% 57%,54% 72%,46% 58%,36% 69%,27% 56%,17% 63%,10% 51%)}.dot{position:absolute;width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px var(--gold)}.d1{left:23%;top:48%}.d2{left:38%;top:40%}.d3{left:57%;top:53%}.d4{left:67%;top:36%}.d5{left:78%;top:58%}.route{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform-origin:left;opacity:.8}.r1{left:23%;top:48%;width:300px;transform:rotate(-9deg)}.r2{left:38%;top:40%;width:260px;transform:rotate(18deg)}.r3{left:57%;top:53%;width:220px;transform:rotate(-17deg)}.regions{position:absolute;right:0;top:27px;width:155px;padding:0 24px;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:11px}.regions p{font-size:8px;letter-spacing:.18em;color:#c7d0d5;margin:0 0 4px}.regions span{font-size:10px;color:#aebcc4}.image-strip{position:absolute;left:22px;right:22px;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.trade-img{height:82px;border-radius:4px;background-size:cover;background-position:center;filter:saturate(.8)}.ship{background-image:url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d8?auto=format&fit=crop&w=500&q=80')}.plane{background-image:url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=500&q=80')}.truck{background-image:url('https://images.unsplash.com/photo-1586528116493-da8d0f7f2c5a?auto=format&fit=crop&w=500&q=80')}.containers{background-image:url('https://images.unsplash.com/photo-1565610222536-ef125c59da2e?auto=format&fit=crop&w=500&q=80')}.dark-section{background:#06131d}.section-heading{text-align:center;max-width:720px;margin:0 auto 55px}.section-heading .eyebrow{margin-bottom:17px}.section-heading h2{font:800 clamp(38px,4vw,55px) Manrope;letter-spacing:-.04em;margin:0 0 17px}.section-heading h2 span{color:var(--gold)}.section-heading>p:last-child{color:#91a1aa;font-size:13px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{min-height:270px;border:1px solid rgba(255,255,255,.11);padding:30px 27px;position:relative;transition:.3s ease;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,0))}.service-card:hover{transform:translateY(-7px);border-color:rgba(233,180,95,.55);background:linear-gradient(160deg,rgba(233,180,95,.09),rgba(255,255,255,.015))}.service-card>span{color:var(--gold);font-size:10px;letter-spacing:.16em}.service-card h3{font:700 19px Manrope;margin:46px 0 12px}.service-card p{color:#93a3ad;font-size:12px;line-height:1.7}.service-card a{position:absolute;bottom:27px;color:#d9e0e3;font-size:11px}.service-card a b{color:var(--gold);font-size:16px;margin-left:12px}.products{background:#f4f2ec;color:#071923}.products-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.products-head>p{max-width:350px;color:#67747b;font-size:13px;line-height:1.7;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{height:330px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:white;position:relative;overflow:hidden;background-size:cover;background-position:center}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,13,20,.85),rgba(2,13,20,.08) 65%)}.p1{background-image:url('https://images.unsplash.com/photo-1488459716781-31db52582fe9?auto=format&fit=crop&w=900&q=82')}.p2{background-image:url('https://images.unsplash.com/photo-1528698827591-e19ccd7bc23d?auto=format&fit=crop&w=900&q=82')}.p3{background-image:url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=900&q=82')}.product-card>*{position:relative}.product-card small{color:var(--gold2);font-size:9px;letter-spacing:.2em}.product-card h3{font:700 23px Manrope;margin:6px 0}.product-card p{font-size:11px;color:#d4dde1;margin:0}.product-card>span{align-self:flex-end;width:39px;height:39px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center}.cta{position:relative;min-height:470px;overflow:hidden;background:radial-gradient(circle at 70% 40%,#13364a 0,#071924 42%,#030d15 100%);display:grid;place-items:center;text-align:center}.cta:before,.cta:after{content:"";position:absolute;border:1px solid rgba(233,180,95,.12);border-radius:50%;width:650px;height:650px}.cta:after{width:900px;height:900px}.cta-inner{position:relative;z-index:2;max-width:700px}.cta h2{font:800 clamp(48px,5vw,68px)/.98 Manrope;letter-spacing:-.05em;margin:0}.cta h2 em{color:var(--gold2);font-style:normal}.cta-inner>p:not(.eyebrow){color:#aab8c0;line-height:1.7;font-size:13px;max-width:520px;margin:20px auto 28px}.footer{background:#020b11;padding:55px max(38px,calc((100vw - 1360px)/2 + 38px)) 25px}.footer-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:45px}.footer-top p{text-align:right;color:#7f8d95;font:600 12px/1.6 Manrope}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:21px;display:flex;justify-content:space-between;color:#65747c;font-size:9px}.footer-bottom div{display:flex;gap:22px}.footer-bottom a:hover{color:var(--gold)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.nav-links{gap:14px}.brand{min-width:230px}.section-grid{grid-template-columns:1fr}.global-visual{min-height:470px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.nav-shell{padding:0 22px}.nav-links{display:none}.menu-btn{display:block}.outline-btn{display:none}.nav-actions{margin-left:auto}.hero-inner{padding-left:25px;padding-right:25px}.hero h1{font-size:50px}.pillars{grid-template-columns:1fr 1fr;padding:0 22px}.pillar{margin:0;padding:25px 15px;border-right:0;border-bottom:1px solid var(--line)}.section{padding:75px 22px}.products-head{display:block}.products-head>p{margin-top:20px}.product-grid{grid-template-columns:1fr}.product-card{height:280px}.footer{padding-left:22px;padding-right:22px}}@media(max-width:560px){.brand-copy small{display:none}.brand-copy strong{font-size:15px}.brand-mark{width:37px;height:37px;font-size:23px}.hero{height:700px}.hero-content{margin-top:50px}.hero h1{font-size:43px}.hero-text{font-size:13px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:18px}.pillars{grid-template-columns:1fr}.pillar{border-bottom:1px solid var(--line)}.service-grid{grid-template-columns:1fr}.global-visual{min-height:500px}.regions{position:relative;top:auto;right:auto;width:100%;border-left:0;border-bottom:1px solid rgba(255,255,255,.12);padding:22px;display:grid;grid-template-columns:1fr 1fr}.regions p{grid-column:1/-1}.world-map{inset:140px 20px 130px}.image-strip{grid-template-columns:repeat(2,1fr)}.trade-img{height:65px}.stats{flex-wrap:wrap;gap:20px}.stats div{padding-left:15px}.footer-top{display:block}.footer-top p{text-align:left;margin-top:25px}.footer-bottom{display:block;line-height:1.8}.footer-bottom div{margin-top:10px}}

/* Language selector */
.language-switcher{position:relative}.lang{display:flex;align-items:center;gap:6px;background:none;border:0;color:#dce4e7;cursor:pointer;font-size:11px;padding:8px 4px}.lang-flag{font-size:15px;line-height:1}.lang-chevron{color:var(--gold);font-size:13px;margin-left:2px;transition:transform .2s ease}.language-switcher.open .lang-chevron{transform:rotate(180deg)}.language-menu{position:absolute;right:0;top:calc(100% + 9px);min-width:150px;padding:7px;background:rgba(4,16,25,.97);border:1px solid rgba(233,180,95,.28);box-shadow:0 18px 50px rgba(0,0,0,.35);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.2s ease;backdrop-filter:blur(14px)}.language-switcher.open .language-menu{opacity:1;visibility:visible;transform:none}.language-menu button{width:100%;border:0;background:transparent;color:#dce4e7;text-align:left;padding:10px 12px;border-radius:5px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:10px}.language-menu button:hover,.language-menu button.selected{background:rgba(233,180,95,.12);color:var(--gold2)}.language-menu button span{font-size:16px}.mobile-open{display:flex!important}
@media(max-width:820px){.language-menu{right:-8px}.nav-links.mobile-open{position:absolute;top:74px;left:0;right:0;padding:20px 22px 25px;background:rgba(3,14,22,.97);backdrop-filter:blur(12px);flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links.mobile-open a{font-size:13px}.nav-links.mobile-open a.active{color:var(--gold)}}


/* ===== WhatsApp Contact ===== */
.whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 17px 12px 12px;
  border-radius: 999px;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 12px 35px rgba(0,0,0,.28);
  font-weight: 700;
  letter-spacing: .01em;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.whatsapp-float:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 42px rgba(0,0,0,.34);
  background: #20bd5a;
}

.whatsapp-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
}

.whatsapp-icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.whatsapp-label {
  font-size: .88rem;
  white-space: nowrap;
}

.whatsapp-cta {
  margin-top: 22px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  color: inherit;
  text-decoration: none;
  background: rgba(255,255,255,.045);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.whatsapp-cta:hover {
  transform: translateY(-2px);
  border-color: rgba(37,211,102,.55);
  background: rgba(37,211,102,.08);
}

.whatsapp-cta-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  font-size: 13px;
}

.whatsapp-cta strong,
.whatsapp-cta small {
  display: block;
}

.whatsapp-cta small {
  margin-top: 3px;
  opacity: .65;
}

@media (max-width: 640px) {
  .whatsapp-float {
    right: 16px;
    bottom: 16px;
    width: 52px;
    height: 52px;
    padding: 0;
    justify-content: center;
  }
  .whatsapp-label {
    display: none;
  }
  .whatsapp-icon {
    width: 38px;
    height: 38px;
  }
}
