/* ===== BRAVA TECHNOLOGY — SHARED STYLES ===== */
:root {
  --navy:       #1B2A4A;   /* dark navy  — left BT block in logo         */
  --steel:      #3A7CA5;   /* steel blue — right BT block & "Brava" text */
  --steel-dark: #2E6289;   /* deeper steel for hover / CTA               */
  --steel-light:#5A9EC9;   /* lighter steel for highlights               */
  --white:      #F9FAFB;
  --offwhite:   #EDF3F8;
  --gray:       #5A6E85;
  --dark:       #0D1B2E;
  --border:     rgba(27,42,74,.12);

  /* aliases so existing var(--blue)/var(--red) refs continue to work */
  --blue:       #1B2A4A;
  --blue-mid:   #3A7CA5;
  --blue-light: #5A9EC9;
  --red:        #3A7CA5;
  --accent:     #2E6289;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--dark);overflow-x:hidden;}

/* ── NAV ── */
nav#navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5vw;height:74px;
  background: #ffffff;
  border-bottom:3px solid var(--steel);
  transition:box-shadow .3s;
}
nav#navbar.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.3);}
.logo{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.7rem;letter-spacing:4px;
  color:var(--white);text-decoration:none;
  display:flex;align-items:baseline;gap:.4rem;
}
.logo span{color:var(--steel);}
.logo small{font-family:'DM Mono',monospace;font-size:.5rem;letter-spacing:3px;color:rgba(255,255,255,.4);font-weight:400;}
nav#navbar ul{list-style:none;display:flex;gap:2rem;align-items:center;}
nav#navbar ul a{
  text-decoration:none;font-size:.8rem;font-weight:500;
  letter-spacing:1.5px;text-transform:uppercase;
  color: #1b2a4a;
  padding:.3rem 0;border-bottom:2px solid transparent;transition:all .2s;
}
nav#navbar ul a:hover,nav#navbar ul a.active{color: #00000;border-bottom-color:var(--steel);}
.hamburger{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;color: #00;}

/* ── PAGE HERO ── */
.page-hero{
  min-height:340px;background:var(--navy);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:140px 6vw 60px;position:relative;overflow:hidden;
}
.page-hero::before{
  content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(255,255,255,.02) 79px,rgba(255,255,255,.02) 80px),
    repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(255,255,255,.02) 79px,rgba(255,255,255,.02) 80px);
}
.page-hero::after{
  content:'';position:absolute;right:0;top:0;bottom:0;width:40%;
  background:linear-gradient(135deg,transparent 40%,rgba(58,124,165,.1));
}
.page-hero-tag{
  font-family:'DM Mono',monospace;font-size:.7rem;
  letter-spacing:3px;text-transform:uppercase;color:var(--steel-light);
  margin-bottom:.8rem;position:relative;z-index:2;
  display:flex;align-items:center;gap:.8rem;
}
.page-hero-tag::before{content:'';display:block;width:24px;height:2px;background:var(--steel);}
.page-hero h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(3rem,6vw,5.5rem);line-height:.95;
  color:var(--white);position:relative;z-index:2;letter-spacing:1px;
}
.page-hero h1 em{color:var(--steel-light);font-style:normal;}
.breadcrumb{
  display:flex;align-items:center;gap:.5rem;
  margin-top:1.2rem;font-size:.8rem;color:rgba(249,250,251,.4);
  position:relative;z-index:2;
}
.breadcrumb a{color:rgba(249,250,251,.4);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--white);}
.breadcrumb span{color:var(--steel);}

/* ── SECTION BASE ── */
section{padding:90px 6vw;}
.section-tag{
  font-family:'DM Mono',monospace;font-size:.7rem;
  letter-spacing:3px;text-transform:uppercase;color:var(--steel);
  margin-bottom:.8rem;display:flex;align-items:center;gap:.8rem;
}
.section-tag::before{content:'';display:block;width:20px;height:2px;background:var(--steel);}
.section-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.4rem,4vw,3.8rem);
  color:var(--navy);line-height:1;margin-bottom:1rem;
}
.section-sub{font-size:1rem;color:var(--gray);line-height:1.75;max-width:540px;margin-bottom:2.5rem;}

/* ── BUTTONS ── */
.btn-primary{
  display:inline-block;background:var(--steel);color:var(--white);
  font-weight:600;font-size:.82rem;letter-spacing:1.5px;
  text-transform:uppercase;text-decoration:none;
  padding:15px 36px;border:none;cursor:pointer;transition:background .2s,transform .2s;
}
.btn-primary:hover{background:var(--steel-dark);transform:translateY(-2px);}
.btn-outline{
  display:inline-block;background:transparent;color:var(--white);
  font-weight:600;font-size:.82rem;letter-spacing:1.5px;
  text-transform:uppercase;text-decoration:none;
  padding:14px 36px;border:2px solid rgba(58,124,165,.5);transition:all .2s;
}
.btn-outline:hover{border-color:var(--steel-light);color:var(--white);}
.btn-blue{
  display:inline-block;background:var(--navy);color:var(--white);
  font-weight:600;font-size:.82rem;letter-spacing:1.5px;
  text-transform:uppercase;text-decoration:none;
  padding:15px 36px;transition:background .2s,transform .2s;
}
.btn-blue:hover{background:var(--steel-dark);transform:translateY(-2px);}
.btn-white{
  display:inline-block;background:var(--white);color:var(--navy);
  font-weight:700;font-size:.82rem;letter-spacing:2px;
  text-transform:uppercase;text-decoration:none;
  padding:17px 44px;transition:all .2s;
}
.btn-white:hover{background:var(--offwhite);transform:translateY(-2px);}

/* ── CTA BAND ── */
.cta-band{
  background:var(--navy);padding:80px 6vw;text-align:center;
  border-top:4px solid var(--steel);
}
.cta-band h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.5rem,5vw,4.5rem);color:var(--white);margin-bottom:1rem;
}
.cta-band p{font-size:1.05rem;color:rgba(249,250,251,.7);margin-bottom:2.5rem;}

/* ── FAQ ── */
.faq-wrap{max-width:760px;}
.faq-item{border-bottom:1px solid var(--border);overflow:hidden;}
.faq-q{
  display:flex;justify-content:space-between;align-items:center;
  padding:1.3rem 0;cursor:pointer;
  font-weight:600;font-size:.95rem;color:var(--navy);transition:color .2s;
}
.faq-q:hover{color:var(--steel);}
.faq-icon{font-size:1.4rem;color:var(--steel);flex-shrink:0;transition:transform .3s;}
.faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .4s ease,padding .3s ease;
  font-size:.9rem;line-height:1.75;color:var(--gray);
}
.faq-item.open .faq-a{max-height:200px;padding-bottom:1.2rem;}
.faq-item.open .faq-icon{transform:rotate(45deg);}

/* ── FOOTER ── */
footer{background:#ffffff;padding:64px 6vw 0;border-top:3px solid var(--steel);}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3rem;}
.footer-brand .logo{display:inline-flex;margin-bottom:.8rem;}
.footer-brand p{font-size:.87rem;color:var(--gray);line-height:1.65;max-width:280px;margin-bottom:1.2rem;}
.social-links{display:flex;gap:.7rem;}
.social-links a{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(27,42,74,.08);
  border:1px solid rgba(58,124,165,.3);
  color:var(--navy);font-size:.85rem;font-weight:700;
  text-decoration:none;transition:all .2s;
}
.social-links a:hover{background:var(--steel);border-color:var(--steel);color:var(--white);}
.footer-col h4{
  font-family:'DM Mono',monospace;font-size:.68rem;
  letter-spacing:2.5px;text-transform:uppercase;color:var(--navy);margin-bottom:1rem;
}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:.5rem;}
.footer-col ul a{text-decoration:none;font-size:.87rem;color:var(--dark);transition:color .2s;}
.footer-col ul a:hover{color:var(--steel);}
.footer-col address{font-style:normal;}
.footer-col address p{font-size:.87rem;color:var(--gray);margin-bottom:.5rem;line-height:1.6;}
.footer-col address a{color:var(--dark);text-decoration:none;transition:color .2s;}
.footer-col address a:hover{color:var(--steel);}
.footer-bottom{
  border-top:1px solid rgba(27,42,74,.12);
  padding:1.4rem 0 1.6rem;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:.8rem;
  font-size:.78rem;color:var(--gray);
  background:#ffffff;
}
.footer-bottom strong{color:var(--navy);}

/* ── ANIMATIONS ── */
.fade-up{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}

/* ── IMAGE PLACEHOLDER ── */
.img-placeholder{
  background:var(--offwhite);border:2px dashed rgba(58,124,165,.25);
  display:flex;align-items:center;justify-content:center;
  font-family:'DM Mono',monospace;font-size:.75rem;
  letter-spacing:2px;color:rgba(27,42,74,.35);text-align:center;
}

/* ── DIVIDER ── */
.divider{width:60px;height:3px;background:var(--steel);margin-bottom:1.5rem;}

/* ── RESPONSIVE ── */
@media(max-width:960px){.footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){
  nav#navbar ul{
    display:none;flex-direction:column;
    position:fixed;top:74px;left:0;right:0;
    background: #ffffff;padding:1.5rem 5vw 2rem;
    border-top:1px solid rgba(58,124,165,.2);gap:0;
  }
  nav#navbar ul.open{display:flex;}
  nav#navbar ul a{padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.07);border-right:none;}
  .hamburger{display:block;}
  .footer-top{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
}
















.footer-bottom a {
  color: var(--dark);
  text-decoration: none;
}

.footer-bottom a:hover {
  color: var(--steel);
}












/* FORCE GRID LAYOUT */
#caps-detail .caps-detail-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:30px !important;
  margin-top:40px !important;
}

/* FORCE CARD RESET */
#caps-detail .cap-detail-card{
  margin:0 !important;
  height:auto !important;
  min-height:auto !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* REMOVE EXTRA SPACE */
#caps-detail{
  padding-top:60px !important;
  padding-bottom:60px !important;
}

/* MOBILE */
@media(max-width:900px){
  #caps-detail .caps-detail-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media(max-width:600px){
  #caps-detail .caps-detail-grid{
    grid-template-columns:1fr !important;
  }
}






















/* Industries Grid Layout */
#industries-detail .ind-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  margin-top:40px;
}

/* Card Style */
#industries-detail .ind-detail-card{
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,0.08);
  transition:0.3s;
}

/* Hover effect */
#industries-detail .ind-detail-card:hover{
  transform:translateY(-6px);
  box-shadow:0 14px 30px rgba(0,0,0,0.15);
}

/* Image */
#industries-detail .ind-detail-img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
}

/* Content */
#industries-detail .ind-detail-body{
  padding:22px;
}

#industries-detail .ind-detail-body h3{
  font-size:18px;
  margin-bottom:10px;
  font-weight:700;
}

#industries-detail .ind-detail-body p{
  font-size:14px;
  color:#555;
  line-height:1.6;
}

/* Tablet */
@media(max-width:991px){
  #industries-detail .ind-detail-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* Mobile */
@media(max-width:600px){
  #industries-detail .ind-detail-grid{
    grid-template-columns:1fr;
  }
}













footer {
  font-size: 17px;
}

.footer-col h4 {
  font-size: 20px;
}

.footer-col ul li a {
  font-size: 17px;
}

.footer-brand p {
  font-size: 17px;
}

.footer-bottom {
  font-size: 16px;
}

.footer-col address p {
  font-size: 17px;
}





















#ind-strip .ind-list{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  width: 100%;
}

#ind-strip .ind-pill{
  width: 100% !important;
  display: block !important;
  box-sizing: border-box;
}









#ind-strip .ind-list{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  width: 100%;
}

#ind-strip .ind-pill{
  width: 100% !important;
  display: block !important;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 992px){
  #ind-strip .ind-list{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile */
@media (max-width: 600px){
  #ind-strip .ind-list{
    grid-template-columns: 1fr !important;
  }
}










.contact-detail-text h4,
.contact-detail-text p{
  margin: 0 !important;
  padding: 0;
  line-height: 1.4;
}














/* Remove extra space */
.contact-detail-text h4{
  margin: 0 0 4px 0;
}

.contact-detail-text p{
  margin: 0;
  line-height: 1.4;
}

/* Reduce gap between blocks */
.contact-detail{
  margin-bottom: 12px;
}

/* Mobile Fix */
@media (max-width: 768px){
  .contact-detail{
    margin-bottom: 10px;
  }

  .contact-detail-text h4{
    margin: 0 0 3px 0;
  }

  .contact-detail-text p{
    margin: 0;
    line-height: 1.3;
  }
}