/* Keep the legacy stylesheet intact. Responsive refinements, September 2026. */
html{overflow-x:clip}
.hero{isolation:isolate}
.message-brand img.approved-message-logo{width:160px;height:auto}
.hero::after{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);pointer-events:none}
.faq-section{border-top:2px solid color-mix(in srgb,var(--faq-text) 17%,transparent);box-shadow:inset 0 16px 36px -30px #201c2050}
.faq-list{align-self:start;padding:12px 30px;background:color-mix(in srgb,var(--faq-bg) 55%,white);border:1px solid color-mix(in srgb,var(--faq-text) 13%,transparent);border-radius:22px;box-shadow:0 16px 44px -24px #29202442}
.faq-list details:last-child{border-bottom:0}
@media(max-width:760px){
 .hero-visual .floating-label{position:absolute;inset:12px auto auto 8px;transform:none;animation:none;max-width:calc(100% - 16px);width:fit-content;margin:0;padding:10px 12px;gap:9px;box-shadow:0 8px 24px #07050630;z-index:2}
 .hero-visual .floating-label strong{font-size:11px;line-height:1.4}
 .hero-visual .floating-label .label-icon{width:28px;height:28px;flex-shrink:0}
 .hero-visual .photo-index{top:auto;bottom:12px;left:25px;right:auto;text-align:left;max-width:calc(100% - 100px)}
 .hero .hero-footnote{margin-top:38px;margin-bottom:12px;row-gap:12px}
 .faq-list{padding:4px 20px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.floating-label{animation:none}}