:root{--text:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--soft:#f5f5f7;--dark:#111;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(210,210,215,.65)}.nav-wrap{max-width:var(--max);height:66px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand img{border-radius:10px}.nav{display:flex;gap:24px;margin-left:auto}.nav a{font-size:13px;color:#424245}.nav a:hover,.text-link:hover{color:#0071e3}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link{font-size:13px}.menu-btn{display:none;border:0;background:none;font-size:22px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:.2s}.button-dark{background:#1d1d1f;color:#fff}.button-dark:hover{background:#000;transform:translateY(-1px)}.button-light{background:#fff;color:#111}.button-outline-light{border:1px solid #555;color:#fff}.button-large{padding:14px 22px;font-size:15px}.hero,.page-hero,.statement,.product-section,.content-grid,.faq,.seo-section{max-width:var(--max);margin:auto;padding-left:22px;padding-right:22px}.hero{min-height:690px;display:flex;align-items:center}.hero-copy{max-width:900px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--muted);margin:0 0 18px}.hero h1,.page-hero h1{font-size:clamp(52px,8vw,96px);line-height:.96;letter-spacing:-.075em;margin:0 0 28px;font-weight:800}.hero h1 span{color:#6e6e73}.hero-lead{font-size:21px;line-height:1.5;color:#555;max-width:760px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:15px;font-weight:600}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:#6e6e73;font-size:13px}.statement{padding-top:110px;padding-bottom:110px}.statement h2,.section-head h2,.seo-section h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.06em;margin:0 0 24px}.statement>p:last-child,.seo-section>p:last-child{max-width:760px;font-size:19px;line-height:1.65;color:#666}.product-section{padding-top:80px;padding-bottom:110px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-head>p{max-width:420px;color:#666;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--soft);border-radius:26px;padding:30px;min-height:260px;display:flex;flex-direction:column;transition:.25s}.card:hover{transform:translateY(-4px);background:#eeeef0}.card-icon{font-size:30px;margin-bottom:30px}.card h3{font-size:25px;letter-spacing:-.04em;margin:0 0 10px}.card p{color:#666;line-height:1.55;margin:0 0 25px}.card span:last-child{margin-top:auto;font-size:14px;font-weight:600}.dark-band{background:#111;color:#fff;padding:100px max(22px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:70px}.dark-band h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.06em;line-height:1.02;margin:0}.dark-band p:not(.eyebrow){color:#b8b8bd;font-size:18px;line-height:1.6}.seo-section{padding-top:110px;padding-bottom:120px}.page-hero{padding-top:120px;padding-bottom:100px}.page-hero>p:not(.eyebrow){max-width:780px;font-size:21px;line-height:1.6;color:#666}.content-grid{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.content-grid h2{font-size:clamp(38px,5vw,60px);letter-spacing:-.06em;line-height:1.02;margin:0}.content-grid p:not(.eyebrow){font-size:19px;line-height:1.7;color:#666}.check-list{padding:0;list-style:none}.check-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.faq{padding-top:80px;padding-bottom:110px}.faq h2{font-size:52px;letter-spacing:-.06em;margin:0 0 45px}.faq-item{padding:25px 0;border-top:1px solid var(--line)}.faq-item h3{margin:0 0 8px;font-size:20px}.faq-item p{margin:0;color:#666;line-height:1.6}.site-footer{background:#f5f5f7;padding:70px max(22px,calc((100% - var(--max))/2)) 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:45px}.footer-brand{font-size:24px;font-weight:800;letter-spacing:-.05em}.footer-grid p{color:#6e6e73;line-height:1.6;font-size:14px}.footer-grid h3{font-size:13px;margin:0 0 18px}.footer-grid>a:not(.footer-brand),.footer-grid div>a:not(.footer-brand){display:block;font-size:13px;color:#555;margin:11px 0}.footer-cta{display:flex;gap:10px;margin-top:22px}.footer-phone{font-weight:700!important;color:#1d1d1f!important}.footer-bottom{border-top:1px solid #d2d2d7;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;color:#86868b;font-size:12px}.mobile-cta{display:none}.site-footer .button-outline-light{border-color:#bbb;color:#111}.site-footer .button-light{border:1px solid #d2d2d7}@media(max-width:900px){.nav{display:none}.nav-actions{margin-left:auto}.menu-btn{display:block}.hero{min-height:610px}.cards{grid-template-columns:1fr 1fr}.dark-band,.content-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.nav-wrap{height:60px;padding:0 16px}.nav-actions{display:none}.hero,.page-hero,.statement,.product-section,.content-grid,.faq,.seo-section{padding-left:18px;padding-right:18px}.hero{min-height:650px}.hero h1,.page-hero h1{font-size:52px}.hero-lead,.page-hero>p:not(.eyebrow){font-size:18px}.cards{grid-template-columns:1fr}.statement{padding-top:75px;padding-bottom:75px}.statement h2,.section-head h2,.seo-section h2{font-size:42px}.section-head{display:block}.section-head>p{margin-top:20px}.dark-band{padding:75px 18px}.dark-band h2{font-size:45px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:60;box-shadow:0 -5px 25px rgba(0,0,0,.12)}.mobile-cta a{padding:14px;text-align:center;font-weight:700;background:#fff}.mobile-cta a:last-child{background:#1d1d1f;color:#fff}body{padding-bottom:52px}}

/* =========================================================
   IBG MART OFFICIAL BRANDING
   ========================================================= */

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.brand img{
  width:42px;
  height:42px;
  flex:0 0 42px;
  object-fit:contain;
  border-radius:10px;
}

.brand-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.05;
  white-space:nowrap;
}

.brand-text strong{
  font-size:17px;
  font-weight:800;
  letter-spacing:-.035em;
  color:#1d1d1f;
}

.brand-text small{
  display:block;
  margin-top:4px;
  font-size:9px;
  line-height:1.1;
  font-weight:500;
  letter-spacing:-.01em;
  color:#6e6e73;
}

@media(max-width:900px){
  .brand-text strong{
    font-size:15px;
  }

  .brand-text small{
    font-size:8px;
  }
}

@media(max-width:600px){
  .brand img{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .brand-text strong{
    font-size:14px;
  }

  .brand-text small{
    font-size:7px;
  }
}


/* =========================================================
   IBG MART — OFFICIAL HEADER BRANDING
   ========================================================= */

.site-header .brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  text-decoration:none;
}

.site-header .brand img{
  display:block;
  width:42px;
  height:42px;
  min-width:42px;
  object-fit:contain;
  border-radius:10px;
}

.site-header .brand-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:1;
}

.site-header .brand-text strong{
  display:block;
  color:#1d1d1f;
  font-size:16px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-0.035em;
  white-space:nowrap;
}

.site-header .brand-text small{
  display:block;
  margin-top:4px;
  color:#6e6e73;
  font-size:9px;
  line-height:1.15;
  font-weight:500;
  white-space:nowrap;
}

@media(max-width:900px){
  .site-header .brand-text strong{
    font-size:14px;
  }

  .site-header .brand-text small{
    font-size:8px;
  }
}

@media(max-width:600px){
  .site-header .brand img{
    width:38px;
    height:38px;
    min-width:38px;
  }

  .site-header .brand-text strong{
    font-size:13px;
  }

  .site-header .brand-text small{
    font-size:7px;
  }
}


/* =========================================================
   FINAL BRAND ALIGNMENT
   Company tagline centered under company name
   ========================================================= */

.site-header .brand-text{
  align-items:center;
  text-align:center;
}

.site-header .brand-text strong{
  font-size:17px;
  line-height:1.15;
  text-align:center;
}

.site-header .brand-text small{
  margin-top:5px;
  font-size:11px;
  line-height:1.2;
  text-align:center;
  font-weight:500;
}

@media(max-width:900px){
  .site-header .brand-text strong{
    font-size:15px;
  }

  .site-header .brand-text small{
    font-size:9px;
  }
}

@media(max-width:600px){
  .site-header .brand-text strong{
    font-size:14px;
  }

  .site-header .brand-text small{
    font-size:8px;
  }
}


/* =========================================================
   IBG MART — PROFESSIONAL CORPORATE BRAND HEADER
   FINAL OVERRIDE
   ========================================================= */

.site-header .nav-wrap{
  height:74px;
}

/* Brand container */
.site-header .brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  text-decoration:none;
}

/* Logo */
.site-header .brand img{
  display:block;
  width:46px;
  height:46px;
  min-width:46px;
  object-fit:contain;
  border-radius:11px;
}

/* Text block */
.site-header .brand-text{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  text-align:center;
  line-height:1;
}

/* Company name */
.site-header .brand-text strong{
  display:block;
  margin:0;
  color:#171717;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Arial,sans-serif;
  font-size:18px;
  line-height:1.12;
  font-weight:800;
  letter-spacing:-0.035em;
  white-space:nowrap;
}

/* Company tagline */
.site-header .brand-text small{
  display:block;
  margin:5px 0 0;
  color:#666;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Arial,sans-serif;
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:0;
  white-space:nowrap;
}

/* Desktop navigation balance */
.site-header .nav{
  align-items:center;
}

/* Tablet */
@media(max-width:900px){

  .site-header .nav-wrap{
    height:70px;
  }

  .site-header .brand img{
    width:43px;
    height:43px;
    min-width:43px;
  }

  .site-header .brand-text strong{
    font-size:16px;
  }

  .site-header .brand-text small{
    font-size:10px;
  }
}

/* Mobile */
@media(max-width:600px){

  .site-header .nav-wrap{
    height:62px;
    padding:0 16px;
  }

  .site-header .brand{
    gap:9px;
  }

  .site-header .brand img{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:9px;
  }

  .site-header .brand-text{
    align-items:flex-start;
    text-align:left;
  }

  .site-header .brand-text strong{
    font-size:13px;
    letter-spacing:-0.025em;
  }

  .site-header .brand-text small{
    margin-top:4px;
    font-size:7.5px;
    font-weight:600;
    white-space:nowrap;
  }
}


/* =========================================================
   HOME FOOTER — FINAL VISIBILITY FIX
   ========================================================= */

.site-footer{
  display:block !important;
  position:relative !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100%;
  clear:both;
  float:none;
  background:#f5f5f7;
  color:#1d1d1f;
  padding:70px max(22px,calc((100% - var(--max))/2)) 25px;
  margin:0;
  z-index:1;
}

.site-footer .footer-grid{
  display:grid !important;
}

.site-footer .footer-bottom{
  display:flex !important;
}

.site-footer a{
  visibility:visible;
}

@media(max-width:900px){
  .site-footer .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .site-footer{
    padding:60px 18px 25px;
  }

  .site-footer .footer-grid{
    grid-template-columns:1fr;
    gap:30px;
  }

  .site-footer .footer-bottom{
    display:block !important;
    line-height:1.8;
  }
}


/* FOOTER BRAND LOGO */
.site-footer .footer-brand-logo{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.site-footer .footer-brand-logo img{
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
  border-radius:12px;
}

.site-footer .footer-brand-logo span{
  font-size:24px;
  font-weight:800;
  letter-spacing:-0.05em;
  color:#1d1d1f;
}

@media(max-width:600px){
  .site-footer .footer-brand-logo img{
    width:44px;
    height:44px;
  }

  .site-footer .footer-brand-logo span{
    font-size:22px;
  }
}


/* =========================================
   FOOTER — FULL COMPANY BRANDING
   ========================================= */

.site-footer .footer-brand-logo{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.site-footer .footer-brand-logo img{
  display:block;
  width:48px;
  height:48px;
  min-width:48px;
  object-fit:contain;
  border-radius:12px;
}

.site-footer .footer-brand-logo .footer-brand-name{
  display:block;
  font-size:20px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-0.04em;
  color:#1d1d1f;
}

@media(max-width:600px){

  .site-footer .footer-brand-logo{
    gap:10px;
  }

  .site-footer .footer-brand-logo img{
    width:44px;
    height:44px;
    min-width:44px;
  }

  .site-footer .footer-brand-logo .footer-brand-name{
    font-size:17px;
  }

}


/* =========================================================
   FOOTER BRAND — FINAL
   ========================================================= */

.site-footer .footer-brand-logo{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 18px 0 !important;
}

.site-footer .footer-brand-logo img{
  display:block !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  object-fit:contain !important;
  border-radius:12px !important;
}

.site-footer .footer-brand-name{
  display:block !important;
  color:#1d1d1f !important;
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-0.04em !important;
  white-space:nowrap !important;
}

@media(max-width:600px){

  .site-footer .footer-brand-logo{
    gap:10px !important;
  }

  .site-footer .footer-brand-logo img{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
  }

  .site-footer .footer-brand-name{
    font-size:17px !important;
    white-space:normal !important;
  }

}