/* Additions for the move to appsites.in: logo, ABDM band, hero picture, form states, footer links.
   Loaded after styles.css (and abdm.css) so these rules win. Replaces the old logo.css. */

.brand{display:flex;align-items:center;width:118px}
.brand img{display:block;width:100%;height:auto}

/* ABDM band under the header */
.abdm-trust{background:#e4f4e7;border-top:1px solid #c7e6cd;border-bottom:1px solid #c7e6cd}
.abdm-trust-inner{max-width:1240px;margin:auto;padding:12px 28px;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.abdm-trust-tick{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1a8f3a;color:#fff;font-weight:700}
.abdm-trust p{margin:0;flex:1 1 420px;min-width:0;font-size:14px;line-height:1.45;color:#1f3a33}
.abdm-trust p b{color:#14532d}
.abdm-trust-link{flex:none;font-size:14px;font-weight:700;color:#1f2d6b;border-bottom:1px solid currentColor}
.abdm-trust-link b{font-weight:400}
.abdm-trust-link:hover{color:#1a8f3a}

/* Hero image now sits in <picture> (WebP with JPEG fallback) */
.hero-media>picture{display:block;height:100%}
.hero-media>picture>img{display:block;height:100%;width:100%;object-fit:cover;object-position:center;border-radius:4px}

/* ABDM page badge is a link to the listing on abdm.gov.in */
a.abdm-badge{color:#fff}
a.abdm-badge:hover .badge-ring{background:#b4df74;color:#173e45}
.abdm-milestones{padding-bottom:40px}

/* Demo form */
.demo-form{position:relative}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.demo-form button[disabled]{opacity:.6;cursor:wait}
.form-message.is-error{color:#b42318}
.form-note{grid-column:1/-1;margin:0;font-size:12px;color:#506f70}
.form-note a,.faq-list p a,footer small a{text-decoration:underline}

/* Footer: contacts, other services, company line */
footer{grid-template-columns:1.1fr 1fr 1fr 1fr auto}
.footer-links a{font-weight:600}
.footer-links span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}

a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #1f2d6b;outline-offset:3px}

@media(max-width:800px){
  .brand{width:96px}
  .abdm-trust-inner{padding:12px 20px;align-items:flex-start}
  .abdm-trust p{flex-basis:calc(100% - 44px);font-size:13px}
  .abdm-trust-link{margin-left:44px}
  footer{grid-template-columns:1fr 1fr}
  footer small{grid-column:1/-1;text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}