/* BROel long-form Business Services sales pages. */
.broel-service-sales { --service: #377be7; --service-dark: #235ebd; --service-soft: #eaf2ff; --ink: #202733; --muted: #5c6879; color: var(--ink); background: #fff; }
.broel-service-sales--green { --service: #31ad70; --service-dark: #167c49; --service-soft: #e8f8ef; }
.broel-service-sales--orange { --service: #f88a31; --service-dark: #c75b0d; --service-soft: #fff0e2; }
.broel-service-sales--purple { --service: #7a4bbb; --service-dark: #553098; --service-soft: #f2ebfb; }
.broel-service-sales--red { --service: #e34c52; --service-dark: #b82931; --service-soft: #ffedef; }
.broel-service-kicker { margin: 0 0 .7rem; color: var(--service); font-size: .75rem; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.broel-service-breadcrumbs { display: flex; margin: 0 0 1.1rem; flex-wrap: wrap; align-items: center; gap: .45rem; color: #647187; font-size: .7rem; font-weight: 800; }.broel-service-breadcrumbs a { color: var(--service-dark); text-decoration-thickness: .08rem; text-underline-offset: .18rem; }.broel-service-breadcrumbs span[aria-current=page] { overflow: hidden; max-width: 22rem; text-overflow: ellipsis; white-space: nowrap; }
.broel-service-hero { position: relative; padding-block: clamp(3.5rem,7vw,6.5rem); overflow: hidden; background: linear-gradient(125deg,#fff 0%,var(--service-soft) 62%,#f7f2fd 100%); }
.broel-service-hero__swirl { position: absolute; width: 29rem; height: 29rem; top: -18rem; right: 28%; border: 4.5rem solid rgb(55 123 231 / 7%); border-radius: 50%; }.broel-service-hero__swirl::after { position: absolute; width: 16rem; height: 16rem; right: -22rem; bottom: -19rem; border: 2.6rem solid rgb(249 139 50 / 10%); border-radius: 50%; content: ''; }
.broel-service-hero__grid { position: relative; z-index: 1; display: grid; align-items: center; gap: clamp(2.5rem,7vw,7rem); }.broel-service-hero__copy h1 { max-width: 12ch; margin: 0; font-size: clamp(2.7rem,5.4vw,5.5rem); line-height: .98; letter-spacing: -.055em; }.broel-service-hero__copy>p:not(.broel-service-kicker) { max-width: 43rem; margin: 1.4rem 0 0; color: var(--muted); font-size: clamp(1.02rem,1.5vw,1.2rem); line-height: 1.65; }.broel-service-hero__copy>small { display: block; margin-top: 1.05rem; color: #647187; font-size: .74rem; font-weight: 800; }
.broel-service-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.6rem; }.broel-service-button { display: inline-flex; min-height: 3.4rem; padding: .8rem 1.15rem; border: .1rem solid transparent; border-radius: .8rem; align-items: center; gap: .55rem; font-size: .8rem; font-weight: 950; text-decoration: none; transition: transform 160ms ease,box-shadow 160ms ease; }.broel-service-button:hover,.broel-service-button:focus-visible { transform: translateY(-.15rem); }.broel-service-button--primary { color: #fff!important; background: var(--service); box-shadow: 0 .9rem 2rem rgb(38 71 119 / 18%); }.broel-service-button--quiet { border-color: #c7d5e8; color: var(--service-dark)!important; background: rgb(255 255 255 / 82%); }
.broel-service-hero__media { position: relative; width: min(100%,33rem); margin-inline: auto; }.broel-service-hero__media::before { position: absolute; inset: -1rem 1.6rem 1rem -1rem; border-radius: 3rem 1.2rem 3rem 1.2rem; background: linear-gradient(145deg,var(--service),#35ad71 48%,#f88a31); content: ''; opacity: .22; transform: rotate(-3deg); }.broel-service-hero__image { position: relative; z-index: 1; display: grid; aspect-ratio: 23/18; padding: 2rem; overflow: hidden; border: .08rem solid rgb(255 255 255 / 75%); border-radius: 2.8rem 1.15rem 2.8rem 1.15rem; place-items: center; color: var(--service); background: linear-gradient(145deg,#fff,var(--service-soft)); box-shadow: 0 2rem 5rem rgb(31 55 91 / 17%); text-align: center; }.broel-service-hero__image svg { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }.broel-service-hero__image>span { font-size: .72rem; font-weight: 950; letter-spacing: .11em; line-height: 1.5; }.broel-service-hero__image.has-approved-image { padding: 0; }.broel-service-hero__image img { width: 100%; height: 100%; object-fit: cover; }.broel-service-hero__media figcaption { position: absolute; z-index: 2; right: -.5rem; bottom: -1rem; padding: .75rem .9rem; border: .16rem solid #fff; border-radius: .8rem; color: #fff; background: var(--service-dark); box-shadow: 0 .8rem 2rem rgb(31 43 63 / 18%); font-size: .68rem; font-weight: 900; }.broel-service-hero__media figcaption span { color: #fff; }.broel-service-hero__media figcaption b { margin-inline: .2rem; color: #fff; }
.broel-service-proof { border-block: .07rem solid #e3e9f1; background: #fff; }.broel-service-proof .broel-container { display: grid; grid-template-columns: repeat(4,1fr); }.broel-service-proof span { display: grid; min-height: 4.6rem; padding: .75rem; place-items: center; color: #536177; font-size: .69rem; font-weight: 900; letter-spacing: .05em; text-align: center; }.broel-service-proof span+span { border-left: .07rem solid #e3e9f1; }
.broel-service-heading { max-width: 56rem; margin-bottom: clamp(1.8rem,4vw,3rem); }.broel-service-heading h2,.broel-service-included h2,.broel-service-trust h2,.broel-service-final h2 { margin: 0; font-size: clamp(2.1rem,4.3vw,4rem); line-height: 1.03; letter-spacing: -.05em; }.broel-service-heading>p:last-child { max-width: 48rem; margin: 1rem 0 0; color: var(--muted); font-size: 1.03rem; line-height: 1.65; }
.broel-service-fit,.broel-service-process,.broel-service-pricing,.broel-service-faq { padding-block: clamp(3.5rem,7vw,6.5rem); }.broel-service-fit { background: #f7f9fc; }.broel-service-fit__grid { display: grid; gap: 1rem; }.broel-service-fit article { padding: clamp(1.5rem,3vw,2.4rem); border: .08rem solid #dfe6ef; border-top: .38rem solid var(--service); border-radius: 1.4rem; background: #fff; box-shadow: 0 1rem 2.7rem rgb(38 59 91 / 7%); }.broel-service-fit article:nth-child(2) { border-top-color: #35ad71; }.broel-service-fit h3 { margin: 0 0 1.1rem; font-size: 1.45rem; }.broel-service-fit ul { display: grid; margin: 0; padding: 0; gap: .75rem; list-style: none; }.broel-service-fit li { display: grid; grid-template-columns: 1.4rem 1fr; gap: .6rem; color: #556276; line-height: 1.45; }.broel-service-fit li::before { display: grid; width: 1.25rem; height: 1.25rem; border-radius: 50%; place-items: center; color: #fff; background: var(--service); content: '!'; font-size: .7rem; font-weight: 950; }.broel-service-fit article:nth-child(2) li::before { background: #35ad71; content: '✓'; }
.broel-service-included { padding-block: clamp(3.5rem,7vw,6.5rem); color: #fff; background: #202a3a; }.broel-service-included__grid { display: grid; gap: 2rem 5rem; }.broel-service-included .broel-service-kicker { color: #83abf2; }.broel-service-included p:not(.broel-service-kicker) { color: #c9d2df; line-height: 1.65; }.broel-service-included a { display: inline-flex; margin-top: 1rem; color: #fff; font-weight: 900; text-underline-offset: .25rem; }.broel-service-included ul { display: grid; margin: 0; padding: 0; gap: .65rem; list-style: none; }.broel-service-included li { display: flex; min-height: 3.5rem; padding: .75rem 1rem; border: .05rem solid rgb(255 255 255 / 10%); border-radius: .8rem; align-items: center; gap: .75rem; background: rgb(255 255 255 / 5%); }.broel-service-included li span { color: #83abf2; font-size: .72rem; font-weight: 950; }
.broel-service-process { background: #fff; }.broel-service-process ol { display: grid; margin: 0; padding: 0; gap: 1rem; list-style: none; }.broel-service-process li { position: relative; min-height: 15rem; padding: 1.5rem; overflow: hidden; border-radius: 1.2rem; color: #fff; background: var(--service); }.broel-service-process li:nth-child(2) { background: #35ad71; }.broel-service-process li:nth-child(3) { background: #f88a31; }.broel-service-process li:nth-child(4) { background: #7a4bbb; }.broel-service-process li::after { position: absolute; width: 9rem; height: 9rem; top: -4rem; right: -3rem; border: 1.5rem solid rgb(255 255 255 / 12%); border-radius: 50%; content: ''; }.broel-service-process li>span { color: rgb(255 255 255 / 65%); font-size: 2.2rem; font-weight: 950; }.broel-service-process h3 { margin: 2.4rem 0 .5rem; font-size: 1.5rem; }.broel-service-process li p { margin: 0; color: rgb(255 255 255 / 85%); font-size: .86rem; line-height: 1.55; }
.broel-service-pricing { background: linear-gradient(180deg,#eef4fc,#f8faff); }.broel-service-pricing__grid { display: grid; align-items: stretch; gap: 1rem; }.broel-service-price-card { position: relative; display: flex; min-width: 0; overflow: visible; border: .08rem solid #dce4ef; border-top: .38rem solid var(--service); border-radius: 1.25rem; flex-direction: column; background: #fff; box-shadow: 0 1rem 3rem rgb(39 61 96 / 8%); }.broel-service-price-card:nth-child(2) { border-top-color: #35ad71; }.broel-service-price-card:nth-child(3) { border-top-color: #f88a31; }.broel-service-price-card:nth-child(4) { border-top-color: #7a4bbb; }.broel-service-price-card.is-featured { z-index: 2; border-color: #35ad71; box-shadow: 0 1.5rem 3.5rem rgb(34 115 74 / 15%); }.broel-service-price-card__flag { position: absolute; top: -.9rem; right: 1rem; padding: .45rem .65rem; border-radius: 999px; color: #fff; background: #218755; font-size: .62rem; font-weight: 950; letter-spacing: .07em; }.broel-service-price-card__head { min-height: 14rem; padding: 1.45rem 1.25rem 1rem; }.broel-service-price-card__head>span { color: var(--service); font-size: .72rem; font-weight: 950; }.broel-service-price-card__head h3 { margin: .7rem 0 .45rem; font-size: 1.45rem; }.broel-service-price-card__head strong { display: block; color: var(--service-dark); font-size: clamp(1.55rem,2.3vw,2rem); line-height: 1.15; }.broel-service-price-card__head p { margin: .75rem 0 0; color: #657287; font-size: .8rem; line-height: 1.45; }.broel-service-price-card>ul { display: grid; margin: 0; padding: 0 1.15rem 1rem; gap: 0; list-style: none; }.broel-service-price-card>ul>li { position: relative; display: grid; min-height: 3.45rem; padding: .72rem .2rem; border-top: .06rem solid #e5eaf1; grid-template-columns: 1rem 1fr; align-items: center; gap: .5rem; color: #49576c; font-size: .75rem; cursor: help; }.broel-service-price-card li>span { color: #35ad71; font-weight: 950; }.broel-service-price-card li b { min-width: 0; line-height: 1.35; }.broel-service-price-card li small[role=tooltip] { position: absolute; z-index: 8; width: min(16rem,calc(100vw - 3rem)); padding: .7rem .8rem; bottom: calc(100% - .2rem); left: 1rem; border-radius: .65rem; color: #fff; background: #202a3a; box-shadow: 0 .7rem 1.6rem rgb(20 30 45 / 25%); font-size: .68rem; font-weight: 600; line-height: 1.4; pointer-events: none; opacity: 0; transform: translateY(.3rem); transition: opacity 140ms ease,transform 140ms ease; }.broel-service-price-card li small::after { position: absolute; top: 100%; left: 1rem; border: .35rem solid transparent; border-top-color: #202a3a; content: ''; }.broel-service-price-card li:hover small,.broel-service-price-card li:focus-visible small { opacity: 1; transform: translateY(0); }.broel-service-price-card>a { display: flex; min-height: 3.2rem; margin: auto 1.1rem 0; padding: .7rem; border-radius: .7rem; align-items: center; justify-content: center; gap: .5rem; color: #fff!important; background: var(--service); font-size: .72rem; font-weight: 950; text-align: center; text-decoration: none; }.broel-service-price-card:nth-child(2)>a { background: #218755; }.broel-service-price-card:nth-child(3)>a { background: #df701d; }.broel-service-price-card:nth-child(4)>a { background: #6437a5; }.broel-service-price-card>em { padding: .65rem 1rem 1rem; color: #778397; font-size: .58rem; font-style: normal; text-align: center; }.broel-service-pricing__note { max-width: 55rem; margin: 1.4rem auto 0; padding: 1rem 1.2rem; border: .08rem solid #dbe3ee; border-radius: .85rem; color: #5b687b; background: #fff; text-align: center; }.broel-service-pricing__note a { color: var(--service-dark); font-weight: 900; }
.broel-service-trust { padding-block: clamp(3.5rem,7vw,6rem); color: #fff; background: #202a3a; }.broel-service-trust__grid { display: grid; gap: 2rem 5rem; }.broel-service-trust .broel-service-kicker { color: #8db6ff; }.broel-service-trust__grid>div:last-child { display: grid; gap: .75rem; }.broel-service-trust article { padding: 1.2rem; border: .06rem solid rgb(255 255 255 / 10%); border-radius: .9rem; background: rgb(255 255 255 / 5%); }.broel-service-trust article>span { color: #8db6ff; font-size: .7rem; font-weight: 950; }.broel-service-trust h3 { margin: .35rem 0; font-size: 1.1rem; }.broel-service-trust article p { margin: 0; color: #c7d0dd; font-size: .8rem; line-height: 1.5; }
.broel-service-related { padding-block: clamp(3.5rem,7vw,6rem); background: #fff; }.broel-service-related>div>div { display: grid; gap: .9rem; }.broel-service-related a { position: relative; display: grid; min-width: 0; min-height: 12rem; padding: 1.4rem; border: .08rem solid #dce4ef; border-top: .35rem solid var(--service); border-radius: 1rem; align-content: start; color: inherit; background: #fff; box-shadow: 0 .8rem 2rem rgb(39 61 96 / 6%); text-decoration: none; transition: transform 160ms ease,box-shadow 160ms ease; }.broel-service-related a:nth-child(2) { border-top-color: #35ad71; }.broel-service-related a:nth-child(3) { border-top-color: #f88a31; }.broel-service-related a:hover,.broel-service-related a:focus-visible { transform: translateY(-.2rem); box-shadow: 0 1.15rem 2.6rem rgb(39 61 96 / 12%); }.broel-service-related a>span { color: var(--service); font-size: .63rem; font-weight: 950; letter-spacing: .08em; }.broel-service-related a>strong { margin-top: .65rem; font-size: 1.2rem; }.broel-service-related a>small { margin-top: .55rem; color: #657287; font-size: .74rem; line-height: 1.45; }.broel-service-related a>b { position: absolute; right: 1.2rem; bottom: 1rem; color: var(--service); font-size: 1.2rem; }
.broel-service-faq { background: #f7f9fc; }.broel-service-faq__grid { display: grid; align-items: start; gap: .75rem; }.broel-service-faq details { border: .08rem solid #dce4ef; border-left: .3rem solid var(--service); border-radius: .9rem; background: #fff; box-shadow: 0 .65rem 1.7rem rgb(39 61 96 / 5%); }.broel-service-faq summary { display: grid; min-height: 4.6rem; padding: 1rem; grid-template-columns: 1fr 1.9rem; align-items: center; gap: .8rem; color: #2b3545; cursor: pointer; font-size: .9rem; font-weight: 900; list-style: none; }.broel-service-faq summary::-webkit-details-marker { display: none; }.broel-service-faq summary i { position: relative; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--service-soft); }.broel-service-faq summary i::before,.broel-service-faq summary i::after { position: absolute; width: .7rem; height: .1rem; top: calc(50% - .05rem); left: calc(50% - .35rem); border-radius: 1rem; background: var(--service); content: ''; }.broel-service-faq summary i::after { transform: rotate(90deg); }.broel-service-faq details[open] summary i::after { transform: rotate(0); }.broel-service-faq details>div { padding: 0 1rem 1.1rem; color: #5e6b7d; font-size: .87rem; line-height: 1.6; }.broel-service-faq details p { margin: 0; }
.broel-service-final { padding-block: clamp(3.5rem,7vw,6rem); background: linear-gradient(115deg,var(--service-soft),#fff3e7); }.broel-service-final .broel-container { display: grid; align-items: center; gap: 1.5rem 4rem; }.broel-service-final p:not(.broel-service-kicker) { max-width: 48rem; color: var(--muted); line-height: 1.6; }.broel-service-final a { display: flex; min-height: 4rem; padding: .9rem 1.2rem; border-radius: .9rem; align-items: center; justify-content: center; gap: .6rem; color: #fff!important; background: var(--service); box-shadow: 0 1rem 2.3rem rgb(39 61 96 / 18%); font-size: .8rem; font-weight: 950; text-align: center; text-decoration: none; }
.broel-service-social-launch { position: relative; padding-block: clamp(3.5rem,7vw,6.5rem); overflow: hidden; color: #fff; background: linear-gradient(125deg,#202a3a 0%,#253a61 57%,#38265a 100%); }.broel-service-social-launch::after { position: absolute; width: 22rem; height: 22rem; right: -7rem; bottom: -13rem; border: 3.5rem solid rgb(248 138 49 / 16%); border-radius: 50%; content: ''; }.broel-service-social-launch__grid { position: relative; z-index: 1; display: grid; align-items: center; gap: clamp(2rem,6vw,5rem); }.broel-service-social-launch .broel-service-kicker { color: #91b8ff; }.broel-service-social-launch h2 { max-width: 13ch; margin: 0; font-size: clamp(2.3rem,4.6vw,4.3rem); line-height: 1; letter-spacing: -.05em; }.broel-service-social-launch__copy>p:not(.broel-service-kicker) { max-width: 44rem; color: #d4dcea; line-height: 1.65; }.broel-service-social-launch__copy ul { display: grid; margin: 1.5rem 0; padding: 0; gap: .65rem; list-style: none; }.broel-service-social-launch__copy li { display: grid; padding: .8rem 1rem; border-left: .25rem solid #35ad71; border-radius: 0 .7rem .7rem 0; background: rgb(255 255 255 / 7%); }.broel-service-social-launch__copy li:nth-child(2) { border-color: #f88a31; }.broel-service-social-launch__copy li:nth-child(3) { border-color: #8f65cf; }.broel-service-social-launch__copy li:nth-child(4) { border-color: #4e8cf1; }.broel-service-social-launch__copy li span { margin-top: .15rem; color: #c6d0df; font-size: .75rem; }.broel-service-social-launch__copy>a { display: inline-flex; min-height: 3.4rem; padding: .8rem 1.1rem; border-radius: .75rem; align-items: center; gap: .5rem; color: #fff!important; background: #f88a31; box-shadow: 0 .8rem 2rem rgb(0 0 0 / 20%); font-size: .75rem; font-weight: 950; text-decoration: none; }.broel-service-platforms { padding: clamp(1.2rem,3vw,2rem); border: .08rem solid rgb(255 255 255 / 15%); border-radius: 2rem 1rem 2rem 1rem; background: rgb(255 255 255 / 8%); box-shadow: 0 1.7rem 4rem rgb(0 0 0 / 17%); backdrop-filter: blur(.5rem); }.broel-service-platforms>p { margin: 0 0 1rem; color: #d7e1f1; font-size: .68rem; font-weight: 950; letter-spacing: .11em; }.broel-service-platforms>div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }.broel-service-platforms span { display: grid; min-width: 0; aspect-ratio: 1; padding: .75rem .35rem; border-radius: 1rem; place-items: center; align-content: center; gap: .5rem; color: #fff; background: #fff; box-shadow: 0 .55rem 1.3rem rgb(0 0 0 / 12%); }.broel-service-platforms svg { width: clamp(2.1rem,4vw,3rem); height: clamp(2.1rem,4vw,3rem); fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }.broel-service-platforms b { overflow-wrap: anywhere; color: #202a3a; font-size: .66rem; }.broel-service-platforms .is-instagram { color: #c13584; }.broel-service-platforms .is-tiktok { color: #111; }.broel-service-platforms .is-youtube { color: #f03b3b; }.broel-service-platforms .is-facebook,.broel-service-platforms .is-linkedin { color: #2875d4; }.broel-service-platforms .is-x { color: #151515; }.broel-service-platforms>small { display: block; margin-top: 1rem; color: #bdc9da; font-size: .65rem; line-height: 1.45; }
@media (min-width:48rem) { .broel-service-hero__grid,.broel-service-included__grid,.broel-service-trust__grid,.broel-service-social-launch__grid { grid-template-columns: minmax(0,1.05fr) minmax(22rem,.95fr); }.broel-service-fit__grid,.broel-service-faq__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.broel-service-process ol { grid-template-columns: repeat(4,minmax(0,1fr)); }.broel-service-trust__grid>div:last-child { grid-template-columns: repeat(2,minmax(0,1fr)); }.broel-service-related>div>div { grid-template-columns: repeat(3,minmax(0,1fr)); }.broel-service-final .broel-container { grid-template-columns: minmax(0,1fr) auto; } }
@media (min-width:64rem) { .broel-service-pricing__grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (min-width:48rem) and (max-width:63.99rem) { .broel-service-pricing__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:47.99rem) { .broel-service-hero { padding-top: 2.8rem; }.broel-service-proof .broel-container { grid-template-columns: repeat(2,1fr); }.broel-service-proof span:nth-child(3) { border-left: 0; border-top: .07rem solid #e3e9f1; }.broel-service-proof span:nth-child(4) { border-top: .07rem solid #e3e9f1; }.broel-service-actions { display: grid; }.broel-service-button { justify-content: center; }.broel-service-process li { min-height: 12rem; }.broel-service-price-card__head { min-height: auto; }.broel-service-price-card li small[role=tooltip] { position: static; display: none; width: auto; margin: .5rem 0 0; grid-column: 1/-1; opacity: 1; transform: none; }.broel-service-price-card li:focus small[role=tooltip],.broel-service-price-card li:hover small[role=tooltip] { display: block; }.broel-service-price-card li small::after { display: none; } }
@media (prefers-reduced-motion:reduce) { .broel-service-button,.broel-service-price-card li small { transition: none; }.broel-service-hero__media::before { transform: none; } }
.broel-service-bank-saving{display:grid;margin:auto 1.1rem .75rem;padding:.75rem;border:.08rem solid color-mix(in srgb,var(--service) 28%,#dbe4ef);border-radius:.72rem;grid-template-columns:1fr auto;gap:.12rem .55rem;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--service) 9%,#fff),#fff)}
.broel-service-bank-saving>span{color:var(--service-dark);font-size:.56rem;font-weight:950;letter-spacing:.07em}.broel-service-bank-saving>strong{grid-row:1/3;grid-column:2;color:#202b3d;font-size:1.02rem}.broel-service-bank-saving>small{color:#657389;font-size:.57rem}.broel-service-price-card>a.broel-service-bank-link{min-height:2.7rem;margin-top:.5rem;border:.1rem solid var(--service);color:var(--service-dark)!important;background:#fff!important;font-size:.65rem}.broel-service-price-card>a.broel-service-bank-link:hover{color:#fff!important;background:var(--service)!important}

/* Clear remote consultation and live Zoom sales journeys. */
.broel-remote-service-clarity,.broel-zoom-live{padding-block:clamp(3.5rem,7vw,6rem)}.broel-remote-service-clarity{color:#fff;background:linear-gradient(125deg,#183b55,#176f67 58%,#22945d)}.broel-remote-service-clarity header{max-width:52rem}.broel-remote-service-clarity .broel-service-kicker{color:#9df2cd}.broel-remote-service-clarity h2,.broel-zoom-live h2{margin:.4rem 0 1rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.03;letter-spacing:-.045em}.broel-remote-service-clarity header>p:last-child{color:#d7eeea;line-height:1.65}.broel-remote-service-clarity .broel-container>div{display:grid;margin-top:2rem;gap:.8rem}.broel-remote-service-clarity article{padding:1.25rem;border:.06rem solid rgb(255 255 255/14%);border-radius:1rem;background:rgb(255 255 255/8%)}.broel-remote-service-clarity article>span{color:#9df2cd;font-size:.65rem;font-weight:950}.broel-remote-service-clarity h3{margin:.55rem 0 .4rem}.broel-remote-service-clarity article p{margin:0;color:#d7e7e6;font-size:.78rem;line-height:1.5}.broel-zoom-live{color:#fff;background:linear-gradient(125deg,#202a3a,#513181 58%,#754fb3)}.broel-zoom-live .broel-container{display:grid;align-items:center;gap:2rem}.broel-zoom-live .broel-service-kicker{color:#d4baff}.broel-zoom-live h2{max-width:46rem}.broel-zoom-live div>p:last-child{max-width:48rem;color:#e6ddf4;line-height:1.65}.broel-zoom-live ul{display:grid;margin:0;padding:0;gap:.7rem;list-style:none}.broel-zoom-live li{display:grid;padding:.85rem 1rem;border:.06rem solid rgb(255 255 255/15%);border-radius:.85rem;grid-template-columns:5.3rem 1fr;align-items:center;gap:.8rem;background:rgb(255 255 255/8%)}.broel-zoom-live li strong{color:#ffb373;font-size:.72rem;letter-spacing:.05em}.broel-zoom-live li:nth-child(2) strong{color:#a9caff}.broel-zoom-live li:nth-child(3) strong{color:#83deb0}.broel-zoom-live li:nth-child(4) strong{color:#dabfff}.broel-zoom-live li span{color:#f0ebf7;font-size:.78rem}@media(min-width:48rem){.broel-remote-service-clarity .broel-container>div{grid-template-columns:repeat(4,minmax(0,1fr))}.broel-zoom-live .broel-container{grid-template-columns:minmax(0,1.25fr) minmax(19rem,.75fr)}}

/* Classroom course catalogue and explicit booking selection. */
.broel-classroom-catalogue{padding-block:clamp(3.5rem,7vw,6.5rem);background:linear-gradient(145deg,#fff 0%,#f5f9ff 52%,#f8f2ff 100%)}.broel-classroom-catalogue__grid{display:grid;gap:1rem}.broel-classroom-catalogue__grid article{--course-colour:#377be7;display:flex;min-width:0;padding:1.35rem;border:.075rem solid #dce5f2;border-top:.38rem solid var(--course-colour);border-radius:1.25rem;flex-direction:column;background:#fff;box-shadow:0 1rem 2.8rem rgb(34 60 96/8%)}.broel-classroom-catalogue__grid article:nth-child(2){--course-colour:#2d9b67}.broel-classroom-catalogue__grid article:nth-child(3){--course-colour:#e97824}.broel-classroom-catalogue__grid article:nth-child(4){--course-colour:#754fb3}.broel-classroom-catalogue__grid article:nth-child(5){--course-colour:#d73d45}.broel-classroom-catalogue__grid article:nth-child(6){--course-colour:#238c9f}.broel-classroom-catalogue__icon{display:grid;width:4.5rem;height:4.5rem;margin-bottom:1rem;border-radius:1.15rem;place-items:center;color:var(--course-colour);background:color-mix(in srgb,var(--course-colour) 11%,white)}.broel-classroom-catalogue__icon svg{width:2.35rem;height:2.35rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.broel-classroom-catalogue__grid small{color:var(--course-colour);font-size:.64rem;font-weight:950;letter-spacing:.09em}.broel-classroom-catalogue__grid h3{margin:.55rem 0 .7rem;color:#202a3a;font-size:1.2rem;line-height:1.15}.broel-classroom-catalogue__grid p{margin:0 0 1.2rem;color:#5e6b7f;font-size:.79rem;line-height:1.55}.broel-classroom-catalogue__grid a{display:flex;margin-top:auto;align-items:center;justify-content:space-between;gap:.6rem;color:var(--course-colour);font-size:.68rem;font-weight:950;text-decoration:none}.broel-classroom-booking{display:grid;margin-top:clamp(1.6rem,4vw,2.8rem);padding:clamp(1.35rem,3vw,2rem);border:.08rem solid #cddcf0;border-radius:1.5rem;align-items:end;gap:1rem;background:#fff;box-shadow:0 1.2rem 3rem rgb(36 66 110/10%)}.broel-classroom-booking h3{margin:0;color:#202a3a;font-size:clamp(1.4rem,2.6vw,2rem)}.broel-classroom-booking p{margin:.5rem 0 0;color:#5b687b;font-size:.78rem;line-height:1.55}.broel-classroom-booking label{display:grid;gap:.4rem;color:#334157;font-size:.75rem;font-weight:900}.broel-classroom-booking select{width:100%;min-width:0;min-height:3.25rem;padding:.75rem .9rem;border:.08rem solid #c8d5e6;border-radius:.75rem;color:#26344a;background:#fbfdff;font:inherit;font-size:.82rem}.broel-classroom-booking button{min-height:3.25rem;padding:.75rem 1rem;border:0;border-radius:.75rem;color:#fff;background:linear-gradient(110deg,#377be7,#754fb3);box-shadow:0 .8rem 1.8rem rgb(55 123 231/20%);cursor:pointer;font:inherit;font-size:.72rem;font-weight:950}.broel-classroom-booking select:focus-visible,.broel-classroom-booking button:focus-visible,.broel-classroom-catalogue a:focus-visible{outline:.18rem solid rgb(55 123 231/35%);outline-offset:.15rem}@media(min-width:40rem){.broel-classroom-catalogue__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.broel-classroom-catalogue__grid article:last-child:nth-child(odd){grid-column:1/-1}.broel-classroom-booking{grid-template-columns:repeat(2,minmax(0,1fr))}.broel-classroom-booking>div,.broel-classroom-booking>button{grid-column:1/-1}}@media(min-width:64rem){.broel-classroom-catalogue__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.broel-classroom-catalogue__grid article:last-child{grid-column:auto}.broel-classroom-booking{grid-template-columns:minmax(15rem,1.25fr) repeat(2,minmax(11rem,.8fr)) minmax(12rem,.85fr)}.broel-classroom-booking>div,.broel-classroom-booking>button{grid-column:auto}}
.broel-service-price-card>ul>li { grid-template-columns: 1.8rem minmax(0,1fr); gap: .65rem; }.broel-service-price-card li>.broel-service-feature-icon { display: grid; width: 1.8rem; height: 1.8rem; border-radius: .55rem; place-items: center; color: var(--service-dark); background: var(--service-soft); }.broel-service-price-card:nth-child(2) li>.broel-service-feature-icon { color: #167c49; background: #e8f8ef; }.broel-service-price-card:nth-child(3) li>.broel-service-feature-icon { color: #c75b0d; background: #fff0e2; }.broel-service-price-card:nth-child(4) li>.broel-service-feature-icon { color: #553098; background: #f2ebfb; }.broel-service-feature-icon svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.broel-service-feature-icon .broel-icon-accent { opacity: .38; stroke-width: 1.7; }.broel-service-feature-icon .broel-icon-signature { fill: currentColor; stroke: none; }.broel-service-feature-icon .broel-icon-subject { transform: scale(.72); transform-box: fill-box; transform-origin: center; }
.broel-service-delivery { padding-block: clamp(3.5rem,7vw,6.2rem); color: #fff; background: linear-gradient(125deg,#202a3a,#263b61 60%,#39265c); }.broel-service-delivery .broel-service-kicker { color: #92b9ff; }.broel-service-delivery .broel-service-heading>p:last-child { color: #d0d9e6; }.broel-service-delivery__grid { display: grid; gap: .8rem; }.broel-service-delivery article { padding: 1.35rem; border: .06rem solid rgb(255 255 255 / 12%); border-top: .3rem solid #347be2; border-radius: 1rem; background: rgb(255 255 255 / 6%); }.broel-service-delivery article:nth-child(2) { border-top-color: #35ad71; }.broel-service-delivery article:nth-child(3) { border-top-color: #f88a31; }.broel-service-delivery article:nth-child(4) { border-top-color: #9868d7; }.broel-service-delivery article>span { color: #92b9ff; font-size: .62rem; font-weight: 950; letter-spacing: .1em; }.broel-service-delivery article:nth-child(2)>span { color: #79d5a4; }.broel-service-delivery article:nth-child(3)>span { color: #ffb06f; }.broel-service-delivery article:nth-child(4)>span { color: #c7a5ef; }.broel-service-delivery h3 { margin: .7rem 0 .4rem; font-size: 1.08rem; }.broel-service-delivery article p { margin: 0; color: #cad4e2; font-size: .78rem; line-height: 1.55; }
@media (min-width:48rem) { .broel-service-delivery__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width:64rem) { .broel-service-delivery__grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
.broel-service-partnership { position: relative; padding-block: clamp(3.5rem,7vw,6.5rem); overflow: hidden; background: linear-gradient(135deg,#f3f7ff 0%,#f4fbf7 45%,#fff6ed 100%); }
.broel-service-partnership::before,.broel-service-partnership::after { position: absolute; border-radius: 50%; content: ''; pointer-events: none; }.broel-service-partnership::before { width: 18rem; height: 18rem; top: -11rem; left: -6rem; border: 3rem solid rgb(53 173 113 / 10%); }.broel-service-partnership::after { width: 15rem; height: 15rem; right: -6rem; bottom: -9rem; border: 2.7rem solid rgb(248 138 49 / 12%); }
.broel-service-partnership>.broel-container { position: relative; z-index: 1; }.broel-service-partnership header { max-width: 64rem; margin-bottom: clamp(1.8rem,4vw,3rem); }.broel-service-partnership h2 { max-width: 18ch; margin: 0; font-size: clamp(2.2rem,4.7vw,4.5rem); line-height: 1; letter-spacing: -.055em; }.broel-service-partnership header>p:last-child { max-width: 54rem; margin: 1rem 0 0; color: #58667a; font-size: 1.02rem; line-height: 1.65; }
.broel-service-partnership__grid { display: grid; gap: .9rem; }.broel-service-partnership article { padding: clamp(1.25rem,2.5vw,1.8rem); border: .08rem solid #dce5f0; border-top: .34rem solid #347be2; border-radius: 1.15rem; background: rgb(255 255 255 / 88%); box-shadow: 0 1rem 2.7rem rgb(39 61 96 / 7%); }.broel-service-partnership article:nth-child(2) { border-top-color: #35ad71; }.broel-service-partnership article:nth-child(3) { border-top-color: #f88a31; }.broel-service-partnership article:nth-child(4) { border-top-color: #7a4bbb; }
.broel-service-partnership article>span { display: grid; width: 2.2rem; height: 2.2rem; border-radius: .7rem; place-items: center; color: #fff; background: #347be2; font-size: .68rem; font-weight: 950; }.broel-service-partnership article:nth-child(2)>span { background: #35ad71; }.broel-service-partnership article:nth-child(3)>span { background: #f88a31; }.broel-service-partnership article:nth-child(4)>span { background: #7a4bbb; }.broel-service-partnership h3 { margin: 1rem 0 .45rem; font-size: 1.18rem; }.broel-service-partnership article p { margin: 0; color: #647186; font-size: .82rem; line-height: 1.55; }
.broel-service-partnership__promise { display: grid; margin-top: 1rem; padding: clamp(1.2rem,3vw,1.8rem); border-radius: 1.2rem; align-items: center; gap: .5rem 1.5rem; color: #fff; background: #202a3a; box-shadow: 0 1rem 2.6rem rgb(31 45 68 / 14%); }.broel-service-partnership__promise strong { color: #8db6ff; font-size: .72rem; letter-spacing: .09em; }.broel-service-partnership__promise span { color: #d3dbe7; font-size: .82rem; line-height: 1.5; }.broel-service-partnership__promise a { display: inline-flex; min-height: 3.25rem; padding: .75rem 1rem; border-radius: .75rem; align-items: center; justify-content: center; gap: .55rem; color: #fff!important; background: #f88a31; font-size: .72rem; font-weight: 950; text-align: center; text-decoration: none; }
@media (min-width:48rem) { .broel-service-partnership__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.broel-service-partnership__promise { grid-template-columns: auto minmax(0,1fr) auto; } }

/* Approved compact course visuals, transformations and live-learning journey. */
.broel-course-card-image{display:block;height:clamp(6.25rem,10vw,8rem);margin:-1.35rem -1.35rem 1rem;overflow:hidden;border-radius:.86rem .86rem .4rem .4rem;background:#edf3fb}.broel-course-card-image img{display:block;width:100%;height:100%;object-fit:cover}.broel-course-card-image+.broel-classroom-catalogue__icon{width:3.3rem;height:3.3rem;margin-top:-2.35rem;margin-bottom:.85rem;border:.25rem solid #fff;border-radius:.9rem;box-shadow:0 .45rem 1rem rgb(30 53 85/14%)}.broel-course-card-image+.broel-classroom-catalogue__icon svg{width:1.65rem;height:1.65rem}
.broel-course-outcomes{margin:0 0 1.25rem;padding-top:.9rem;border-top:.06rem solid #e5eaf1}.broel-course-outcomes>strong{display:block;margin-bottom:.55rem;color:#29364a;font-size:.58rem;letter-spacing:.055em;line-height:1.4}.broel-course-outcomes ul{display:grid;margin:0;padding:0;gap:.42rem;list-style:none}.broel-course-outcomes li{display:grid;grid-template-columns:.75rem 1fr;gap:.35rem;color:#5a687c;font-size:.68rem;line-height:1.42}.broel-course-outcomes li::before{color:var(--course-colour);content:'✓';font-weight:950}.broel-course-journey{display:grid;margin-top:1rem;gap:.75rem}.broel-course-journey article{padding:1.05rem;border:.06rem solid #d9e2ef;border-radius:1rem;background:rgb(255 255 255/82%)}.broel-course-journey span{color:#754fb3;font-size:.62rem;font-weight:950}.broel-course-journey h3{margin:.4rem 0 .3rem;color:#202a3a;font-size:1rem}.broel-course-journey p{margin:0;color:#637085;font-size:.72rem;line-height:1.5}@media(min-width:40rem){.broel-course-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.broel-course-journey{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:64rem){.broel-classroom-catalogue__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.broel-classroom-catalogue__grid article:last-child{grid-column:auto}}

/* Continue practical Zoom projects through the BROel community. */
.broel-course-community{display:grid;margin-top:1rem;overflow:hidden;border:.08rem solid #d7c9ed;border-radius:1.35rem;background:linear-gradient(130deg,#2d2150,#56358a 58%,#754fb3);box-shadow:0 1.3rem 3rem rgb(75 47 121/16%)}.broel-course-community>div{padding:clamp(1.35rem,3vw,2rem);color:#fff}.broel-course-community .broel-service-kicker{color:#e0caff}.broel-course-community h3{max-width:20ch;margin:.4rem 0 .75rem;font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.04}.broel-course-community>div>p:not(.broel-service-kicker){margin:0;color:#e8e0f3;font-size:.8rem;line-height:1.6}.broel-course-community a{display:inline-flex;min-height:3rem;margin-top:1rem;padding:.7rem 1rem;border-radius:.7rem;align-items:center;gap:.6rem;color:#fff!important;background:#f88a31;font-size:.68rem;font-weight:950;text-decoration:none}.broel-course-community ul{display:grid;margin:0;padding:1rem;gap:.65rem;align-content:center;list-style:none;background:rgb(255 255 255/9%)}.broel-course-community li{padding:.8rem;border:.06rem solid rgb(255 255 255/13%);border-radius:.75rem;background:rgb(255 255 255/7%)}.broel-course-community li strong{display:block;color:#fff;font-size:.78rem}.broel-course-community li span{display:block;margin-top:.2rem;color:#ddd3ec;font-size:.68rem;line-height:1.45}.broel-course-publication-note{margin:1rem 0 0;padding:1rem 1.1rem;border:.07rem solid #e7d8bd;border-radius:.9rem;color:#665333;background:#fff9ed;font-size:.72rem;line-height:1.55}.broel-course-publication-note strong{color:#8b5d18}@media(min-width:48rem){.broel-course-community{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr)}.broel-course-community ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Online-business consultation scope. */
.broel-consultation-topics{padding-block:clamp(3.5rem,7vw,6.3rem);background:linear-gradient(145deg,#f5faff,#fff 48%,#f2fbf6)}.broel-consultation-topics>.broel-container>div{display:grid;gap:.85rem}.broel-consultation-topics article{overflow:hidden;border:.07rem solid #dce5ef;border-top:.34rem solid #377be7;border-radius:1.1rem;background:#fff;box-shadow:0 1rem 2.6rem rgb(35 62 96/7%)}.broel-consultation-topics article:nth-child(2),.broel-consultation-topics article:nth-child(6){border-top-color:#35ad71}.broel-consultation-topics article:nth-child(3){border-top-color:#f88a31}.broel-consultation-topics article:nth-child(4){border-top-color:#754fb3}.broel-consultation-topics article:nth-child(5){border-top-color:#e44950}.broel-consultation-topic-image{display:block;aspect-ratio:3/1;overflow:hidden;background:#eef4fb}.broel-consultation-topic-image img{display:block;width:100%;height:100%;object-fit:cover}.broel-consultation-topic-content{padding:1.05rem 1.3rem 1.3rem}.broel-consultation-topic-content>span{color:#377be7;font-size:.64rem;font-weight:950}.broel-consultation-topics article:nth-child(2) .broel-consultation-topic-content>span,.broel-consultation-topics article:nth-child(6) .broel-consultation-topic-content>span{color:#218755}.broel-consultation-topics h3{margin:.65rem 0 .45rem;color:#202a3a;font-size:1.08rem}.broel-consultation-topics article p{margin:0;color:#627086;font-size:.76rem;line-height:1.55}.broel-consultation-topics aside{margin-top:1rem;padding:1.1rem 1.25rem;border:.07rem solid #b9d9c7;border-radius:1rem;color:#315846;background:#eefaf3}.broel-consultation-topics aside p{margin:.3rem 0 0;font-size:.78rem;line-height:1.55}@media(min-width:40rem){.broel-consultation-topics>.broel-container>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.broel-consultation-topics>.broel-container>div{grid-template-columns:repeat(3,minmax(0,1fr))}}