.hero{
  background:
    linear-gradient(rgba(22,34,79,0.78), rgba(22,34,79,0.78)),
    url('img/home/galvatech_Factory.JPG') center 75%/cover no-repeat;
  color:var(--paper);
  position:relative;
  overflow:hidden;
  padding:0;
}

.hero .wrap{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:48px;
  align-items:start;
  padding-top:40px;
  padding-bottom:50px;
}

.hero .wrap > div:first-child{
  margin-left:-134px;
}

@media (max-width:860px){
  .hero .wrap > div:first-child{margin-left:0;}
}

.hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  letter-spacing:0.5px;
  color:var(--blue-light);
  border:1px solid var(--blue);
  border-radius:999px;
  padding:6px 12px;
  margin-bottom:26px;
}

.hero .eyebrow::before{
  content:'';
  width:6px; height:6px;
  background:var(--blue-light);
  display:inline-block;
}

.hero h1{
  font-size:clamp(38px, 5vw, 58px);
  max-width:15ch;
  margin-bottom:22px;
}

.hero h1 .accent{color:var(--blue-light);}

.hero p{
  max-width:44ch;
  color:var(--plate);
  font-size:16.5px;
  margin-bottom:34px;
}

.btn-row{display:flex; gap:14px; flex-wrap:wrap; margin-top:20px;}

.hero-panel{
  aspect-ratio:4/5;
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
  box-shadow:0 24px 48px rgba(0,0,0,0.45);
  position:relative;
  z-index:0;
  animation:heroPanelIn 0.9s cubic-bezier(.16,.84,.44,1) both;
}

.hero-panel::before{
  content:'';
  position:absolute;
  inset:0;
  background:var(--blue);
  border-radius:var(--radius);
  transform:translate(18px, 18px);
  z-index:-1;
}

.hero-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:var(--radius);
}

@keyframes heroPanelIn{
  from{opacity:0; transform:translateY(28px);}
  to{opacity:1; transform:translateY(0);}
}

@media (prefers-reduced-motion: reduce){
  .hero-panel{animation:none;}
}

.hero-panel .tag{
  position:absolute;
  left:0; bottom:0;
  background:var(--navy);
  border-top:1px solid var(--line-dark);
  border-right:1px solid var(--line-dark);
  border-top-right-radius:var(--radius-sm);
  padding:14px 18px;
  font-size:13px;
  color:var(--plate);
}

.hero-panel .tag strong{display:block; color:var(--paper); font-family:'Oswald',sans-serif; font-size:15px; font-weight:500;}

.stats{
  background:var(--grey-bg);
}

.stats .wrap{
  padding-top:32px;
  padding-bottom:32px;
}

.delivered-title{
  text-align:center;
  font-size:clamp(22px, 2.6vw, 30px);
  color:var(--navy);
  margin-bottom:20px;
}

.marquee{
  overflow:hidden;
  width:100%;
  mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}

.marquee-track{
  display:flex;
  align-items:center;
  gap:28px;
  width:max-content;
  animation:marquee-scroll 50s linear infinite;
}

.marquee:hover .marquee-track{
  animation-play-state:paused;
}

.marquee-track img{
  height:110px;
  width:auto;
  flex-shrink:0;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow);
  padding:18px 28px;
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.marquee-track img:hover{
  transform:scale(1.08);
  box-shadow:var(--shadow-lg);
}

@keyframes marquee-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

@media (prefers-reduced-motion: reduce){
  .marquee-track{animation:none;}
}

.process-section{padding:56px 0;}

.process-head{
  text-align:center;
  margin-bottom:64px;
}

.process-head h2{
  font-size:clamp(30px, 3.8vw, 42px);
}

.process-head .eyebrow-mini{
  font-size:16px;
}

.process-strip{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:wrap;
  row-gap:34px;
  column-gap:40px;
}

.process-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:132px;
  flex:0 0 auto;
  text-align:center;
  position:relative;
  background:var(--paper);
  border:1px solid rgba(28,32,35,0.08);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:14px 8px;
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.process-item:not(:last-child)::after{
  content:'';
  position:absolute;
  top:50%;
  right:-25px;
  width:10px;
  height:10px;
  border-top:2.5px solid var(--blue-light);
  border-right:2.5px solid var(--blue-light);
  transform:translateY(-50%) rotate(45deg);
  pointer-events:none;
}

.process-item:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
}

.p-num{
  font-family:'Oswald';
  font-style:italic;
  font-size:16px;
  font-weight:600;
  color:var(--navy);
  transition:color 0.2s ease;
}

.process-item:hover .p-num{
  color:var(--blue);
}

.p-box{
  width:66px;
  height:87px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.p-box img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:0% center;
}

.p-label{
  font-size:11px;
  white-space:nowrap;
  font-weight:600;
  padding-bottom:5px;
  border-bottom:2px solid var(--charcoal);
  transition:border-color 0.2s ease;
}

.process-item:hover .p-label{
  border-bottom-color:var(--blue);
}

.process-item:nth-child(even) .p-label{
  border-bottom-color:var(--blue);
}

.cert-band{background:var(--grey-bg); padding:56px 0;}

.cert-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
  max-width:640px;
  margin:0 auto;
}

.cert-card:nth-child(3){
  grid-column:1 / -1;
  order:-1;
}

.cert-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  text-align:center;
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.cert-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
}

.cert-img{
  height:170px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cert-img img{
  max-height:130px;
  max-width:100%;
  width:auto;
  object-fit:contain;
  margin:0 auto;
}

.cert-img-wide{
  padding:8px;
}

.cert-img img.cert-img-lg{
  max-height:160px;
}

.cert-card:nth-child(3) .cert-img{
  height:240px;
}

.cert-card:nth-child(3) .cert-img img.cert-img-lg{
  max-height:210px;
}

.cert-label{
  background:var(--blue-dark);
  color:var(--paper);
  font-size:12.5px;
  font-weight:700;
  line-height:1.4;
  padding:14px 16px;
}

.cert-card:nth-child(3) .cert-label{
  font-size:16px;
  padding:16px 18px;
}

@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr; padding-top:56px; padding-bottom:56px;}
  .hero-panel{order:-1; aspect-ratio:16/9;}

  .marquee-track img{height:72px; padding:12px 18px;}

  .process-strip{justify-content:center; row-gap:20px; column-gap:14px;}
  .process-item{width:92px;}
  .process-item::after{display:none;}
  .p-box{width:40px; height:40px;}

  .cert-grid{grid-template-columns:1fr;}
}