.broel-join-page{background:#f7f9fd;color:#20252c}.broel-join-kicker{margin:0 0 .75rem;color:#3779e6;font-size:.8rem;font-weight:900;letter-spacing:.12em}.broel-join-hero{position:relative;overflow:hidden;padding:clamp(3rem,7vw,6.5rem) 0;background:linear-gradient(135deg,#eef5ff 0,#fff 48%,#fff3e7 100%)}.broel-join-hero:before{position:absolute;width:26rem;height:26rem;right:-10rem;top:-12rem;border:3rem solid rgb(118 80 181/10%);border-radius:50%;content:""}.broel-join-hero__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(26rem,1.1fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.broel-join-hero h1{max-width:9ch;margin:0;font-size:clamp(3.2rem,6.5vw,6.2rem);line-height:.93;letter-spacing:-.055em}.broel-join-hero h1 span{color:#3779e6}.broel-join-hero__copy>p:not(.broel-join-kicker){max-width:40rem;color:#596779;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65}.broel-join-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0}.broel-join-actions a,.broel-join-final a{padding:.9rem 1.25rem;border-radius:.8rem;background:#3779e6;color:#fff;font-weight:900;text-decoration:none;box-shadow:0 .8rem 1.6rem rgb(55 121 230/20%)}.broel-join-actions a+ a{background:#fff;color:#2359b8;border:.08rem solid rgb(55 121 230/25%)}.broel-join-hero__copy ul{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;padding:0;list-style:none;color:#435166;font-size:.87rem;font-weight:750}.broel-join-hero__copy li:before{margin-right:.4rem;color:#35af6d;content:"✓"}.broel-join-hero__visual{position:relative;margin:0;padding:.65rem;border:.08rem solid rgb(55 121 230/18%);border-radius:3rem 1.3rem 6rem 1.3rem;background:#fff;box-shadow:0 2rem 4rem rgb(35 58 95/18%)}.broel-join-hero__visual:before{position:absolute;z-index:-1;inset:-1.4rem 2rem 1rem -1.3rem;border-radius:4rem 2rem 6rem 2rem;background:linear-gradient(135deg,rgb(53 175 109/24%),rgb(55 121 230/18%),rgb(246 137 49/20%));transform:rotate(-1.5deg);content:""}.broel-join-hero__visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2.5rem .9rem 5.4rem .9rem}.broel-join-hero__visual figcaption{position:absolute;left:-1rem;bottom:2rem;display:grid;padding:.8rem 1.25rem;border:.25rem solid #fff;border-radius:1rem;background:#7650b5;color:#fff;box-shadow:0 .8rem 1.8rem rgb(54 35 90/25%)}.broel-join-hero__visual figcaption strong{font-size:1rem}.broel-join-hero__visual figcaption span{font-size:.8rem}.broel-join-intro{text-align:center;padding:clamp(3.5rem,7vw,6.5rem) 0}.broel-join-intro h2,.broel-plans h2,.broel-join-journey h2,.broel-join-final h2{margin:.2rem 0 1rem;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1}.broel-join-intro p:last-child{max-width:54rem;margin:auto;color:#596779;font-size:1.1rem;line-height:1.75}.broel-plans{padding:clamp(3.5rem,7vw,6rem) 0;background:#eef3fb}.broel-plans header{max-width:50rem;margin-bottom:2.2rem}.broel-plans header>p:last-child{color:#596779;font-size:1.05rem}.broel-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;align-items:stretch}.broel-plan{--plan:#3779e6;position:relative;display:flex;flex-direction:column;padding:1.35rem;border-top:.45rem solid var(--plan);border-radius:1.3rem;background:#fff;box-shadow:0 1rem 2.5rem rgb(35 58 95/10%);transition:transform .25s,box-shadow .25s}.broel-plan:hover{transform:translateY(-.45rem);box-shadow:0 1.5rem 3rem rgb(35 58 95/16%)}.broel-plan--green{--plan:#35af6d}.broel-plan--orange{--plan:#f68931}.broel-plan--purple{--plan:#7650b5}.broel-plan--red{--plan:#e84d53}.broel-plan.featured{outline:.15rem solid var(--plan);transform:translateY(-.5rem)}.broel-plan__badge{position:absolute;top:-1.05rem;right:.8rem;margin:0;padding:.35rem .65rem;border-radius:2rem;background:var(--plan);color:#fff;font-size:.65rem;font-weight:900}.broel-plan__name{margin:.35rem 0;color:var(--plan);font-weight:900;text-transform:uppercase}.broel-plan h3{margin:.2rem 0 0;font-size:clamp(2.1rem,3vw,3.2rem);line-height:1}.broel-plan__period{margin:.3rem 0;color:#6a7585;font-size:.8rem}.broel-plan__strap{min-height:3rem;font-weight:800}.broel-plan ul{display:grid;gap:.4rem;margin:1rem 0 1.4rem;padding:0;list-style:none}.broel-plan li{position:relative;display:grid;grid-template-columns:1rem 1fr 1.2rem;gap:.45rem;align-items:start;padding:.55rem;border-radius:.6rem;color:#4e5c70;font-size:.82rem;line-height:1.35;transition:background .2s,color .2s}.broel-plan li:hover,.broel-plan li:focus-within{background:color-mix(in srgb,var(--plan) 12%,white);color:#20252c}.broel-plan li svg{width:1rem;height:1rem;fill:none;stroke:var(--plan);stroke-width:2.5}.broel-plan li button{position:relative;width:1.15rem;height:1.15rem;padding:0;border:0;border-radius:50%;background:#edf1f7;color:#536176;font-size:.7rem;font-weight:900;cursor:help}.broel-plan li button:after{position:absolute;z-index:5;right:-.5rem;bottom:calc(100% + .5rem);width:12rem;padding:.65rem;border-radius:.55rem;background:#20252c;color:#fff;font-size:.72rem;font-weight:600;line-height:1.35;text-align:left;opacity:0;pointer-events:none;transform:translateY(.3rem);transition:.2s;content:attr(data-tooltip)}.broel-plan li button:hover:after,.broel-plan li button:focus:after{opacity:1;transform:none}.broel-plan__cta{display:block;margin-top:auto;padding:.85rem;border-radius:.65rem;background:var(--plan);color:#fff;font-size:.78rem;font-weight:900;text-align:center;text-decoration:none}.broel-plans__note{max-width:62rem;margin:2rem auto 0;color:#657286;font-size:.82rem;line-height:1.6;text-align:center}.broel-join-journey{padding:clamp(4rem,8vw,7rem) 0;background:#fff}.broel-join-journey>.broel-container{display:grid;grid-template-columns:.65fr 1.35fr;gap:4rem}.broel-join-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.broel-join-benefits article{padding:1.5rem;border-radius:1.2rem;background:linear-gradient(145deg,#f5f8ff,#fff);box-shadow:0 .7rem 1.8rem rgb(35 58 95/8%)}.broel-join-benefits article:nth-child(2){background:#f1fbf6}.broel-join-benefits article:nth-child(3){background:#fff5eb}.broel-join-benefits article:nth-child(4){background:#f6f1fd}.broel-join-benefits strong{color:#3779e6}.broel-join-benefits h3{margin:.45rem 0}.broel-join-benefits p{margin:0;color:#596779;line-height:1.6}.broel-join-final{padding:clamp(4rem,8vw,7rem) 0;text-align:center;background:#20252c;color:#fff}.broel-join-final .broel-container{max-width:52rem}.broel-join-final p:not(.broel-join-kicker){margin:0 auto 2rem;color:#d8dfe9;font-size:1.1rem;line-height:1.7}
@media(max-width:1180px){.broel-plan-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.broel-join-hero__inner,.broel-join-journey>.broel-container{grid-template-columns:1fr}.broel-join-hero__visual{max-width:42rem;margin:auto}.broel-plan-grid{grid-template-columns:repeat(2,1fr)}.broel-plan.featured{transform:none}}
@media(max-width:580px){.broel-join-hero{padding-top:2.5rem}.broel-join-hero h1{font-size:3.15rem}.broel-join-actions{display:grid}.broel-join-actions a{text-align:center}.broel-join-hero__copy ul{display:grid}.broel-join-hero__visual{border-radius:1.8rem .9rem 3.2rem .9rem}.broel-join-hero__visual img{border-radius:1.4rem .5rem 2.7rem .5rem}.broel-plan-grid,.broel-join-benefits{grid-template-columns:1fr}.broel-plan{padding:1.4rem}.broel-plan__strap{min-height:0}.broel-blog-image-frame{margin-left:.45rem;margin-right:.15rem;border-radius:1.5rem .8rem 2.6rem .8rem}.broel-blog-image-frame:before{inset:-.65rem .8rem .45rem -.6rem}.broel-blog-image-frame img{border-radius:1.15rem .45rem 2.15rem .45rem}}
.broel-plan__saving{display:flex;gap:.45rem;align-items:center;margin:.35rem 0 .65rem;padding:.6rem .65rem;border:.08rem solid color-mix(in srgb,var(--plan) 30%,white);border-radius:.65rem;background:color-mix(in srgb,var(--plan) 11%,white);color:var(--plan);font-size:.7rem;font-weight:950;line-height:1.25}.broel-plan__saving svg{flex:0 0 1.15rem;width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.broel-plan__bank{display:grid;margin:auto 0 .65rem;padding:.65rem;border:.08rem solid color-mix(in srgb,var(--plan) 28%,#dbe4ef);border-radius:.65rem;grid-template-columns:1fr auto;gap:.12rem .45rem;color:#596779;background:color-mix(in srgb,var(--plan) 7%,#fff);font-size:.62rem}.broel-plan__bank strong{grid-row:1/3;grid-column:2;color:#20252c;font-size:.95rem}.broel-plan__bank span{color:var(--plan);font-weight:900}.broel-plan__bank-link{display:block;margin-top:.45rem;padding:.65rem;border:.09rem solid var(--plan);border-radius:.65rem;color:var(--plan)!important;font-size:.62rem;font-weight:950;text-align:center;text-decoration:none}.broel-plan__bank-link:hover{color:#fff!important;background:var(--plan)}
.broel-plan li{grid-template-columns:1.1rem minmax(0,1fr);gap:.6rem;width:100%;padding:.7rem .65rem;font-size:.86rem;line-height:1.45;cursor:help}.broel-plan li span{display:block;width:100%;min-width:0}.broel-plan li::after{position:absolute;z-index:10;left:1.35rem;bottom:calc(100% + .45rem);width:min(15rem,calc(100% - 1.35rem));padding:.7rem .8rem;border-radius:.6rem;background:#20252c;color:#fff;box-shadow:0 .75rem 1.6rem rgb(25 31 42/22%);font-size:.75rem;font-weight:650;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(.3rem);transition:opacity .18s ease,transform .18s ease;content:attr(data-tooltip)}.broel-plan li:hover,.broel-plan li:focus{z-index:11}.broel-plan li:hover::after,.broel-plan li:focus::after{opacity:1;transform:none}