/* BP Digital Signage: accessibility and benefit-story extension.
   Scoped to this landing page only. */
body.digital-signage { --bp-ink: #16181d; --bp-muted: #454b55; --bp-dark-muted: #d5d9e1; }
body.digital-signage .ds-section:not(.dark):not(.revenue) {color:var(--bp-ink);}
body.digital-signage .ds-section:not(.dark):not(.revenue) .lead,
body.digital-signage .ds-section:not(.dark):not(.revenue) .section-intro,
body.digital-signage .ds-section:not(.dark):not(.revenue) .small,
body.digital-signage .ds-section:not(.dark):not(.revenue) .muted,
body.digital-signage .ds-section:not(.dark):not(.revenue) figcaption,
body.digital-signage .ds-section:not(.dark):not(.revenue) .artwork-note,
body.digital-signage .ds-section:not(.dark):not(.revenue) .plan h3+p,
body.digital-signage .ds-section:not(.dark):not(.revenue) .faq details p {color:#454b55;}
body.digital-signage .ds-section:not(.dark):not(.revenue) h2,body.digital-signage .ds-section:not(.dark):not(.revenue) h3 {color:#16181d;}
body.digital-signage .ds-section:not(.dark):not(.revenue) .eyebrow,
body.digital-signage .ds-section:not(.dark):not(.revenue) .muted,
body.digital-signage .ds-section:not(.dark):not(.revenue) small {color:var(--bp-muted);}
body.digital-signage .ds-hero,body.digital-signage .ds-hero h1 {color:#171719;}
body.digital-signage .ds-hero h1 span {color:#474d56;}
body.digital-signage .ds-hero .hero-sub {color:#353b44;}
body.digital-signage .ds-hero .eyebrow {color:#74500f;}
body.digital-signage .ds-section.dark,body.digital-signage .ds-section.revenue {color:#fff;}
body.digital-signage .ds-section.dark h2,body.digital-signage .ds-section.dark h3,
body.digital-signage .ds-section.revenue h2,body.digital-signage .ds-section.revenue h3 {color:#fff;}
body.digital-signage .ds-section.dark .lead,body.digital-signage .ds-section.revenue .lead,
body.digital-signage .ds-section.dark .muted,body.digital-signage .ds-section.revenue .muted,
body.digital-signage .ds-section.dark .artwork-note,body.digital-signage .ds-section.revenue .artwork-note,
body.digital-signage .ds-section.dark .section-intro,body.digital-signage .ds-section.revenue .section-intro {color:var(--bp-dark-muted);}
body.digital-signage .ds-section p {line-height:1.65;}
body.digital-signage input,body.digital-signage select,body.digital-signage textarea {color:#17191e;}
body.digital-signage input::placeholder,body.digital-signage textarea::placeholder {color:#626975;opacity:1;}
body.digital-signage .ds-benefits,body.digital-signage .ds-ad-network {padding:clamp(70px,9vw,140px) 20px;}
body.digital-signage .ds-benefits {background:#fff;color:#14171d;}
body.digital-signage .ds-ad-network {background:#08090b;color:#fff;}
body.digital-signage .bp-wrap {max-width:1150px;margin:0 auto;}
body.digital-signage .bp-eyebrow {font:700 12px/1.4 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#825500;margin:0 0 18px;}
body.digital-signage .ds-ad-network .bp-eyebrow {color:#ffc55c;}
body.digital-signage .bp-h2 {font-family:'Manrope',sans-serif;font-size:clamp(35px,5vw,64px);line-height:1.12;letter-spacing:-.045em;font-weight:800;max-width:940px;margin:0 0 22px;color:inherit;}
body.digital-signage .bp-intro {font-size:clamp(17px,1.6vw,21px);line-height:1.6;max-width:760px;margin:0 0 40px;color:#3a424e;}
body.digital-signage .ds-ad-network .bp-intro {color:#d6dce7;}
body.digital-signage .bp-benefit-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
body.digital-signage .bp-benefit {padding:clamp(22px,3vw,34px);background:#f4f6f9;border-radius:20px;min-height:232px;border:1px solid #e0e4e9;}
body.digital-signage .bp-benefit-number {font-weight:700;font-size:13px;color:#825500;letter-spacing:.08em;}
body.digital-signage .bp-benefit h3 {font-family:'Manrope',sans-serif;font-size:clamp(20px,2vw,26px);line-height:1.22;letter-spacing:-.025em;color:#131820;margin:16px 0 10px;}
body.digital-signage .bp-benefit p {font-size:16px;line-height:1.62;color:#353d49;margin:0;}
body.digital-signage .bp-network-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 28px;}
body.digital-signage .bp-network-step {padding:26px;border-radius:20px;background:#222936;border:1px solid #485366;}
body.digital-signage .bp-network-step strong {font-size:22px;font-weight:800;display:block;margin-bottom:12px;color:#fff;}
body.digital-signage .bp-network-step p {color:#e1e6ef;line-height:1.6;margin:0;}
body.digital-signage .bp-network-note {color:#d7deea;font-size:15px;max-width:900px;line-height:1.7;}
body.digital-signage .bp-cta {display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:26px;padding:12px 24px;background:#fff;color:#131821;font-weight:700;text-decoration:none;margin-top:23px;}
body.digital-signage .bp-cta:focus-visible {outline:3px solid #b37600;outline-offset:4px;}
@media (max-width:850px) {body.digital-signage .bp-benefit-grid,body.digital-signage .bp-network-steps {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:620px) {body.digital-signage .bp-benefit-grid,body.digital-signage .bp-network-steps {grid-template-columns:1fr;}body.digital-signage .bp-benefit{min-height:auto;}body.digital-signage .ds-benefits,body.digital-signage .ds-ad-network{padding:66px 20px;}body.digital-signage .ds-section p{line-height:1.65;}}
@media (prefers-reduced-motion:reduce){body.digital-signage .ds-benefits *,body.digital-signage .ds-ad-network *{animation:none!important;transition:none!important;}}

/* High visibility for the most easily overlooked interface copy. */
body.digital-signage .plan .plan-label,body.digital-signage .enquiry-intro .small,body.digital-signage .form-grid label>span,body.digital-signage .faq summary span{color:#454b55;}
body.digital-signage .form-grid label>span {font-size:14px;font-weight:600;}
body.digital-signage .plan h3+p,body.digital-signage .faq details p {font-size:15px;}
body.digital-signage .dark .muted,body.digital-signage .revenue .muted {color:#d5d9e1;}

/* Match BP’s existing spacious, restrained product presentation. */
body.digital-signage .bp-wrap{max-width:1120px}body.digital-signage .bp-benefit-grid{gap:42px 35px}body.digital-signage .bp-benefit{padding:24px 0 0;background:transparent;border:0;border-top:1px solid #d8d8df;border-radius:0;min-height:0}body.digital-signage .bp-network-steps{gap:35px}body.digital-signage .bp-network-step{padding:24px 0 0;border:0;border-top:1px solid #53535b;border-radius:0;background:transparent}body.digital-signage .bp-cta{background:#ffb01d;color:#171719}body.digital-signage .bp-network-note{font-size:13px}body.digital-signage .ds-benefits,body.digital-signage .ds-ad-network{scroll-margin-top:155px}@media(min-width:701px){body.digital-signage .ds-benefits,body.digital-signage .ds-ad-network{padding-inline:32px}}

body.digital-signage .bp-network-step h3{font-size:22px;line-height:1.3;font-weight:700;color:#fff;margin:0 0 14px;letter-spacing:-.03em}

body.digital-signage .opportunity,body.digital-signage .revenue{padding-bottom:0}body.digital-signage .ds-benefits,body.digital-signage .ds-ad-network{padding-top:80px}@media(max-width:700px){body.digital-signage .ds-benefits,body.digital-signage .ds-ad-network{padding-top:48px}}

/* Advertising is a concise optional benefit; the signage service leads. */
body.digital-signage .advertising-opportunity{padding-block:88px}body.digital-signage .advertising-opportunity .bp-wrap{max-width:900px}body.digital-signage .advertising-opportunity .bp-h2{font-size:clamp(30px,3.4vw,44px);line-height:1.15;max-width:830px}body.digital-signage .advertising-opportunity .bp-h2 span{color:#d5d9e1}body.digital-signage .advertising-opportunity .bp-intro{font-size:18px;margin-bottom:24px;max-width:730px}body.digital-signage .advertising-control{font-size:16px;font-weight:600;color:#fff;margin-bottom:14px}body.digital-signage .advertising-opportunity .bp-network-note{font-size:12px;margin:0}body.digital-signage .advertising-opportunity .bp-cta{margin-top:26px;font-size:14px}@media(max-width:700px){body.digital-signage .advertising-opportunity{padding-block:64px}body.digital-signage .advertising-opportunity .bp-intro{font-size:16px}body.digital-signage .advertising-opportunity .bp-h2{text-wrap:balance}}
