/* Footer appearance shared with contact.html. No contact form or JavaScript changes. */
.shell{max-width:1060px;margin:0 auto;width:calc(100% - 48px)}
.contact-footer{background:#171d2c;border-top:1px solid rgba(255,255,255,.045);padding-top:59px;color:#b0b8c6}
.contact-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:55px}
.contact-footer .footer-brand img{display:block;width:135px;height:auto;filter:brightness(0) invert(1)}
.contact-footer .footer-brand p{max-width:270px;color:#929aaa;font-size:13px;line-height:1.8;margin:17px 0 0}
.contact-footer .footer-group h3{color:#878e9d;font-size:11px;letter-spacing:.12em;margin:0 0 18px;font-weight:800}
.contact-footer .footer-group a{display:block;width:fit-content;margin-bottom:13px;text-decoration:none;color:#b0b8c6;font-size:13px}
.contact-footer .footer-group a:hover{color:var(--orange,#e87a2c)}
.contact-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0 30px;border-top:1px solid rgba(255,255,255,.065);color:#747d8e;font-size:12px}
@media(max-width:800px){.contact-footer .footer-grid{grid-template-columns:1fr 1fr}.contact-footer .footer-brand{grid-column:1 / -1}}
@media(max-width:490px){.shell{width:calc(100% - 34px)}.contact-footer .footer-grid{grid-template-columns:1fr;gap:28px;padding-bottom:35px}.contact-footer .footer-brand{grid-column:auto}.contact-footer .footer-bottom{flex-direction:column;align-items:flex-start}}

/* Interactive white information strip (index page only). */
.info-strip .info-item {
  color: inherit;
  text-decoration: none;
  border-radius: 12px;
  transition: background-color .2s ease;
  cursor: pointer;
}
.info-strip .info-icon {
  color: var(--orange, #e87a2c);
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.info-strip .info-item:hover,
.info-strip .info-item:focus-visible {
  background-color: #fff8f2;
}
.info-strip .info-item:hover .info-icon,
.info-strip .info-item:focus-visible .info-icon {
  background-color: #ffe0c6;
  color: #c9520e;
  box-shadow: 0 0 0 5px rgba(232,122,44,.10);
  transform: translateY(-2px);
}
.info-strip .info-item:focus-visible {
  outline: 2px solid var(--orange, #e87a2c);
  outline-offset: 2px;
}
#portal-login { scroll-margin-top: 24px; }
@media (prefers-reduced-motion: reduce) {
  .info-strip .info-item, .info-strip .info-icon { transition: none; }
}

/* Hero features: desktop keeps the existing three pills. */
.hero-mobile-bar { display: none; }

/* On phones, replace the three hero pills with a single full-bleed orange bar. */
@media (max-width: 730px) {
  .hero-copy .hero-foot { display: none; }
  .hero-copy .hero-mobile-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: clamp(3px, .9vw, 7px);
    white-space: nowrap;
    width: calc(100% + 44px);
    margin: 26px 0 0 -22px;
    padding: 12px 5px;
    border-block: 1px solid rgba(255,255,255,.13);
    background: #e8782d;
    color: #172033;
    font-size: clamp(12px, 4vw, 18px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.2;
    text-align: center;
  }
  .hero-mobile-separator {
    font-size: 1.15em;
    line-height: 1;
    opacity: .8;
  }
}
@media (max-width: 420px) {
  .hero-copy .hero-mobile-bar {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}