:root{--cream:#f8f5ed;--blue:#1595de;--deep:#0879bd;--ink:#172b35;--muted:#61717a;--line:#e1e0d9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,calc(100% - 48px));margin:auto}
.site-header{background:var(--cream);position:relative;z-index:10;border-bottom:1px solid var(--line)}
.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:900;letter-spacing:.09em;font-size:19px;line-height:1}
.brand span{font-weight:400}
.brand small{display:block;font-size:9px;letter-spacing:.27em;color:var(--deep);margin-top:7px}
nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600}
nav a:hover{color:var(--deep)}
nav .parent-link{border:1px solid #c9d5d8;border-radius:30px;padding:12px 17px}
.menu-toggle{display:none}
.hero{background:var(--blue);color:white;position:relative;overflow:hidden;min-height:580px;padding:80px 0 155px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;position:relative;z-index:2}
.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.21em}
.hero .eyebrow{color:#c9edff}
.hero h1{font-size:clamp(44px,5.6vw,76px);line-height:1.07;letter-spacing:-.055em;margin:23px 0}
.hero h1 em{font-style:normal;color:#c5edff}
.hero p{font-size:17px;line-height:1.8;max-width:480px;color:#ecf8ff}
.hero-actions{display:flex;gap:27px;align-items:center;margin-top:35px}
.btn{border:0;border-radius:3px;padding:17px 24px;display:inline-flex;justify-content:space-between;gap:35px;font-weight:800;font-size:13px;cursor:pointer}
.btn-light{background:white;color:var(--deep)}
.btn-blue{background:var(--deep);color:white}
.text-link{font-size:13px;font-weight:700}
.photo-bubble{width:min(390px,100%);aspect-ratio:1;position:relative;margin:10px auto 0;border-radius:50%;border:12px solid #ffffff45}
.photo-main{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.9)}
.photo-small{position:absolute;width:37%;aspect-ratio:1;object-fit:cover;border:7px solid white;border-radius:50%;box-shadow:0 12px 30px #005b8c55}
.photo-small.top{top:-7%;right:-11%}
.photo-small.bottom{bottom:-8%;left:-12%}
.bubble-ring{position:absolute;inset:-28px;border:1px solid #ffffff50;border-radius:50%;pointer-events:none}
.wave{position:absolute;left:-8%;width:116%;height:130px;border-radius:50% 50% 0 0}
.wave-back{bottom:-56px;background:#0879bd;transform:rotate(-2deg)}
.wave-front{bottom:-88px;background:#ffcf0d;transform:rotate(2deg)}
.section{padding:105px 0}
.section-label{color:var(--deep);margin-bottom:28px}
h2{font-size:clamp(34px,4vw,53px);line-height:1.14;letter-spacing:-.045em;margin:0 0 26px}
h2 span{color:var(--deep)}
p{line-height:1.85}
.intro{display:grid;grid-template-columns:1fr 2fr;gap:45px}
.intro p{max-width:710px;color:var(--muted);font-size:16px}
.about{background:#ffcf0d}
#about .intro p { color: #172b35; font-size: 18px; font-weight: 500; line-height: 1.85; }
.products{background:#fff9df}
.services{background:#fffdf4}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:35px}
.section-heading>p{max-width:370px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{background:var(--cream);overflow:hidden}
.product-card img{display:block;width:100%;height:230px;object-fit:cover}
.product-card>div{padding:25px}
.product-card span{font-size:11px;color:var(--deep);font-weight:800}
.product-card h3{font-size:21px;margin:13px 0 8px}
.product-card p{color:var(--muted);font-size:14px;margin:0}
.footnote{text-align:center;margin:34px 0 0;color:var(--muted);font-size:14px}
.footnote a{color:var(--deep);font-weight:bold}
.services .section-heading{margin-bottom:60px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.service-grid>div{border-top:2px solid var(--blue);padding-top:25px}
.service-grid b{color:var(--deep);font-size:12px}
.service-grid h3{font-size:22px;margin:20px 0 10px}
.service-grid p{font-size:14px;color:var(--muted)}
.process{background:#e8f4fa;padding:90px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}
.steps>div{border-top:1px solid #b8d7e6;padding-top:22px}
.steps strong{font-size:35px;color:var(--deep)}
.steps h3{margin:18px 0 7px}
.steps p{font-size:14px;color:var(--muted)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.contact>div>p{color:var(--muted);max-width:430px}
.contact-note{margin-top:40px;font-size:13px}
form{background:#fff;padding:35px;box-shadow:0 12px 45px #102b3b0c}
label{display:block;font-size:12px;font-weight:700;margin-bottom:19px}
input,textarea{display:block;width:100%;border:1px solid #d9e0e2;border-radius:2px;background:#fff;padding:13px;margin-top:8px;font:inherit;font-size:14px}
input:focus,textarea:focus{outline:2px solid #1595de55}
form small{display:block;color:var(--muted);font-size:11px;margin-top:15px}
footer{background:#152c38;color:white;padding:35px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-inner strong{letter-spacing:.08em;font-size:13px}
.footer-inner p,.footer-inner span,.footer-inner a{font-size:12px;color:#c4d4db}
.footer-inner>div:last-child{display:flex;gap:30px}
@media(max-width:800px){.menu-toggle{display:block;background:none;border:0;font-size:25px}
nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;align-items:start}
nav.open{display:flex}
.hero{padding:65px 0 125px}
.hero-grid{grid-template-columns:1fr;gap:65px}
.photo-bubble{width:min(310px,75%)}
.intro,.contact{grid-template-columns:1fr;gap:20px}
.section-heading{display:block}
.product-grid,.service-grid,.steps{grid-template-columns:1fr}
.section{padding:70px 0}
.product-card img{height:240px}
.footer-inner,.footer-inner>div:last-child{flex-direction:column;align-items:start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}


/* Corporate page components, using the Global Trade design system. */
.container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
img { max-width: 100%; }
.nav-wrap { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.brand img { display: block; width: 145px; height: auto; }
.main-nav .nav-cta { border: 1px solid #c9d5d8; border-radius: 30px; padding: 12px 17px; }
.menu-toggle { cursor: pointer; }
.menu-toggle span { display: block; width: 26px; height: 2px; background: var(--ink); margin: 5px; }
.hero-actions { flex-wrap: wrap; }
.page-section { padding: 105px 0; }
.activities { background: #fff9df; }
.activity-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.activity { display: flex; flex-direction: column; background: #fffdf4; overflow: hidden; }
.activity-photo { order: -1; }
.activity-photo img { display: block; width: 100%; height: 230px; object-fit: cover; }
.activity-copy { padding: 25px; }
.activity-number { font-size: 11px; color: var(--deep); font-weight: 800; }
.activity h3 { font-size: 21px; margin: 13px 0 8px; line-height: 1.25; }
.activity p { color: var(--muted); font-size: 14px; margin: 0; }
.activity p + p { margin-top: 14px; }
.activity:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
.activity:first-child .activity-photo img { height: 100%; min-height: 330px; }
.activity:first-child .activity-copy { padding: 40px; align-self: center; }
.activity:first-child h3 { font-size: 30px; }
.contact { display: block; background: #fffdf4; }
.contact-form-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.contact-copy p { color: var(--muted); max-width: 430px; }
.contact-copy .section-label { color: var(--deep); }
.contact-form { min-width: 0; margin: 0; }
.contact-form textarea { resize: vertical; }
.button { border: 0; border-radius: 3px; padding: 17px 24px; font: inherit; font-weight: 800; font-size: 13px; cursor: pointer; }
.button-primary { background: var(--deep); color: white; }
.button:disabled { opacity: .65; cursor: wait; }
.site-footer { background: #152c38; color: #c4d4db; padding: 35px 0; }
.footer-top, .footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.footer-brand img { width: 145px; display: block; }
.footer-links { display: flex; flex-wrap: wrap; gap: 25px; font-size: 13px; }
.footer-bottom { margin-top: 25px; font-size: 12px; }
a:focus-visible, button:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 1000px) {
  .activity-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .main-nav { gap: 17px; }
  .contact-form-wrap { gap: 40px; }
}
@media (max-width: 800px) {
  .main-nav { top: 100%; }
  .page-section { padding: 70px 0; }
  .activity-list, .activity:first-child, .contact-form-wrap { grid-template-columns: 1fr; }
  .activity:first-child .activity-copy { padding: 25px; }
  .activity:first-child .activity-photo img { height: 240px; min-height: 0; }
  .activity-photo img { height: 240px; }
  .footer-top, .footer-bottom { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 400px) {
  .container { width: calc(100% - 32px); }
  .hero h1 { font-size: 39px; }
  .contact-form { padding: 24px; }
}

.activity-linked { position: relative; }
.activity-link::after { content: ""; position: absolute; inset: 0; }
.activity-linked:hover h3 { color: var(--deep); }
.activity-linked:focus-within { outline: 3px solid var(--deep); outline-offset: 4px; }