/* WQGEO 2.3 — header collision fix, tighter hero, compact industry and value flows. */

/* Keep the editable navigation, consultation CTA and QR code in separate lanes. */
.wo-header__inner{
  width:min(calc(100% - 40px),1800px)!important;
  max-width:1800px!important;
  gap:22px!important
}
.wo-brand{flex:0 0 auto}
.wo-nav{flex:1 1 auto;justify-content:flex-end;gap:18px!important;min-width:0}
.wo-menu{gap:clamp(13px,1.25vw,25px)!important;min-width:0}
.wo-header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:4px}
.wo-header-actions>.wo-button{flex:0 0 auto;white-space:nowrap}
.wo-header-actions .wo-header-qr{margin:0 0 0 2px}

/* Bring the lead message closer to the logo and lock the requested two-line title. */
.wo-hero__inner{align-items:start!important;padding-top:76px!important}
.wo-hero__copy{
  align-self:start!important;max-width:720px!important;
  padding:38px 0 22px!important;transform:none!important
}
.wo-hero__copy h1{font-size:clamp(42px,3.65vw,60px)!important;line-height:1.13!important;letter-spacing:-.045em!important}
.wo-hero__copy h1 br{display:block!important}
.wo-hero__copy h1 em{display:block!important;color:var(--wo-accent)!important;font-style:normal}

/* The four service facts remain readable rows, with red labels and regular black values. */
.wo-hero-fact small{
  color:var(--wo-accent)!important;font-weight:900!important;letter-spacing:.08em!important
}
.wo-hero-fact strong{color:#17120f!important;font-weight:400!important}

/* Six industries form the same compact, one-row rhythm as the six core services. */
.wo-industries{background:linear-gradient(145deg,#fffaf5 0%,#f8ede4 100%)}
.wo-industries .wo-section-copy{max-width:900px}
.wo-industry-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;margin-top:25px!important
}
.wo-industry{
  min-height:0!important;border-radius:16px!important;background:#fffdf9!important;
  box-shadow:0 12px 34px rgba(77,46,26,.055)!important
}
.wo-industry img{
  position:relative!important;inset:auto!important;display:block!important;
  width:72px!important;height:54px!important;aspect-ratio:4/3!important;
  margin:16px 16px 0!important;border-radius:10px!important;object-fit:cover!important
}
.wo-industry>div{
  position:relative!important;inset:auto!important;min-height:150px!important;
  padding:10px 16px 18px!important
}
.wo-industry>div>span{font-size:11px!important}
.wo-industry h3{margin:7px 0!important;font-size:16px!important;line-height:1.35!important}
.wo-industry p{font-size:12px!important;line-height:1.65!important}

/* Six reasons use the same warm canvas and compact single-row grid. */
.wo-why{background:linear-gradient(145deg,#fffaf5 0%,#f8ede4 100%)!important}
.wo-why .wo-section-copy{max-width:900px}
.wo-why-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:1px!important;margin-top:25px!important;border-radius:16px!important
}
.wo-why-card{min-height:160px!important;padding:22px 18px!important;background:#fffdf9!important}
.wo-why-card h3{margin:18px 0 8px!important;font-size:17px!important;line-height:1.35!important}
.wo-why-card p{font-size:12px!important;line-height:1.65!important}

@media(max-width:1450px){
  .wo-header__inner{width:calc(100% - 32px)!important;gap:14px!important}
  .wo-brand__tagline{display:none!important}
  .wo-nav{gap:12px!important}
  .wo-menu{gap:13px!important}
  .wo-menu a{font-size:12px!important}
  .wo-header-actions{gap:8px}
  .wo-header-actions .wo-header-qr{--wo-header-qr-size:40px}
}
@media(max-width:1200px){
  .wo-industry-grid,.wo-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
}
@media(max-width:900px){
  .wo-nav{justify-content:flex-start}
  .wo-header-actions{
    display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;
    margin:14px 0 0;gap:10px
  }
  .wo-header-actions>.wo-button{width:100%!important;justify-content:center}
  .wo-header-actions .wo-header-qr{margin:0!important}
  .wo-hero__inner{padding-top:68px!important}
  .wo-hero__copy{padding-top:34px!important}
}
@media(max-width:760px){
  .wo-hero__copy h1{font-size:clamp(36px,10.5vw,48px)!important;line-height:1.1!important}
  .wo-industry-grid{grid-template-columns:1fr!important}
  .wo-industry{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important}
  .wo-industry img{width:64px!important;height:64px!important;margin:16px!important}
  .wo-industry>div{min-height:0!important;padding:16px 16px 16px 0!important}
  .wo-why-grid{grid-template-columns:1fr!important}
  .wo-why-card{min-height:0!important}
}