/* Responsive sizing shared by all website preview routes. */
html{box-sizing:border-box;overflow-x:clip}*,*::before,*::after{box-sizing:inherit}body{min-width:0;width:100%;margin:0}img,video,iframe{max-width:100%}main,section,header,footer{min-width:0}.wrap{width:calc(100% - 48px)!important;max-width:1120px!important;margin-inline:auto!important}header .wrap{max-width:1120px!important}header nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}header nav a{min-width:0;white-space:normal;font-size:14px!important;padding:10px 8px!important}header nav a.banner-active{background:#101010!important;color:#fff!important}.detail-banner{display:grid!important;grid-template-columns:minmax(0,1fr) 160px!important;padding:0!important;gap:32px!important}.detail-banner>.banner-bag{position:static!important;width:140px!important;height:auto!important;margin:0!important;transform:none!important;justify-self:center}.detail-copy h1{font-size:clamp(32px,4vw,52px)!important;line-height:1.08!important}.detail-copy p{white-space:normal!important;max-width:100%!important}.narrative{gap:32px!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.narrative h2{font-size:clamp(26px,3vw,36px)}.pilot h2{white-space:normal!important}.intro-logo img.inabag-local-mark{max-width:min(380px,85vw)!important;height:auto!important}.inline-steps{gap:24px}.step-photo{aspect-ratio:1.75;background:#f4f4f4}.step-photo img{object-fit:contain}.inline-how{padding:36px 0}.inline-how>h2{font-size:clamp(28px,3.4vw,40px)}.inabag-preview-dialog{max-width:min(850px,92vw);max-height:85dvh}.inabag-preview-dialog img{max-height:65dvh;max-width:82vw}#experience-main{width:100%;max-width:1120px;margin-inline:auto}.brand img{height:auto!important}.preview-shell-note{font:14px Arial} @media(max-width:800px){.wrap{width:calc(100% - 32px)!important}.detail-banner{grid-template-columns:minmax(0,1fr) 90px!important;gap:16px!important}.detail-banner>.banner-bag{width:80px!important}.narrative{grid-template-columns:1fr!important}.narrative-with-action{grid-template-areas:"heading" "copy" "action"!important}.benefits{grid-template-columns:1fr}.detail-copy h1{font-size:34px!important}header nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){.detail-banner{grid-template-columns:1fr!important}.detail-banner>.banner-bag{display:none}.detail-copy h1{font-size:32px!important}}

/* Revision 94: centered action labels and restrained photographic operator panels. */
.button,button.primary,.flow-actions button,.pilot-actions a{justify-content:center;text-align:center}
a.button{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.operator-photo-steps{max-width:900px;margin-inline:auto}
.operator-photo-steps .step-photo{aspect-ratio:2.13;background:#f4f4f4}
.operator-photo-steps .step-photo img{object-fit:contain}
#business-how-it-works .step-photo{aspect-ratio:1400/850;background:#f1ede6}
#business-how-it-works .step-photo img{object-fit:contain}

/* Revision 96: audience call requests and laptop proportions. */
.audience-call{text-align:center;padding-top:24px;padding-bottom:48px}.audience-call p{font-size:15px;margin:12px auto 0;color:#65615a}
#business-how-it-works .step-photo{aspect-ratio:1400/1050}

/* Revision 97: photographic journey assets. */
#business-how-it-works .step-photo{aspect-ratio:1536/1024}

/* Revision 98: separate the offer catalog from Community Partners. */
#customers .catalog-spotlight{background:#e2ad52;color:#151515;border-left:6px solid #c48a2d}
#customers .catalog-spotlight .eyebrow,#customers .catalog-spotlight h2,#customers .catalog-spotlight p{color:#151515}
#customers .catalog-spotlight .button{background:#c48a2d;color:#101010;border:1px solid #80550e;justify-content:center;text-align:center}

/* Revision 100: compact customer box and aligned audience actions. */
#customers .customer-story{grid-template-areas:"heading intro" "catalog scan";align-items:start;row-gap:20px!important}
.customer-story>.story-heading{grid-area:heading}.customer-intro{grid-area:intro}.customer-scan{grid-area:scan}
#customers .customer-story>.catalog-spotlight{grid-area:catalog;padding:18px 20px;align-self:start}
#customers .catalog-spotlight h2{font-size:24px;line-height:1.15;margin:0 0 8px}
#customers .catalog-spotlight p{font-size:16px;line-height:1.4;margin:0 0 12px}
#customers .catalog-spotlight .button{padding:8px 14px;min-height:42px;font-size:14px;line-height:1.3;width:100%}
.customer-intro>p:first-child,.customer-scan>p:first-child{margin-top:0}
.business-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px;align-items:start}
.business-call{grid-column:1 / 3;text-align:center}.business-roi{text-align:center}
.business-action-row .button{margin:0!important;min-height:48px}.business-call p{font-size:15px;margin:10px 0 0;color:#65615a}
#community-partners .narrative-with-action{grid-template-areas:"heading copy"}
#community-partners .civic-action{display:flex;justify-content:center;margin-top:24px}
#community-partners .civic-action .button{margin:0}
@media(max-width:800px){#customers .customer-story{grid-template-areas:"heading" "intro" "catalog" "scan";grid-template-columns:1fr!important}.business-action-row{grid-template-columns:1fr}.business-call{grid-column:auto}#community-partners .narrative-with-action{grid-template-areas:"heading" "copy"!important}#community-partners .civic-action{margin-bottom:8px}}