/* V177 — pixel-match pass based on approved desktop/tablet/mobile hero mockups. */

/* Shared hero language */
html body[data-v177="true"] #top.hero-v176{
  background:#fbf7ef!important;
  overflow:hidden!important;
}
html body[data-v177="true"] #top.hero-v176 .hero-v176__title{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  letter-spacing:-.045em!important;
  color:#0a1f46!important;
  text-wrap:balance!important;
}
html body[data-v177="true"] #top.hero-v176 .hero-v176__title em{
  color:#aa7222!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}
html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{
  color:#2b3c59!important;
  font-weight:400!important;
}
html body[data-v177="true"] #top.hero-v176 .hero-v176__kicker{
  background:rgba(255,252,247,.58)!important;
  border-color:rgba(177,122,35,.55)!important;
  box-shadow:none!important;
}
html body[data-v177="true"] #top.hero-v176 .hero-v176__wash{
  background:linear-gradient(90deg,
    rgba(251,247,239,.985) 0%,
    rgba(251,247,239,.955) 30%,
    rgba(251,247,239,.78) 43%,
    rgba(251,247,239,.36) 54%,
    rgba(251,247,239,.08) 64%,
    rgba(251,247,239,0) 74%)!important;
}
html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs li{
  font-weight:500!important;
}
html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs i{
  background:rgba(255,251,244,.48)!important;
  font-weight:500!important;
}

/* Desktop — match the approved wide mockup proportions */
@media (min-width:1101px){
  html body[data-v177="true"] #top.hero-v176,
  html body[data-v177="true"] #top.hero-v176 .hero-v176__inner{
    min-height:calc(100svh - 82px)!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__inner{
    align-items:center!important;
    padding-top:24px!important;
    padding-bottom:30px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__copy{
    width:min(835px,59vw)!important;
    max-width:835px!important;
    transform:translateY(-8px)!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__kicker{
    min-height:46px!important;
    padding:10px 20px!important;
    margin:0 0 20px!important;
    font-size:18px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{
    max-width:835px!important;
    font-size:clamp(62px,4.85vw,78px)!important;
    line-height:.91!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title span{
    white-space:nowrap!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title em{
    margin-top:11px!important;
    font-size:.70em!important;
    line-height:.98!important;
    white-space:nowrap!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs{
    margin-top:28px!important;
    gap:14px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs li{
    font-size:19px!important;
    line-height:1.25!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs i{
    width:38px!important;height:38px!important;flex-basis:38px!important;font-size:20px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{
    margin-top:26px!important;
    max-width:700px!important;
    font-size:18px!important;
    line-height:1.48!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions{
    margin-top:28px!important;
    width:min(730px,100%)!important;
    gap:16px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions .button{
    min-height:62px!important;
    border-radius:15px!important;
    font-size:17px!important;
    padding:15px 24px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__media img{
    object-position:center center!important;
  }
}

/* Tablet — separate composition, not a squeezed desktop */
@media (max-width:1100px) and (min-width:700px){
  html body[data-v177="true"] .site-header .header51-write-v107,
  html body[data-v177="true"] .site-header .header51-cta,
  html body[data-v177="true"] .site-header .header51-phone{
    display:none!important;
  }
  html body[data-v177="true"] .site-header .header51-shell{
    max-width:none!important;
  }
  html body[data-v177="true"] .site-header .header51-top{
    justify-content:space-between!important;
  }
  html body[data-v177="true"] #top.hero-v176,
  html body[data-v177="true"] #top.hero-v176 .hero-v176__inner{
    min-height:calc(100svh - 78px)!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__inner{
    align-items:flex-start!important;
    padding-top:clamp(64px,7.5vh,88px)!important;
    padding-bottom:28px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__copy{
    width:58%!important;
    max-width:560px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__kicker{
    min-height:40px!important;
    margin-bottom:20px!important;
    padding:8px 16px!important;
    font-size:15.5px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{
    max-width:550px!important;
    font-size:clamp(54px,7.2vw,70px)!important;
    line-height:.91!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title span{
    max-width:500px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title em{
    margin-top:10px!important;
    font-size:.70em!important;
    line-height:.98!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs{
    margin-top:26px!important;
    gap:12px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs li{
    font-size:16.5px!important;
    line-height:1.28!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs i{
    width:34px!important;height:34px!important;flex-basis:34px!important;font-size:18px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{
    margin-top:24px!important;
    max-width:515px!important;
    font-size:16.5px!important;
    line-height:1.46!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions{
    margin-top:24px!important;
    width:min(100%,455px)!important;
    max-width:455px!important;
    gap:11px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions .button{
    min-height:58px!important;
    font-size:16px!important;
    border-radius:15px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.975) 0%,
      rgba(251,247,239,.93) 35%,
      rgba(251,247,239,.68) 49%,
      rgba(251,247,239,.20) 61%,
      rgba(251,247,239,0) 73%)!important;
  }
}

/* Mobile — approved visual hierarchy: large editorial title, clean person, CTA stack. */
@media (max-width:699px){
  html body[data-v177="true"] #top.hero-v176,
  html body[data-v177="true"] #top.hero-v176 .hero-v176__inner{
    min-height:calc(100svh - 68px)!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__inner{
    padding:18px 16px max(16px,env(safe-area-inset-bottom))!important;
    align-items:stretch!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__copy{
    width:100%!important;
    max-width:none!important;
    min-height:calc(100svh - 104px)!important;
    justify-content:flex-start!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__kicker{
    min-height:38px!important;
    margin:2px 0 18px!important;
    padding:8px 14px!important;
    font-size:13px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{
    width:62%!important;
    max-width:260px!important;
    font-size:clamp(43px,11.8vw,50px)!important;
    line-height:.89!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title span{
    max-width:245px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title em{
    margin-top:10px!important;
    font-size:.74em!important;
    line-height:.95!important;
    max-width:270px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs{display:none!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{
    width:55%!important;
    max-width:235px!important;
    margin-top:28px!important;
    margin-bottom:0!important;
    font-size:16.5px!important;
    line-height:1.42!important;
    font-weight:400!important;
    text-shadow:none!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions{
    width:100%!important;
    max-width:none!important;
    margin-top:auto!important;
    padding-top:18px!important;
    gap:11px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions .button{
    width:100%!important;
    min-height:60px!important;
    border-radius:16px!important;
    font-size:16.5px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__wash{
    background:linear-gradient(90deg,
      rgba(251,247,239,.975) 0%,
      rgba(251,247,239,.90) 32%,
      rgba(251,247,239,.62) 46%,
      rgba(251,247,239,.18) 58%,
      rgba(251,247,239,0) 69%)!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__media img{
    object-position:center center!important;
  }
}
@media (max-width:430px){
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{width:63%!important;max-width:258px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{width:56%!important;max-width:232px!important}
}
@media (max-width:390px){
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{width:64%!important;max-width:246px!important;font-size:45px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{width:57%!important;max-width:220px!important;font-size:15.8px!important}
}
@media (max-width:375px){
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{width:65%!important;max-width:236px!important;font-size:43px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{width:58%!important;max-width:212px!important;font-size:15.3px!important}
}
@media (max-width:360px){
  html body[data-v177="true"] #top.hero-v176 .hero-v176__inner{padding-left:14px!important;padding-right:14px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{width:66%!important;max-width:225px!important;font-size:41px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{width:59%!important;max-width:205px!important;font-size:14.8px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions .button{min-height:58px!important;font-size:15.5px!important}
}

/* V177.1 — large-canvas scaling so 1024 portrait and 1920 desktop retain the mockup proportions */
@media (min-width:1700px){
  html body[data-v177="true"] #top.hero-v176 .hero-v176__copy{
    width:min(940px,58vw)!important;
    max-width:940px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__kicker{
    min-height:50px!important;
    padding:11px 22px!important;
    font-size:19px!important;
    margin-bottom:24px!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{
    max-width:940px!important;
    font-size:clamp(76px,4.65vw,90px)!important;
  }
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs{margin-top:32px!important;gap:16px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs li{font-size:21px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs i{width:40px!important;height:40px!important;flex-basis:40px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{font-size:19px!important;max-width:780px!important;margin-top:28px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions{width:min(790px,100%)!important;margin-top:30px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions .button{min-height:66px!important;font-size:18px!important}
}

@media (max-width:1100px) and (min-width:900px) and (min-height:1200px){
  html body[data-v177="true"] #top.hero-v176 .hero-v176__inner{padding-top:104px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__copy{width:58%!important;max-width:600px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__kicker{font-size:17px!important;min-height:44px!important;margin-bottom:24px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__title{font-size:72px!important;max-width:600px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs{margin-top:32px!important;gap:15px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__proofs li{font-size:18px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__lead{margin-top:30px!important;font-size:17.5px!important;line-height:1.5!important;max-width:545px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions{margin-top:34px!important;max-width:480px!important;gap:13px!important}
  html body[data-v177="true"] #top.hero-v176 .hero-v176__actions .button{min-height:62px!important;font-size:17px!important}
}
