.broel-sbgs-page{--sbgs-blue:#3779e6;--sbgs-red:#e84d53;--sbgs-green:#35af6d;--sbgs-orange:#f68931;--sbgs-purple:#7650b5;overflow:hidden;color:#202b3d;background:#f7f9fd}.broel-sbgs-page *{box-sizing:border-box}.broel-sbgs-kicker{margin:0 0 .8rem;color:var(--stage,var(--sbgs-blue));font-size:.78rem;font-weight:900;letter-spacing:.14em}.broel-sbgs-hero{position:relative;padding:clamp(3.5rem,7vw,7rem) 0;background:radial-gradient(circle at 12% 15%,rgb(55 121 230/12%),transparent 24rem),linear-gradient(135deg,#f4f8ff 0,#fff 52%,#f7f1fd 100%)}.broel-sbgs-hero:after{position:absolute;right:-8rem;bottom:-12rem;width:28rem;height:28rem;border:3rem solid rgb(118 80 181/6%);border-radius:50%;content:""}.broel-sbgs-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(30rem,1.12fr);gap:clamp(2rem,5vw,5rem);align-items:center}.broel-sbgs-hero h1{max-width:9ch;margin:0 0 1.25rem;font-size:clamp(3.3rem,6.3vw,6.6rem);line-height:.89;letter-spacing:-.06em}.broel-sbgs-hero h1 span{color:var(--sbgs-purple)}.broel-sbgs-lead{max-width:43rem;color:#536176;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65}.broel-sbgs-actions,.broel-sbgs-stage__links{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.65rem}.broel-sbgs-button{display:inline-flex;min-height:3.25rem;padding:.85rem 1.2rem;align-items:center;justify-content:center;border-radius:.8rem;color:#fff;background:var(--stage,var(--sbgs-blue));font-size:.85rem;font-weight:900;text-decoration:none;box-shadow:0 .9rem 1.8rem color-mix(in srgb,var(--stage,var(--sbgs-blue)) 22%,transparent)}.broel-sbgs-button:hover{color:#fff;transform:translateY(-.12rem)}.broel-sbgs-text-link{color:#294664;font-weight:850;text-decoration:none}.broel-sbgs-hero__copy>ul{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;margin:1.6rem 0 0;padding:0;color:#526176;font-size:.83rem;font-weight:750;list-style:none}.broel-sbgs-hero__copy>ul li:before{margin-right:.45rem;color:var(--sbgs-green);content:"✓"}.broel-sbgs-hero__visual{position:relative;margin:0;padding:.65rem;border:.08rem solid rgb(55 121 230/16%);border-radius:1.5rem 4rem 1.5rem 4rem;background:#fff;box-shadow:0 2rem 4.5rem rgb(35 58 95/16%);transform:rotate(1deg)}.broel-sbgs-hero__visual:before{position:absolute;z-index:-1;inset:1rem -1.25rem -1.2rem 1.5rem;border-radius:2rem 5rem 2rem 5rem;background:linear-gradient(135deg,rgb(232 77 83/15%),rgb(53 175 109/15%),rgb(246 137 49/16%),rgb(118 80 181/18%));content:""}.broel-sbgs-hero__visual img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1rem 3.5rem 1rem 3.5rem}.broel-sbgs-hero__visual figcaption{position:absolute;right:1.2rem;bottom:1.2rem;padding:.65rem .9rem;border:.18rem solid #fff;border-radius:.65rem;background:#202b3de8;color:#fff;font-size:.75rem;font-weight:850}.broel-sbgs-nav{position:sticky;z-index:20;top:0;border-block:.0625rem solid #dce5f1;background:rgb(255 255 255/94%);box-shadow:0 .5rem 1.5rem rgb(34 58 95/7%);backdrop-filter:blur(.8rem)}body.admin-bar .broel-sbgs-nav{top:32px}.broel-sbgs-nav .broel-container{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding-block:.7rem}.broel-sbgs-nav a{display:flex;min-height:2.8rem;gap:.55rem;align-items:center;justify-content:center;border-radius:.65rem;color:#27374d;font-size:.86rem;font-weight:900;text-decoration:none}.broel-sbgs-nav a:hover,.broel-sbgs-nav a:focus{background:color-mix(in srgb,var(--nav) 12%,white);color:var(--nav)}.broel-sbgs-nav a span{display:grid;width:1.65rem;height:1.65rem;place-items:center;border-radius:.45rem;color:#fff;background:var(--nav);font-size:.68rem}.broel-sbgs-nav__start{--nav:var(--sbgs-red)}.broel-sbgs-nav__build{--nav:var(--sbgs-green)}.broel-sbgs-nav__grow{--nav:var(--sbgs-orange)}.broel-sbgs-nav__scale{--nav:var(--sbgs-purple)}.broel-sbgs-intro,.broel-sbgs-support,.broel-sbgs-faq{padding:clamp(4rem,8vw,7.5rem) 0}.broel-sbgs-heading{max-width:56rem;margin-bottom:2.5rem}.broel-sbgs-heading h2{margin:0 0 1rem;font-size:clamp(2.35rem,5vw,4.8rem);line-height:.98;letter-spacing:-.05em}.broel-sbgs-heading>p:last-child{max-width:48rem;margin:0;color:#5b687b;font-size:1.08rem;line-height:1.7}.broel-sbgs-stage-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.broel-sbgs-summary{--stage:var(--sbgs-blue);display:flex;min-height:13rem;padding:1.4rem;flex-direction:column;border-top:.4rem solid var(--stage);border-radius:1.2rem;color:#202b3d;background:#fff;box-shadow:0 1rem 2.5rem rgb(35 58 95/9%);text-decoration:none;transition:.2s}.broel-sbgs-summary:hover{color:#202b3d;transform:translateY(-.35rem);box-shadow:0 1.4rem 3rem rgb(35 58 95/14%)}.broel-sbgs-summary--start{--stage:var(--sbgs-red)}.broel-sbgs-summary--build{--stage:var(--sbgs-green)}.broel-sbgs-summary--grow{--stage:var(--sbgs-orange)}.broel-sbgs-summary--scale{--stage:var(--sbgs-purple)}.broel-sbgs-summary strong{color:var(--stage);font-size:1.5rem}.broel-sbgs-summary span{margin:.65rem 0;color:#5c697b;line-height:1.55}.broel-sbgs-summary em{margin-top:auto;color:var(--stage);font-size:.76rem;font-style:normal;font-weight:900}.broel-sbgs-stage{--stage:var(--sbgs-blue);position:relative;padding:clamp(4.5rem,9vw,8rem) 0;scroll-margin-top:5.5rem;background:#fff}.broel-sbgs-stage:nth-child(even){background:#f1f5fb}.broel-sbgs-stage--start{--stage:var(--sbgs-red)}.broel-sbgs-stage--build{--stage:var(--sbgs-green)}.broel-sbgs-stage--grow{--stage:var(--sbgs-orange)}.broel-sbgs-stage--scale{--stage:var(--sbgs-purple)}.broel-sbgs-stage__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}.broel-sbgs-stage:nth-child(even) .broel-sbgs-stage__intro{order:2}.broel-sbgs-stage__number{display:grid;width:4.8rem;height:4.8rem;margin-bottom:1.5rem;place-items:center;border-radius:1.2rem 50% 1.2rem 50%;color:#fff;background:var(--stage);font-size:1.4rem;font-weight:950;box-shadow:0 1rem 2.2rem color-mix(in srgb,var(--stage) 24%,transparent)}.broel-sbgs-stage h2{margin:0 0 1.2rem;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;letter-spacing:-.05em}.broel-sbgs-stage__intro>p:not(.broel-sbgs-kicker){color:#57667a;font-size:1.08rem;line-height:1.72}.broel-sbgs-stage__detail{padding:clamp(1.4rem,3vw,2.4rem);border:.08rem solid color-mix(in srgb,var(--stage) 20%,#dce4ef);border-radius:1.5rem;background:linear-gradient(145deg,color-mix(in srgb,var(--stage) 7%,white),#fff);box-shadow:0 1.2rem 3rem rgb(35 58 95/9%)}.broel-sbgs-stage__detail h3{margin:0 0 .9rem;font-size:1.18rem}.broel-sbgs-stage__detail ul{display:grid;gap:.75rem;margin:0 0 1.4rem;padding:0;list-style:none}.broel-sbgs-stage__detail li{display:grid;grid-template-columns:1.7rem 1fr;gap:.6rem;align-items:start;color:#48576b;line-height:1.55}.broel-sbgs-stage__detail li span{display:grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:50%;color:#fff;background:var(--stage);font-size:.7rem}.broel-sbgs-readiness,.broel-sbgs-help{margin-top:1rem;padding:1.1rem;border-radius:.85rem;background:#fff}.broel-sbgs-readiness{border-left:.3rem solid var(--stage)}.broel-sbgs-help{background:#202b3d;color:#fff}.broel-sbgs-readiness p,.broel-sbgs-help p{margin:0;color:inherit;line-height:1.6}.broel-sbgs-support{background:#202b3d;color:#fff}.broel-sbgs-support .broel-sbgs-heading>p:last-child{color:#cbd5e4}.broel-sbgs-support__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.broel-sbgs-support article{display:flex;min-height:20rem;padding:1.7rem;flex-direction:column;border:.07rem solid rgb(255 255 255/12%);border-radius:1.3rem;background:rgb(255 255 255/6%)}.broel-sbgs-support article:nth-child(2){background:rgb(53 175 109/11%)}.broel-sbgs-support article:nth-child(3){background:rgb(246 137 49/11%)}.broel-sbgs-support article>span{color:#91b6f6;font-size:.8rem;font-weight:900}.broel-sbgs-support h3{margin:.6rem 0;font-size:1.8rem}.broel-sbgs-support p{color:#d1d9e5;line-height:1.65}.broel-sbgs-support a{margin-top:auto;color:#fff;font-weight:900;text-decoration:none}.broel-sbgs-faq{background:#eef3fa}.broel-sbgs-faq__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:start}.broel-sbgs-faq details{overflow:hidden;border:.07rem solid #d9e3ef;border-radius:1rem;background:#fff;box-shadow:0 .7rem 1.7rem rgb(35 58 95/5%)}.broel-sbgs-faq summary{display:grid;padding:1.15rem 1.25rem;grid-template-columns:1fr 1.8rem;gap:1rem;align-items:center;cursor:pointer;font-weight:850;list-style:none}.broel-sbgs-faq summary::-webkit-details-marker{display:none}.broel-sbgs-faq summary span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;color:#fff;background:var(--sbgs-blue);transition:.2s}.broel-sbgs-faq details[open] summary span{transform:rotate(45deg);background:var(--sbgs-purple)}.broel-sbgs-faq details p{margin:0;padding:0 1.25rem 1.25rem;color:#596779;line-height:1.65}.broel-sbgs-final{padding:clamp(4.5rem,9vw,8rem) 0;text-align:center;background:linear-gradient(135deg,#eff6ff,#fff4ea 52%,#f4effc)}.broel-sbgs-final .broel-container{max-width:58rem}.broel-sbgs-final h2{margin:0 0 1rem;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95;letter-spacing:-.055em}.broel-sbgs-final p:not(.broel-sbgs-kicker){max-width:47rem;margin:0 auto 1.7rem;color:#566579;font-size:1.1rem;line-height:1.7}
@media(max-width:960px){.broel-sbgs-hero__grid,.broel-sbgs-stage__grid{grid-template-columns:1fr}.broel-sbgs-hero__visual{max-width:48rem;margin-inline:auto}.broel-sbgs-stage-summary{grid-template-columns:repeat(2,1fr)}.broel-sbgs-stage:nth-child(even) .broel-sbgs-stage__intro{order:0}.broel-sbgs-support__grid{grid-template-columns:1fr}.broel-sbgs-support article{min-height:0}.broel-sbgs-nav{position:relative;top:auto!important}}
@media(max-width:640px){.broel-sbgs-hero{padding-top:2.8rem}.broel-sbgs-hero__grid{grid-template-columns:minmax(0,1fr)}.broel-sbgs-hero h1{font-size:clamp(3.1rem,16vw,4.5rem)}.broel-sbgs-hero__visual{transform:none}.broel-sbgs-hero__visual figcaption{position:static;margin-top:.6rem;text-align:center}.broel-sbgs-nav{overflow-x:auto}.broel-sbgs-nav .broel-container{width:max-content;min-width:100%;grid-template-columns:repeat(4,minmax(7rem,1fr))}.broel-sbgs-stage-summary,.broel-sbgs-faq__grid{grid-template-columns:1fr}.broel-sbgs-summary{min-height:10rem}.broel-sbgs-stage{scroll-margin-top:1rem}.broel-sbgs-stage__links{align-items:stretch;flex-direction:column}.broel-sbgs-stage__links a{text-align:center}.broel-sbgs-heading h2{font-size:clamp(2.2rem,11vw,3.35rem)}}
@media(prefers-reduced-motion:reduce){.broel-sbgs-page *{scroll-behavior:auto!important;transition:none!important}}