.community-form{display:flex;gap:10px;max-width:100%;margin:0}
.community-form input{min-width:0;flex:1;border:1px solid #b8c3c8;background:white;border-radius:30px;padding:14px 18px;font:inherit;font-size:15px;color:#181b20}
.community-form .button{font-size:14px;padding:14px 20px;white-space:nowrap;min-height:48px}
.community-form-note,.hero.hero-array .hero-bottom .community-form-note{font-size:12px;line-height:1.5;margin:10px 0 16px;color:#454d55;text-align:left}
.community-demo-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.local-form-note{font-size:11px!important;line-height:1.5!important;color:#4b5960!important;margin:8px 0!important;text-align:left!important}
.community-next{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:24px;align-items:center;text-align:left;background:#e6eff2;padding:24px;border-radius:16px;margin-top:18px;max-width:100%;outline-offset:4px}
.community-next[hidden],form[hidden]{display:none!important}
.community-next h3{font-size:24px!important;line-height:1.2;margin:0 0 12px!important;letter-spacing:-.02em}
.community-next p{font-size:14px!important;line-height:1.6!important;margin:0 0 16px!important;color:#253d48!important;text-align:left!important}
.community-next img{width:160px;height:160px;display:block;background:white;border-radius:8px}
.community-next .button{font-size:14px!important;padding:12px 18px;white-space:normal}
.community-next .community-scan-note{font-size:12px!important;margin:12px 0!important}
.community-another{padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:#253d48}
.community-footer{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.community-footer p{width:100%;text-align:right;margin:0}.community-footer a,.community-footer small{font-size:12px;color:#454d55}
.community-form input:focus-visible,.community-next a:focus-visible,.community-another:focus-visible{outline:2px solid #315c70;outline-offset:4px}

.hero.hero-array .community-form{margin-top:18px}
.hero.hero-array .hero-bottom .community-form-note{font-size:12px;line-height:1.5;margin:10px 0 16px;text-align:inherit}
.hero.hero-array .community-demo-link{display:inline-block;margin-top:2px}
.footer-socials{display:flex;gap:8px;align-items:center}
.footer-socials a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;color:var(--ink);border-radius:50%;transition:background .15s}
.footer-socials a:hover{background:#e4eaed}
.footer-socials a:focus-visible{outline:2px solid #315c70;outline-offset:3px}

@media(max-width:1023px){
 .community-footer{justify-content:flex-start}.community-footer p{text-align:left}
}
@media(max-width:540px){
 .community-form{flex-direction:column}.community-form .button{width:100%;justify-content:center}
 .community-next{grid-template-columns:1fr;gap:16px;padding:20px}
 .community-next img{width:180px;height:180px}.community-next .button{width:100%;justify-content:center}
 .community-footer{gap:12px}.footer-socials{width:100%}
}

/* Lift the lead capture into the clear space beneath the secondary products. */
@media(min-width:1024px){
 .hero.hero-array .hero-bottom{top:515px;width:500px}
 .hero.hero-array .hero-bottom > p:first-child{width:550px;max-width:none;font-size:18px;line-height:1.65;text-wrap:wrap}
 .hero.hero-array .hero-corner-note{position:absolute;right:86px;bottom:48px;width:365px;margin:0;font-size:12px;line-height:1.5;text-align:right;color:#f4f7fa;z-index:4}
}
@media(max-width:1023px){
 .hero.hero-array .hero-corner-note{position:relative;max-width:46ch;margin:18px 0 0;font-size:12px;line-height:1.5;text-align:right;align-self:flex-end;color:#454d55}
}

/* A compact confirmation strip shares the hero's existing bottom edge. */
.hero-community-next{background:rgba(230,239,242,.5);grid-template-columns:minmax(0,1fr) 140px;gap:32px;z-index:5;box-sizing:border-box}
.hero-community-next .community-next-copy p{max-width:68ch}
.community-next-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.community-qr{margin:0;text-align:center}
.hero-community-next .community-qr img{width:140px;height:140px;border-radius:8px}
.community-qr figcaption{font-size:11px;line-height:1.4;color:#253d48;margin-top:6px}
.hero.hero-array:has(.hero-community-next:not([hidden])) #hero-form-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero.hero-array:has(.hero-community-next:not([hidden])) .community-demo-link{display:none}
@media(min-width:1024px){
 .hero.hero-array .hero-community-next{position:absolute;left:5%;right:5%;bottom:24px;margin:0;max-width:none;padding:18px 28px;border-radius:16px}
 .hero.hero-array:has(.hero-community-next:not([hidden])) .hero-bottom > p:first-child{width:780px;font-size:16px;line-height:1.5}
 .hero.hero-array .hero-community-next{grid-template-columns:minmax(0,1fr) 120px}
 .hero.hero-array .hero-community-next .community-qr img{width:120px;height:120px}
}
@media(max-width:1023px){
 .hero.hero-array .hero-community-next{width:100%;margin-top:20px;padding:20px;gap:20px}
}
@media(max-width:540px){
 .hero.hero-array .hero-community-next{grid-template-columns:minmax(0,1fr) 104px;gap:16px;padding:18px}
 .hero-community-next h3{font-size:20px!important}
 .hero-community-next p{font-size:13px!important}
 .hero-community-next .community-qr img{width:104px;height:104px}
 .hero-community-next .community-next-actions{gap:14px}
 .hero-community-next .button{font-size:12px!important;padding:10px 12px}
}
