
:root{--navy:#06265d;--navy2:#001943;--orange:#f79400}
*{box-sizing:border-box}html,body{margin:0;background:#edf1f5;font-family:Arial,Helvetica,sans-serif}
.page{max-width:1024px;margin:0 auto;background:#fff;box-shadow:0 3px 24px rgba(0,0,0,.08)}
.art{position:relative}.art img{display:block;width:100%;height:auto}
.header-links{position:absolute;left:0;right:0;top:0;height:86px;z-index:20;pointer-events:none}
.header-links a{position:absolute;top:20px;height:43px;pointer-events:auto;border-radius:3px}
.footer{background:linear-gradient(90deg,var(--navy),var(--navy2));color:#fff;padding:26px 5% 12px}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.footer-col{padding:0 42px;min-height:145px;border-right:1px solid rgba(255,255,255,.38)}
.footer-col:first-child{padding-left:0}.footer-col:last-child{border:0;padding-right:0}
.footer h3{font-size:15px;color:var(--orange);margin:0 0 11px}.footer a,.footer p{display:block;color:#fff;text-decoration:none;font-size:13px;line-height:1.55;margin:0 0 4px}
.contact-line{display:flex;gap:11px;align-items:flex-start;margin:7px 0}.ico{width:18px;color:var(--orange);font-size:18px;flex:0 0 18px}
.copy{border-top:1px solid rgba(255,255,255,.25);padding-top:10px;margin-top:16px;font-size:11px}
.cta-link{position:absolute;z-index:15;right:13.5%;bottom:1.3%;width:19%;height:5.3%}
@media(max-width:820px){
 .header-links{height:8.4vw}.header-links a{top:1.9vw;height:4.2vw}
 .footer-grid{grid-template-columns:1fr}.footer-col{padding:15px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.25);min-height:0}.footer-col:last-child{border:0}
}

/* V4.11 IMPORTS PAGE FIX */
.imports-cta-link{
 position:absolute;z-index:30;
 left:67.4%;top:95.0%;width:17.8%;height:3.9%;
 display:block;border-radius:4px;
}

/* V4.12 GLOBAL SOURCING & BUSINESS FACILITATION CTA FIXES */
.sourcing-cta-link{
 position:absolute;z-index:30;
 left:68.8%;top:94.7%;width:17.3%;height:4.6%;
 display:block;border-radius:4px;
}
.facilitation-cta-link{
 position:absolute;z-index:30;
 left:69.0%;top:94.6%;width:16.5%;height:4.8%;
 display:block;border-radius:4px;
}

/* V4.13 CONTACT FORM — LIVE INPUT CONTROLS */
.contact-form{
 position:absolute;z-index:35;left:57.2%;top:15.0%;width:33.0%;height:27.5%;
 font-family:Arial,Helvetica,sans-serif;color:#09245a;
}
.contact-form label{display:block;font-size:10px;font-weight:700;margin:0 0 4px}
.contact-form input,.contact-form select,.contact-form textarea{
 width:100%;border:1px solid #d8dee8;border-radius:3px;background:#fff;color:#09245a;
 font:11px Arial,Helvetica,sans-serif;padding:6px 8px;outline:none;margin:0 0 8px;
}
.contact-form input,.contact-form select{height:28px}
.contact-form textarea{height:55px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
 border-color:#f79400;box-shadow:0 0 0 1px #f79400;
}
.contact-form button{
 width:100%;height:30px;border:0;border-radius:3px;background:#f79400;color:#fff;
 font-size:10px;font-weight:700;cursor:pointer;
}
.contact-form button:hover{filter:brightness(.96)}
.contact-form .note{font-size:8px;text-align:center;margin-top:5px;color:#69758a}
.contact-cta-link{position:absolute;z-index:30;left:69%;top:94.4%;width:16.8%;height:5%;display:block}
.form-status{font-size:9px;margin-top:5px;text-align:center;color:#0b376e}
@media(max-width:820px){
 .contact-form label{font-size:1vw}.contact-form input,.contact-form select,.contact-form textarea{font-size:1.05vw;padding:.45vw .7vw;margin-bottom:.65vw}
 .contact-form input,.contact-form select{height:2.8vw}.contact-form textarea{height:5.3vw}
 .contact-form button{height:3vw;font-size:1vw}.contact-form .note,.form-status{font-size:.8vw}
}

/* V4.14 CONTACT FORM — CLEAN REBUILD */
.contact-form-v414{
 position:absolute;
 z-index:40;
 left:58.7%;
 top:8.8%;
 width:33.0%;
 height:auto;
 font-family:Arial,Helvetica,sans-serif;
 color:#09245a;
}
.contact-form-v414 h2{
 margin:0 0 6px;
 font-size:22px;
 line-height:1.05;
 color:#09245a;
}
.contact-form-v414 .orange-rule{
 width:30px;height:2px;background:#f79400;margin:0 0 11px;
}
.contact-form-v414 .intro{
 margin:0 0 13px;
 font-size:11px;
 line-height:1.45;
 font-weight:600;
 color:#22345e;
}
.contact-form-v414 label{
 display:block;
 margin:0 0 4px;
 font-size:10px;
 line-height:1.2;
 font-weight:700;
 color:#4a5878;
}
.contact-form-v414 input,
.contact-form-v414 select,
.contact-form-v414 textarea{
 display:block;
 width:100%;
 border:1px solid #d6dce6;
 border-radius:4px;
 background:#fff;
 color:#12295a;
 font:11px Arial,Helvetica,sans-serif;
 outline:none;
 padding:6px 9px;
 margin:0 0 10px;
}
.contact-form-v414 input,
.contact-form-v414 select{
 height:31px;
}
.contact-form-v414 textarea{
 height:62px;
 resize:vertical;
}
.contact-form-v414 input:focus,
.contact-form-v414 select:focus,
.contact-form-v414 textarea:focus{
 border-color:#f79400;
 box-shadow:0 0 0 1px #f79400;
}
.contact-form-v414 button{
 width:100%;
 height:34px;
 margin-top:1px;
 border:0;
 border-radius:4px;
 background:#06265d;
 color:#fff;
 font-size:11px;
 font-weight:700;
 cursor:pointer;
}
.contact-form-v414 button .arrow{
 color:#f79400;
 font-size:18px;
 vertical-align:-1px;
 margin-left:10px;
}
.contact-form-v414 .security{
 margin:8px 3px 0;
 text-align:center;
 color:#22345e;
 font-size:9px;
 line-height:1.35;
}
.contact-form-v414 .status{
 margin-top:5px;
 text-align:center;
 color:#0b376e;
 font-size:9px;
 line-height:1.25;
}
@media(max-width:820px){
 .contact-form-v414 h2{font-size:2.2vw}
 .contact-form-v414 .intro{font-size:1.05vw;margin-bottom:1.1vw}
 .contact-form-v414 label{font-size:.95vw;margin-bottom:.3vw}
 .contact-form-v414 input,.contact-form-v414 select,.contact-form-v414 textarea{
   font-size:1vw;padding:.45vw .7vw;margin-bottom:.7vw
 }
 .contact-form-v414 input,.contact-form-v414 select{height:3vw}
 .contact-form-v414 textarea{height:5.6vw}
 .contact-form-v414 button{height:3.2vw;font-size:1vw}
 .contact-form-v414 .security,.contact-form-v414 .status{font-size:.82vw}
}

/* V4.15 MESSAGE LIMIT & COUNTER */
.message-counter{
  margin:-4px 0 9px;
  text-align:right;
  font-size:9px;
  line-height:1.2;
  color:#66748f;
}
@media(max-width:820px){
  .message-counter{font-size:.8vw;margin:-.3vw 0 .7vw}
}

/* V4.16 CONTACT PAGE — repeated Get in Touch block removed */
.contact-cta-link-v416{
 position:absolute;z-index:30;
 left:69%;bottom:1.2%;width:16.8%;height:6.0%;
 display:block;border-radius:4px;
}

/* ==========================================================
   V4.21 IMPORTS & EXPORTS — EXACT APPROVED CONTENT, READABLE
   ========================================================== */
.ie-page{max-width:1180px;margin:0 auto;background:#fff;color:#17315f;box-shadow:0 4px 28px rgba(0,0,0,.08);font-family:Arial,Helvetica,sans-serif}
.ie-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 30px;min-height:88px;background:#fff;border-bottom:1px solid #edf1f5}
.ie-brand{display:flex;align-items:center;gap:11px;color:#06265d;text-decoration:none;min-width:240px}
.ie-mark{position:relative;width:50px;height:46px}
.ie-mark span{position:absolute;width:25px;height:25px;border-radius:50%;border:5px solid #1a5ea8}
.ie-mark span:nth-child(1){left:0;top:10px}
.ie-mark span:nth-child(2){left:15px;top:0;border-color:#28a067}
.ie-mark span:nth-child(3){left:23px;top:19px;border-color:#f79400}
.ie-name{font-size:26px;font-weight:800;letter-spacing:.5px;line-height:1}
.ie-tag{font-size:9px;color:#6b7688;margin-top:5px;letter-spacing:.3px}
.ie-nav{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.ie-nav a{font-size:13px;font-weight:700;color:#15305c;text-decoration:none;white-space:nowrap;padding:8px 0;position:relative}
.ie-nav a.active:after{content:"";position:absolute;height:2px;background:#f79400;left:0;right:0;bottom:0}
.ie-nav .ie-nav-btn{background:#06265d;color:#fff;padding:11px 14px;border-radius:4px}

.ie-hero{padding:62px 64px 46px;background:linear-gradient(135deg,#f8fbff 0%,#eef5fb 62%,#fff 100%)}
.ie-hero-copy{max-width:800px}
.ie-eyebrow{font-size:13px;font-weight:800;letter-spacing:1.5px;color:#f79400;margin-bottom:12px}
.ie-hero h1{font-size:48px;line-height:1.05;margin:0;color:#06265d;letter-spacing:-1px}
.ie-hero p{font-size:19px;line-height:1.68;color:#4d5f79;margin:20px 0 0;max-width:780px}
.ie-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.ie-indicators div{background:#fff;border:1px solid #dde6ef;border-radius:8px;padding:18px 20px;text-align:center;box-shadow:0 5px 15px rgba(8,43,101,.04)}
.ie-indicators strong{font-size:15px;color:#11366e}

.ie-section{padding:58px 64px}
.ie-section-head{margin-bottom:24px}
.ie-section-head.centered{text-align:center}
.commitment{background:#fff}
.commitment-layout{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:22px}
.commitment-main,.commitment-small{border:1px solid #e2e8f0;border-radius:10px;padding:28px}
.commitment-main{background:#f6f9fc;display:flex;align-items:center}
.commitment-main p{font-size:18px;line-height:1.75;color:#3e516e;margin:0}
.commitment-small h2{font-size:25px;color:#06265d;margin:0 0 12px}
.commitment-small p{font-size:16.5px;line-height:1.68;color:#55657d;margin:0}

.categories{background:#f7f9fc}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.category-card{background:#fff;border:1px solid #dfe7f0;border-radius:11px;padding:30px;box-shadow:0 6px 18px rgba(8,43,101,.04)}
.category-card h2{font-size:23px;line-height:1.28;color:#06265d;margin:0 0 13px}
.category-card p,.category-card li{font-size:16.5px;line-height:1.65;color:#56667e}
.category-card p{margin:0 0 14px}
.category-card ul{margin:0;padding-left:19px}
.category-card li{margin-bottom:5px}

.process{background:#fff}
.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.process-card{grid-column:span 2;border:1px solid #e1e8f0;border-radius:11px;padding:27px;background:#fff;min-height:180px}
.process-card:nth-child(4){grid-column:2 / span 2}
.process-card:nth-child(5){grid-column:4 / span 2}
.process-card span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f79400;color:#fff;font-weight:800;font-size:13px;margin-bottom:17px}
.process-card h2{font-size:20px;line-height:1.28;color:#06265d;margin:0 0 10px}
.process-card p{font-size:16px;line-height:1.62;color:#56667e;margin:0}

.ie-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#f79400;color:#fff;padding:34px 64px}
.ie-cta h2{font-size:27px;margin:0 0 6px}
.ie-cta p{font-size:16px;margin:0}
.ie-cta a{background:#06265d;color:#fff;text-decoration:none;font-weight:800;font-size:13px;padding:14px 18px;border-radius:4px;white-space:nowrap}

.ie-footer{background:linear-gradient(90deg,#06265d,#001943);color:#fff;padding:29px 52px 13px}
.ie-footer-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.ie-footer-grid section{padding:0 38px;border-right:1px solid rgba(255,255,255,.34);min-height:155px}
.ie-footer-grid section:first-child{padding-left:0}
.ie-footer-grid section:last-child{padding-right:0;border-right:0}
.ie-footer h3{font-size:15px;color:#f79400;margin:0 0 12px}
.ie-footer a,.ie-footer p{display:block;color:#fff;text-decoration:none;font-size:13px;line-height:1.55;margin:0 0 6px}
.ie-copy{border-top:1px solid rgba(255,255,255,.25);margin-top:15px;padding-top:10px;font-size:11px}

@media(max-width:1000px){
  .ie-header{flex-direction:column;align-items:flex-start}
  .ie-nav{justify-content:flex-start}
  .ie-hero,.ie-section{padding-left:36px;padding-right:36px}
  .commitment-layout,.category-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr 1fr}
  .process-card,.process-card:nth-child(4),.process-card:nth-child(5){grid-column:auto}
}
@media(max-width:700px){
  .ie-header{padding:13px 18px}
  .ie-hero{padding:42px 22px 35px}
  .ie-hero h1{font-size:38px}
  .ie-hero p{font-size:17px}
  .ie-indicators{grid-template-columns:1fr}
  .ie-section{padding:43px 22px}
  .process-grid{grid-template-columns:1fr}
  .ie-cta{padding:28px 22px;flex-direction:column;align-items:flex-start}
  .ie-footer{padding:25px 22px 12px}
  .ie-footer-grid{grid-template-columns:1fr}
  .ie-footer-grid section{padding:15px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.22);min-height:0}
  .ie-footer-grid section:last-child{border-bottom:0}
}


/* ==========================================================
   V4.23 — ONE SHARED, ALIGNED HEADER ON ALL PAGES
   ========================================================== */
.shared-header{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:92px;
  z-index:80;
  background:#fff;
}
.shared-header > img{
  display:block;
  width:100%;
  height:92px;
  object-fit:fill;
}
.shared-header-links{
  position:absolute;
  inset:0;
  z-index:81;
  pointer-events:none;
}
.shared-header-links a{
  position:absolute;
  top:20px;
  height:49px;
  pointer-events:auto;
  display:block;
  border-radius:3px;
}

/* Imports page has a normal-flow header instead of an artwork overlay. */
.ie-page > .shared-header{
  position:relative;
  width:100%;
  height:92px;
}
.ie-page{
  max-width:1024px !important;
}

/* The old custom imports header is no longer used. */
.ie-header,.ie-brand,.ie-nav{display:none !important}

@media(max-width:820px){
  .shared-header{height:8.98vw}
  .shared-header > img{height:8.98vw}
  .shared-header-links a{top:1.95vw;height:4.78vw}
}


/* ==========================================================
   V4.25 — GLOBAL SOURCING TYPOGRAPHY ALIGNMENT ONLY
   Matches the readable typography scale of Imports & Exports.
   ========================================================== */
.gs-page{
  max-width:1024px;
  margin:0 auto;
  background:#fff;
  color:#17315f;
  box-shadow:0 4px 28px rgba(0,0,0,.08);
  font-family:Arial,Helvetica,sans-serif;
}
.gs-page > .shared-header{
  position:relative;
  width:100%;
  height:92px;
}
.gs-hero{
  padding:62px 64px 46px;
  background:linear-gradient(135deg,#f8fbff 0%,#eef5fb 62%,#fff 100%);
}
.gs-eyebrow{
  font-size:13px;
  font-weight:800;
  letter-spacing:1.5px;
  color:#f79400;
  margin-bottom:12px;
}
.gs-hero h1{
  margin:0;
  color:#06265d;
  font-size:48px;
  line-height:1.05;
  letter-spacing:-1px;
}
.gs-hero p{
  max-width:800px;
  margin:20px 0 0;
  color:#4d5f79;
  font-size:19px;
  line-height:1.68;
  font-weight:400;
}
.gs-indicators{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:34px;
}
.gs-indicators div{
  padding:18px 20px;
  text-align:center;
  background:#fff;
  border:1px solid #dde6ef;
  border-radius:8px;
  box-shadow:0 5px 15px rgba(8,43,101,.04);
}
.gs-indicators strong{
  color:#11366e;
  font-size:15px;
  font-weight:800;
}
.gs-section{
  padding:58px 64px;
}
.gs-section-title{
  margin-bottom:24px;
}
.gs-section-title.centered{
  text-align:center;
}
.gs-promise{
  background:#fff;
}
.gs-promise-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:20px;
}
.gs-promise-main{
  grid-row:span 2;
  display:flex;
  align-items:center;
  padding:30px;
  background:#f6f9fc;
  border:1px solid #e2e8f0;
  border-radius:11px;
}
.gs-promise-main p{
  margin:0;
  color:#3e516e;
  font-size:18px;
  line-height:1.75;
  font-weight:400;
}
.gs-promise-card{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:22px;
  background:#fff;
  border:1px solid #dfe7f0;
  border-radius:11px;
}
.gs-promise-card h2{
  margin:0;
  color:#06265d;
  font-size:19px;
  line-height:1.35;
  font-weight:800;
}
.gs-value{
  background:#f7f9fc;
}
.gs-value-grid,
.gs-process-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px;
}
.gs-card{
  grid-column:span 2;
  min-height:190px;
  padding:27px;
  background:#fff;
  border:1px solid #e1e8f0;
  border-radius:11px;
}
.gs-value-grid .gs-card:nth-child(4),
.gs-process-grid .gs-card:nth-child(4){grid-column:2 / span 2}
.gs-value-grid .gs-card:nth-child(5),
.gs-process-grid .gs-card:nth-child(5){grid-column:4 / span 2}
.gs-card span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:17px;
  border-radius:50%;
  background:#f79400;
  color:#fff;
  font-size:13px;
  font-weight:800;
}
.gs-card h2{
  margin:0 0 10px;
  color:#06265d;
  font-size:20px;
  line-height:1.28;
  font-weight:800;
}
.gs-card p{
  margin:0;
  color:#56667e;
  font-size:16px;
  line-height:1.62;
  font-weight:400;
}
.gs-process{
  background:#fff;
}
.gs-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:34px 64px;
  background:#f79400;
  color:#fff;
}
.gs-cta h2{
  margin:0 0 6px;
  font-size:27px;
  line-height:1.2;
  font-weight:800;
}
.gs-cta p{
  margin:0;
  font-size:16px;
  line-height:1.5;
  font-weight:400;
}
.gs-cta a{
  flex:0 0 auto;
  padding:14px 18px;
  border-radius:4px;
  background:#06265d;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
@media(max-width:1000px){
  .gs-hero,.gs-section{padding-left:36px;padding-right:36px}
  .gs-promise-grid{grid-template-columns:1fr 1fr}
  .gs-promise-main{grid-column:1/-1;grid-row:auto}
  .gs-value-grid,.gs-process-grid{grid-template-columns:1fr 1fr}
  .gs-card,
  .gs-value-grid .gs-card:nth-child(4),
  .gs-value-grid .gs-card:nth-child(5),
  .gs-process-grid .gs-card:nth-child(4),
  .gs-process-grid .gs-card:nth-child(5){grid-column:auto}
}
@media(max-width:700px){
  .gs-hero{padding:42px 22px 35px}
  .gs-hero h1{font-size:38px}
  .gs-hero p{font-size:17px}
  .gs-indicators{grid-template-columns:1fr}
  .gs-section{padding:43px 22px}
  .gs-promise-grid,.gs-value-grid,.gs-process-grid{grid-template-columns:1fr}
  .gs-cta{padding:28px 22px;flex-direction:column;align-items:flex-start}
}

/* V4.26 BUSINESS FACILITATION — typography/readability aligned with approved Imports & Global Sourcing */
.bf-page{max-width:1024px;margin:0 auto;background:#fff;color:#17315f;box-shadow:0 4px 28px rgba(0,0,0,.08);font-family:Arial,Helvetica,sans-serif}
.bf-page>.shared-header{position:relative;width:100%;height:92px}
.bf-hero{padding:58px 64px 44px;background:linear-gradient(135deg,#f8fbff 0%,#eef5fb 62%,#fff 100%)}
.bf-eyebrow{font-size:13px;font-weight:800;letter-spacing:1.5px;color:#f79400;margin-bottom:12px}
.bf-hero h1{margin:0;color:#06265d;font-size:46px;line-height:1.05;font-weight:800}
.bf-hero h2{margin:9px 0 0;color:#1c4c83;font-size:25px;line-height:1.25;font-weight:800}
.bf-hero p{max-width:810px;margin:20px 0 0;color:#4d5f79;font-size:18px;line-height:1.68;font-weight:400}
.bf-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.bf-indicators div,.bf-support-grid div,.bf-gain-grid div{padding:18px;text-align:center;background:#fff;border:1px solid #dde6ef;border-radius:8px;box-shadow:0 5px 15px rgba(8,43,101,.04)}
.bf-indicators strong{font-size:15px;color:#11366e;font-weight:800}
.bf-section{padding:55px 64px}.bf-section-title{margin-bottom:23px}.bf-section-title.centered{text-align:center}
.bf-support{background:#fff}.bf-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bf-support-grid div,.bf-gain-grid div{font-size:16px;line-height:1.35;color:#11366e;font-weight:800}
.bf-facilitate,.bf-gain{background:#f7f9fc}.bf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bf-card{padding:26px;background:#fff;border:1px solid #e1e8f0;border-radius:11px;min-height:185px}
.bf-card span{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:50%;background:#f79400;color:#fff;font-size:13px;font-weight:800}
.bf-card h2{margin:0 0 10px;color:#06265d;font-size:20px;line-height:1.28;font-weight:800}
.bf-card p{margin:0;color:#56667e;font-size:16px;line-height:1.62;font-weight:400}
.bf-gain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bf-process{background:#fff}.process-five{grid-template-columns:repeat(6,1fr)}
.process-five .bf-card{grid-column:span 2}.process-five .bf-card:nth-child(4){grid-column:2/span 2}.process-five .bf-card:nth-child(5){grid-column:4/span 2}
.bf-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 64px;background:#f79400;color:#fff}
.bf-cta h2{margin:0 0 6px;font-size:27px;line-height:1.2;font-weight:800}.bf-cta p{margin:0;font-size:16px;line-height:1.5;font-weight:400}
.bf-cta a{flex:0 0 auto;padding:14px 18px;border-radius:4px;background:#06265d;color:#fff;text-decoration:none;font-size:13px;font-weight:800}
@media(max-width:900px){.bf-hero,.bf-section{padding-left:36px;padding-right:36px}.bf-support-grid,.bf-grid,.bf-gain-grid{grid-template-columns:1fr 1fr}.process-five{grid-template-columns:1fr 1fr}.process-five .bf-card,.process-five .bf-card:nth-child(4),.process-five .bf-card:nth-child(5){grid-column:auto}}
@media(max-width:650px){.bf-hero{padding:40px 22px 34px}.bf-hero h1{font-size:37px}.bf-hero p{font-size:17px}.bf-indicators,.bf-support-grid,.bf-grid,.bf-gain-grid,.process-five{grid-template-columns:1fr}.bf-section{padding:42px 22px}.bf-cta{padding:28px 22px;flex-direction:column;align-items:flex-start}}

/* V4.27 — Business Facilitation hero hierarchy correction */
.bf-hero h1{
  margin:0;
  color:#06265d;
  font-size:46px;
  line-height:1.08;
  font-weight:800;
}

/* V4.28 ABOUT US — typography/readability aligned to approved service pages */
.au-page{max-width:1024px;margin:0 auto;background:#fff;color:#17315f;box-shadow:0 4px 28px rgba(0,0,0,.08);font-family:Arial,Helvetica,sans-serif}
.au-page>.shared-header{position:relative;width:100%;height:92px}
.au-eyebrow{font-size:13px;font-weight:800;letter-spacing:1.5px;color:#f79400;margin-bottom:12px}
.au-hero{padding:60px 64px 48px;background:linear-gradient(135deg,#f8fbff 0%,#eef5fb 62%,#fff 100%)}
.au-hero h1{margin:0;color:#06265d;font-size:48px;line-height:1.06;font-weight:800}
.au-hero p{max-width:840px;margin:20px 0 0;color:#4d5f79;font-size:18px;line-height:1.72;font-weight:400}
.au-section{padding:56px 64px}.au-section-title{margin-bottom:24px}.au-section-title.centered{text-align:center}
.au-mv{background:#fff}.au-mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.au-feature{padding:30px;background:#f7f9fc;border:1px solid #e1e8f0;border-radius:11px}
.au-feature h2{margin:0 0 13px;color:#06265d;font-size:23px;line-height:1.3;font-weight:800}
.au-feature p{margin:0;color:#56667e;font-size:17px;line-height:1.68;font-weight:400}
.au-values{background:#f7f9fc}.au-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.au-values-grid article{padding:27px 18px;text-align:center;background:#fff;border:1px solid #dfe7f0;border-radius:10px}
.au-values-grid h2{margin:0;color:#06265d;font-size:20px;line-height:1.3;font-weight:800}
.au-leadership{background:#fff}.au-lead-grid{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center}
.au-photo img{display:block;width:100%;max-height:390px;object-fit:cover;border-radius:10px}
.au-lead-copy>p{margin:0 0 17px;color:#56667e;font-size:17px;line-height:1.7;font-weight:400}
.au-lead-copy>p strong{color:#17315f;font-weight:800}
.au-signature{margin-top:25px;padding-top:20px;border-top:1px solid #e1e8f0}
.au-signature h2{margin:0 0 5px;color:#06265d;font-size:23px;font-weight:800}
.au-signature p{margin:4px 0;color:#56667e;font-size:15px;line-height:1.5;font-weight:400}
.au-signature p strong{font-weight:800;color:#17315f}
.au-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 64px;background:#f79400;color:#fff}
.au-cta h2{margin:0 0 6px;font-size:27px;line-height:1.2;font-weight:800}.au-cta p{margin:0;font-size:16px;line-height:1.5;font-weight:400}
.au-cta a{flex:0 0 auto;padding:14px 18px;border-radius:4px;background:#06265d;color:#fff;text-decoration:none;font-size:13px;font-weight:800}
@media(max-width:800px){.au-hero,.au-section{padding-left:34px;padding-right:34px}.au-lead-grid{grid-template-columns:230px 1fr;gap:28px}.au-values-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.au-hero{padding:42px 22px 35px}.au-hero h1{font-size:38px}.au-mv-grid,.au-lead-grid,.au-values-grid{grid-template-columns:1fr}.au-section{padding:43px 22px}.au-photo{max-width:280px}.au-cta{padding:28px 22px;flex-direction:column;align-items:flex-start}}

/* V4.30 — consistent symbols for rebuilt service pages */
.svc-icon{
  display:inline-grid;
  place-items:center;
  width:28px;height:28px;
  margin-right:9px;
  border-radius:50%;
  background:#eef5fb;
  color:#f79400;
  font-size:16px;
  line-height:1;
  font-weight:800;
  vertical-align:middle;
}
.svc-card-icon,.svc-support-icon{
  display:grid;
  place-items:center;
  width:38px;height:38px;
  margin:0 auto 12px;
  border-radius:50%;
  background:#eef5fb;
  color:#f79400;
  font-size:18px;
  line-height:1;
  font-weight:800;
}
.bf-support-grid div{display:flex;flex-direction:column;align-items:center;justify-content:center}
.gs-promise-card{flex-direction:column}

/* V4.31 — Increase service-page symbol sizes only */
.svc-icon{
  width:38px;
  height:38px;
  margin-right:11px;
  font-size:21px;
}
.svc-card-icon,
.svc-support-icon{
  width:50px;
  height:50px;
  margin-bottom:14px;
  font-size:24px;
}

/* V4.32 — CONTACT US conservative typography alignment only.
   Existing artwork, symbols, map, office hours, CTA and live form preserved. */
.contact-form-v414,
.contact-form-v414 input,
.contact-form-v414 select,
.contact-form-v414 textarea,
.contact-form-v414 button{
  font-family:Arial,Helvetica,sans-serif;
}
.contact-form-v414 label{
  font-size:15px;
  line-height:1.35;
  font-weight:700;
}
.contact-form-v414 input,
.contact-form-v414 select,
.contact-form-v414 textarea{
  font-size:16px;
  line-height:1.45;
  font-weight:400;
}
.contact-form-v414 button{
  font-size:14px;
  font-weight:800;
  letter-spacing:.2px;
}
.contact-form-v414 .char-counter,
.contact-form-v414 #charCount{
  font-size:12px;
  font-weight:400;
}

/* V4.33 — HOME PAGE FINAL TYPOGRAPHY CHECK
   Home approved artwork/layout remains locked and untouched.
   Only live HTML text, where present, receives the common typography hierarchy. */
body, .page, .home-page{
  font-family:Arial,Helvetica,sans-serif;
}
.home-page h1, .home-page h2, .home-page h3,
.home-page strong, .home-page .section-title,
.home-page .card-title{
  font-weight:800;
}
.home-page p, .home-page .body-copy,
.home-page .card-copy{
  font-weight:400;
}


/* ==========================================================
   V4.38 — HOME + ABOUT HERO TYPOGRAPHY STANDARD
   Same font family, size, weight, line-height on both pages.
   Approved artwork/images/symbols remain unchanged.
   ========================================================== */
.hero-text-standard{
  position:absolute;
  z-index:25;
  left:3.25%;
  width:37.8%;
  font-family:Arial,Helvetica,sans-serif;
  color:#06265d;
}
.hero-home-standard{ top:10.35%; }
.hero-about-standard{ top:10.8%; }

.hero-text-standard h1{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:48px;
  line-height:1.03;
  font-weight:800;
  letter-spacing:-1.1px;
  color:#06265d;
}
.hero-text-standard .hero-dot{color:#f79400}
.hero-text-standard .hero-rule{
  width:44px;
  height:3px;
  margin:19px 0 23px;
  background:#f79400;
}
.hero-text-standard p{
  margin:0;
  max-width:390px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.52;
  font-weight:400;
  letter-spacing:0;
  color:#17315f;
}
.hero-text-standard p strong{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:700;
  color:#06265d;
}
.hero-about-standard .hero-rule{margin-bottom:18px}

@media(max-width:1024px){
  .hero-text-standard h1{font-size:clamp(31px,4.69vw,48px)}
  .hero-text-standard p,
  .hero-text-standard p strong{font-size:clamp(11px,1.56vw,16px)}
  .hero-text-standard .hero-rule{
    width:clamp(28px,4.3vw,44px);
    height:clamp(2px,.29vw,3px);
    margin-top:clamp(11px,1.85vw,19px);
    margin-bottom:clamp(13px,2.25vw,23px);
  }
  .hero-about-standard .hero-rule{margin-bottom:clamp(10px,1.75vw,18px)}
}


/* ==========================================================
   V4.41 — IMPORTS & EXPORTS TYPOGRAPHY ALIGNMENT
   Aligns the third page to the Home/About typography standard.
   Content, symbols, cards, process, CTA, header/footer unchanged.
   ========================================================== */
.v441-type-align{
  font-family:Arial,Helvetica,sans-serif;
}
.v441-type-align h1{
  font-family:Arial,Helvetica,sans-serif;
  font-size:48px;
  line-height:1.03;
  font-weight:800;
  letter-spacing:-1.1px;
}
.v441-type-align h2{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
}
.v441-type-align h3,
.v441-type-align h4{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
}
.v441-type-align p,
.v441-type-align li{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.52;
  font-weight:400;
}
.v441-type-align strong,
.v441-type-align b{
  font-weight:700;
}
@media(max-width:1024px){
  .v441-type-align h1{font-size:clamp(31px,4.69vw,48px)}
  .v441-type-align p,
  .v441-type-align li{font-size:clamp(11px,1.56vw,16px)}
}


/* ==========================================================
   V4.43 — GLOBAL SOURCING TYPOGRAPHY STANDARDIZATION
   Matches Home/About/Imports typography hierarchy.
   ========================================================== */
.v443-type-align{
  font-family:Arial,Helvetica,sans-serif;
}
.v443-type-align h1{
  font-family:Arial,Helvetica,sans-serif;
  font-size:48px;
  line-height:1.03;
  font-weight:800;
  letter-spacing:-1.1px;
}
.v443-type-align h2{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
}
.v443-type-align h3,
.v443-type-align h4{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
}
.v443-type-align p,
.v443-type-align li{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.52;
  font-weight:400;
}
.v443-type-align strong,
.v443-type-align b{
  font-weight:700;
}
@media(max-width:1024px){
  .v443-type-align h1{font-size:clamp(31px,4.69vw,48px)}
  .v443-type-align p,
  .v443-type-align li{font-size:clamp(11px,1.56vw,16px)}
}


/* ==========================================================
   V4.44 — BUSINESS FACILITATION + CONTACT TYPOGRAPHY
   Matches Home/About/Imports/Global Sourcing standard.
   ========================================================== */

/* BUSINESS FACILITATION — full live HTML typography */
.v444-bf-type-align{
  font-family:Arial,Helvetica,sans-serif;
}
.v444-bf-type-align h1{
  font-family:Arial,Helvetica,sans-serif;
  font-size:48px;
  line-height:1.03;
  font-weight:800;
  letter-spacing:-1.1px;
}
.v444-bf-type-align h2{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
}
.v444-bf-type-align h3,
.v444-bf-type-align h4{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
}
.v444-bf-type-align p,
.v444-bf-type-align li{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.52;
  font-weight:400;
}
.v444-bf-type-align strong,
.v444-bf-type-align b{
  font-weight:700;
}

/* CONTACT — approved page artwork is intentionally preserved.
   Standardize all live form text to the same family/weight hierarchy. */
.v444-contact-type-align .contact-form-v414,
.v444-contact-type-align .contact-form-v414 input,
.v444-contact-type-align .contact-form-v414 select,
.v444-contact-type-align .contact-form-v414 textarea,
.v444-contact-type-align .contact-form-v414 button{
  font-family:Arial,Helvetica,sans-serif;
}
.v444-contact-type-align .contact-form-v414 h2{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
}
.v444-contact-type-align .contact-form-v414 .intro{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.52;
  font-weight:400;
}
.v444-contact-type-align .contact-form-v414 label{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.4;
  font-weight:700;
}
.v444-contact-type-align .contact-form-v414 input,
.v444-contact-type-align .contact-form-v414 select,
.v444-contact-type-align .contact-form-v414 textarea{
  font-size:16px;
  line-height:1.45;
  font-weight:400;
}
.v444-contact-type-align .contact-form-v414 button{
  font-size:14px;
  font-weight:700;
}
.v444-contact-type-align .contact-form-v414 .security,
.v444-contact-type-align .contact-form-v414 .status,
.v444-contact-type-align .contact-form-v414 .char-counter,
.v444-contact-type-align .contact-form-v414 #charCount{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:400;
}

@media(max-width:1024px){
  .v444-bf-type-align h1{font-size:clamp(31px,4.69vw,48px)}
  .v444-bf-type-align p,
  .v444-bf-type-align li{font-size:clamp(11px,1.56vw,16px)}

  .v444-contact-type-align .contact-form-v414 .intro,
  .v444-contact-type-align .contact-form-v414 label,
  .v444-contact-type-align .contact-form-v414 input,
  .v444-contact-type-align .contact-form-v414 select,
  .v444-contact-type-align .contact-form-v414 textarea{
    font-size:clamp(11px,1.56vw,16px);
  }
  .v444-contact-type-align .contact-form-v414 button{
    font-size:clamp(10px,1.37vw,14px);
  }
}


/* ==========================================================
   V4.45 — CONTACT US FINAL TYPOGRAPHY PASS
   Standardizes all LIVE Contact-page bold/normal text without
   rebuilding or disturbing the approved image artwork.
   ========================================================== */
.v445-contact-type-final,
.v445-contact-type-final .contact-form-v414{
  font-family:Arial,Helvetica,sans-serif;
}

/* Strong hierarchy for every live heading in the form area */
.v445-contact-type-final .contact-form-v414 h1,
.v445-contact-type-final .contact-form-v414 h2{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
  letter-spacing:-0.3px;
}
.v445-contact-type-final .contact-form-v414 h3,
.v445-contact-type-final .contact-form-v414 h4,
.v445-contact-type-final .contact-form-v414 label{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
}

/* Normal writing */
.v445-contact-type-final .contact-form-v414 p,
.v445-contact-type-final .contact-form-v414 input,
.v445-contact-type-final .contact-form-v414 select,
.v445-contact-type-final .contact-form-v414 textarea{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.52;
  font-weight:400;
}

/* Explicit bold text */
.v445-contact-type-final .contact-form-v414 strong,
.v445-contact-type-final .contact-form-v414 b{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
}

/* Form controls */
.v445-contact-type-final .contact-form-v414 label{
  font-size:16px;
  line-height:1.4;
}
.v445-contact-type-final .contact-form-v414 button{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:700;
}

/* Supporting small text remains normal */
.v445-contact-type-final .contact-form-v414 .security,
.v445-contact-type-final .contact-form-v414 .status,
.v445-contact-type-final .contact-form-v414 .char-counter,
.v445-contact-type-final .contact-form-v414 #charCount{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:400;
}

@media(max-width:1024px){
  .v445-contact-type-final .contact-form-v414 p,
  .v445-contact-type-final .contact-form-v414 label,
  .v445-contact-type-final .contact-form-v414 input,
  .v445-contact-type-final .contact-form-v414 select,
  .v445-contact-type-final .contact-form-v414 textarea{
    font-size:clamp(11px,1.56vw,16px);
  }
}


/* V4.46 — Contact hero bold font aligned with the rest of the site */
.contact-hero-heading-v446{
  position:absolute;
  z-index:24;
  left:4.65%;
  top:17.75%;
  width:50%;
  font-family:Arial,Helvetica,sans-serif;
  font-size:48px;
  line-height:1.18;
  font-weight:800;
  letter-spacing:-1.1px;
  color:#06265d;
}
@media(max-width:1024px){
  .contact-hero-heading-v446{
    font-size:clamp(31px,4.69vw,48px);
  }
}


/* V4.47 — Contact hero heading overlap correction */
.contact-hero-heading-v446{
  top:16.9%;
  width:47%;
  font-size:46px;
  line-height:1.06;
  letter-spacing:-1px;
}
@media(max-width:1024px){
  .contact-hero-heading-v446{
    font-size:clamp(29px,4.49vw,46px);
    line-height:1.06;
  }
}


/* V4.49 — Home introduction overlap correction */
.hero-home-standard{
  width:40.5%;
}
.hero-home-standard p{
  max-width:415px;
  font-size:15px;
  line-height:1.42;
}
.hero-home-standard p strong{
  font-size:15px;
}
@media(max-width:1024px){
  .hero-home-standard p,
  .hero-home-standard p strong{
    font-size:clamp(10.5px,1.46vw,15px);
  }
}


/* V4.50 — Home hero buttons activated; transparent overlays preserve artwork */
.home-hero-button-link{
  position:absolute;
  z-index:40;
  display:block;
  background:transparent;
  text-decoration:none;
  cursor:pointer;
}
/* Existing Home artwork button locations */
.home-services-link{
  left:3.2%;
  top:29.55%;
  width:13.7%;
  height:3.35%;
}
.home-inquiry-link{
  left:17.7%;
  top:29.55%;
  width:16.7%;
  height:3.35%;
}
/* Position the same-page services scroll target at the What We Do section */
.home-scroll-target{
  position:absolute;
  left:0;
  top:38.0%;
  width:1px;
  height:1px;
  pointer-events:none;
}
html{scroll-behavior:smooth;}


/* ==========================================================
   V4.51 — HOME HERO BUTTONS: CORRECT CLICKABLE POSITIONS
   ========================================================== */

/* Exact hotspots matched to the existing artwork buttons */
.home-services-link{
  left:3.25%;
  top:31.05%;
  width:16.9%;
  height:3.05%;
}
.home-inquiry-link{
  left:22.25%;
  top:31.05%;
  width:17.4%;
  height:3.05%;
}

/* Scroll target aligned to the What We Do heading */
.home-scroll-target{
  position:absolute;
  left:0;
  top:40.8%;
  width:1px;
  height:1px;
  pointer-events:none;
}

/* Contact-page target aligned to the live inquiry form */
.contact-form-target{
  position:absolute;
  left:0;
  top:7.8%;
  width:1px;
  height:1px;
  pointer-events:none;
}

html{
  scroll-behavior:smooth;
}


/* ==========================================================
   V4.52 — HOME BUTTONS REBUILT AS REAL HTML LINKS
   Not transparent hotspots: these are actual clickable buttons.
   ========================================================== */
.home-live-btn{
  position:absolute;
  z-index:120;
  top:31.05%;
  height:3.05%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 2.1%;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:700;
  text-decoration:none;
  border-radius:4px;
  cursor:pointer;
  pointer-events:auto;
  user-select:none;
}
.home-live-btn span{
  font-size:25px;
  line-height:1;
  font-weight:400;
}
.home-live-services{
  left:3.25%;
  width:16.9%;
  background:#f6a10a;
  color:#fff;
  border:1px solid #f6a10a;
}
.home-live-inquiry{
  left:22.25%;
  width:17.4%;
  background:#f8fafc;
  color:#0b245a;
  border:1px solid #0b245a;
}
.home-live-btn:hover{
  filter:brightness(.97);
}
.home-live-btn:focus{
  outline:2px solid #f79400;
  outline-offset:2px;
}

/* Reliable target positions */
#what-we-do.home-scroll-target{
  position:absolute;
  top:40.5%;
  left:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
#inquiry-form.contact-form-target{
  position:absolute;
  top:8.0%;
  left:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
html{scroll-behavior:smooth;}

@media(max-width:820px){
  .home-live-btn{
    font-size:1.35vw;
    border-radius:.4vw;
  }
  .home-live-btn span{font-size:2.4vw}
}


/* V4.54 — move both Home hero live buttons slightly downward */
.home-live-services,
.home-live-inquiry{
  top:32.15%;
}


/* V4.55 — additional downward clearance for both Home hero buttons */
.home-live-services,
.home-live-inquiry{
  top:33.35%;
}


/* V4.56 — Imports & Exports: one restrained supporting trade visual */
.imports-supporting-visual{
  width:92%;
  max-width:920px;
  margin:18px auto 30px;
  height:250px;
  overflow:hidden;
  border-radius:8px;
  box-shadow:0 8px 22px rgba(18,55,95,.10);
  background:#eef5fb;
}
.imports-supporting-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
@media(max-width:700px){
  .imports-supporting-visual{
    width:90%;
    height:180px;
    margin:14px auto 24px;
  }
}


/* V4.57 — make Imports & Exports supporting photograph clearly visible */
.imports-supporting-visual-v457{
  display:block !important;
  position:relative !important;
  width:88% !important;
  max-width:900px !important;
  height:300px !important;
  margin:28px auto 36px !important;
  overflow:hidden !important;
  border-radius:10px !important;
  box-shadow:0 10px 26px rgba(18,55,95,.14) !important;
  z-index:2 !important;
}
.imports-supporting-visual-v457 img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
@media(max-width:700px){
  .imports-supporting-visual-v457{
    width:90% !important;
    height:200px !important;
    margin:22px auto 28px !important;
  }
}


/* V4.58 — Imports & Exports image, explicitly inserted after hero */
.imports-visual-section{
  width:88%;
  max-width:900px;
  height:300px;
  margin:28px auto 36px;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 10px 26px rgba(18,55,95,.14);
  background:#eef5fb;
}
.imports-visual-section img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
@media(max-width:700px){
  .imports-visual-section{
    width:90%;
    height:200px;
    margin:22px auto 28px;
  }
}


/* V4.59 — Global Sourcing: one restrained no-people supporting visual */
.gs-supporting-visual{
  width:88%;
  max-width:900px;
  height:300px;
  margin:28px auto 36px;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 10px 26px rgba(18,55,95,.14);
  background:#eef5fb;
}
.gs-supporting-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
@media(max-width:700px){
  .gs-supporting-visual{
    width:90%;
    height:200px;
    margin:22px auto 28px;
  }
}


/* V4.60 — Business Facilitation: one restrained no-people supporting visual */
.bf-supporting-visual{
  width:88%;
  max-width:900px;
  height:300px;
  margin:28px auto 36px;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 10px 26px rgba(18,55,95,.14);
  background:#eef5fb;
}
.bf-supporting-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
@media(max-width:700px){
  .bf-supporting-visual{
    width:90%;
    height:200px;
    margin:22px auto 28px;
  }
}


/* ==========================================================
   V4.61 — COMPACT VERTICAL SPACING ON THE THREE SERVICE PAGES
   Content, wording, typography hierarchy and visuals unchanged.
   ========================================================== */

/* Imports & Exports */
.ie-section{
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.imports-visual-section{
  height:260px !important;
  margin-top:20px !important;
  margin-bottom:24px !important;
}

/* Global Sourcing */
.gs-section{
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.gs-supporting-visual{
  height:260px !important;
  margin-top:20px !important;
  margin-bottom:24px !important;
}

/* Business Facilitation */
.bf-section{
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.bf-supporting-visual{
  height:260px !important;
  margin-top:20px !important;
  margin-bottom:24px !important;
}

/* Tighten repeated internal spacing without crowding text */
.ie-section h2,
.gs-section h2,
.bf-section h2{
  margin-bottom:20px !important;
}
.ie-section h3,
.gs-section h3,
.bf-section h3{
  margin-bottom:8px !important;
}
.ie-section p,
.gs-section p,
.bf-section p{
  margin-top:6px !important;
  margin-bottom:10px !important;
}

/* Reduce card/grid vertical gaps while retaining readability */
.ie-grid,
.gs-grid,
.bf-grid,
.ie-cards,
.gs-cards,
.bf-cards{
  row-gap:18px !important;
}

/* CTA areas: less unused vertical space */
.ie-cta,
.gs-cta,
.bf-cta{
  padding-top:30px !important;
  padding-bottom:30px !important;
}

@media(max-width:700px){
  .ie-section,
  .gs-section,
  .bf-section{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .imports-visual-section,
  .gs-supporting-visual,
  .bf-supporting-visual{
    height:185px !important;
    margin-top:18px !important;
    margin-bottom:22px !important;
  }
}


/* ==========================================================
   V4.62 — BORDERS ONLY, based directly on approved V4.61
   Outer blue line + inner golden line on existing service boxes.
   ========================================================== */

/* Existing card/box elements across the three service pages */
.ie-card,
.gs-card,
.bf-card,
.ie-mini,
.gs-mini,
.bf-mini,
.ie-process-item,
.gs-process-item,
.bf-process-item{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
}

/* If cards are implemented as direct children of these approved grids */
.ie-grid > div,
.gs-grid > div,
.bf-grid > div,
.ie-cards > div,
.gs-cards > div,
.bf-cards > div{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
}


/* ==========================================================
   V4.63 — ALL SMALL, MEDIUM AND LARGE EXISTING BOXES
   Border treatment only; based directly on V4.62.
   Blue outer line + golden inner line.
   ========================================================== */

/* IMPORTS & EXPORTS — cards, commitment panels, process items and CTA boxes */
.ie-section .card,
.ie-section .box,
.ie-section .panel,
.ie-section article,
.ie-section .process-step,
.ie-section .process-item,
.ie-section .commitment-item,
.ie-section .category-card,
.ie-section .trade-card,
.ie-section .cta-box,
.ie-section [class*="card"],
.ie-section [class*="box"],
.ie-section [class*="panel"],
.ie-section [class*="item"]{
  border:2px solid #1769c2 !important;
  box-shadow:inset 0 0 0 2px #d9a441, 0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
}

/* GLOBAL SOURCING — promise, value, process and CTA boxes */
.gs-section .card,
.gs-section .box,
.gs-section .panel,
.gs-section article,
.gs-section .process-step,
.gs-section .process-item,
.gs-section .promise-item,
.gs-section .value-item,
.gs-section .cta-box,
.gs-section [class*="card"],
.gs-section [class*="box"],
.gs-section [class*="panel"],
.gs-section [class*="item"]{
  border:2px solid #1769c2 !important;
  box-shadow:inset 0 0 0 2px #d9a441, 0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
}

/* BUSINESS FACILITATION — support, value/gain, process and CTA boxes */
.bf-section .card,
.bf-section .box,
.bf-section .panel,
.bf-section article,
.bf-section .process-step,
.bf-section .process-item,
.bf-section .support-item,
.bf-section .gain-item,
.bf-section .cta-box,
.bf-section [class*="card"],
.bf-section [class*="box"],
.bf-section [class*="panel"],
.bf-section [class*="item"]{
  border:2px solid #1769c2 !important;
  box-shadow:inset 0 0 0 2px #d9a441, 0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
}

/* Preserve existing border radius where present; add a modest radius only
   where an existing box had none. */
.ie-section [class*="card"],
.ie-section [class*="box"],
.gs-section [class*="card"],
.gs-section [class*="box"],
.bf-section [class*="card"],
.bf-section [class*="box"]{
  border-radius:8px;
}


/* ==========================================================
   V4.64 — IMPORTS & EXPORTS: COMPLETE MISSED BOX BORDERS ONLY
   Based directly on V4.63.
   ========================================================== */

/* Three small indicator boxes under “Global Trade, Simplified.” */
.imports-page .ie-indicators > div{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
}

/* All three boxes in “Our Commitment” */
.imports-page .commitment-main,
.imports-page .commitment-small{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
}


/* ==========================================================
   V4.65 — GLOBAL SOURCING: COMPLETE 3 MISSED HERO INDICATORS
   ========================================================== */

/* Three small boxes under “Smart Choices. Better Value.” */
.sourcing-page .gs-indicators > div{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
}


/* V4.66 — actual three Global Sourcing hero boxes */
.gs-hero .gs-indicators > div{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
  border-radius:8px !important;
}


/* ==========================================================
   V4.67 — BUSINESS FACILITATION: COMPLETE ALL MISSED BOXES
   Direct selectors based on actual Business Facilitation HTML.
   Blue outer line + golden inner line only.
   ========================================================== */

/* 3 small boxes under “Simplifying Trade. Enabling Growth.” */
.bf-hero .bf-indicators > div{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
  border-radius:8px !important;
}

/* 6 boxes under “Our Support Areas” */
.bf-support .bf-support-grid > div{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
  border-radius:8px !important;
}

/* 6 boxes under “What You Gain” */
.bf-gain .bf-gain-grid > div{
  border:2px solid #1769c2 !important;
  box-shadow:
    inset 0 0 0 2px #d9a441,
    0 3px 10px rgba(18,55,95,.06) !important;
  box-sizing:border-box !important;
  border-radius:8px !important;
}


/* ==========================================================
   V4.71 — HOME: VISIBLE GOLDEN LINE DIRECTLY UNDER HEADER
   The shared header is absolutely positioned, so the line must
   be attached to the header itself as an overlay below it.
   ========================================================== */
.home-page .shared-header::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-5px !important;
  height:5px !important;
  background:#d9a441 !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:9999 !important;
  pointer-events:none !important;
}


/* ==========================================================
   V4.72 — GOLDEN LINE UNDER HEADER ON ALL PAGES
   Same treatment approved on Home in V4.71.
   ========================================================== */
.shared-header::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-5px !important;
  height:5px !important;
  background:#d9a441 !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:9999 !important;
  pointer-events:none !important;
}


/* ==========================================================
   V4.73 — HEADER LINE: MATCH CORPORATE GOLD
   Color correction only.
   ========================================================== */
.shared-header::after{
  background:#C6922D !important;
}

/* V4.75 — Imports & Exports user-supplied supporting images, corrected placement */
.ie-added-visual{
  width:88%;
  max-width:780px;
  margin:16px auto 18px;
}
.ie-added-visual img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center;
  border-radius:8px;
  border:2px solid #1769c2;
  box-shadow:inset 0 0 0 2px #C6922D,0 4px 12px rgba(18,55,95,.08);
}
.ie-added-commitment img{object-position:center 55%;}
.ie-added-process img{object-position:center 48%;}
@media(max-width:700px){
  .ie-added-visual{width:94%;margin:14px auto 16px;}
  .ie-added-visual img{height:auto;max-height:260px;object-fit:contain;background:#fff;}
}

/* ==========================================================
   V4.76 — GLOBAL SOURCING: THREE USER-SUPPLIED IMAGES
   ========================================================== */
.gs-added-visual{
  width:88%;
  max-width:800px;
  margin:16px auto 18px;
}
.gs-added-visual img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center;
  border-radius:8px;
  border:2px solid #1769c2;
  box-shadow:inset 0 0 0 2px #C6922D,0 4px 12px rgba(18,55,95,.08);
}
.gs-added-visual-1 img{object-position:center 48%;}
.gs-added-visual-2 img{object-position:center 50%;}
.gs-added-visual-3 img{object-position:center 50%;}

@media(max-width:700px){
  .gs-added-visual{width:94%;margin:14px auto 16px;}
  .gs-added-visual img{
    height:auto;
    max-height:280px;
    object-fit:contain;
    background:#fff;
  }
}

/* ==========================================================
   V4.77 — BUSINESS FACILITATION: USER-SUPPLIED SUPPORTING IMAGE
   ========================================================== */
.bf-added-visual{
  width:88%;
  max-width:800px;
  margin:16px auto 18px;
}
.bf-added-visual img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center 50%;
  border-radius:8px;
  border:2px solid #1769c2;
  box-shadow:inset 0 0 0 2px #C6922D,0 4px 12px rgba(18,55,95,.08);
}
@media(max-width:700px){
  .bf-added-visual{width:94%;margin:14px auto 16px;}
  .bf-added-visual img{
    height:auto;
    max-height:280px;
    object-fit:contain;
    background:#fff;
  }
}


/* ==========================================================
   V4.81 — CONTACT IMAGE: NON-OVERLAPPING PLACEMENT
   The image sits OUTSIDE the approved .art area, so all existing
   absolute-positioned Contact elements retain their original geometry.
   ========================================================== */
.contact-support-image-v481{
  width:100%;
  background:#fff;
  padding:22px 0 24px;
  text-align:center;
}
.contact-support-image-v481 img{
  display:block;
  width:68%;
  max-width:700px;
  height:auto;
  margin:0 auto;
  border-radius:8px;
  border:2px solid #1769c2;
  box-shadow:inset 0 0 0 2px #C6922D,0 4px 12px rgba(18,55,95,.08);
}
@media(max-width:700px){
  .contact-support-image-v481{
    padding:14px 0 16px;
  }
  .contact-support-image-v481 img{
    width:92%;
  }
}


/* ==========================================================
   V4.82 — CONTACT IMAGE LEFT OF INQUIRY FORM
   Same user-supplied image; no generated image.
   Covers only the old left-side paragraph/icons in the artwork.
   Existing inquiry form geometry remains untouched.
   ========================================================== */
.contact-left-image-v482{
  position:absolute;
  z-index:30;
  left:4.6%;
  top:30.0%;
  width:49.0%;
  height:25.8%;
  padding:0;
  margin:0;
  background:#fff;
  overflow:hidden;
  border-radius:8px;
  border:2px solid #1769c2;
  box-shadow:inset 0 0 0 2px #C6922D,0 4px 12px rgba(18,55,95,.08);
}
.contact-left-image-v482 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Remove V4.81 below-art image from layout if any cached markup remains. */
.contact-support-image-v481{
  display:none !important;
}

@media(max-width:820px){
  .contact-left-image-v482{
    left:4.6%;
    top:30.0%;
    width:49.0%;
    height:25.8%;
  }
}


/* ==========================================================
   V4.83 — CONTACT: REMOVE REMAINING LEFT-SIDE BOLD WORDING
   Same existing image only; align its top/bottom with inquiry form area.
   ========================================================== */
.contact-left-image-v482{
  left:4.6% !important;
  top:26.4% !important;
  width:49.0% !important;
  height:29.4% !important;
  z-index:30 !important;
}


/* V4.90 — Border on first box under OUR PROMISE, Global Sourcing only */
.gs-promise-main{
  border: 2px solid #1769c2 !important;
  box-shadow: inset 0 0 0 2px #C6922D, 0 4px 12px rgba(0,0,0,.06) !important;
  border-radius: 8px;
  box-sizing: border-box;
}


/* ==========================================================
   V4.92 — USER'S ORIGINAL PHOTO ON HOME + ABOUT
   Exact supplied JPG; deterministic browser crop only.
   ========================================================== */
.actual-founder-photo-home-v492,
.actual-founder-photo-about-v492{
  position:absolute;
  z-index:25;
  overflow:hidden;
  background:#eef2f5;
}
.actual-founder-photo-home-v492 img,
.actual-founder-photo-about-v492 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

/* Founder/CEO portrait area on approved Home artwork */
.actual-founder-photo-home-v492{
  left:4.3%;
  top:68.15%;
  width:29.2%;
  height:23.35%;
  border-radius:5px;
}

/* Leadership portrait area on approved About artwork */
.actual-founder-photo-about-v492{
  left:6.85%;
  top:74.9%;
  width:25.1%;
  height:18.65%;
  border-radius:4px;
}


/* V5.03 — Header active-page indicator
   Static HOME underline removed from shared-header.png.
   The gold indicator now follows the current page. */
.shared-header-links a.active::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  bottom:4px;
  height:2px;
  background:#C6922D;
  border-radius:2px;
  pointer-events:none;
}
@media(max-width:820px){
  .shared-header-links a.active::after{
    bottom:.39vw;
    height:2px;
  }
}


/* V5.09 — launch-readiness technical safeguards only */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #C6922D;
  outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
@media(max-width:820px){
  body{background:#fff}
  .page,.ie-page,.gs-page,.bf-page{width:100%;max-width:100%;box-shadow:none}
}

.mobile-header,.mobile-only{display:none}
@media(max-width:820px){
.mobile-header{display:flex;position:relative;z-index:500;min-height:72px;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:4px solid #C6922D}
.mobile-brand{display:block;width:205px;max-width:72%}.mobile-brand img{display:block;width:100%;height:auto}
.mobile-menu-toggle{width:44px;height:44px;border:1px solid #d7dee8;border-radius:5px;background:#06265d;color:#fff;font-size:25px;line-height:1;cursor:pointer}
.mobile-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:8px 18px 16px;box-shadow:0 10px 20px rgba(0,0,0,.14);border-top:1px solid #e5e9ef}.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:12px 4px;border-bottom:1px solid #edf0f4;color:#06265d;text-decoration:none;font-size:15px;font-weight:700}.mobile-nav .mobile-get-in-touch{margin-top:10px;padding:13px 14px;background:#06265d;color:#fff;border-radius:4px;text-align:center;border:0}
.home-page>main.page,.contact-page>main.page{display:none}.home-page .mobile-home,.contact-page .mobile-contact{display:block}
body:not(.home-page):not(.contact-page) .mobile-about{display:block}
body:not(.home-page):not(.contact-page) .mobile-about~main.page{display:none}
.mobile-only{background:#fff;color:#17315f;font-family:Arial,Helvetica,sans-serif}.mobile-hero-copy{padding:34px 22px 24px;background:linear-gradient(135deg,#f8fbff,#eef5fb 65%,#fff)}
.mobile-hero-copy h1{margin:0;color:#06265d;font-size:38px;line-height:1.05;font-weight:800;letter-spacing:-.7px}.mobile-hero-copy h1 span{color:#f79400}.mobile-hero-copy p{margin:0;font-size:16px;line-height:1.55}
.mobile-rule{width:42px;height:3px;background:#f79400;margin:16px 0 19px}.mobile-rule.centered{margin:10px auto 22px}.mobile-hero-image{display:block;width:100%;height:250px;object-fit:cover;object-position:center}
.mobile-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.mobile-actions a,.mobile-cta{display:block;padding:14px 16px;border-radius:4px;background:#f6a10a;color:#fff;font-size:14px;font-weight:700;text-decoration:none;text-align:center}.mobile-actions a.outline{background:#fff;color:#06265d;border:1px solid #06265d}
.mobile-section{padding:34px 18px}.mobile-section>h2,.mobile-section-title{text-align:center;color:#06265d;font-size:27px;line-height:1.15;margin:0}.mobile-card-grid,.mobile-two-cards,.mobile-values{display:grid;grid-template-columns:1fr;gap:15px}
.mobile-card-grid article,.mobile-two-cards article,.mobile-values article{border:2px solid #1769c2;box-shadow:inset 0 0 0 2px #C6922D;border-radius:8px;padding:22px 18px;text-align:center;background:#fff}
.mobile-card-grid img{width:82px;height:82px;object-fit:contain}.mobile-two-cards img{width:96px;height:86px;object-fit:contain}.mobile-values img{width:78px;height:72px;object-fit:contain}
.mobile-card-grid h3,.mobile-two-cards h2,.mobile-values h3{color:#06265d;margin:10px 0;font-size:20px}.mobile-card-grid p,.mobile-two-cards p,.mobile-values p{margin:0;font-size:15.5px;line-height:1.55}.mobile-section-title{margin:34px 0 20px}
.mobile-founder{margin:0 18px 28px;padding:18px;background:#f5f8fb;border-radius:8px}.mobile-founder>img{display:block;width:100%;max-width:280px;height:auto;margin:0 auto 20px;border-radius:5px}.mobile-founder h2,.mobile-founder h3{color:#06265d;margin:8px 0}.mobile-founder h2{font-size:25px}.mobile-founder h3{font-size:20px}.mobile-founder p{font-size:15.5px;line-height:1.55;margin:0 0 14px}.mobile-cta{margin:0 18px 28px;background:#06265d}
.mobile-contact-image{display:block;width:calc(100% - 36px);margin:0 18px 22px;height:220px;object-fit:cover;border-radius:8px;border:2px solid #1769c2}.mobile-contact-form{margin:0 18px 26px;padding:20px;border:1px solid #dce3ec;border-radius:8px;background:#fff}.mobile-contact-form>p:first-child{margin-top:0;font-size:16px;line-height:1.5}.mobile-contact-form label{display:block;margin:12px 0 5px;font-size:14px;font-weight:700;color:#4a5878}.mobile-contact-form input,.mobile-contact-form select,.mobile-contact-form textarea{width:100%;min-height:44px;border:1px solid #cfd8e4;border-radius:4px;padding:10px;font:16px Arial,Helvetica,sans-serif;color:#12295a;background:#fff}.mobile-contact-form textarea{height:140px;resize:vertical}.mobile-counter{text-align:right;font-size:12px;color:#66748f;margin:5px 0 12px}.mobile-contact-form button{width:100%;min-height:48px;border:0;border-radius:4px;background:#06265d;color:#fff;font-size:14px;font-weight:700}.mobile-security,.mobile-status{text-align:center;font-size:12px!important;line-height:1.4!important;color:#56667e}.mobile-contact-info{display:grid;grid-template-columns:1fr;gap:14px;padding:0 18px 30px}.mobile-contact-info article{padding:20px;border:1px solid #dce3ec;border-radius:8px;background:#f8fafc}.mobile-contact-info h2{margin:0 0 12px;color:#06265d;font-size:22px}.mobile-contact-info p{font-size:15px;line-height:1.55;margin:0 0 10px}
.ie-page>.shared-header,.gs-page>.shared-header,.bf-page>.shared-header{display:none!important}
}
@media(min-width:821px){.mobile-header,.mobile-only{display:none!important}}

/* V5.12: preserve the exact approved footer on hybrid mobile pages */
@media(max-width:820px){
  .mobile-approved-footer{display:block!important}
  .mobile-approved-footer footer{display:block!important}
}
@media(min-width:821px){
  .mobile-approved-footer{display:none!important}
}

/* V5.14 — Desktop introduction layout correction only.
   Keeps V5.13 wording unchanged while restoring clear separation from
   the Home action buttons and the About Mission section. Mobile is unchanged. */
@media (min-width:821px){
  .hero-home-standard p,
  .hero-home-standard p strong{
    font-size:14px;
    line-height:1.38;
  }
  .hero-about-standard p,
  .hero-about-standard p strong{
    font-size:14px;
    line-height:1.40;
  }
}


/* V5.15 — approved finishing corrections only */
.email-link{color:inherit!important;text-decoration:none!important}
.email-link:hover,.email-link:focus{text-decoration:underline!important}
@media(min-width:821px){
  .home-service-border{position:absolute;z-index:24;top:45.55%;height:20.15%;border:2px solid #1769c2;box-shadow:inset 0 0 0 2px #C6922D;border-radius:8px;box-sizing:border-box;pointer-events:none;background:transparent}
  .home-service-border-1{left:2.35%;width:30.35%}
  .home-service-border-2{left:34.45%;width:30.25%}
  .home-service-border-3{left:66.4%;width:30.35%}
  .actual-founder-photo-home-v492{border:2px solid #1769c2;box-shadow:inset 0 0 0 2px #C6922D;box-sizing:border-box;background:#fff}
  .contact-info-card-v515{position:absolute;z-index:38;top:64.1%;height:25.0%;background:#fff;border:2px solid #1769c2;box-shadow:inset 0 0 0 2px #C6922D;border-radius:8px;box-sizing:border-box;padding:24px 20px;color:#17315f;font-family:Arial,Helvetica,sans-serif}
  .contact-office-v515{left:3.1%;width:45.0%}
  .contact-location-v515{left:51.5%;width:45.0%}
  .contact-info-card-v515 h2{margin:0;color:#06265d;font-size:20px;line-height:1.15;font-weight:800}
  .contact-info-card-v515 .mini-rule{width:31px;height:3px;background:#C6922D;margin:8px 0 25px}
  .contact-info-card-v515 p{margin:0;font-size:15px;line-height:1.65;font-weight:400}
  .contact-info-card-v515 strong{font-weight:700}
  .contact-form-v414{top:8.35%}
  .contact-form-v414 input,.contact-form-v414 select{height:29px;margin-bottom:7px}
  .contact-form-v414 textarea{height:54px;margin-bottom:8px}
  .contact-form-v414 .intro{margin-bottom:9px}
  .contact-form-v414 label{margin-bottom:3px}
  .contact-form-v414 button{height:32px}
}
@media(max-width:820px){
  .mobile-contact-info article{border:2px solid #1769c2;box-shadow:inset 0 0 0 2px #C6922D;background:#fff;padding:18px}
  .mobile-contact-info article p:last-child{margin-bottom:0}
}

/* ==========================================================
   V5.16 — CLEAN HOME FOUNDER PHOTO + CONTACT DESKTOP SURFACES
   Approved correction only: remove residual artwork lines and
   restore clean spacing around the inquiry form. Mobile unchanged.
   ========================================================== */
@media(min-width:821px){
  /* Home: cover the old embedded portrait frame/stray decorative line,
     then show the exact supplied portrait with one clean border only. */
  .home-founder-photo-clean-v516{
    position:absolute;
    z-index:24;
    left:2.25%;
    top:67.45%;
    width:32.3%;
    height:26.15%;
    background:#f7f9fc;
    border-radius:6px;
    pointer-events:none;
  }
  .actual-founder-photo-home-v492{
    left:4.15% !important;
    top:68.20% !important;
    width:29.35% !important;
    height:23.20% !important;
    border:2px solid #1769c2 !important;
    box-shadow:inset 0 0 0 2px #C6922D !important;
    border-radius:7px !important;
    background:#fff !important;
  }
  .actual-founder-photo-home-v492 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* Contact: blank clean layers cover the old printed guide-box lines
     before the live form / information cards are drawn. */
  .contact-form-clean-panel-v516{
    position:absolute;
    z-index:35;
    left:56.2%;
    top:8.55%;
    width:38.9%;
    height:50.9%;
    background:#fff;
    border:0;
    border-radius:0;
    pointer-events:none;
  }
  .contact-lower-clean-panel-v516{
    position:absolute;
    z-index:35;
    left:0;
    top:60.15%;
    width:100%;
    height:34.15%;
    background:#fff;
    border:0;
    pointer-events:none;
  }

  /* Give the form comfortable clearance below the header gold rule. */
  .contact-form-v414{
    top:10.45% !important;
    z-index:40 !important;
  }

  /* Keep only the two intentional blue/gold information boxes. */
  .contact-info-card-v515{
    z-index:38 !important;
    top:64.0% !important;
    height:24.0% !important;
  }
}

/* V5.18 — About founder portrait breathing room (desktop only).
   Keeps the exact supplied photograph; only adds clean space above the head. */
@media (min-width:821px){
  .actual-founder-photo-about-v492{
    background:#e8eff1;
  }
  .actual-founder-photo-about-v492 img{
    width:96% !important;
    height:96% !important;
    margin:2% auto 0 !important;
    object-fit:contain !important;
    object-position:center top !important;
  }
}


/* V5.19 — ABOUT FOUNDER PHOTO AREA CLEAN-UP ONLY
   Mirrors the approved Home-page treatment: cover the old embedded
   artwork frame/blue lower line/gold right line, then draw one clean
   blue outer + gold inner border around the exact supplied photograph. */
@media (min-width:821px){
  .about-founder-photo-clean-v519{
    position:absolute;
    z-index:24;
    left:5.65%;
    top:73.95%;
    width:28.0%;
    height:20.65%;
    background:#f7f9fc;
    border-radius:6px;
    pointer-events:none;
  }
  .actual-founder-photo-about-v492{
    left:6.85% !important;
    top:74.35% !important;
    width:25.1% !important;
    height:19.15% !important;
    border:2px solid #1769c2 !important;
    box-shadow:inset 0 0 0 2px #C6922D !important;
    border-radius:7px !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }
  .actual-founder-photo-about-v492 img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center 18% !important;
  }
}

/* V5.20 - Dedicated Founder Profile */
.founder-profile-link{color:inherit;text-decoration:none}.founder-read-more{display:inline-block;margin-top:8px;color:#b98a2f;font-weight:700;text-decoration:none}
.founder-page{margin:0;background:#fff;color:#17345c;font-family:Arial,Helvetica,sans-serif}.founder-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid #e5e9ef;box-sizing:border-box}.founder-brand img{width:210px;display:block}.founder-header nav{display:flex;align-items:center;gap:22px}.founder-header nav>a{font-size:13px;font-weight:700;color:#18365e;text-decoration:none;white-space:nowrap}.founder-contact-btn{background:#082d66!important;color:#fff!important;padding:14px 18px}.founder-main{background:#fff}.founder-hero{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.35fr .65fr;gap:64px;align-items:center;padding:78px 30px 70px}.founder-kicker{font-size:13px!important;letter-spacing:2.2px;font-weight:800;color:#b98a2f;margin:0 0 12px!important}.founder-hero h1{font-size:48px;line-height:1.08;margin:0;color:#082d66}.founder-gold-rule{width:72px;height:4px;background:#c39a4a;margin:20px 0}.founder-role{font-size:18px!important;font-weight:700;color:#315273!important;margin-bottom:24px!important}.founder-hero p{font-size:17px;line-height:1.75;color:#52677e;margin:0}.founder-photo{border:3px solid #0b4f8a;padding:7px;background:#fff;box-shadow:0 16px 40px rgba(6,38,93,.12)}.founder-photo img{width:100%;display:block;border:2px solid #c39a4a}.founder-content{background:#f6f8fb;padding:62px 30px}.founder-content article{max-width:1000px;margin:0 auto 28px;background:#fff;border:1px solid #dfe6ef;padding:30px 34px;box-sizing:border-box}.founder-content article:last-child{margin-bottom:0}.founder-content h2,.founder-philosophy h2{font-size:25px;color:#082d66;margin:0 0 14px}.founder-content h2:after,.founder-philosophy h2:after{content:'';display:block;width:48px;height:3px;background:#c39a4a;margin-top:10px}.founder-content p,.founder-philosophy p{font-size:16px;line-height:1.75;color:#52677e;margin:0 0 12px}.founder-highlight{border-left:5px solid #c39a4a!important}.founder-philosophy{max-width:1000px;margin:0 auto;padding:56px 30px;text-align:center}.founder-philosophy h2:after{margin:10px auto 0}.founder-philosophy strong{display:block;margin-top:18px;color:#b18432;font-size:20px;letter-spacing:.4px}.founder-cta{background:#082d66;color:#fff;text-align:center;padding:42px 24px}.founder-cta h2{margin:0 0 22px;font-size:27px}.founder-cta a{display:inline-block;background:#c39a4a;color:#fff;text-decoration:none;font-weight:800;padding:14px 24px;font-size:13px}
@media(max-width:900px){.founder-header{height:auto;padding:16px 20px;display:block}.founder-brand img{width:180px}.founder-header nav{margin-top:16px;gap:0;display:grid;grid-template-columns:1fr 1fr}.founder-header nav>a{padding:10px 6px;border-top:1px solid #edf0f4}.founder-contact-btn{text-align:center;margin-top:6px}.founder-hero{grid-template-columns:1fr;padding:48px 22px 44px;gap:30px}.founder-hero h1{font-size:38px}.founder-photo{max-width:330px;margin:0 auto;grid-row:1}.founder-content{padding:38px 18px}.founder-content article{padding:25px 22px}.founder-philosophy{padding:42px 22px}.founder-page .footer{display:block!important}}


/* V5.20 review — clearly visible desktop Founder Profile link.
   Placed over the existing founder portrait so the approved page artwork
   and surrounding content remain unchanged. */
.founder-desktop-profile-link{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:40;
  display:inline-block;
  white-space:nowrap;
  padding:10px 16px;
  border-radius:4px;
  background:rgba(7,36,66,.94);
  color:#fff !important;
  font-size:13px;
  font-weight:700;
  letter-spacing:.35px;
  text-decoration:none;
  box-shadow:0 2px 8px rgba(0,0,0,.22);
}
.founder-desktop-profile-link:hover{
  text-decoration:underline;
}
@media(max-width:820px){
  .founder-desktop-profile-link{display:none !important;}
}

/* V5.21 Founder LinkedIn end-link */
.founder-linkedin{margin-top:24px}.founder-linkedin a{display:inline-block;font-weight:700;text-decoration:none;color:#06265d;border-bottom:2px solid #c79a3b;padding-bottom:3px}.founder-linkedin a:hover{text-decoration:none}

/* V5.22 — Founder typography and layout refinement */
.desktop-founder-copy{
  position:absolute;
  z-index:32;
  font-family:Arial,Helvetica,sans-serif;
  color:#17345c;
  box-sizing:border-box;
}
.desktop-founder-copy h2{
  margin:0 0 12px;
  color:#082d66;
  font-size:25px;
  line-height:1.15;
  font-weight:700;
}
.desktop-founder-copy p{
  margin:0 0 11px;
  color:#17345c;
  font-size:15px;
  line-height:1.46;
  font-weight:400;
}
.desktop-founder-copy h3{
  margin:12px 0 3px;
  color:#082d66;
  font-size:16px;
  line-height:1.2;
  font-weight:700;
}
.desktop-founder-designation{font-size:14px!important;line-height:1.42!important;margin-bottom:8px!important}
.desktop-founder-text-link{
  display:inline-block;
  margin-top:2px;
  color:#9a6b11;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid #c6922d;
  padding-bottom:2px;
}
.desktop-founder-text-link:hover{text-decoration:none;color:#6f4c09}
.desktop-founder-copy-home{left:37.6%;top:68.55%;width:59.5%;height:23.0%;padding:12px 4px 4px 7px}
.desktop-founder-copy-about{left:36.9%;top:74.45%;width:59.7%;height:18.55%;padding:8px 4px 4px 16px;border-left:5px solid #f4a000}
@media(max-width:820px){.desktop-founder-copy{display:none!important}}

/* V5.22 — Founder profile reads as one continuous page, not boxed cards */
.founder-content{
  max-width:1060px;
  margin:0 auto;
  background:#fff;
  padding:10px 30px 58px;
}
.founder-content article{
  max-width:none;
  margin:0;
  background:transparent;
  border:0;
  border-top:1px solid #e0e6ed;
  padding:40px 0 34px;
  box-sizing:border-box;
}
.founder-content article:first-child{border-top:0;padding-top:10px}
.founder-content article:last-child{margin-bottom:0}
.founder-content h2{
  font-size:25px;
  line-height:1.25;
  color:#082d66;
  margin:0 0 18px;
  font-weight:700;
}
.founder-content h2:after{content:'';display:block;width:48px;height:3px;background:#c39a4a;margin-top:10px}
.founder-content p{
  font-size:16.5px;
  line-height:1.76;
  color:#3e5872;
  margin:0 0 15px;
  font-weight:400;
}
.founder-content strong{font-weight:400;color:inherit}
.founder-highlight{border-left:0!important}
.founder-linkedin{margin-top:26px!important}
.founder-linkedin a{font-weight:700!important}
.founder-hero{padding-bottom:46px}
.founder-hero p{color:#3e5872}
.founder-hero-copy>p:last-child{max-width:680px}
@media(max-width:900px){
  .founder-content{padding:0 22px 40px}
  .founder-content article{padding:30px 0 26px}
  .founder-content article:first-child{padding-top:6px}
}

/* ==========================================================
   V5.23 — Home/About founder copy positioning + Founder page balance
   Approved content unchanged. Typography aligned to Home protocol.
   ========================================================== */
@media (min-width:821px){
  .desktop-founder-copy{
    font-family:Arial,Helvetica,sans-serif;
    color:#17315f;
  }
  .desktop-founder-copy h2{
    font-family:Arial,Helvetica,sans-serif;
    color:#06265d;
    font-size:25px;
    line-height:1.12;
    font-weight:800;
    margin:0 0 10px;
    letter-spacing:-.15px;
  }
  .desktop-founder-copy p{
    font-family:Arial,Helvetica,sans-serif;
    color:#17315f;
    font-size:16px;
    line-height:1.42;
    font-weight:400;
    margin:0 0 9px;
  }
  .desktop-founder-copy h3{
    font-family:Arial,Helvetica,sans-serif;
    color:#06265d;
    font-size:16px;
    line-height:1.2;
    font-weight:700;
    margin:9px 0 2px;
  }
  .desktop-founder-designation{
    font-size:14px!important;
    line-height:1.34!important;
    margin-bottom:7px!important;
  }
  .desktop-founder-text-link{
    display:inline-block;
    margin-top:2px;
    padding:8px 14px 7px;
    background:#082d66;
    color:#fff!important;
    border:0;
    border-radius:3px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12.5px;
    line-height:1;
    font-weight:700;
    letter-spacing:.15px;
    text-decoration:none;
  }
  .desktop-founder-text-link:hover{background:#0b417f;color:#fff!important}

  /* Home: lift the complete welcome block and keep CTA clear of footer. */
  .desktop-founder-copy-home{
    left:37.6%;
    top:67.35%;
    width:58.7%;
    height:23.9%;
    padding:5px 4px 2px 7px;
  }

  /* About: fit leadership copy cleanly inside the blank founder panel. */
  .desktop-founder-copy-about{
    left:36.9%;
    top:73.55%;
    width:59.2%;
    height:19.8%;
    padding:5px 5px 3px 16px;
    border-left:5px solid #f4a000;
  }
  .desktop-founder-copy-about p{font-size:15.2px;line-height:1.38;margin-bottom:8px}
  .desktop-founder-copy-about h2{font-size:24px;margin-bottom:9px}
  .desktop-founder-copy-about h3{margin-top:7px}
  .desktop-founder-copy-about .desktop-founder-text-link{padding:7px 13px 6px}
}

/* Founder page — use same typography protocol as Home/About and one continuous flow. */
.founder-page{
  font-family:Arial,Helvetica,sans-serif;
  color:#17315f;
  background:#fff;
}
.founder-header{font-family:Arial,Helvetica,sans-serif}
.founder-hero{
  max-width:1180px;
  padding:64px 30px 54px;
  gap:58px;
  align-items:center;
}
.founder-kicker{
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700;
  letter-spacing:1.7px;
  color:#b57916!important;
}
.founder-hero h1{
  font-family:Arial,Helvetica,sans-serif;
  font-size:48px;
  line-height:1.03;
  font-weight:800;
  letter-spacing:-1.1px;
  color:#06265d;
}
.founder-gold-rule{width:44px;height:3px;margin:18px 0 18px;background:#f79400}
.founder-role{
  font-family:Arial,Helvetica,sans-serif;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:#17315f!important;
  margin-bottom:18px!important;
}
.founder-hero p,
.founder-content p{
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.52;
  font-weight:400;
  color:#17315f;
}
.founder-content{
  max-width:1060px;
  margin:0 auto;
  padding:8px 30px 54px;
  background:#fff;
}
.founder-content article{
  max-width:none;
  margin:0;
  padding:31px 0 10px;
  background:transparent;
  border:0!important;
}
.founder-content article:first-child{padding-top:16px}
.founder-content article + article{padding-top:34px}
.founder-content h2{
  font-family:Arial,Helvetica,sans-serif;
  font-size:25px;
  line-height:1.2;
  font-weight:800;
  color:#06265d;
  margin:0 0 14px;
}
.founder-content h2:after{
  content:'';
  display:block;
  width:44px;
  height:3px;
  background:#f79400;
  margin-top:9px;
}
.founder-content p{margin:0 0 13px}
.founder-content strong{font-weight:400;color:inherit}
.founder-linkedin{margin-top:20px!important}
.founder-linkedin a{
  display:inline-block;
  padding:10px 15px 9px;
  background:#082d66;
  color:#fff!important;
  border:0;
  border-radius:3px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:700!important;
  text-decoration:none;
}
.founder-linkedin a:hover{background:#0b417f;color:#fff!important}
.founder-cta h2{font-family:Arial,Helvetica,sans-serif;font-weight:700}
@media(max-width:900px){
  .founder-hero{padding:42px 22px 36px;gap:28px}
  .founder-hero h1{font-size:38px}
  .founder-content{padding:0 22px 40px}
  .founder-content article,.founder-content article+article{padding:26px 0 6px}
}


/* ==========================================================
   V5.24 — About founder link clearance + Founder alignment
   ========================================================== */
@media (min-width:821px){
  /* About: shortened approved copy and slightly more breathing room before CTA. */
  .desktop-founder-copy-about{
    top:73.35%;
    height:19.95%;
    padding:4px 5px 3px 16px;
  }
  .desktop-founder-copy-about p{font-size:15px;line-height:1.34;margin-bottom:7px}
  .desktop-founder-copy-about h2{margin-bottom:8px}
  .desktop-founder-copy-about h3{margin-top:6px}
  .desktop-founder-copy-about .desktop-founder-designation{margin-bottom:5px!important}
  .desktop-founder-copy-about .desktop-founder-text-link{margin-top:0;padding:7px 13px 6px}
}

/* Founder: align all narrative sections to the same left edge and measure as the intro. */
.founder-hero{
  grid-template-columns:minmax(0, 720px) minmax(260px, 360px);
  justify-content:space-between;
}
.founder-hero-copy{max-width:720px;width:100%}
.founder-content{
  max-width:1180px;
  padding:8px 30px 54px;
  box-sizing:border-box;
}
.founder-content article{
  max-width:720px;
  width:100%;
  margin:0;
}
.founder-content h2,
.founder-content p{
  text-align:left;
}
@media(max-width:900px){
  .founder-hero{grid-template-columns:1fr}
  .founder-hero-copy,.founder-content article{max-width:none}
}


/* V5.25 — About Leadership spacing and founder-link clearance */
@media (min-width:821px){
  .desktop-founder-copy-about{
    top:74.05%;
    height:18.95%;
    padding:7px 6px 4px 16px;
  }
  .desktop-founder-copy-about h2{margin:0 0 11px;font-size:24px;line-height:1.15}
  .desktop-founder-copy-about p{font-size:15px;line-height:1.35;margin:0 0 8px}
  .desktop-founder-copy-about h3{margin:7px 0 3px}
  .desktop-founder-copy-about .desktop-founder-designation{margin-bottom:6px!important}
  .desktop-founder-copy-about .desktop-founder-text-link{display:inline-block;margin-top:1px;padding:6px 12px 5px}
}
@media (max-width:820px){
  .mobile-about .mobile-founder{margin-top:30px}
  .mobile-about .mobile-founder h2{margin-top:0;margin-bottom:14px}
  .mobile-about .mobile-founder p{margin-bottom:12px}
  .mobile-about .founder-read-more{display:inline-block;margin-top:8px}
}

/* ==========================================================
   V5.26 — Founder page contained width + uniform paragraph rhythm
   Home/About remain unchanged from V5.25.
   ========================================================== */
.founder-hero{
  max-width:1060px;
  grid-template-columns:minmax(0, 660px) minmax(250px, 330px);
  gap:48px;
  padding:56px 30px 42px;
  box-sizing:border-box;
}
.founder-hero-copy{
  max-width:660px;
  width:100%;
}
.founder-hero-copy>p:last-child{
  max-width:660px;
  margin:0;
}
.founder-role{
  margin:0 0 15px!important;
}
.founder-content{
  max-width:1060px;
  margin:0 auto;
  padding:0 30px 42px;
  box-sizing:border-box;
}
.founder-content article{
  max-width:660px;
  width:100%;
  margin:0;
  padding:25px 0 0;
}
.founder-content article:first-child{padding-top:22px}
.founder-content article + article{padding-top:29px}
.founder-content h2{
  margin:0 0 12px;
}
.founder-content h2:after{
  margin-top:8px;
}
.founder-content p{
  margin:0 0 10px;
  line-height:1.5;
}
.founder-content article p:last-child{
  margin-bottom:0;
}
.founder-linkedin{
  margin-top:16px!important;
}
@media(max-width:900px){
  .founder-hero{
    max-width:720px;
    grid-template-columns:1fr;
    padding:38px 22px 30px;
    gap:24px;
  }
  .founder-hero-copy{max-width:none}
  .founder-content{
    max-width:720px;
    padding:0 22px 34px;
  }
  .founder-content article,
  .founder-content article:first-child,
  .founder-content article + article{
    max-width:none;
    padding-top:22px;
  }
  .founder-content p{margin-bottom:10px;line-height:1.5}
  .founder-linkedin{margin-top:15px!important}
}

/* ==========================================================
   V5.27 — Founder page aligned to standard site content frame
   Tighter, uniform vertical rhythm between intro and sections.
   ========================================================== */
@media (min-width:901px){
  .founder-page{background:#f3f5f8}
  .founder-header,.founder-page>.footer{background:#fff}
  .founder-main{
    max-width:1180px;
    margin:24px auto;
    background:#fff;
    box-shadow:0 2px 14px rgba(6,38,93,.07);
  }
  .founder-hero{
    max-width:1000px;
    margin:0 auto;
    grid-template-columns:minmax(0, 620px) minmax(250px, 320px);
    gap:42px;
    padding:46px 28px 28px;
  }
  .founder-hero-copy{max-width:620px}
  .founder-hero-copy>p:last-child{max-width:620px}
  .founder-content{
    max-width:1000px;
    padding:0 28px 34px;
  }
  .founder-content article{
    max-width:620px;
    padding-top:16px;
  }
  .founder-content article:first-child{padding-top:14px}
  .founder-content article + article{padding-top:22px}
  .founder-content h2{margin-bottom:10px}
  .founder-content p{margin-bottom:9px;line-height:1.48}
  .founder-linkedin{margin-top:13px!important}
  .founder-cta{margin-top:6px}
}
@media (max-width:900px){
  .founder-main{background:#fff}
  .founder-hero{padding:34px 22px 22px;gap:20px}
  .founder-content{padding:0 22px 30px}
  .founder-content article,
  .founder-content article:first-child,
  .founder-content article + article{padding-top:18px}
  .founder-content h2{margin-bottom:10px}
  .founder-content p{margin-bottom:9px;line-height:1.48}
}

/* ==========================================================
   V5.28 — Founder footer and closing CTA normalized
   Match approved site footer protocol and clean closing banner.
   ========================================================== */
.founder-page > .footer{
  background:linear-gradient(90deg,var(--navy),var(--navy2)) !important;
  color:#fff;
  width:100%;
  box-sizing:border-box;
}
.founder-page .founder-cta{
  margin:0;
  background:#f79400;
  color:#fff;
  min-height:92px;
  padding:25px 5%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-sizing:border-box;
  text-align:left;
}
.founder-page .founder-cta h2{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:24px;
  line-height:1.25;
  font-weight:700;
  color:#fff;
}
.founder-page .founder-cta a{
  flex:0 0 auto;
  display:inline-block;
  background:#082d66;
  color:#fff;
  padding:13px 22px;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
@media (min-width:901px){
  .founder-page{background:#f3f5f8}
  .founder-header{background:#fff}
  .founder-page > .footer{background:linear-gradient(90deg,var(--navy),var(--navy2)) !important}
}
@media (max-width:900px){
  .founder-page .founder-cta{min-height:0;padding:24px 22px;display:block;text-align:center}
  .founder-page .founder-cta h2{font-size:21px;margin:0 0 15px}
}

/* ==========================================================
   V5.29 — Founder header/footer constrained to page frame
   ========================================================== */
@media (min-width:901px){
  .founder-page{
    background:#f3f5f8;
  }
  .founder-header{
    max-width:1180px;
    width:calc(100% - 48px);
    margin:0 auto;
    padding:0 28px;
    border-bottom:1px solid #dfe5ec;
    box-sizing:border-box;
  }
  .founder-main{
    max-width:1180px;
    width:calc(100% - 48px);
    margin:24px auto 0;
  }
  .founder-page > .footer{
    max-width:1180px;
    width:calc(100% - 48px);
    margin:0 auto 24px;
  }
}
/* Keep the short gold heading rule clearly visible under Founder section heads. */
.founder-content h2:after{
  content:'';
  display:block;
  width:44px;
  height:3px;
  margin-top:9px;
  background:#f79400;
}
@media (max-width:900px){
  .founder-header,.founder-main,.founder-page > .footer{width:100%;max-width:none;margin-left:0;margin-right:0}
}

/* ==========================================================
   V5.30 — Founder header gold line aligned with other pages
   Same corporate gold treatment as the shared site header.
   ========================================================== */
.founder-header{
  position:relative;
  border-bottom:0 !important;
}
.founder-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:5px;
  background:#C6922D;
  display:block;
  z-index:20;
  pointer-events:none;
}

/* ==========================================================
   V5.31 — Founder header/page join
   Remove grey gap: gold rule sits directly between header and page.
   ========================================================== */
@media (min-width:901px){
  .founder-main{
    margin:5px auto 0 !important;
  }
}
@media (max-width:900px){
  .founder-main{
    margin-top:5px !important;
  }
}

/* V5.32 — Founder page outer frame aligned to standard 1024px site width */
@media (min-width:901px){
  .founder-header,
  .founder-main,
  .founder-page > .footer{
    max-width:1024px !important;
    width:calc(100% - 48px) !important;
  }
}
