/* ====================================================================
   INDRIYA ENGINEERING PVT. LTD. — BROCHURE REPLICA
   Brand: Navy #002D62 | Red #D21F21 | Blue #005696 | White #FFFFFF
   Fonts: Montserrat (headings) / Inter (body)
   ==================================================================== */

:root{
  --navy:#002D62;
  --red:#D21F21;
  --blue:#005696;
  --white:#FFFFFF;
  --navy-soft:#0a3a7a;
  --ink:#1a1a2e;
  --muted:#5a6577;
  --line:#e2e6ee;
  --sheet-w:100%;
  --sheet-pad:48px;
  --sheet-pad-x:clamp(24px,5vw,80px);
}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;scroll-padding-top:64px;}

body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--ink);
  background:#f4f6fa;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  padding:0;
}

/* utility text colors */
.navy{color:var(--navy);}
.red{color:var(--red);}
.blue{color:var(--blue);}
.white{color:var(--white);}
.red-text{color:var(--red);}
.big{font-size:1.45em;line-height:.9;}
.serif{font-family:'Georgia','Times New Roman',serif;font-weight:700;}
.script{font-family:'Pacifico',cursive;}

/* ===================== STICKY NAV ===================== */
.sticky-nav{
  position:sticky;top:0;z-index:100;
  background:rgba(0,45,98,.97);
  backdrop-filter:blur(8px);
  box-shadow:0 2px 14px rgba(0,0,0,.28);
  border-bottom:3px solid var(--red);
  overflow:visible;
}
.nav-inner{
  max-width:100%;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 32px;height:54px;
}
.nav-logo{display:flex;align-items:center;gap:9px;}
.nav-logo-arcs{display:inline-flex;line-height:0;}
.nav-brand{
  font-family:'Montserrat',sans-serif;font-weight:800;
  letter-spacing:1.5px;color:var(--white);font-size:1rem;
}
.nav-links{
  list-style:none;display:flex;gap:6px;
}
.nav-links a{
  display:block;padding:7px 12px;
  font-family:'Montserrat',sans-serif;font-weight:600;font-size:.78rem;
  color:rgba(255,255,255,.82);text-decoration:none;
  letter-spacing:.4px;border-radius:4px;
  transition:all .18s;
}
.nav-links a:hover{color:var(--white);background:rgba(255,255,255,.12);}
.nav-links a.active{color:var(--white);background:var(--red);}
.nav-cta{
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:.78rem;
  color:var(--white);text-decoration:none;
  background:var(--red);padding:7px 16px;border-radius:4px;
  letter-spacing:.5px;transition:background .18s;
}
.nav-cta:hover{background:#b5191b;}

/* Mobile hamburger toggle */
.nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:36px;height:36px;
  background:transparent;border:none;cursor:pointer;
  padding:0;border-radius:4px;
}
.nav-toggle span{
  display:block;width:22px;height:2.5px;
  background:#fff;border-radius:2px;
  transition:all .25s;
}
.nav-toggle.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.nav-toggle.active span:nth-child(2){opacity:0;}
.nav-toggle.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

/* ===================== SHEET BASE ===================== */
.sheet{
  max-width:var(--sheet-w);
  margin:0 auto;
  background:var(--white);
  box-shadow:0 4px 30px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);
  border-radius:0;
  overflow:hidden;
  position:relative;
  border-bottom:1px solid #e2e6ee;
}
.sheet-inner{
  max-width:1400px;
  margin:0 auto;
  padding:var(--sheet-pad) var(--sheet-pad-x) 0;
}
.sheet5-inner{padding-bottom:0;}

/* split underline */
.split-underline{
  display:flex;width:140px;height:4px;margin:10px 0 0;border-radius:2px;overflow:hidden;
}
.split-underline .navy-part{width:40%;background:var(--navy);}
.split-underline .red-part{width:60%;background:var(--red);}

/* section headers */
.section-header{margin:0 0 22px;}
.section-header.light h2{display:inline-block;}
.sec-h{
  font-family:'Montserrat',sans-serif;font-weight:800;
  letter-spacing:.8px;font-size:1.25rem;
}
.section-header.light{padding:0;margin-bottom:18px;}
.section-header.light .split-underline{margin-top:8px;}

.navy-bar{
  background:var(--navy);
  padding:10px 18px;
  display:flex;align-items:center;justify-content:space-between;
  border-left:6px solid var(--red);
}
.bar-label{
  font-family:'Montserrat',sans-serif;font-weight:800;
  color:var(--white);letter-spacing:1.5px;font-size:1rem;
}
.bar-accent{width:50px;height:4px;background:var(--red);border-radius:2px;}

/* =========================================================
   SHEET 1 — COMPANY PROFILE
   ========================================================= */
.profile-top{
  display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start;
  margin-bottom:30px;
}
.profile-title-block{padding-top:4px;}
.profile-title{
  font-family:'Montserrat',sans-serif;font-weight:900;
  font-size:2.6rem;line-height:1;letter-spacing:-.5px;
  display:flex;flex-direction:column;gap:2px;
}
.profile-title .red{font-size:3rem;}
.tagline{
  font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:1.1rem;margin:14px 0 16px;letter-spacing:.3px;
}
.intro-text{
  font-size:.92rem;color:var(--ink);line-height:1.7;
  margin-top:8px;
}

.profile-hero{
  position:relative;border-radius:4px;overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
  min-height:300px;
}
.hero-photo{width:100%;height:100%;object-fit:cover;display:block;}
.hero-logo-overlay{
  position:absolute;bottom:0;right:0;
  background:rgba(0,45,98,.92);
  padding:12px 16px;display:flex;align-items:center;gap:10px;
  border-top-left-radius:6px;
}
.hero-logo-name{
  font-family:'Montserrat',sans-serif;font-weight:800;
  color:var(--white);font-size:.72rem;line-height:1.2;letter-spacing:1px;
}

/* values grid */
.values-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  margin-bottom:28px;
}
.value-item{
  text-align:center;padding:16px 12px;
  border:1px solid var(--line);border-radius:6px;
  background:#fafbfc;
}
.value-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;margin-bottom:8px;
}
.navy-icon{background:var(--navy);}
.red-icon{background:var(--red);}
.value-item h3{
  font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.85rem;color:var(--navy);margin-bottom:5px;
}
.value-item p{font-size:.74rem;color:var(--muted);line-height:1.5;}

/* mission */
.mission-row{margin-bottom:26px;}
.mission-block{
  display:flex;gap:16px;align-items:flex-start;
  background:linear-gradient(90deg,#f4f6fa 0%,#fff 100%);
  border-left:5px solid var(--navy);border-radius:0 6px 6px 0;
  padding:18px 22px;
}
.mission-shield{flex-shrink:0;line-height:0;}
.mission-title{
  font-family:'Montserrat',sans-serif;font-weight:800;
  color:var(--navy);font-size:.95rem;letter-spacing:1px;margin-bottom:5px;
}
.mission-block p{font-size:.88rem;color:var(--ink);line-height:1.65;}

/* stats box */
.stats-box{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:2px solid var(--navy);border-radius:10px;overflow:hidden;
  margin-bottom:28px;
}
.stat-seg{
  text-align:center;padding:16px 8px;
  border-right:1px solid rgba(0,45,98,.15);
  background:#fff;
}
.stat-seg:last-child{border-right:none;}
.stat-icon{display:block;margin-bottom:6px;line-height:0;}
.stat-num{
  display:block;font-family:'Montserrat',sans-serif;font-weight:900;
  font-size:1.9rem;line-height:1;
}
.stat-label{
  display:block;font-size:.72rem;font-weight:600;color:var(--navy);
  margin-top:5px;letter-spacing:.3px;
}

/* core services grid */
.core-services-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:10px;
  margin-bottom:28px;
}
.cs-item{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:14px 6px;border:1px solid var(--line);border-radius:6px;
  background:#fff;text-align:center;
}
.cs-icon{
  width:34px;height:34px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
}
.red-icon-sm{background:rgba(210,31,33,.1);}
.cs-label{
  font-family:'Montserrat',sans-serif;font-weight:600;
  font-size:.72rem;line-height:1.3;text-align:center;
}

/* industries bar */
.industries-bar{
  display:flex;align-items:center;
  background:var(--navy);
  border-radius:6px;overflow:hidden;
  margin:0 -8px 4px;
}
.industries-label{
  flex-shrink:0;
}
.industries-label span{
  display:inline-block;
  background:var(--red);color:var(--white);
  font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:.8rem;letter-spacing:1px;
  padding:12px 20px;
  transform:skewX(-18deg);
  margin:6px 0 6px 6px;
}
.industries-label span{display:block;}
.industries-icons{
  display:flex;gap:14px;flex:1;justify-content:flex-end;
  padding:0 20px;
}
.ind-icon{
  width:36px;height:36px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  border:1.5px solid rgba(255,255,255,.4);
}

/* =========================================================
   SHEET 2 — FIRE ALARM SOLUTIONS
   ========================================================= */
.alarm-header{
  position:relative;
  margin:calc(-1 * var(--sheet-pad)) calc(-1 * var(--sheet-pad-x)) 24px;
  min-height:230px;
  overflow:hidden;
}
.alarm-header-bg{
  position:absolute;inset:0;
  background:var(--navy);
  clip-path:polygon(0 0,100% 0,100% 70%,0 100%);
}
.alarm-header-content{
  position:relative;z-index:2;
  padding:36px var(--sheet-pad-x) 0;
}
.alarm-title{
  font-family:'Montserrat',sans-serif;font-weight:900;
  font-size:2.5rem;line-height:1;letter-spacing:-.5px;
}
.alarm-subtag{
  color:rgba(255,255,255,.85);font-size:.9rem;
  margin-top:10px;max-width:480px;
}
.alarm-hero-wrap{
  position:absolute;right:var(--sheet-pad-x);bottom:0;z-index:3;
  width:300px;height:180px;border-radius:6px;overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.alarm-hero-img{width:100%;height:100%;object-fit:cover;display:block;}
.alarm-product-overlay{
  position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;
}
.prod-chip{
  background:rgba(210,31,33,.92);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.62rem;padding:3px 8px;border-radius:3px;
  letter-spacing:.3px;
}

/* features list */
.features-list{
  display:flex;align-items:stretch;gap:0;
  margin-bottom:26px;flex-wrap:wrap;
}
.feature-item{
  flex:1;min-width:150px;
  display:flex;gap:10px;align-items:flex-start;
  padding:0 14px;
}
.feat-icon-box{
  flex-shrink:0;width:38px;height:38px;border-radius:6px;
  background:#eef2f8;display:inline-flex;align-items:center;justify-content:center;
}
.feature-item h4{
  font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.82rem;color:var(--navy);margin-bottom:3px;
}
.feature-item p{font-size:.74rem;color:var(--muted);line-height:1.45;}
.feat-dot{
  width:6px;height:6px;border-radius:50%;background:var(--red);
  align-self:center;flex-shrink:0;
  border:1px dashed transparent;
}

/* product showcase slanted */
.product-showcase{
  display:flex;gap:10px;margin-bottom:26px;
}
.ps-panel{
  flex:1;position:relative;height:180px;overflow:hidden;
  transform:skewX(-10deg);border-radius:4px;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.ps-img{
  width:100%;height:100%;background-size:cover;background-position:center;
  transform:skewX(10deg) scale(1.12);
}
.ps-label{
  position:absolute;bottom:0;left:0;right:0;
  background:var(--red);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.7rem;text-align:center;padding:5px 4px;
  letter-spacing:.4px;
  transform:skewX(10deg);
  z-index:2;
}

/* 3-column bottom */
.alarm-bottom{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;
  border-radius:6px;overflow:hidden;
  margin-bottom:0;
  box-shadow:0 4px 18px rgba(0,0,0,.12);
}
.ab-col{padding:20px 18px;}
.ab-white{background:#fff;}
.ab-navy{background:var(--navy);color:#fff;}
.ab-h{
  font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:.95rem;margin-bottom:12px;letter-spacing:.5px;
}
.ab-list,.ab-check,.ab-circle-list{list-style:none;}
.ab-list li{
  font-size:.78rem;color:var(--ink);padding:4px 0;
  border-bottom:1px dotted var(--line);
}
.ab-list li:last-child{border-bottom:none;}
.ab-check li{
  font-size:.78rem;color:#fff;padding:4px 0 4px 22px;position:relative;
}
.ab-check li::before{
  content:'';position:absolute;left:0;top:7px;
  width:12px;height:6px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);
  transform:rotate(-45deg);
}
.badges-row{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap;}
.badge{
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);
  color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:.7rem;padding:4px 10px;border-radius:4px;letter-spacing:.5px;
}
.ab-circle-list li{
  font-size:.78rem;color:var(--ink);padding:4px 0 4px 20px;position:relative;
}
.circle-red{
  position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--red);
}

/* alarm footer */
.alarm-footer{
  background:var(--navy);
  margin:0 calc(-1 * var(--sheet-pad-x)) 0;
  padding:16px var(--sheet-pad-x);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
}
.af-contact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.af-item{color:#fff;font-size:.76rem;font-weight:500;}
.af-sep{color:var(--red);}
.af-branches-pill{
  background:var(--red);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:.72rem;
  padding:6px 14px;border-radius:20px;letter-spacing:.3px;
}

/* =========================================================
   SHEET 3 — LANDMARK PROJECTS
   ========================================================= */
.projects-header{
  display:flex;align-items:flex-start;justify-content:space-between;
  margin-bottom:24px;
}
.ph-left{flex:1;}
.ph-title{
  font-size:2.4rem;line-height:1.1;
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
}
.ph-title .serif{font-size:2.6rem;}
.ph-title .script{font-size:2.2rem;}
.ph-dots{
  display:flex;align-items:center;gap:6px;margin:10px 0 8px;
}
.dot-line{width:50px;height:2px;background:var(--navy);}
.dot-red{width:8px;height:8px;border-radius:50%;background:var(--red);}
.ph-sub{font-size:.85rem;color:var(--muted);}
.ph-logo{flex-shrink:0;}

/* process flow */
.process-flow{
  display:flex;align-items:center;justify-content:center;gap:4px;
  flex-wrap:wrap;
  background:#f4f6fa;border-radius:8px;
  padding:18px 12px;margin-bottom:24px;
}
.pf-step{text-align:center;flex-shrink:0;}
.pf-circle{
  display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:50%;
  background:var(--navy);
  box-shadow:0 3px 10px rgba(0,45,98,.3);
}
.pf-label{
  display:block;font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.72rem;color:var(--navy);margin-top:6px;letter-spacing:.3px;
}
.pf-arrow{color:var(--red);font-weight:800;font-size:1.1rem;margin:0 2px;align-self:flex-start;margin-top:16px;}

/* project body */
.projects-body{
  display:grid;grid-template-columns:1fr 240px;gap:20px;
  margin-bottom:24px;
}
.project-cards{display:flex;flex-direction:column;gap:12px;}
.pcard{
  border:1px solid var(--line);border-radius:6px;
  padding:14px 16px;background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.pcard-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.pcircle{
  width:40px;height:40px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}
.navy-bg{background:var(--navy);}
.green-bg{background:#1b8a4a;}
.blue-bg{background:var(--blue);}
.purple-bg{background:#6b2fa0;}
.orange-bg{background:#e8770e;}
.pcard-head h3{
  font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:.9rem;color:var(--navy);letter-spacing:.3px;
}
.pcard-list{list-style:none;}
.pcard-list li{
  font-size:.78rem;color:var(--ink);padding:3px 0 3px 16px;position:relative;
}
.pcard-list li::before{
  content:'';position:absolute;left:0;top:11px;
  width:6px;height:6px;background:var(--red);border-radius:1px;transform:rotate(45deg);
}

/* sidebar */
.projects-sidebar{
  background:var(--navy);border-radius:8px;padding:22px 18px;
  color:#fff;text-align:center;
  display:flex;flex-direction:column;align-items:center;
}
.psidebar-num{
  font-family:'Montserrat',sans-serif;font-weight:900;
  font-size:2.6rem;color:#fff;line-height:1;
}
.psidebar-num-label{
  font-family:'Montserrat',sans-serif;font-weight:800;
  color:var(--red);font-size:.85rem;letter-spacing:2px;
}
.psidebar-sub{font-size:.72rem;color:rgba(255,255,255,.7);margin:6px 0 16px;}
.psidebar-icons{width:100%;}
.psi-row{
  display:flex;align-items:center;gap:10px;
  padding:8px 0;border-top:1px solid rgba(255,255,255,.12);
  text-align:left;
}
.psi-row:first-child{border-top:none;}
.psi-ic{
  width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}
.psi-row span:last-child{font-size:.76rem;color:#fff;}

/* expertise strip */
.expertise-strip{
  display:flex;align-items:center;gap:16px;
  background:#f4f6fa;border-radius:8px;padding:14px 18px;margin-bottom:24px;
}
.es-label{
  font-family:'Montserrat',sans-serif;font-weight:800;
  color:var(--navy);font-size:.9rem;letter-spacing:1px;flex-shrink:0;
}
.es-circles{display:flex;gap:10px;flex-wrap:wrap;}
.es-circle{
  width:34px;height:34px;border-radius:50%;
  border:2px solid var(--red);
  display:inline-flex;align-items:center;justify-content:center;
}
.es-circle svg{transform:scale(.8);}

/* safety footer */
.safety-footer{
  background:var(--navy);
  margin:0 calc(-1 * var(--sheet-pad-x)) 0;
  padding:16px var(--sheet-pad-x);
  display:flex;align-items:center;justify-content:space-around;gap:12px;flex-wrap:wrap;
}
.sf-item{
  display:flex;align-items:center;gap:7px;
}
.sf-item span:last-child{
  color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.78rem;letter-spacing:1px;
}
.sf-ic{display:inline-flex;}

/* =========================================================
   SHEET 4 — ENGINEERING EXCELLENCE / OFFICES
   ========================================================= */
.excellence-header{
  text-align:center;margin-bottom:24px;position:relative;
}
.eh-swoosh{margin-bottom:-10px;}
.eh-title{
  font-family:'Montserrat',sans-serif;font-weight:900;
  font-size:1.7rem;line-height:1.25;letter-spacing:.3px;
}
.eh-title .red{display:block;}
.eh-line-diamond{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:14px 0 6px;
}
.eh-line{width:80px;height:2px;background:var(--red);}
.eh-diamond{
  width:10px;height:10px;background:var(--red);transform:rotate(45deg);
}
.eh-tag{
  font-family:'Montserrat',sans-serif;font-weight:600;
  color:var(--navy);font-size:.85rem;letter-spacing:.5px;
}

/* parallelogram panels */
.para-panels{
  display:flex;gap:8px;margin-bottom:24px;
}
.para-panel{
  flex:1;position:relative;height:200px;overflow:hidden;
  transform:skewX(-8deg);border-radius:3px;
  box-shadow:0 4px 14px rgba(0,0,0,.16);
}
.pp-img{
  width:100%;height:100%;background-size:cover;background-position:center;
  transform:skewX(8deg) scale(1.15);
}
.pp-cap{
  position:absolute;bottom:0;left:0;right:0;
  background:rgba(0,45,98,.88);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.7rem;text-align:center;padding:6px 4px;
  transform:skewX(8deg);letter-spacing:.3px;
}

/* service icon strip */
.service-icon-strip{
  display:flex;justify-content:space-around;gap:6px;
  background:var(--navy);border-radius:8px;
  padding:14px 10px;margin-bottom:26px;
}
.sis-item{text-align:center;flex:1;}
.sis-ic{
  width:38px;height:38px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.35);
  display:inline-flex;align-items:center;justify-content:center;margin-bottom:5px;
}
.sis-label{
  display:block;color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:600;font-size:.68rem;
  letter-spacing:.2px;
}

/* offices header trapezoid */
.offices-header{margin-bottom:18px;display:flex;justify-content:center;}
.offices-trapezoid{
  background:var(--red);
  padding:12px 60px;
  clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);
}
.offices-trapezoid span{
  color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:1.1rem;letter-spacing:2px;
}

/* offices grid */
.offices-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  margin-bottom:26px;
}
.office-card{
  border:1px solid var(--line);border-radius:6px;
  padding:14px 16px;background:#fff;position:relative;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.office-pin{position:absolute;top:12px;right:12px;line-height:0;}
.office-card h4{
  font-family:'Montserrat',sans-serif;font-weight:800;
  color:var(--navy);font-size:.92rem;margin-bottom:6px;
  display:flex;align-items:center;gap:6px;
}
.office-tag{
  background:var(--red);color:#fff;font-size:.6rem;font-weight:700;
  padding:2px 6px;border-radius:3px;letter-spacing:.5px;
}
.office-card p{font-size:.74rem;color:var(--muted);line-height:1.55;}

/* QR section */
.qr-section{
  display:flex;justify-content:center;margin-bottom:26px;
}
.qr-box{
  display:flex;align-items:center;gap:20px;
  background:linear-gradient(135deg,#f4f6fa,#fff);
  border:2px solid var(--navy);border-radius:10px;
  padding:16px 24px;
}
.qr-pattern{line-height:0;}
.qr-text strong{
  display:block;font-family:'Montserrat',sans-serif;
  color:var(--navy);font-size:1rem;margin-bottom:4px;
}
.qr-text p{font-size:.78rem;color:var(--ink);}
.qr-contact{color:var(--red);font-weight:700;}

/* core values footer */
.core-values-footer{
  background:var(--navy);
  margin:0 calc(-1 * var(--sheet-pad-x)) 0;
  padding:16px var(--sheet-pad-x);
  display:flex;align-items:center;justify-content:space-around;gap:10px;flex-wrap:wrap;
  position:relative;
}
.cvf-notch{
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:0;height:0;
  border-left:14px solid transparent;
  border-right:14px solid transparent;
  border-top:14px solid #c9ccd4;
}
.cvf-item{display:flex;align-items:center;gap:7px;}
.cvf-item span:last-child{
  color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.76rem;letter-spacing:.8px;
}

/* =========================================================
   SHEET 5 — MARINE & PORT PROJECTS
   ========================================================= */
.marine-header{
  position:relative;margin:calc(-1 * var(--sheet-pad)) calc(-1 * var(--sheet-pad-x)) 0;overflow:hidden;
  min-height:260px;
}
.mh-bg{
  position:absolute;inset:0;background:var(--navy);
  clip-path:polygon(0 0,100% 0,100% 85%,0 100%);
}
.mh-content{
  position:relative;z-index:2;padding:38px var(--sheet-pad-x) 0;
}
.mh-title{
  font-family:'Montserrat',sans-serif;font-weight:900;
  font-size:2.2rem;line-height:1.25;letter-spacing:.3px;
  display:flex;flex-direction:column;
}
.mh-hero{
  position:absolute;right:var(--sheet-pad-x);bottom:0;z-index:3;
  width:340px;height:190px;border-radius:6px;overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.mh-hero-img{width:100%;height:100%;object-fit:cover;display:block;}

/* sub-header bar */
.marine-subbar{
  background:var(--blue);
  padding:12px var(--sheet-pad-x);
  display:flex;align-items:center;justify-content:space-around;gap:12px;flex-wrap:wrap;
  margin:0 calc(-1 * var(--sheet-pad-x)) 24px;
}
.msb-item{
  display:flex;align-items:center;gap:7px;
  color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;
  font-size:.76rem;letter-spacing:.3px;
}

/* project cards */
.marine-projects{display:flex;flex-direction:column;gap:20px;padding:0 0 24px;}
.mproj{
  display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;
  box-shadow:0 3px 12px rgba(0,0,0,.08);
  background:#fff;
}
.mproj-num-tab{
  flex-shrink:0;width:60px;
  background:var(--red);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:900;
  font-size:1.5rem;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:10px 4px;line-height:1;
}
.mproj-num-label{font-size:.55rem;letter-spacing:1px;margin-top:4px;font-weight:700;}
.mproj-body{flex:1;padding:16px 18px;}
.mproj-headbar{
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;
  flex-wrap:wrap;margin-bottom:10px;
}
.mproj-title-block{flex:1;}
.mproj-title-block h3{
  font-family:'Montserrat',sans-serif;font-weight:800;
  color:var(--navy);font-size:1.05rem;letter-spacing:.3px;
}
.mproj-loc{
  display:inline-flex;align-items:center;gap:4px;
  font-size:.76rem;color:var(--red);font-weight:600;margin-top:3px;
}
.mproj-meta{display:flex;flex-direction:column;gap:2px;text-align:right;}
.mproj-meta span{font-size:.72rem;color:var(--muted);}
.mproj-meta strong{color:var(--navy);}
.mproj-scope-bar{
  background:var(--navy);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.72rem;letter-spacing:1.5px;
  padding:5px 12px;border-radius:3px;display:inline-block;margin-bottom:10px;
}
.mproj-content{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;
}
.mproj-list{list-style:none;}
.mproj-list li{
  font-size:.76rem;color:var(--ink);padding:3px 0 3px 16px;position:relative;
  line-height:1.5;
}
.mproj-list li::before{
  content:'';position:absolute;left:0;top:9px;
  width:6px;height:6px;background:var(--red);border-radius:50%;
}
.mproj-img-wrap{
  position:relative;border-radius:4px;overflow:hidden;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  min-height:170px;
}
.mproj-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.irclass-badge{
  position:absolute;bottom:8px;left:8px;
  background:rgba(0,45,98,.92);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.6rem;padding:4px 8px;border-radius:3px;
  display:flex;align-items:center;gap:4px;letter-spacing:.3px;
}

/* marine footer */
.marine-footer{
  background:var(--navy);
  margin:0 calc(-1 * var(--sheet-pad-x)) 0;
  padding:20px var(--sheet-pad-x);
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
}
.mf-left{flex:1;}
.mf-logo{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.mf-brand{
  font-family:'Montserrat',sans-serif;font-weight:800;
  color:#fff;font-size:.85rem;letter-spacing:1px;
}
.mf-contact{display:flex;flex-direction:column;gap:5px;}
.mf-item{
  display:flex;align-items:center;gap:7px;
  color:#fff;font-size:.74rem;
}
.mf-right{display:flex;align-items:center;gap:16px;}
.mf-trust{display:flex;gap:6px;}
.mf-trust-ic{display:inline-flex;}
.mf-qr{line-height:0;}

/* back to top */
.back-top{
  position:fixed;bottom:24px;right:24px;z-index:90;
  background:var(--red);color:#fff;text-decoration:none;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:.78rem;
  padding:10px 16px;border-radius:30px;
  box-shadow:0 4px 14px rgba(210,31,33,.4);
  transition:transform .18s,background .18s;
}
.back-top:hover{transform:translateY(-2px);background:#b5191b;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1024px){
  :root{--sheet-pad:32px;--sheet-pad-x:clamp(20px,5vw,60px);}
  .nav-links{gap:2px;}
  .nav-links a{padding:6px 8px;font-size:.72rem;}
  .profile-title{font-size:2.1rem;}
  .profile-title .red{font-size:2.4rem;}
  .stats-box{grid-template-columns:repeat(2,1fr);}
  .stat-seg:nth-child(2){border-right:none;}
  .stat-seg:nth-child(1),.stat-seg:nth-child(2){border-bottom:1px solid rgba(0,45,98,.15);}
  .core-services-grid{grid-template-columns:repeat(4,1fr);}
  .offices-grid{grid-template-columns:repeat(2,1fr);}
  .projects-body{grid-template-columns:1fr;}
  .projects-sidebar{flex-direction:row;justify-content:space-around;}
  .mproj-content{grid-template-columns:1fr;}
  .alarm-hero-wrap{width:220px;height:150px;}
  .mh-hero{width:250px;height:150px;}
}

@media (max-width:768px){
  :root{--sheet-pad:22px;--sheet-pad-x:clamp(16px,5vw,40px);}
  .sheet{margin:16px auto;}
  .nav-inner{padding:0 12px;height:50px;}
  .nav-toggle{display:flex;}
  .nav-links{
    display:none;
    position:absolute;top:50px;left:0;right:0;
    flex-direction:column;gap:0;
    background:rgba(0,45,98,.98);
    padding:8px 0;
    box-shadow:0 4px 14px rgba(0,0,0,.3);
  }
  .nav-links.open{display:flex;}
  .nav-links a{padding:10px 16px;font-size:.85rem;border-radius:0;}
  .nav-links a:hover{background:rgba(255,255,255,.12);}
  .nav-cta{font-size:.72rem;padding:6px 12px;}
  .nav-brand{font-size:.85rem;}
  .profile-top{grid-template-columns:1fr;}
  .profile-title{font-size:1.8rem;}
  .profile-title .red{font-size:2rem;}
  .values-grid{grid-template-columns:repeat(2,1fr);}
  .stats-box{grid-template-columns:repeat(2,1fr);}
  .core-services-grid{grid-template-columns:repeat(2,1fr);}
  .industries-bar{flex-direction:column;align-items:stretch;}
  .industries-icons{justify-content:center;flex-wrap:wrap;padding:10px;}
  .alarm-header{margin:calc(-1 * var(--sheet-pad)) calc(-1 * var(--sheet-pad-x)) 20px;min-height:300px;}
  .alarm-header-content{padding:24px var(--sheet-pad-x) 0;}
  .alarm-title{font-size:1.8rem;}
  .alarm-hero-wrap{position:relative;width:100%;right:auto;height:160px;margin:16px var(--sheet-pad-x) 0;}
  .features-list{flex-direction:column;gap:12px;}
  .feature-item{padding:0;}
  .feat-dot{display:none;}
  .product-showcase{flex-direction:column;}
  .ps-panel{transform:none;height:140px;}
  .ps-img{transform:scale(1.05);}
  .ps-label{transform:none;}
  .alarm-bottom{grid-template-columns:1fr;}
  .alarm-footer{flex-direction:column;align-items:stretch;text-align:center;}
  .alarm-footer,.safety-footer,.core-values-footer{margin:0 calc(-1 * var(--sheet-pad-x));padding:16px var(--sheet-pad-x);}
  .ph-title{font-size:1.8rem;}
  .ph-title .serif{font-size:2rem;}
  .ph-title .script{font-size:1.7rem;}
  .process-flow{gap:6px;}
  .pf-arrow{display:none;}
  .projects-body{grid-template-columns:1fr;}
  .mproj{flex-direction:column;}
  .mproj-num-tab{width:auto;flex-direction:row;padding:8px;font-size:1rem;}
  .mproj-num-label{margin-top:0;margin-left:6px;}
  .mproj-headbar{flex-direction:column;}
  .mproj-meta{text-align:left;}
  .mproj-content{grid-template-columns:1fr;}
  .para-panels{flex-direction:column;}
  .para-panel{transform:none;height:150px;}
  .pp-img{transform:scale(1.05);}
  .pp-cap{transform:none;}
  .service-icon-strip{flex-wrap:wrap;}
  .sis-item{min-width:80px;}
  .offices-grid{grid-template-columns:1fr;}
  .marine-header{margin:calc(-1 * var(--sheet-pad)) calc(-1 * var(--sheet-pad-x)) 0;min-height:340px;}
  .mh-content{padding:28px var(--sheet-pad-x) 0;}
  .mh-title{font-size:1.5rem;}
  .mh-hero{position:relative;width:100%;right:auto;height:160px;margin:16px var(--sheet-pad-x) 0;}
  .marine-subbar{margin:0 calc(-1 * var(--sheet-pad-x)) 20px;padding:12px var(--sheet-pad-x);flex-direction:column;gap:8px;}
  .marine-footer{margin:0 calc(-1 * var(--sheet-pad-x));padding:18px var(--sheet-pad-x);flex-direction:column;text-align:center;}
  .mf-right{flex-direction:column;}
  .eh-title{font-size:1.3rem;}
  .back-top{bottom:16px;right:16px;padding:8px 14px;}
}

@media (max-width:480px){
  .values-grid,.core-services-grid{grid-template-columns:1fr;}
  .stats-box{grid-template-columns:1fr;}
  .stat-seg{border-right:none!important;border-bottom:1px solid rgba(0,45,98,.15);}
  .stat-seg:last-child{border-bottom:none;}
}

/* print */
@media print{
  body{background:#fff;}
  .sticky-nav,.back-top{display:none;}
  .sheet{box-shadow:none;margin:0;border-radius:0;page-break-after:always;}
}

/* ===== CONTACT SECTION ===== */
.contact-section {
  padding: 3rem var(--sheet-pad-x);
  background: #f8f9fa;
}
.contact-header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.contact-title-navy {
  display: inline;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  color: #002D62;
  text-transform: uppercase;
  margin: 0;
}
.contact-title-red {
  display: inline;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  color: #D21F21;
  text-transform: uppercase;
  margin: 0 0 0 0.5rem;
}
.contact-header .split-underline {
  margin: 0.5rem auto 1rem;
}
.contact-subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  color: #555;
  max-width: 500px;
  margin: 0 auto;
}
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--sheet-pad-x);
}
.contact-info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.ci-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.ci-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ci-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.5;
}
.ci-text strong {
  color: #002D62;
  font-size: 1rem;
  display: block;
  margin-bottom: 2px;
}
.ci-text small {
  color: #888;
  font-size: 0.8rem;
}
.contact-form {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.form-heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #002D62;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
}
.form-row {
  margin-bottom: 1rem;
}
.form-row input,
.form-row select,
.form-row textarea {
  width: 100%;
  padding: 0.7rem 0.9rem;
  border: 1.5px solid #ddd;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  color: #333;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
  border-color: #002D62;
}
.form-row textarea {
  resize: vertical;
}
.btn-submit {
  width: 100%;
  padding: 0.85rem;
  background: #D21F21;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: background 0.2s;
}
.btn-submit:hover {
  background: #b01a1c;
}
.btn-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.form-success {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  margin-top: 1rem;
}
.form-error {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  margin-top: 1rem;
}
.form-note {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  color: #999;
  text-align: center;
  margin-top: 0.75rem;
}

/* nav contact link */
.nav-contact {
  background: #D21F21;
  color: #fff;
  padding: 0.35rem 1rem;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.85rem;
}

/* responsive */
@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .contact-title-navy, .contact-title-red {
    font-size: 1.8rem;
  }
  .contact-section {
    padding: 2rem 1rem;
  }
}

/* ===== Service icon images ===== */
.cs-icon-img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  display: block;
  margin: 0 auto 6px;
}
.cs-item {
  text-align: center;
  padding: 8px 4px;
}
.cs-item:hover .cs-icon-img {
  transform: scale(1.08);
  transition: transform 0.2s;
}

/* Nav logo image */
.nav-logo img {
  display: block;
}

/* Hero logo overlay image */
.hero-logo-overlay img {
  position: absolute;
  top: 12px;
  right: 12px;
}

/* ===== Expertise strip with images ===== */
.es-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.es-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 8px;
  font-weight: 600;
  color: #002D62;
  text-align: center;
  text-transform: uppercase;
  max-width: 80px;
  line-height: 1.2;
}
.es-circle img {
  display: block;
}

/* ===== Hero Banner (full brochure image at top) ===== */
.hero-banner {
  width: 100%;
  max-height: 85vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  background: #002D62;
}
.hero-banner-img {
  width: 100%;
  max-height: 85vh;
  object-fit: contain;
  display: block;
}

/* ===== Hero Flyer (HTML recreation of brochure) ===== */
.hero-flyer {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  overflow: hidden;
  background: #fff;
}

@media (max-width: 1024px) {
  .flyer-marine { height: 260px; }
  .flyer-marine-title { font-size: 24px; }
  .flyer-excellence { font-size: 30px; }
  .fp-img { height: 170px; }
  .flyer-solar-img { height: 170px; }
}

/* Header row */
.flyer-header {
  display: flex;
  align-items: stretch;
  background: #fff;
}
.flyer-logo-block {
  flex: 1;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.flyer-logo-img {
  height: 50px;
  width: auto;
}
.flyer-tagline {
  font-family: 'Pacifico', cursive;
  font-size: 16px;
  color: #333;
  margin-top: 6px;
  border-bottom: 2px solid #D21F21;
  padding-bottom: 2px;
  display: inline-block;
}

/* Navy sidebar */
.flyer-sidebar {
  background: #002D62;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
  min-width: 260px;
}
.fs-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 20px;
}
.fs-ic {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1.5px solid #fff;
  border-radius: 50%;
}
.fs-text {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.red-word { color: #D21F21 !important; }

/* Marine photo section */
.flyer-marine {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
.flyer-marine-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.flyer-marine-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 40px;
  background: linear-gradient(90deg, rgba(0,45,98,0.55) 0%, rgba(0,45,98,0.2) 50%, transparent 100%);
}
.flyer-marine-text {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.flyer-red-bar {
  width: 5px;
  height: 70px;
  background: #D21F21;
  flex-shrink: 0;
  border-radius: 2px;
  margin-top: 4px;
}
.flyer-marine-title {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  letter-spacing: 1px;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.flyer-excellence {
  font-size: 36px;
  display: block;
}
.flyer-marine-sub {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin-top: 4px;
  letter-spacing: 1px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.flyer-swoosh-curve {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  line-height: 0;
}

/* Service panels */
.flyer-panels {
  display: flex;
  width: 100%;
  gap: 2px;
  background: #002D62;
}
.fp-panel {
  flex: 1;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
.fp-panel:last-child {
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
}
.fp-panel:first-child {
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
.fp-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.fp-label {
  background: #002D62;
  padding: 8px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.fp-label span {
  font-size: 8px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: 0.3px;
  line-height: 1.2;
}

/* Solar section */
.flyer-solar {
  display: flex;
  position: relative;
  overflow: hidden;
}
.flyer-solar-img {
  width: 55%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.flyer-solar-content {
  width: 45%;
  background: #002D62;
  padding: 16px 20px 16px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
}
.flyer-solar-icon {
  margin-bottom: 6px;
}
.flyer-solar-title {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.flyer-solar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.flyer-solar-list li {
  font-size: 10px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.fsl-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  font-size: 8px;
  color: #fff;
  flex-shrink: 0;
}

/* Footer bar */
.flyer-footer-bar {
  background: #002D62;
  padding: 8px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.flyer-footer-bar span {
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}
.ff-pipe {
  color: #D21F21 !important;
  font-weight: 700;
}

/* Responsive */
@media (max-width: 768px) {
  .flyer-header { flex-direction: column; }
  .flyer-sidebar { clip-path: none; min-width: 100%; padding: 14px 20px; }
  .fs-item { padding-left: 0; }
  .flyer-marine { height: 200px; }
  .flyer-marine-overlay { padding-left: 16px; }
  .flyer-marine-title { font-size: 18px; }
  .flyer-excellence { font-size: 22px; }
  .flyer-marine-sub { font-size: 9px; }
  .flyer-red-bar { height: 50px; }
  .flyer-panels { flex-wrap: wrap; }
  .fp-panel { flex: 1 1 50%; clip-path: none; }
  .fp-img { height: 120px; }
  .fp-label span { font-size: 7px; }
  .flyer-solar { flex-direction: column; }
  .flyer-solar-img { width: 100%; height: 140px; }
  .flyer-solar-content { width: 100%; clip-path: none; padding: 14px 20px; }
  .flyer-solar-title { font-size: 14px; }
  .flyer-solar-list li { font-size: 9px; }
  .flyer-footer-bar { gap: 4px; padding: 6px 10px; }
  .flyer-footer-bar span { font-size: 7px; }
}

@media (max-width: 480px) {
  .flyer-marine { height: 160px; }
  .flyer-marine-title { font-size: 14px; }
  .flyer-excellence { font-size: 18px; }
  .flyer-marine-sub { font-size: 8px; }
  .flyer-red-bar { height: 40px; }
  .fp-panel { flex: 1 1 100%; }
  .fp-img { height: 100px; }
  .flyer-solar-img { height: 120px; }
  .flyer-solar-title { font-size: 12px; }
  .flyer-solar-list li { font-size: 8px; }
  .flyer-footer-bar span { font-size: 6px; }
  .contact-title-navy, .contact-title-red { font-size: 1.5rem; }
  .contact-section { padding: 1.5rem 1rem; }
  .contact-form { padding: 1.2rem; }
  .form-heading { font-size: 1rem; }
  .back-top { padding: 8px 12px; font-size: 0.7rem; }
}