@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--blue:#062e57;--deep:#032747;--gold:#f4b41a;--ink:#092e5b;--muted:#5e7285;--line:#dce4eb;--soft:#f5f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);font-size:14px}.container{width:min(1180px,92%);margin:auto}a{text-decoration:none;color:inherit}.topbar{height:31px;background:#042d53;color:#fff;font-size:10px}.topbar-inner{height:31px;display:flex;align-items:center;gap:25px}.top-right{margin-left:auto;display:flex;gap:18px}.top-right button{background:none;border:0;color:#fff;font:inherit;cursor:pointer}.header{height:68px;background:#fff;border-bottom:1px solid #e6ebef}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:260px;display:block}.nav nav{display:flex;align-items:center;gap:24px;font-size:10px;font-weight:800}.nav nav>a{padding:25px 0}.nav nav .active{border-bottom:3px solid var(--gold)}.quote{background:var(--gold);padding:12px 17px!important;border-radius:3px}.hamburger{display:none;background:none;border:0;font-size:24px}.hero{height:455px;position:relative;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background:url("assets/hero.jpg") center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,35,67,.96) 0%,rgba(4,46,80,.75) 40%,rgba(4,46,80,.05) 72%)}.hero-content{position:relative;padding-top:62px}.welcome,.section-title small,.about-copy small,.strength-intro small,.project-intro small,.hse small,.application>div>small{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.04em}.hero h1{font-size:47px;line-height:1.02;margin:7px 0 12px}.hero h1 span{color:var(--gold)}.hero h3{font-size:15px;line-height:1.4;margin:0 0 8px}.hero p{width:400px;line-height:1.55;font-size:12px;color:#eef5f8}.hero-actions{display:flex;gap:14px;margin-top:14px}.btn{display:inline-block;padding:12px 19px;font-weight:800;font-size:10px;border-radius:3px}.gold{background:var(--gold);color:#082b4d}.outline{border:1px solid #fff;color:#fff}.services{padding:24px 0 26px;background:#fff}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2,.about-copy h2,.strengths h2,.project-intro h2,.hse h2{font-size:22px;margin:2px 0 0;line-height:1.2}.section-title>p{width:360px;font-size:10px;line-height:1.55;margin:0;color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-grid article{position:relative;border:1px solid var(--line);box-shadow:0 3px 8px #0000000c;padding-bottom:12px;min-height:250px}.service-grid img{width:100%;height:106px;object-fit:cover;display:block}.service-grid i{position:relative;display:grid;place-items:center;margin:-17px 0 0 14px;width:38px;height:38px;background:#073660;border:4px solid #fff;border-radius:50%;color:#fff;font-style:normal;font-size:16px}.service-grid h3{font-size:11px;line-height:1.35;margin:8px 14px 6px}.service-grid p{font-size:9px;line-height:1.45;color:var(--muted);margin:0 14px 12px}.service-grid a{font-size:9px;color:var(--gold);font-weight:800;margin:0 14px}.about{display:grid;grid-template-columns:1fr 1fr;min-height:180px}.about-image{position:relative;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;left:45px;bottom:25px;color:#fff;font-size:20px;font-weight:800;font-style:italic;line-height:1.1}.image-caption:after{content:"";display:block;width:40px;border-top:2px solid var(--gold);margin-top:8px}.about-copy{padding:28px 60px 28px 38px}.about-copy p{font-size:10px;line-height:1.55;color:var(--ink)}.strengths{background:#062e57;color:#fff;padding:25px 0}.strengths .container{display:grid;grid-template-columns:280px 1fr;gap:35px}.strength-intro p{font-size:10px;line-height:1.5;color:#e2edf3}.gold-outline{border-color:var(--gold);color:var(--gold);margin-top:5px}.strength-list{display:grid;grid-template-columns:repeat(5,1fr)}.strength-list div{border-left:1px solid #ffffff55;text-align:center;padding:8px;font-size:25px;color:var(--gold)}.strength-list b,.strength-list span{display:block}.strength-list b{color:#fff;font-size:10px;margin-top:8px}.strength-list span{color:#d5e3eb;font-size:8px;line-height:1.35;margin-top:4px}.projects{padding:24px 0;background:#fff}.project-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px}.project-intro p{font-size:9px;line-height:1.5;color:var(--muted);margin-bottom:12px}.project-card{position:relative;color:#fff;background:#0b355b;height:122px;overflow:hidden;padding:76px 12px 7px}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.project-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#062e57)}.project-card b,.project-card span,.project-card{font-size:9px}.project-card b,.project-card span{position:relative;z-index:2;display:block}.project-card span{font-size:8px}.hse{display:grid;grid-template-columns:290px 1fr 320px;align-items:center;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hse>img{width:100%;height:94px;object-fit:cover}.hse>div:nth-child(2){padding:10px 25px}.hse p{font-size:9px;line-height:1.45;color:var(--muted)}.hse-icons{display:flex;justify-content:space-around;text-align:center;color:var(--blue);font-size:24px}.hse-icons b{display:block;font-size:9px;margin-top:4px}.quote-banner{background:linear-gradient(90deg,#062e57,#073d70);color:#fff;display:grid;grid-template-columns:1.5fr auto 1fr;gap:35px;align-items:center;padding:18px 5%}.quote-banner h2{font-size:17px;margin:0}.quote-banner p{font-size:9px;line-height:1.45;max-width:520px;margin:4px 0 0;color:#dce9f1}.contact-mini{border-left:1px solid #ffffff55;padding-left:28px;display:grid;gap:3px;font-size:9px}.contact-mini b{font-size:12px;margin-bottom:3px}.footer-main{min-height:75px;background:#062e57;color:#fff;display:flex;align-items:center;gap:100px}.footer-main img{width:150px;background:#fff;padding:5px}.footer-main>div{display:flex;gap:28px;font-size:8px;font-weight:700}.footer-bottom{border-top:1px solid #ffffff44;background:#062e57;color:#c8d8e2;padding:10px 0;font-size:8px}.footer-bottom span{float:right}.application{padding:80px 0;min-height:70vh}.application h1{font-size:48px;margin:5px 0}.application>div>p{color:var(--muted)}.jotform{margin-top:35px;background:var(--soft);border:1px solid var(--line);padding:40px;text-align:center}.jotform>b{color:var(--gold)}.placeholder{border:2px dashed #b9c8d1;padding:70px;margin:25px 0;color:#7a8d99;font-weight:800}.back{font-weight:800;color:var(--blue)}
@media(max-width:1000px){.nav nav{display:none}.hamburger{display:block}.service-grid{grid-template-columns:repeat(3,1fr)}.strengths .container,.project-row{grid-template-columns:1fr 1fr}.strength-intro{grid-column:1/-1}.hse{grid-template-columns:1fr}.hse>img{height:160px}.hse-icons{padding:15px}.footer-main>div{display:none}}
@media(max-width:600px){.topbar{display:none}.header{height:65px}.brand img{width:210px}.hero{height:540px}.hero-content{padding-top:70px}.hero h1{font-size:42px}.hero p{width:auto}.section-title,.about,.strengths .container,.project-row,.quote-banner{display:block}.section-title>p{width:auto;margin-top:10px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{min-height:260px}.about-image{height:220px}.about-copy{padding:28px 5%}.strength-list{grid-template-columns:1fr 1fr;margin-top:20px}.project-card{margin-top:12px}.quote-banner>*{margin-bottom:15px}.footer-bottom span{float:none;display:block;margin-top:5px}}

.past-page{padding:70px 0 90px}.past-hero{max-width:820px;border-bottom:1px solid var(--line);padding-bottom:40px}.past-hero small{color:var(--gold);font-weight:800}.past-hero h1{font-size:50px;line-height:1.05;margin:8px 0 15px}.past-hero h1 span{color:var(--gold)}.past-hero p{color:var(--muted);max-width:700px;line-height:1.65}.past-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:38px 0}.past-grid article{border:1px solid var(--line);padding:25px;background:#fff;min-height:190px;box-shadow:0 3px 8px #0000000a}.past-no{font-size:10px;color:var(--gold);font-weight:800;letter-spacing:.12em}.past-grid h2{font-size:18px;line-height:1.25;margin:28px 0 8px}.past-grid p{font-size:12px;margin:0 0 18px;color:var(--ink);font-weight:600}.past-grid span{font-size:9px;color:var(--muted)}.past-note{border-left:4px solid var(--gold);background:var(--soft);padding:18px 20px;font-size:11px;color:var(--muted);margin-bottom:24px}@media(max-width:700px){.past-grid{grid-template-columns:1fr}.past-hero h1{font-size:40px}}

.trading{background:#f5f8fa;padding:58px 0}.trading-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.trading small,.partners small{color:var(--gold);font-weight:800}.trading h2,.partners h2{font-size:34px;line-height:1.1;margin:8px 0 14px}.trading p,.partners p{color:var(--muted);line-height:1.6}.trade-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}.trade-list span{padding:20px;border-bottom:1px solid var(--line);font-weight:700;font-size:12px}.trade-list span:nth-child(odd){border-right:1px solid var(--line)}.partners{padding:60px 0;background:#fff}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.partner-grid div{border:1px solid var(--line);padding:18px;font-weight:700;font-size:12px}.dark-outline{border-color:var(--blue);color:var(--blue)}.inner-page{padding:80px 0;min-height:72vh}.inner-page>div>small{color:var(--gold);font-weight:800}.inner-page h1{font-size:50px;line-height:1.05;margin:8px 0 20px}.lead{font-size:18px;color:var(--muted)}.inner-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:45px 0}.inner-grid h2{font-size:24px}.inner-grid p,.detail-list p{color:var(--muted);line-height:1.7}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:35px 0}.detail-list section{border:1px solid var(--line);padding:25px}.detail-list h2{font-size:19px;margin:0}@media(max-width:800px){.trading-grid,.inner-grid,.partner-grid,.detail-list{grid-template-columns:1fr}}


/* ===== ALKADICOM FINAL HEADER FIX v2 ===== */
html, body { 
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

.header {
  height: 92px !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 10 !important;
}

.header > .container.nav {
  height: 92px !important;
  min-height: 92px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.brand {
  flex: 0 0 205px !important;
  width: 205px !important;
  max-width: 205px !important;
  height: 92px !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  position: relative !important;
}

.header .brand img,
.header .nav .brand img {
  display: block !important;
  position: static !important;
  width: 195px !important;
  max-width: 195px !important;
  height: 70px !important;
  max-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.header .nav > nav {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  white-space: nowrap !important;
}

.header .nav > nav > a {
  padding: 34px 0 !important;
  flex: 0 1 auto !important;
}

.header .nav > nav > .quote {
  flex: 0 0 auto !important;
  padding: 12px 17px !important;
}

@media (max-width: 1200px) {
  .header > .container.nav { width: 96% !important; }
  .brand {
    flex-basis: 190px !important;
    width: 190px !important;
    max-width: 190px !important;
  }
  .header .brand img,
  .header .nav .brand img {
    width: 180px !important;
    max-width: 180px !important;
    height: 66px !important;
    max-height: 66px !important;
  }
  .header .nav > nav { gap: 10px !important; font-size: 9px !important; }
}

@media (max-width: 1000px) {
  .header,
  .header > .container.nav {
    height: 72px !important;
    min-height: 72px !important;
  }
  .brand {
    flex-basis: 190px !important;
    width: 190px !important;
    max-width: 190px !important;
    height: 72px !important;
  }
  .header .brand img,
  .header .nav .brand img {
    width: 180px !important;
    max-width: 180px !important;
    height: 58px !important;
    max-height: 58px !important;
  }
}

@media (max-width: 600px) {
  .header,
  .header > .container.nav {
    height: 65px !important;
    min-height: 65px !important;
  }
  .brand {
    flex-basis: 180px !important;
    width: 180px !important;
    max-width: 180px !important;
    height: 65px !important;
  }
  .header .brand img,
  .header .nav .brand img {
    width: 170px !important;
    max-width: 170px !important;
    height: 54px !important;
    max-height: 54px !important;
  }
}