:root{--navy:#0b1f3a;--navy2:#13305a;--gold:#c9a227;--light:#f5f6f8;--text:#1d2533}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);line-height:1.6}
a{color:inherit}.wrap{max-width:1150px;margin:auto;padding:0 22px}
.top{background:var(--navy);color:#cfd6e2;font-size:13px;padding:6px 0}.top .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
header{background:#fff;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:5}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;flex-wrap:wrap}
.logo{font-weight:800;color:var(--navy);font-size:22px;text-decoration:none}.logo span{color:var(--gold)}
nav a{margin-left:18px;text-decoration:none;font-weight:600;color:var(--navy);font-size:15px}nav a.on{border-bottom:2px solid var(--gold)}
.btn{display:inline-block;background:var(--gold);color:var(--navy);padding:12px 22px;border-radius:4px;font-weight:700;text-decoration:none;border:0;cursor:pointer;margin:6px 6px 0 0}
.btn.o{background:transparent;border:2px solid #fff;color:#fff}
.hero{background:linear-gradient(120deg,var(--navy) 55%,var(--navy2));color:#fff;padding:80px 0}
.hgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:42px;line-height:1.15;margin:10px 0}.hero p,.phero p{font-size:18px;color:#d6dde9}
.phero{background:linear-gradient(120deg,var(--navy) 60%,var(--navy2));color:#fff;padding:56px 0}.phero h1{font-size:38px;margin:8px 0}
.badge{border:3px solid var(--gold);border-radius:50%;width:230px;height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:auto}
.badge b{font-size:40px;color:var(--gold)}.badge.sm{width:140px;height:140px;margin:0}.badge.sm b{font-size:24px}
.eyebrow{color:var(--gold);font-weight:700;letter-spacing:2px;font-size:13px;text-transform:uppercase}
.strip{background:var(--gold);color:var(--navy);font-weight:700}.strip .wrap{display:flex;justify-content:space-around;flex-wrap:wrap;padding:14px 22px;gap:10px}
section{padding:60px 0}section.alt{background:var(--light)}h2{color:var(--navy);font-size:30px;margin:6px 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.two{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.card{background:#fff;border-top:4px solid var(--gold);padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.07);border-radius:4px;margin-bottom:14px}
.card h3{margin:0 0 8px;color:var(--navy);font-size:18px}.code{font-family:monospace;color:var(--gold);font-weight:700}
.ph{display:inline-block;background:#fde8e8;color:#a11;font-size:11px;font-weight:700;padding:2px 6px;border-radius:3px;vertical-align:middle}
table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px 12px;border-bottom:1px solid #e3e6ea;text-align:left;vertical-align:top}th{background:var(--navy);color:#fff}
.team{background:var(--navy);color:#fff}.team h2{color:#fff}
.photo{background:repeating-linear-gradient(45deg,#dde3ec,#dde3ec 12px,#e8ecf2 12px,#e8ecf2 24px);border:2px dashed #8a97ab;color:#3c4a60;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;min-height:240px;padding:16px;border-radius:4px}
.photo.sm{min-height:140px;margin-bottom:12px}
.pcard{display:block;background:#fff;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.08);border-radius:4px;overflow:hidden}.pcard .photo{border-radius:0;min-height:180px}.pbody{padding:18px}.pbody h3{margin:4px 0;color:var(--navy)}.tic{color:var(--gold);font-weight:800}
.case{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;align-items:start}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.facts span{background:var(--navy);color:#fff;padding:8px 12px;border-radius:4px;font-size:14px}.facts b{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:1px}
.ticks{padding-left:0;list-style:none}.ticks li{padding:4px 0 4px 26px;position:relative}.ticks li:before{content:"✔";color:var(--gold);position:absolute;left:0}
.cols{columns:2;column-gap:40px}.inds span{display:inline-block;background:var(--navy);color:#fff;padding:8px 14px;margin:4px;border-radius:20px;font-weight:600}
.subnav{background:#fff;border-bottom:1px solid #e3e6ea;position:sticky;top:64px;z-index:4}.subnav .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 22px;font-size:14px}.subnav a{text-decoration:none;color:var(--navy2);font-weight:600}
.more{color:var(--navy2);font-weight:700}.small{font-size:13px;color:#667}
.form{display:grid;gap:12px;max-width:640px}.form input,.form select,.form textarea{padding:12px;border:1px solid #c9ced6;border-radius:4px;font:inherit}
footer{background:#071427;color:#aab4c4;font-size:14px;padding:40px 0 20px}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}footer h4{color:var(--gold);margin:0 0 8px}.copy{margin-top:24px;font-size:12px}
@media(max-width:820px){.hgrid,.two,.case{grid-template-columns:1fr}.hero h1{font-size:30px}nav a{margin:0 12px 0 0}.cols{columns:1}.subnav{position:static}}
.pimg{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px;display:block}.pcard .pimg{border-radius:0;aspect-ratio:16/10}
.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.th{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.logo img{display:block}
.sbabadge{text-align:center}.sbabadge img{width:200px;max-width:60%;display:block;margin:auto;box-shadow:0 6px 24px rgba(0,0,0,.35)}.sbabadge small{display:block;margin-top:12px;color:#d6dde9}
.head{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;margin-bottom:12px;filter:grayscale(1)}
/* Home hero photo: source is only 1024x356; replace with a higher-res version when available */
.photo-hero{background:linear-gradient(100deg,rgba(11,31,58,.94) 0%,rgba(11,31,58,.82) 50%,rgba(11,31,58,.55) 100%),url("img/hero-refinery.jpg") center/cover no-repeat}