/* One shared InaBag Local mark across marketing and demo routes. */
.inabag-local-mark{display:block;object-fit:contain;max-width:100%;height:auto}
#home .intro-logo img.inabag-local-mark{width:430px;height:auto;max-width:100%}
footer .logo img.inabag-local-mark{width:245px;height:auto}
header .brand{min-width:0;flex-shrink:1}
header .brand img.inabag-local-mark{width:290px;height:auto;margin:0;max-width:100%}
.merchant-demo-brand{max-width:1150px;margin:0 auto;padding:16px 12px}
.merchant-demo-brand .inabag-local-mark{width:240px}
@media(max-width:600px){#home .intro-logo img.inabag-local-mark{width:330px}header:has(>.brand){flex-wrap:wrap;gap:12px}header .brand img.inabag-local-mark{width:250px}}

/* Reading order: heading, narrative, then demo action on mobile. */
.narrative-with-action{grid-template-areas:"heading copy" "action copy";row-gap:16px;align-items:start}
.narrative-with-action>.story-heading{grid-area:heading}
.narrative-with-action>.narrative-copy{grid-area:copy}
.narrative-with-action>.flow-button{grid-area:action;justify-self:start;align-self:start;margin:0}
#dispensaries .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
header nav .audience-unavailable{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 12px;border:2px solid #d2d2d2;border-radius:6px;background:#f1f1f1;color:#777;font-size:16px;font-weight:700;line-height:1.3;text-align:center;cursor:default}
@media(max-width:800px){.narrative-with-action{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "copy" "action";gap:18px}#dispensaries .steps{grid-template-columns:1fr}header nav .audience-unavailable{font-size:13px;padding:8px 4px}}