:root{
  --navy:#061a35;
  --navy2:#0b2d52;
  --gold:#c9922d;
  --gold2:#e5b654;
  --cream:#f6f2ea;
  --white:#ffffff;
  --ink:#0d1b2d;
  --muted:#647184;
  --line:#d9dee6;
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(92%,var(--max));margin-inline:auto}
.section{padding:88px 0}
.eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.16em;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:14px}
.eyebrow.dark{color:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3rem,6vw,6.4rem);line-height:.98;letter-spacing:-.045em;margin-bottom:24px}
h1 span{color:var(--gold2)}
h2{font-family:"Playfair Display",serif;font-size:clamp(2.4rem,4.5vw,4.7rem);line-height:1.05;margin-bottom:20px;color:var(--navy)}
h3{color:var(--navy);margin-bottom:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:4px;padding:14px 22px;font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold2);color:var(--navy)}
.btn-outline{border-color:rgba(255,255,255,.55);color:white;background:rgba(0,0,0,.12)}
.btn-dark{background:var(--navy);color:white}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(6,26,53,.08);backdrop-filter:blur(12px)}
.nav-wrap{display:flex;align-items:center;gap:30px;min-height:106px}
.brand{width:315px;flex:0 0 auto}
.brand img{max-height:88px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-weight:700;font-size:.78rem;text-transform:uppercase}
.main-nav a{white-space:nowrap}
.main-nav a:not(.btn):hover{color:var(--gold)}
.btn-nav{background:var(--navy);color:white!important;padding:13px 18px}
.menu-toggle{display:none;background:none;border:0;font-size:1.7rem;color:var(--navy)}

.hero{position:relative;overflow:hidden;min-height:720px;color:white;background:
linear-gradient(90deg,rgba(5,22,47,.94) 0%,rgba(5,22,47,.78) 33%,rgba(5,22,47,.26) 64%,rgba(5,22,47,.20) 100%),
radial-gradient(circle at 76% 28%,rgba(229,182,84,.42),transparent 20%),
linear-gradient(135deg,#0c2d4a 0%,#3b5c6e 45%,#d49a50 100%)}
.hero:before{content:"";position:absolute;inset:0;background:
linear-gradient(transparent 0 74%,rgba(4,21,43,.85) 100%),
repeating-linear-gradient(90deg,transparent 0 95px,rgba(255,255,255,.025) 95px 96px);pointer-events:none}
.hero-overlay{position:absolute;right:2%;top:18%;width:46%;height:54%;border-radius:50%;background:
radial-gradient(ellipse at 50% 75%,rgba(0,0,0,.45),transparent 48%),
linear-gradient(180deg,transparent 48%,rgba(255,255,255,.18) 49%,transparent 50%);
opacity:.45;filter:blur(.2px)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:7%;padding:95px 0 170px}
.hero-copy{max-width:850px}
.hero-lead{font-size:1.25rem;max-width:620px;margin-bottom:32px;color:#f4f4f4}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{background:rgba(5,25,50,.88);border:1px solid rgba(229,182,84,.3);box-shadow:0 18px 45px rgba(0,0,0,.22);padding:30px;border-radius:18px}
.strength{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.strength:first-child{padding-top:0}.strength:last-child{border-bottom:0;padding-bottom:0}
.strength .icon{width:46px;height:46px;border:2px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-weight:800}
.strength h3{color:white;text-transform:uppercase;font-size:1rem;margin-bottom:4px}
.strength p{color:#d8e0e9;font-size:.92rem;margin:0}
.commodity-ribbon{position:absolute;z-index:3;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,1fr);height:125px;background:rgba(246,242,234,.96);color:var(--navy)}
.commodity{display:flex;align-items:flex-end;justify-content:center;padding:20px 8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-right:1px solid rgba(6,26,53,.12);background:
radial-gradient(circle at 50% 22%,rgba(201,146,45,.45),transparent 23%),
radial-gradient(circle at 35% 35%,rgba(92,56,23,.22),transparent 16%),
linear-gradient(#f6f2ea,#ece4d5)}

.divisions-band{background:var(--navy);color:white;padding:18px 0 28px}
.section-kicker{text-align:center;color:var(--gold2);font-weight:800;letter-spacing:.08em;margin-bottom:18px}
.divisions-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.division{padding:15px 22px;border-right:1px solid rgba(255,255,255,.22);min-height:150px}
.division:last-child{border-right:0}
.division-icon{font-size:2rem;display:block;margin-bottom:8px}
.division h3{color:white;text-transform:uppercase;font-size:.93rem}
.division p{font-size:.82rem;color:#d7dfeb;margin:0}

.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center}
.about p{font-size:1.06rem;color:#47556a;max-width:740px}
.about-panel{background:var(--cream);border:1px solid #e5ddd0;padding:34px}
.about-panel div{display:flex;flex-direction:column;gap:6px;padding:22px 0;border-bottom:1px solid #ddd4c5}
.about-panel div:last-child{border-bottom:0}
.about-panel strong{color:var(--navy);font-size:1.05rem}
.about-panel span{color:var(--muted)}

.section-soft{background:#f7f8fa}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:36px}
.section-heading>p{max-width:550px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{background:white;border:1px solid #e1e5eb;padding:28px;min-height:180px;box-shadow:0 10px 30px rgba(10,28,50,.04)}
.product-card span{color:var(--gold);font-weight:800;font-size:.78rem;letter-spacing:.12em}
.product-card h3{font-family:"Playfair Display",serif;font-size:1.55rem;margin-top:20px}
.product-card p{color:var(--muted);margin:0}

.containers{background:linear-gradient(90deg,#fff 0 44%,#eef2f6 44% 100%);overflow:hidden}
.container-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;align-items:center}
.container-copy p{color:var(--muted);font-size:1.05rem}
.check-list{list-style:none;padding:0;margin:26px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.check-list li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:10px}
.container-visual{position:relative;min-height:430px}
.container-box{position:absolute;left:6%;bottom:25px;width:62%;height:310px;background:linear-gradient(110deg,#0b294e,#123861);border:10px solid #07192e;box-shadow:0 24px 50px rgba(5,19,40,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;letter-spacing:.14em}
.container-box:before,.container-box:after{content:"";position:absolute;top:0;bottom:0;width:8px;background:#c1cad3}
.container-box:before{left:8%}.container-box:after{right:8%}
.container-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(255,255,255,.11) 35px 38px)}
.container-box strong,.container-box small{position:relative;z-index:2}
.stack{position:absolute;width:30%;height:120px;right:0;border:7px solid #24374a}
.stack-1{bottom:15px;background:#8f321f}.stack-2{bottom:140px;right:8%;background:#0b315b}.stack-3{bottom:265px;right:-4%;background:#bd6d2b}

.operations{background:var(--navy);color:white}
.section-heading.light h2,.section-heading.light p{color:white}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process{border:1px solid rgba(255,255,255,.18);padding:30px;background:rgba(255,255,255,.03)}
.process span{color:var(--gold2);font-size:.8rem;font-weight:800}
.process h3{color:white;font-size:1.2rem;margin-top:16px}
.process p{color:#c8d4e3;margin:0}

.quality{padding:36px 0;background:#07182d;color:white}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-grid div{padding:10px 28px;border-right:1px solid rgba(255,255,255,.18)}
.trust-grid div:last-child{border-right:0}
.trust-grid strong{display:block;color:var(--gold2);font-size:1.06rem}
.trust-grid span{font-size:.82rem;color:#d1dbe8}

.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%}
.contact-note{display:flex;flex-direction:column;padding-top:20px;color:var(--navy)}
.contact-form{background:#f7f8fa;border:1px solid #dfe4ea;padding:34px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:var(--navy);font-size:.86rem;margin-bottom:16px}
input,select,textarea{width:100%;border:1px solid #cfd6df;background:white;padding:13px 14px;font:inherit;color:var(--ink);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
.form-help{display:block;margin-top:12px;color:var(--muted)}

.site-footer{background:#020e1e;color:white;padding:26px 0}
.footer-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:30px;align-items:center}
.footer-brand img{max-height:70px;object-fit:contain;background:white}
.site-footer strong,.site-footer span{display:block}
.footer-right{text-align:right}
.footer-right a{color:var(--gold2);font-weight:700;font-size:.84rem}

@media (max-width:1180px){
  .brand{width:240px}
  .main-nav{gap:15px;font-size:.7rem}
  .btn-nav{display:none}
  .divisions-grid{grid-template-columns:repeat(3,1fr)}
  .division:nth-child(3){border-right:0}
  .product-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .nav-wrap{min-height:86px}
  .brand{width:220px}
  .menu-toggle{display:block;margin-left:auto}
  .main-nav{display:none;position:absolute;left:0;right:0;top:86px;background:white;padding:22px 4%;flex-direction:column;align-items:flex-start;box-shadow:0 12px 30px rgba(0,0,0,.1)}
  .main-nav.open{display:flex}
  .main-nav .btn-nav{display:inline-flex}
  .hero-grid{grid-template-columns:1fr;padding:70px 0 165px}
  .hero-card{display:none}
  .commodity-ribbon{grid-template-columns:repeat(3,1fr);height:140px}
  .commodity:nth-child(n+4){display:none}
  .two-col,.container-grid,.contact-grid{grid-template-columns:1fr}
  .containers{background:#fff}
  .container-visual{margin-top:20px}
  .section-heading{display:block}
  .process-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid div:nth-child(2){border-right:0}
  .footer-grid{grid-template-columns:1fr;text-align:left}
  .footer-right{text-align:left}
}
@media (max-width:620px){
  .section{padding:62px 0}
  h1{font-size:2.9rem}
  .hero{min-height:690px}
  .hero-grid{padding-top:55px}
  .divisions-grid{grid-template-columns:1fr 1fr}
  .division:nth-child(odd){border-right:1px solid rgba(255,255,255,.22)}
  .division:nth-child(even){border-right:0}
  .product-grid,.process-grid,.trust-grid,.field-row{grid-template-columns:1fr}
  .trust-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
  .container-visual{min-height:340px}
  .container-box{width:78%;height:240px;left:0}
  .stack{display:none}
  .check-list{grid-template-columns:1fr}
}