/* V176 — approved hero composition. Loaded last and authoritative for #top only. */
body[data-v176="true"] #top.hero-v176{
  position:relative;
  min-height:calc(100svh - 84px);
  overflow:hidden;
  background:#fbf7ef;
  isolation:isolate;
}
body[data-v176="true"] #top .hero-v176__media{
  position:absolute;
  inset:0;
  display:block;
  z-index:0;
}
body[data-v176="true"] #top .hero-v176__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
body[data-v176="true"] #top .hero-v176__wash{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(251,247,239,.98) 0%,
    rgba(251,247,239,.96) 31%,
    rgba(251,247,239,.83) 43%,
    rgba(251,247,239,.42) 54%,
    rgba(251,247,239,.08) 64%,
    rgba(251,247,239,0) 72%);
}
body[data-v176="true"] #top .hero-v176__inner{
  position:relative;
  z-index:2;
  min-height:calc(100svh - 84px);
  display:flex;
  align-items:center;
  padding-top:34px;
  padding-bottom:36px;
}
body[data-v176="true"] #top .hero-v176__copy{
  width:min(760px,55vw);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body[data-v176="true"] #top .hero-v176__kicker{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  margin:0 0 22px;
  padding:9px 18px;
  border:1px solid rgba(177,122,35,.45);
  border-radius:999px;
  background:rgba(255,252,247,.58);
  color:#17345f;
  font-size:17px;
  line-height:1.15;
  font-weight:500;
  white-space:nowrap;
  backdrop-filter:blur(2px);
}
body[data-v176="true"] #top .hero-v176__title{
  margin:0;
  max-width:760px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(56px,4.55vw,76px);
  line-height:.94;
  letter-spacing:-.035em;
  font-weight:700;
  color:#0e2348;
  text-wrap:balance;
}
body[data-v176="true"] #top .hero-v176__title span,
body[data-v176="true"] #top .hero-v176__title em{
  display:block;
}
body[data-v176="true"] #top .hero-v176__title em{
  margin-top:10px;
  color:#ad7727;
  font-style:normal;
  font-size:.72em;
  line-height:1.02;
  letter-spacing:-.025em;
}
body[data-v176="true"] #top .hero-v176__proofs{
  list-style:none;
  margin:28px 0 0;
  padding:0;
  display:grid;
  gap:12px;
  max-width:650px;
}
body[data-v176="true"] #top .hero-v176__proofs li{
  display:flex;
  align-items:center;
  gap:14px;
  color:#122a4e;
  font-size:18px;
  line-height:1.25;
  font-weight:600;
}
body[data-v176="true"] #top .hero-v176__proofs i{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(184,126,32,.45);
  border-radius:50%;
  color:#b27a23;
  background:rgba(255,251,244,.60);
  font-style:normal;
  font-size:19px;
  font-weight:700;
}
body[data-v176="true"] #top .hero-v176__lead{
  margin:24px 0 0;
  max-width:650px;
  color:#31435f;
  font-size:17px;
  line-height:1.5;
  font-weight:400;
}
body[data-v176="true"] #top .hero-v176__actions{
  display:flex;
  gap:14px;
  margin-top:26px;
  width:min(650px,100%);
}
body[data-v176="true"] #top .hero-v176__actions .button{
  flex:1 1 0;
  min-height:58px;
  border-radius:16px;
  font-size:16px;
  font-weight:700;
  justify-content:center;
  gap:14px;
  padding:14px 22px;
}
body[data-v176="true"] #top .hero-v176__actions .cta-triangle-v173{
  margin-left:auto;
  flex:0 0 auto;
}

/* Mid-size desktop / landscape tablet */
@media (max-width:1260px) and (min-width:1101px){
  body[data-v176="true"] #top .hero-v176__copy{width:min(650px,53vw)}
  body[data-v176="true"] #top .hero-v176__title{font-size:clamp(52px,4.25vw,62px)}
  body[data-v176="true"] #top .hero-v176__proofs li{font-size:16px}
  body[data-v176="true"] #top .hero-v176__lead{font-size:16px;max-width:580px}
  body[data-v176="true"] #top .hero-v176__actions{width:min(590px,100%)}
}

/* Tablet: keep the same visual language, slightly denser, stats remain below hero */
@media (max-width:1100px) and (min-width:700px){
  body[data-v176="true"] #top.hero-v176{
    min-height:calc(100svh - 82px);
  }
  body[data-v176="true"] #top .hero-v176__media img{
    object-position:center center;
  }
  body[data-v176="true"] #top .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.99) 0%,
      rgba(251,247,239,.96) 36%,
      rgba(251,247,239,.82) 51%,
      rgba(251,247,239,.34) 62%,
      rgba(251,247,239,.04) 72%,
      transparent 80%);
  }
  body[data-v176="true"] #top .hero-v176__inner{
    min-height:calc(100svh - 82px);
    align-items:center;
    padding-top:34px;
    padding-bottom:34px;
  }
  body[data-v176="true"] #top .hero-v176__copy{
    width:56%;
    max-width:570px;
  }
  body[data-v176="true"] #top .hero-v176__kicker{
    min-height:38px;
    margin-bottom:18px;
    padding:8px 15px;
    font-size:15px;
  }
  body[data-v176="true"] #top .hero-v176__title{
    font-size:clamp(46px,6.1vw,62px);
    line-height:.94;
  }
  body[data-v176="true"] #top .hero-v176__title em{
    font-size:.70em;
    margin-top:9px;
  }
  body[data-v176="true"] #top .hero-v176__proofs{
    gap:10px;
    margin-top:22px;
  }
  body[data-v176="true"] #top .hero-v176__proofs li{
    gap:11px;
    font-size:15px;
    line-height:1.25;
  }
  body[data-v176="true"] #top .hero-v176__proofs i{
    width:30px;
    height:30px;
    flex-basis:30px;
    font-size:17px;
  }
  body[data-v176="true"] #top .hero-v176__lead{
    margin-top:19px;
    font-size:15px;
    line-height:1.45;
    max-width:490px;
  }
  body[data-v176="true"] #top .hero-v176__actions{
    margin-top:20px;
    width:100%;
    max-width:500px;
    gap:11px;
  }
  body[data-v176="true"] #top .hero-v176__actions .button{
    min-height:54px;
    padding:12px 16px;
    font-size:14px;
  }
}

/* Mobile: approved composition — one soft left wash, no proof bullets, no stats inside first screen */
@media (max-width:699px){
  body[data-v176="true"] #top.hero-v176{
    min-height:calc(100svh - 78px);
  }
  body[data-v176="true"] #top .hero-v176__media img{
    object-fit:cover;
    object-position:center center;
  }
  body[data-v176="true"] #top .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.99) 0%,
      rgba(251,247,239,.96) 34%,
      rgba(251,247,239,.78) 50%,
      rgba(251,247,239,.24) 61%,
      rgba(251,247,239,.02) 70%,
      transparent 77%);
  }
  body[data-v176="true"] #top .hero-v176__inner{
    min-height:calc(100svh - 78px);
    align-items:stretch;
    padding:18px 14px max(18px,env(safe-area-inset-bottom));
  }
  body[data-v176="true"] #top .hero-v176__copy{
    width:100%;
    min-height:calc(100svh - 114px);
    max-width:none;
    justify-content:flex-start;
  }
  body[data-v176="true"] #top .hero-v176__kicker{
    min-height:36px;
    margin:2px 0 16px;
    padding:7px 13px;
    font-size:12.5px;
    max-width:max-content;
  }
  body[data-v176="true"] #top .hero-v176__title{
    width:57%;
    max-width:235px;
    font-size:clamp(38px,10.4vw,46px);
    line-height:.98;
  }
  body[data-v176="true"] #top .hero-v176__title em{
    margin-top:8px;
    font-size:.65em;
    line-height:1.02;
  }
  body[data-v176="true"] #top .hero-v176__proofs{
    display:none;
  }
  body[data-v176="true"] #top .hero-v176__lead{
    width:56%;
    max-width:230px;
    margin-top:20px;
    font-size:15px;
    line-height:1.42;
    font-weight:500;
    color:#253c5e;
  }
  body[data-v176="true"] #top .hero-v176__actions{
    margin-top:auto;
    width:min(100%,470px);
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-right:0;
  }
  body[data-v176="true"] #top .hero-v176__actions .button{
    min-height:58px;
    width:100%;
    flex:none;
    border-radius:16px;
    font-size:16px;
    padding:13px 18px;
  }
}

@media (max-width:430px){
  body[data-v176="true"] #top .hero-v176__title{width:59%;max-width:240px}
  body[data-v176="true"] #top .hero-v176__lead{width:58%;max-width:235px}
}
@media (max-width:390px){
  body[data-v176="true"] #top .hero-v176__title{width:60%;max-width:226px;font-size:clamp(36px,10.2vw,42px)}
  body[data-v176="true"] #top .hero-v176__lead{width:59%;max-width:220px;font-size:14.5px;line-height:1.4}
}
@media (max-width:375px){
  body[data-v176="true"] #top .hero-v176__inner{padding-left:13px;padding-right:13px}
  body[data-v176="true"] #top .hero-v176__title{width:61%;max-width:218px;font-size:35px}
  body[data-v176="true"] #top .hero-v176__lead{width:60%;max-width:215px;font-size:14.2px}
}
@media (max-width:360px){
  body[data-v176="true"] #top .hero-v176__kicker{font-size:12px;padding:7px 11px}
  body[data-v176="true"] #top .hero-v176__title{width:62%;max-width:210px;font-size:33px}
  body[data-v176="true"] #top .hero-v176__lead{width:61%;max-width:205px;font-size:13.8px}
  body[data-v176="true"] #top .hero-v176__actions .button{font-size:15px;min-height:56px}
}

/* V176.1 visual tuning after real render */
@media (min-width:1101px){
  body[data-v176="true"] #top .hero-v176__copy{
    width:min(840px,58vw);
    transform:translateY(-18px);
  }
  body[data-v176="true"] #top .hero-v176__title{max-width:840px}
  body[data-v176="true"] #top .hero-v176__title em{
    font-size:.62em;
    white-space:nowrap;
  }
  body[data-v176="true"] #top .hero-v176__proofs{margin-top:26px}
  body[data-v176="true"] #top .hero-v176__lead{margin-top:22px}
  body[data-v176="true"] #top .hero-v176__actions{margin-top:24px}
}

@media (max-width:1100px) and (min-width:700px){
  body[data-v176="true"] #top .hero-v176__inner{
    align-items:flex-start;
    padding-top:clamp(86px,10vh,126px);
  }
  body[data-v176="true"] #top .hero-v176__copy{
    width:55%;
    max-width:560px;
  }
  body[data-v176="true"] #top .hero-v176__title{
    font-size:clamp(46px,6vw,60px);
  }
  body[data-v176="true"] #top .hero-v176__title em{
    font-size:.66em;
  }
  body[data-v176="true"] #top .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.94) 0%,
      rgba(251,247,239,.90) 34%,
      rgba(251,247,239,.68) 49%,
      rgba(251,247,239,.20) 62%,
      rgba(251,247,239,0) 75%);
  }
}

@media (max-width:699px){
  body[data-v176="true"] #top .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.93) 0%,
      rgba(251,247,239,.88) 30%,
      rgba(251,247,239,.62) 46%,
      rgba(251,247,239,.18) 59%,
      rgba(251,247,239,0) 72%);
  }
  body[data-v176="true"] #top .hero-v176__title{
    width:59%;
    max-width:238px;
    font-size:clamp(38px,10.5vw,45px);
  }
  body[data-v176="true"] #top .hero-v176__title em{
    font-size:.64em;
  }
  body[data-v176="true"] #top .hero-v176__lead{
    width:58%;
    max-width:232px;
    margin-top:auto;
    margin-bottom:16px;
    color:#17345f;
    font-size:15.5px;
    line-height:1.4;
    font-weight:600;
    text-shadow:0 1px 0 rgba(255,255,255,.55);
  }
  body[data-v176="true"] #top .hero-v176__actions{
    margin-top:0;
  }
}
@media (max-width:390px){
  body[data-v176="true"] #top .hero-v176__title{width:60%;max-width:224px;font-size:38px}
  body[data-v176="true"] #top .hero-v176__lead{width:59%;max-width:218px;font-size:14.8px}
}
@media (max-width:375px){
  body[data-v176="true"] #top .hero-v176__title{width:61%;max-width:216px;font-size:36px}
  body[data-v176="true"] #top .hero-v176__lead{width:60%;max-width:210px;font-size:14.4px}
}
@media (max-width:360px){
  body[data-v176="true"] #top .hero-v176__title{width:62%;max-width:205px;font-size:34px}
  body[data-v176="true"] #top .hero-v176__lead{width:61%;max-width:202px;font-size:14px}
}

/* Neutralize legacy H1 visual layers from earlier hero versions */
html body[data-v176="true"] #top.hero-v176 .hero-v176__title::before,
html body[data-v176="true"] #top.hero-v176 .hero-v176__title::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
html body[data-v176="true"] #top.hero-v176 .hero-v176__title{
  position:relative!important;
  padding:0!important;
  background:none!important;
  box-shadow:none!important;
}
@media (max-width:699px){
  html body[data-v176="true"] #top.hero-v176 .hero-v176__title{
    width:59%!important;
    max-width:238px!important;
  }
  html body[data-v176="true"] #top.hero-v176 .hero-v176__title em{
    white-space:normal!important;
    text-wrap:balance!important;
  }
}
@media (max-width:390px){html body[data-v176="true"] #top.hero-v176 .hero-v176__title{width:60%!important;max-width:224px!important}}
@media (max-width:375px){html body[data-v176="true"] #top.hero-v176 .hero-v176__title{width:61%!important;max-width:216px!important}}
@media (max-width:360px){html body[data-v176="true"] #top.hero-v176 .hero-v176__title{width:62%!important;max-width:205px!important}}

/* V176.2 final scale tuning */
@media (max-width:1100px) and (min-width:700px){
  html body[data-v176="true"] #top.hero-v176 .hero-v176__title{font-size:clamp(50px,6.4vw,64px)!important}
  html body[data-v176="true"] #top.hero-v176 .hero-v176__proofs li{font-size:16px!important}
  html body[data-v176="true"] #top.hero-v176 .hero-v176__lead{font-size:15.5px!important}
  html body[data-v176="true"] #top.hero-v176 .hero-v176__actions .button{font-size:15px!important}
}
@media (max-width:699px){
  html body[data-v176="true"] #top.hero-v176 .hero-v176__lead{font-size:15.5px!important}
}
@media (max-width:390px){html body[data-v176="true"] #top.hero-v176 .hero-v176__title{font-size:41px!important}}
@media (max-width:375px){html body[data-v176="true"] #top.hero-v176 .hero-v176__title{font-size:39px!important}}
@media (max-width:360px){html body[data-v176="true"] #top.hero-v176 .hero-v176__title{font-size:37px!important} html body[data-v176="true"] #top.hero-v176 .hero-v176__lead{font-size:14.5px!important}}

/* Keep the trust strip fully below the first viewport */
@media (min-width:1101px){
  html body[data-v176="true"] #top.hero-v176,
  html body[data-v176="true"] #top.hero-v176 .hero-v176__inner{min-height:calc(100svh - 80px)!important}
}
@media (max-width:1100px) and (min-width:700px){
  html body[data-v176="true"] #top.hero-v176,
  html body[data-v176="true"] #top.hero-v176 .hero-v176__inner{min-height:calc(100svh - 70px)!important}
}
@media (max-width:699px){
  html body[data-v176="true"] #top.hero-v176,
  html body[data-v176="true"] #top.hero-v176 .hero-v176__inner{min-height:calc(100svh - 68px)!important}
  html body[data-v176="true"] #top.hero-v176 .hero-v176__copy{min-height:calc(100svh - 104px)!important}
}

/* Tablet CTA layout follows the approved vertical composition */
@media (max-width:1100px) and (min-width:700px){
  html body[data-v176="true"] #top.hero-v176 .hero-v176__actions{
    flex-direction:column!important;
    width:min(100%,420px)!important;
    max-width:420px!important;
    gap:10px!important;
  }
  html body[data-v176="true"] #top.hero-v176 .hero-v176__actions .button{
    width:100%!important;
    flex:none!important;
    min-height:54px!important;
    white-space:nowrap!important;
  }
}
