:root{--bg:#041019;--panel:#071722;--panel2:#0b2030;--gold:#c9872e;--gold2:#f0ad3e;--line:rgba(255,255,255,.13);--text:#fff;--muted:#dbe5eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#0b2434 0,#041019 36%,#02080d 100%);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1360px,calc(100% - 7vw));margin:auto}.site-header{background:#030b12;position:sticky;top:0;z-index:50;box-shadow:0 4px 28px rgba(0,0,0,.35)}.topbar{height:38px;border-bottom:1px solid var(--line);font-size:14px}.topbar-inner{height:100%;display:flex;align-items:center;gap:35px}.topbar a,.topbar span{display:flex;align-items:center;gap:8px;color:#f4f7fa}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px}.brand img{width:120px;height:70px;object-fit:contain}.brand strong,.footer-brand strong{font-family:Anton,Impact,sans-serif;font-size:42px;letter-spacing:1px}.navlinks{display:flex;height:100%;align-items:center}.navlinks a{height:100%;display:flex;align-items:center;padding:0 22px;font-weight:900;font-size:13px;letter-spacing:.07em;position:relative}.navlinks a:hover,.navlinks a.active{color:var(--gold2)}.navlinks a.active:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:4px;background:var(--gold2)}.menu{display:none;background:transparent;color:white;border:1px solid var(--line);font-size:24px;border-radius:4px}.hero{min-height:500px;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,13,.94),rgba(4,12,18,.72) 41%,rgba(7,18,25,.35) 62%,rgba(4,10,16,.86)),url('assets/hero-clean.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,rgba(232,145,37,.28),transparent 26%),linear-gradient(180deg,transparent 75%,#041019)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 500px;gap:50px;align-items:center;min-height:500px}.hero h1{font-family:Anton,Impact,sans-serif;font-size:clamp(54px,6vw,84px);letter-spacing:1.5px;line-height:.95;margin:22px 0 14px}.hero h1 span{display:block;color:var(--gold2)}.hero-copy p{font-size:20px;line-height:1.45;max-width:690px;margin:0 0 28px}.badges{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:26px}.badges div{display:flex;align-items:center;gap:12px;font-weight:900;font-size:13px;line-height:1.25}.badges b{font-size:40px;color:var(--gold2);font-weight:400}.btn,.small-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);height:46px;padding:0 32px;font-weight:900;font-size:13px;letter-spacing:.04em}.btn.primary,.small-btn{background:linear-gradient(135deg,var(--gold2),#a66a21);color:white}.btn.ghost{background:rgba(0,0,0,.26)}.hero-actions{display:flex;gap:15px}.hero-logo-panel{text-align:center}.hero-logo-panel img{width:100%;max-width:455px;filter:drop-shadow(0 20px 24px rgba(0,0,0,.6))}.hero-logo-panel h2{font-size:16px;border-top:1px solid var(--gold);padding-top:12px;max-width:405px;margin:8px auto 6px}.hero-logo-panel p{margin:0 auto;max-width:390px}.services{padding:22px 0 24px}.section-title{text-align:center;margin:0 0 22px}.section-title span,.eyebrow,.serving-band span,.final-quote span,.page-hero span{color:var(--gold2);font-weight:900;font-size:13px;letter-spacing:.08em}.section-title h2{font-size:29px;margin:4px 0 0;letter-spacing:.04em}.section-title h2:after{content:"";display:block;width:38px;height:3px;background:var(--gold2);margin:8px auto 0}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-card{background:linear-gradient(180deg,#0b1e2b,#06131d);border:1px solid rgba(255,255,255,.16);border-radius:5px;overflow:hidden;position:relative}.service-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold2)}.service-card img{width:100%;height:145px;object-fit:cover;display:block}.service-body{padding:18px 15px 24px}.service-body h3{margin:0 0 8px;font-size:17px;line-height:1.1}.service-body h3:before{content:"✦";color:var(--gold2);margin-right:8px}.service-body p{font-size:14px;line-height:1.42;color:#e2eaf0;margin:0}.about-row{display:grid;grid-template-columns:1fr 1.05fr .95fr;gap:46px;align-items:center;padding:18px 0 34px}.about-row h2,.careers h2{font-size:24px;margin:0 0 13px}.about-row h2:after{content:"";display:block;width:36px;height:2px;background:var(--gold2);margin-top:8px}.about-copy p,.why-card li,.careers p{color:var(--muted);font-size:14px;line-height:1.6}.about-copy .small-btn{margin-top:8px;height:38px;padding:0 20px}.about-img{width:100%;height:230px;object-fit:cover;border:1px solid var(--line);border-radius:5px}.why-card ul{list-style:none;margin:0;padding:0}.why-card li{margin:0 0 12px}.why-card li:before{content:"◎";color:var(--gold2);margin-right:10px}.serving-band{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid rgba(201,135,46,.45);border-radius:6px;margin-top:0;margin-bottom:28px;background:rgba(6,19,29,.75)}.serving-left,.commitment{padding:28px 32px}.serving-left{text-align:center}.commitment{border-left:1px solid rgba(201,135,46,.45);text-align:center}.serving-band h2{font-size:20px;margin:6px 0 18px;letter-spacing:.04em}.serve-icons,.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:0;text-align:center}.serve-item{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--gold2);border-right:1px solid rgba(255,255,255,.18)}.serve-item:last-child{border-right:0}.serve-item svg{width:48px;height:48px;fill:none;stroke:var(--gold2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(240,173,62,.13))}.serve-icons small,.metrics small{display:block;color:white;font-size:11px;font-weight:800;line-height:1.2}.metrics{grid-template-columns:repeat(3,1fr)}.metrics b{font-family:Anton,Impact,sans-serif;font-size:45px;color:var(--gold2);font-weight:400}.careers{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:35px 0}.careers p{max-width:760px}.final-quote{background:linear-gradient(90deg,rgba(3,8,13,.82),rgba(4,12,18,.84)),url('assets/about-shipyard.jpg') center/cover no-repeat;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:45px 0;text-align:center}.final-quote h2{font-size:30px;margin:7px 0}.final-quote p{margin:0 auto 18px;color:var(--muted);max-width:700px}.contact-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px}.contact-pills a,.contact-pills span{border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);padding:10px 14px;border-radius:999px;font-weight:800}.quote-form{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quote-form input,.quote-form textarea{background:rgba(2,9,14,.88);border:1px solid rgba(255,255,255,.18);border-radius:3px;color:white;padding:13px;font:inherit}.quote-form textarea{grid-column:1/4}.quote-form button{height:auto;border:0;cursor:pointer}footer{background:#02080d;padding:31px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr .9fr;gap:35px;border-bottom:1px solid var(--line);padding-bottom:28px}.footer-brand img{width:100px;display:block}.footer-brand p,footer p,footer a{display:block;color:#cdd9e1;font-size:13px;line-height:1.6}footer h4{margin:0 0 10px}.copyright{text-align:center;color:#aeb9c0;font-size:12px;padding:13px}.page-hero{background:linear-gradient(90deg,rgba(3,8,13,.92),rgba(3,12,18,.74)),url('assets/hero-clean.jpg') center/cover no-repeat;padding:80px 0;border-bottom:1px solid var(--line)}.page-hero h1{font-family:Anton,Impact,sans-serif;font-size:64px;line-height:.95;margin:8px 0;color:var(--gold2)}.page-hero p{font-size:18px;color:var(--muted);max-width:700px}.cert-page{padding:45px 0}.cert-intro{max-width:880px;margin-bottom:28px}.cert-intro h2,.scope-box h2{font-size:26px;margin:0 0 10px}.cert-intro p,.scope-box p{color:var(--muted);line-height:1.6}.cert-grid-large{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cert-grid-large article,.scope-box{background:linear-gradient(180deg,rgba(10,30,44,.96),rgba(4,16,24,.96));border:1px solid rgba(201,135,46,.38);border-radius:6px;padding:24px}.cert-grid-large b{font-family:Anton,Impact,sans-serif;color:var(--gold2);font-size:34px;font-weight:400}.cert-grid-large h3{margin:5px 0 8px}.cert-grid-large p{color:var(--muted);font-size:14px;line-height:1.55}.scope-box{margin-top:20px}.scope-list{display:flex;flex-wrap:wrap;gap:10px}.scope-list span{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:10px 13px;font-weight:800;font-size:13px}.cert-actions{display:flex;gap:14px;margin-top:24px}@media(max-width:1150px){.hero-grid{grid-template-columns:1fr}.hero-logo-panel{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.about-row,.serving-band,.footer-grid{grid-template-columns:1fr 1fr}.commitment{border-left:0;border-top:1px solid rgba(201,135,46,.45)}.navlinks{display:none}.menu{display:block}.nav.open .navlinks{display:flex;position:absolute;left:0;right:0;top:120px;background:#030b12;flex-direction:column;height:auto;border-top:1px solid var(--line)}.nav.open .navlinks a{height:47px}.cert-grid-large{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:calc(100% - 28px)}.topbar{height:auto}.topbar-inner{flex-wrap:wrap;padding:8px 0;gap:12px}.brand strong{font-size:30px}.brand img{width:80px}.hero h1{font-size:47px}.hero-copy p{font-size:17px}.badges{gap:16px}.service-grid,.about-row,.serving-band,.footer-grid,.cert-grid-large{grid-template-columns:1fr}.serve-icons,.metrics{grid-template-columns:1fr 1fr}.serve-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.quote-form{grid-template-columns:1fr}.quote-form textarea{grid-column:auto}.page-hero h1{font-size:46px}.cert-actions{flex-direction:column}.careers{display:block}.careers .btn{margin-top:10px}}

/* Exact Proudly Serving icon strip from approved mockup */
.exact-icons-strip{display:block;padding:0;margin:0 auto;max-width:100%;}
.exact-icons-strip img{display:block;width:100%;height:auto;object-fit:contain;border:0;filter:none;}


/* Final clean Proudly Serving section — no image strip, no repeating/doubling */
.clean-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:stretch;width:100%;max-width:760px;margin:0 auto;}
.clean-icons .serve-item{background:transparent;border-right:1px solid rgba(255,255,255,.16);border-bottom:0;min-height:112px;padding:12px 10px;}
.clean-icons .serve-item:last-child{border-right:0;}
.clean-icons svg{width:54px;height:54px;display:block;margin:0 auto 8px;stroke:var(--gold2);fill:none;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(240,173,62,.16));}
.clean-icons small{font-size:11px;letter-spacing:.03em;color:#fff;font-weight:900;}
@media(max-width:760px){.clean-icons{grid-template-columns:repeat(2,1fr);max-width:420px}.clean-icons .serve-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.clean-icons .serve-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.16)}.clean-icons .serve-item:last-child{grid-column:1 / -1;border-right:0;border-bottom:0}}

/* Final certification logo page polish */
.cert-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0 34px}.cert-logo-grid article{min-height:170px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(235,239,242,.93));border:1px solid rgba(201,135,46,.42);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;box-shadow:0 18px 35px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.38)}.cert-logo-grid img{max-width:100%;max-height:82px;object-fit:contain;display:block;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12))}.cert-logo-grid h3{color:#071722;font-size:14px;margin:18px 0 0;text-align:center;letter-spacing:.04em;text-transform:uppercase}.cert-intro.spaced{margin-top:20px}.cert-grid-large.compact article{padding:20px}.cert-grid-large.compact b{font-size:28px}@media(max-width:950px){.cert-logo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.cert-logo-grid{grid-template-columns:1fr}.cert-logo-grid article{min-height:145px}.cert-logo-grid img{max-height:76px}}


/* AMPP credibility badge inside Why Choose Us */
.ampp-mini{
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid rgba(201,135,46,.42);
  border-radius:8px;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 12px 25px rgba(0,0,0,.18);
}
.ampp-mini img{
  width:86px;
  height:auto;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));
}
.ampp-mini strong{
  display:block;
  color:#fff;
  font-size:14px;
  letter-spacing:.08em;
  font-weight:900;
}
.ampp-mini span{
  display:block;
  margin-top:4px;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}
@media(max-width:760px){
  .ampp-mini{justify-content:center;text-align:left}
  .ampp-mini img{width:76px}
}
