.business-page .top{background:#241a0f}
.business-page .wrap{width:min(1500px,calc(100% - 64px))}
@media(max-width:760px){.business-page .wrap{width:calc(100% - 40px)}}
.business-hero{background:linear-gradient(130deg,#302316,#171008)}
.business-hero:before,.business-final .business-savings:before{filter:grayscale(1) sepia(1);opacity:.4}
.business-advantages{background:#241a0f}
.business-final{color:#241a0f;background:#f8f4ed}
.business-final-card{border-color:#bda77f;background:linear-gradient(22deg,#e2d2b5,#f5efe4)}
.business-final-copy h2,.business-final-copy h3,.business-final-copy p{color:#241a0f}
.business-final-copy .business-cta{background:#a78545;color:#fff;border-color:#a78545}
.business-final-copy .business-cta:hover{background:#8c6d35}
.business-final .business-savings{background:#302316}
.business-final .business-savings strong,.business-final .business-savings h2,.business-final .business-savings p{color:#f5e9d2}
.business-process h2{max-width:760px;margin-left:auto;margin-right:auto}
.business-audience{background:#f8f4ed}
.audience-intro{max-width:900px}
.audience-intro h2{max-width:850px}
.audience-blocks{margin-top:42px}
.audience-block-heading{font-size:28px;color:#241a0f;margin:0 0 24px}
.audience-needs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.audience-need{grid-column:span 2;background:#fffdf9;border:1px solid #dfd0b6;border-top:3px solid #a78545;border-radius:8px;padding:26px;position:relative}
.audience-need:nth-last-child(-n+2){grid-column:span 3}
.audience-card-number{display:block;color:#98753c;font-size:14px;letter-spacing:.1em;margin-bottom:16px}
.audience-need h4{margin:0 0 12px;font-size:21px;line-height:1.25;color:#241a0f;font-weight:600}
.audience-need p{margin:0;font-size:16px;line-height:1.6;color:#665541}
.sectors-heading{margin-top:52px}
.audience-sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.audience-sector{display:flex;flex-direction:column;align-items:stretch;min-height:110px;padding:25px 28px;background:#302316;border:1px solid #8b6b36;border-radius:8px}
.audience-sector h4{margin:0;color:#f5e9d2;font-size:22px;line-height:1.3;font-weight:600}
.audience-sector ul{padding-left:18px;margin:20px 0 0;border-top:1px solid #a7854559;padding-top:18px;color:#e4d5bd;font-size:15px;line-height:1.55}
.audience-sector li{padding-left:3px;margin-bottom:10px}.audience-sector li:last-child{margin-bottom:0}.audience-sector li::marker{color:#bf9c5a}
.sector-intro{font-size:18px;color:#665541;margin:-10px 0 28px}
@media(max-width:1000px){.audience-needs{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-need,.audience-need:nth-last-child(-n+2){grid-column:auto}.audience-need:last-child{grid-column:1/-1}.audience-sectors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.audience-needs,.audience-sectors{grid-template-columns:1fr}.audience-need{padding:23px}.audience-block-heading{font-size:25px}.audience-sector{min-height:88px;padding:22px}.audience-sector h4{font-size:21px}.business-final-copy .business-cta{padding:20px}}
/* Compact, keyboard-accessible expandable cards. */
.audience-needs,.audience-sectors{align-items:start}
.audience-sector{display:block;min-height:0;padding:0;overflow:hidden}
.audience-sector summary,.audience-need summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;position:relative;padding-right:30px}
.audience-sector summary{padding:23px 54px 23px 25px;min-height:88px}
.audience-sector summary::-webkit-details-marker,.audience-need summary::-webkit-details-marker{display:none}
.audience-sector summary::after,.audience-need summary::after{content:'';position:absolute;right:25px;width:9px;height:9px;border-right:2px solid #bf9c5a;border-bottom:2px solid #bf9c5a;transform:rotate(45deg);transition:transform .18s}
.audience-need summary::after{right:2px}
.audience-sector[open] summary::after,.audience-need[open] summary::after{transform:rotate(225deg)}
.audience-sector summary:hover{background:#3b2c1c}
.audience-sector summary:focus-visible,.audience-need summary:focus-visible{outline:2px solid #bf9c5a;outline-offset:4px}
.audience-sector h4{font-size:21px}
.sector-details{padding:0 25px 25px}
.sector-details p{color:#e4d5bd;font-size:16px;line-height:1.65;margin:0}
.audience-sector ul{margin-top:18px}
.audience-need h4,.audience-need .audience-card-number{margin:0}
.audience-need p{margin-top:20px;padding-top:18px;border-top:1px solid #dfd0b6}
@media(prefers-reduced-motion:reduce){.audience-sector summary::after,.audience-need summary::after{transition:none}}
/* The selected card leads the grid and spans the entire section. */
.audience-sector[open],.audience-need[open],.audience-need[open]:nth-last-child(-n+2){grid-column:1/-1;order:-1}
.audience-sector[open] .sector-details{display:grid;grid-template-columns:1fr 1.6fr;gap:36px}
.audience-sector[open] ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin:0;border-top:0;padding-top:0}
@media(max-width:760px){.audience-sector[open] .sector-details{grid-template-columns:1fr;gap:20px}.audience-sector[open] ul{grid-template-columns:1fr}}
/* Separate the overview from the activity examples with distinct surfaces. */
.audience-sector[open] .sector-details{gap:28px;align-items:stretch;padding:0 25px 25px}
.audience-sector[open] .sector-details>p{padding:20px 8px 20px 0;color:#f0e5d3;line-height:1.75}
.audience-sector[open] .sector-examples{background:#f5eddf;color:#3b2b19;border:1px solid #d7c29c;border-radius:6px;padding:23px 25px 23px 43px;column-gap:40px;row-gap:14px;align-content:center}
.audience-sector[open] .sector-examples>ul>li{margin:0;padding-left:5px;line-height:1.6}
.audience-sector[open] .sector-examples>ul>li::marker{color:#906d31}
@media(max-width:760px){.audience-sector[open] .sector-details{gap:16px;padding:0 20px 20px}.audience-sector[open] .sector-details>p{padding:4px 0 0}.audience-sector[open] .sector-examples{padding:20px 20px 20px 38px}}
.audience-sector[open] .sector-examples{display:block;padding:23px 25px}
.sector-examples h5{margin:0 0 18px;font-size:18px;line-height:1.35;font-weight:600;color:#3b2b19}
.audience-sector[open] .sector-examples ul{color:#3b2b19;padding:0 0 0 18px;margin:0;row-gap:14px}
@media(max-width:760px){.audience-sector[open] .sector-examples{padding:20px}}
/* Overview spans the card; examples follow underneath on every screen. */
.audience-sector[open] .sector-details{grid-template-columns:1fr;gap:18px}
.audience-sector[open] .sector-details>p{padding:0;max-width:none}
/* Desktop: title and overview share the first row, examples fill the row below. */
@media(min-width:761px){
 .audience-sector[open]{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);column-gap:28px}
 .audience-sector[open]::details-content{display:contents}
 .audience-sector[open] summary{grid-column:1;grid-row:1;align-self:stretch;padding:25px 54px 25px 25px}
 .audience-sector[open] .sector-details{display:contents}
 .audience-sector[open] .sector-details>p{grid-column:2;grid-row:1;align-self:center;padding:25px 25px 25px 0;margin:0}
 .audience-sector[open] .sector-examples{grid-column:1/-1;grid-row:2;margin:0 25px 25px}
}
/* The description introduces the examples inside their shared panel. */
.sector-examples .sector-explanation{color:#3b2b19;font-size:17px;line-height:1.65;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid #d7c29c}
@media(min-width:761px){.audience-sector[open]{grid-template-columns:1fr}.audience-sector[open] summary{grid-column:1/-1;grid-row:1}.audience-sector[open] .sector-examples{grid-row:2}}
.sector-intro{max-width:1100px;line-height:1.7}
.sector-invitation{margin-top:30px;padding:28px 30px;border-left:3px solid #a78545;background:#eee4d3;border-radius:0 6px 6px 0}
.sector-invitation h4{margin:0 0 10px;color:#302316;font-size:23px}
.sector-invitation p{margin:0 0 20px;max-width:1000px;color:#594831;font-size:17px;line-height:1.65}
.sector-invitation .gold-btn{display:inline-flex;gap:18px;align-items:center;padding:13px 22px;border-radius:4px;background:#a78545;color:#fff;text-decoration:none}
.sector-invitation .gold-btn:hover{background:#80612e}
@media(max-width:600px){.sector-invitation{padding:24px 20px}}
/* Benefits stay visible in a two-column grid, with the final card full-width. */
.audience-needs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.audience-need,.audience-need:nth-last-child(-n+2){grid-column:auto}
.audience-need:last-child{grid-column:1/-1}
.audience-need .audience-card-number{margin-bottom:18px}
.audience-need h4{margin:0 0 12px}
.audience-need p{margin:0;padding:0;border:0}
@media(max-width:600px){.audience-needs{grid-template-columns:1fr}}