/* Owner-approved responsive correction (15_HOMEPAGE_LIVE build.js respCss) + design hover rule. */
.ia:hover{background:rgba(10,20,10,.06)!important;border-color:rgba(10,20,10,.4)!important}
/* Responsive adaptation of the existing components (inline desktop styles are the default; overrides below). */
html{-webkit-text-size-adjust:100%}
img,svg,iframe{max-width:100%}
@media (max-width:1100px){
  .nav{padding:0 32px!important}
  .sec{padding-left:32px!important;padding-right:32px!important}
  .foot{padding-left:32px!important;padding-right:32px!important}
}
@media (max-width:900px){
  .vgrid{grid-template-columns:repeat(3,1fr)!important}
  .h1{font-size:52px!important}
}
@media (max-width:720px){
  .nav{height:auto!important;flex-wrap:wrap;padding:12px 20px!important;gap:10px 16px}
  .navlinks{order:3;width:100%;justify-content:space-between;gap:12px!important}
  .navr{gap:12px!important}
  .hero{height:auto!important;min-height:600px}
  .hero-in{height:auto!important;padding:56px 20px 0!important}
  .h1{font-size:40px!important;letter-spacing:-1px!important}
  .hero-pill{white-space:normal;text-align:center;line-height:1.5!important;padding:7px 14px!important}
  .hero-cta{flex-wrap:wrap;justify-content:center;gap:12px!important}
  .sec{padding:44px 16px!important}
  .h2{font-size:26px!important}
  .notice{flex-direction:column;gap:10px!important}
  .formcard{padding:20px!important}
  .g2,.g3{grid-template-columns:1fr!important}
  .chips{flex-wrap:wrap}
  .member{padding:16px 18px!important;gap:12px}
  .refcard{padding:18px!important}
  .vgrid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}
  .foot{flex-direction:column;gap:10px;padding:24px 16px 32px!important}
  .label-sec{line-height:1.5!important}
}
@media (max-width:420px){
  .h1{font-size:34px!important}
  .nav{padding:10px 16px!important}
  .navlinks{font-size:13px!important}
}
@media (max-width:339px){
  .vgrid{grid-template-columns:1fr!important}
}