.et_pb_section:has(.blp){padding:0!important;background:none!important}
.et_pb_row:has(.blp){width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.et_pb_column:has(.blp),.et_pb_module:has(.blp){margin:0!important}
.blp{
--blp-dark:#1B4642;
--blp-deep:#07332E;
--blp-card:#183A34;
--blp-green:#19E07A;
--blp-accent:#087A43;
--blp-yellow:#FFD86B;
--blp-light:#F3F3F4;
--blp-ink:#0E2A27;
--blp-text:rgba(14,42,39,.84);
--blp-mut:rgba(14,42,39,.62);
--blp-line:rgba(14,42,39,.14);
--blp-radius:18px;
font-family:'Poppins',Helvetica,Arial,sans-serif;
color:var(--blp-ink);
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
.blp *,
.blp *::before,
.blp *::after{
box-sizing:border-box;
}
.blp h1,
.blp h2,
.blp h3,
.blp p,
.blp ul,
.blp ol,
.blp dl,
.blp dd,
.blp figure{
margin:0;
padding:0;
}
.blp h1,
.blp h2,
.blp h3{
font-family:inherit;
font-weight:700;
color:inherit;
line-height:1.2;
}
.blp ul,
.blp ol{
list-style:none;
}
.blp img{
display:block;
max-width:100%;
height:auto;
}
.blp a{
color:inherit;
}
.blp [id]{
scroll-margin-top:110px;
}
.blp-wrap{
width:min(90%,1296px);
margin:0 auto;
}
.blp-hero{
position:relative;
overflow:hidden;
padding:clamp(4.5rem,9vw,7.5rem) 0 clamp(3.5rem,7vw,5.5rem);
background:radial-gradient(55% 80% at 100% 0%,rgba(25,224,122,.22),transparent 65%),radial-gradient(45% 70% at 0% 100%,rgba(7,51,46,.9),transparent 70%),var(--blp-dark);
color:var(--blp-light);
}
.blp-crumb{
display:flex;
flex-wrap:wrap;
gap:.5rem;
margin-bottom:2rem;
font-size:.8rem;
color:rgba(243,243,244,.7);
}
.blp-crumb a{
text-decoration:none;
}
.blp-crumb a:hover{
color:var(--blp-green);
}
.blp-crumb [aria-current]{
color:var(--blp-light);
}
.blp-tag{
display:flex;
align-items:center;
gap:.8rem;
margin-bottom:1.4rem !important;
color:var(--blp-green);
font-size:.8rem;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
}
.blp-tag::before{
content:'';
width:28px;
height:2px;
background:currentColor;
}
.blp-hero h1{
max-width:22ch;
font-size:clamp(2.1rem,5vw,4rem);
line-height:1.1;
text-wrap:balance;
}
.blp-hero h1 span{
display:block;
color:var(--blp-green);
}
.blp-by{
display:flex;
align-items:center;
gap:1rem;
margin-top:2.2rem;
}
.blp-av{
display:grid;
place-items:center;
flex:0 0 auto;
width:48px;
height:48px;
border-radius:50%;
background:var(--blp-green);
color:var(--blp-dark);
font-weight:700;
font-size:.95rem;
}
.blp-av-lg{
width:64px;
height:64px;
font-size:1.2rem;
}
.blp-by-name{
display:block;
font-size:.95rem;
color:rgba(243,243,244,.75);
}
.blp-by-name b{
color:var(--blp-light);
font-weight:600;
}
.blp-by-date{
display:block;
margin-top:.1rem;
font-size:.8rem;
color:rgba(243,243,244,.65);
}
.blp-main{
padding:clamp(3.5rem,8vw,6rem) 0 clamp(4rem,9vw,7rem);
background:var(--blp-light);
}
.blp-grid{
display:grid;
grid-template-columns:230px minmax(0,1fr);
gap:clamp(2rem,5vw,4.5rem);
align-items:start;
}
.blp-toc{
position:sticky;
top:110px;
display:flex;
flex-direction:column;
border-left:2px solid var(--blp-line);
}
.blp-toc-h{
padding:0 0 .7rem 1rem;
color:var(--blp-accent);
font-size:.72rem;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
}
.blp-toc a{
margin-left:-2px;
padding:.4rem 0 .4rem 1rem;
border-left:2px solid transparent;
color:var(--blp-mut);
font-size:.9rem;
text-decoration:none;
transition:color .25s,border-color .25s;
}
.blp-toc a:hover{
color:var(--blp-ink);
border-left-color:var(--blp-green);
}
.blp-body{
max-width:820px;
min-width:0;
}
.blp-body p{
margin:0 0 1.15em;
font-size:1.05rem;
line-height:1.8;
color:var(--blp-text);
}
.blp-body .blp-lead{
font-size:clamp(1.12rem,1.5vw,1.25rem);
line-height:1.7;
color:var(--blp-ink);
}
.blp-body a{
color:var(--blp-accent);
font-weight:600;
text-decoration:underline;
text-underline-offset:3px;
}
.blp-body h2{
margin:3.2rem 0 1.1rem;
font-size:clamp(1.6rem,2.8vw,2.2rem);
}
.blp-body h3{
margin:2rem 0 .8rem;
color:var(--blp-accent);
font-size:.82rem;
letter-spacing:.14em;
text-transform:uppercase;
}
.blp-hh{
display:flex;
align-items:center;
gap:.9rem;
margin:3.2rem 0 1.1rem;
}
.blp-body .blp-hh h2{
margin:0;
}
.blp-badge{
display:grid;
place-items:center;
flex:0 0 auto;
width:52px;
height:52px;
border-radius:14px;
background:var(--blp-dark);
color:var(--blp-green);
font-weight:700;
font-size:1.05rem;
}
.blp-tldr{
margin:2.2rem 0;
padding:clamp(1.4rem,3vw,2rem);
border-radius:var(--blp-radius);
background:var(--blp-dark);
color:var(--blp-light);
}
.blp-kh{
display:block;
margin-bottom:1.1rem;
color:var(--blp-green);
font-size:.75rem;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
}
.blp-ck{
display:grid;
gap:.75rem;
margin:0 0 1.4rem !important;
}
.blp-ck li{
position:relative;
padding-left:2.1rem;
font-size:1rem;
line-height:1.65;
color:var(--blp-text);
}
.blp-ck li b{
color:var(--blp-ink);
font-weight:600;
}
.blp-ck li::before{
content:'';
position:absolute;
left:0;
top:.2em;
width:1.3rem;
height:1.3rem;
border-radius:50%;
background:var(--blp-green);
}
.blp-ck li::after{
content:'';
position:absolute;
left:.38rem;
top:.55em;
width:.52rem;
height:.28rem;
border-left:2px solid var(--blp-dark);
border-bottom:2px solid var(--blp-dark);
transform:rotate(-45deg);
}
.blp-tldr .blp-ck{
margin:0 !important;
}
.blp-tldr .blp-ck li{
color:rgba(243,243,244,.9);
}
.blp-ck-x li::before{
background:var(--blp-dark);
}
.blp-ck-x li::after{
left:.5rem;
top:.5em;
width:.3rem;
height:.3rem;
border:0;
border-radius:50%;
background:var(--blp-green);
transform:none;
}
.blp-fig{
margin:2.2rem 0 !important;
overflow:hidden;
border-radius:var(--blp-radius);
background:var(--blp-dark);
}
.blp-fig img{
width:100%;
}
.blp-fig figcaption{
padding:.8rem 1.1rem;
color:rgba(243,243,244,.75);
font-size:.8rem;
}
.blp-fig figcaption a{
color:var(--blp-green) !important;
font-weight:500 !important;
}
.blp-photo img{
aspect-ratio:16/9;
object-fit:cover;
}
.blp-swipe{
display:none;
margin-top:1.2rem;
color:var(--blp-accent);
font-size:.78rem;
font-weight:600;
}
.blp-tw{
overflow-x:auto;
margin:1.6rem 0 1rem;
border:1px solid var(--blp-line);
border-radius:14px;
background:#fff;
-webkit-overflow-scrolling:touch;
}
.blp-tw:focus-visible{
outline:2px solid var(--blp-green);
outline-offset:3px;
}
.blp-tbl{
width:100%;
min-width:660px;
margin:0 !important;
border:0 !important;
border-collapse:collapse;
font-size:.88rem;
line-height:1.5;
}
.blp-tbl caption{
caption-side:bottom;
padding:.8rem 1rem;
color:var(--blp-mut);
font-size:.78rem;
text-align:left;
}
.blp-tbl th,
.blp-tbl td{
padding:.85rem .8rem !important;
border:0 !important;
border-bottom:1px solid var(--blp-line) !important;
text-align:left;
vertical-align:top;
}
.blp-tbl thead th{
background:var(--blp-dark);
color:var(--blp-light);
font-size:.72rem;
font-weight:600;
letter-spacing:.1em;
text-transform:uppercase;
white-space:nowrap;
}
.blp-tbl tbody th{
color:var(--blp-accent);
font-size:1rem;
font-weight:700;
white-space:nowrap;
}
.blp-tbl tbody th small{
display:block;
color:var(--blp-mut);
font-size:.74rem;
font-weight:500;
}
.blp-tbl tbody tr:last-child th,
.blp-tbl tbody tr:last-child td{
border-bottom:0 !important;
}
.blp-src{
margin:.6rem 0 0;
color:var(--blp-mut);
font-size:.82rem;
}
.blp-body .blp-src a{
font-weight:500;
}
.blp-note{
margin:1.6rem 0 1rem;
padding:1.1rem 1.3rem;
border-left:4px solid var(--blp-green);
border-radius:0 12px 12px 0;
background:#fff;
color:var(--blp-text);
font-size:1rem;
line-height:1.65;
}
.blp-note b{
color:var(--blp-ink);
}
.blp-flow{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:.7rem;
margin:1.8rem 0 1rem !important;
}
.blp-flow li{
position:relative;
display:flex;
flex-direction:column;
gap:.35rem;
padding:1.1rem 1rem 1.2rem;
border:1px solid var(--blp-line);
border-radius:14px;
background:#fff;
}
.blp-flow li:not(:last-child)::after{
content:'';
position:absolute;
top:2.05rem;
right:-.62rem;
width:.55rem;
height:2px;
background:var(--blp-green);
}
.blp-fi{
display:grid;
place-items:center;
width:44px;
height:44px;
margin-bottom:.4rem;
border-radius:50%;
background:var(--blp-green);
}
.blp-fi svg{
width:22px;
height:22px;
fill:none;
stroke:var(--blp-dark);
stroke-width:2.6;
stroke-linecap:round;
stroke-linejoin:round;
}
.blp-flow b{
font-size:.98rem;
line-height:1.2;
}
.blp-flow li span:not(.blp-fi){
color:var(--blp-mut);
font-size:.84rem;
line-height:1.45;
}
.blp-cards{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:.9rem;
margin:1.6rem 0 !important;
}
.blp-cards>div{
display:flex;
flex-direction:column;
gap:.45rem;
padding:1.3rem 1.4rem;
border:1px solid var(--blp-line);
border-radius:14px;
background:#fff;
}
.blp-cards b{
margin-top:.2rem;
font-size:1.05rem;
line-height:1.25;
}
.blp-cards>div>span:not(.blp-fi){
color:var(--blp-text);
font-size:.94rem;
line-height:1.6;
}
.blp-cards-dark>div{
border:0;
border-top:3px solid var(--blp-green);
background:var(--blp-dark);
color:var(--blp-light);
}
.blp-cards-dark>div>span:not(.blp-fi){
color:rgba(243,243,244,.78);
}
.blp-body .blp-cards-dark a{
color:var(--blp-green);
}
.blp-spots{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:.9rem;
margin:1.6rem 0 1rem !important;
}
.blp-body .blp-spots a{
display:block;
overflow:hidden;
border-radius:14px;
background:var(--blp-dark);
color:var(--blp-light);
font-weight:500;
text-decoration:none;
transition:transform .25s;
}
.blp-spots img{
width:100%;
aspect-ratio:16/10;
object-fit:cover;
}
.blp-spots span{
display:block;
padding:.7rem .9rem;
font-size:.85rem;
line-height:1.4;
}
.blp-spots b{
display:block;
color:var(--blp-green);
font-size:.72rem;
letter-spacing:.08em;
text-transform:uppercase;
}
.blp-gl{
margin:1.4rem 0 1rem !important;
border-top:1px solid var(--blp-line);
}
.blp-gl>div{
display:grid;
grid-template-columns:minmax(0,15rem) minmax(0,1fr);
gap:1.2rem;
padding:.85rem 0;
border-bottom:1px solid var(--blp-line);
}
.blp-gl dt{
color:var(--blp-accent);
font-weight:700;
font-style:italic;
}
.blp-gl dd{
color:var(--blp-text);
font-size:.98rem;
line-height:1.6;
}
.blp-cta{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:1rem 1.6rem;
margin:2.2rem 0;
padding:1.5rem 1.7rem;
border-radius:var(--blp-radius);
background:var(--blp-green);
color:var(--blp-dark);
}
.blp-cta>span{
max-width:24ch;
font-size:clamp(1.15rem,1.8vw,1.4rem);
font-weight:700;
line-height:1.2;
}
.blp-btn{
display:inline-flex;
align-items:center;
gap:.6rem;
padding:.75rem 1.5rem;
border-radius:var(--blp-radius);
background:var(--blp-dark);
color:var(--blp-green) !important;
font-size:1rem;
font-weight:700;
text-decoration:none !important;
box-shadow:0 2px 18px rgba(0,0,0,.2);
transition:transform .25s,box-shadow .25s;
}
.blp-btn-alt{
background:var(--blp-yellow);
color:var(--blp-dark) !important;
}
.blp-upd{
margin:2rem 0;
padding:1rem 1.2rem;
border:1px dashed rgba(14,42,39,.28);
border-radius:12px;
color:var(--blp-mut);
font-size:.9rem;
line-height:1.65;
}
.blp-auth{
display:flex;
align-items:center;
gap:1.1rem;
margin-top:2.6rem;
padding-top:2rem;
border-top:1px solid var(--blp-line);
}
.blp-auth b{
display:block;
font-size:1.15rem;
}
.blp-auth span:not(.blp-av){
display:block;
max-width:52ch;
margin-top:.2rem;
color:var(--blp-mut);
font-size:.92rem;
}
.blp-faq{
padding:clamp(4rem,9vw,7rem) 0;
background:var(--blp-dark);
color:var(--blp-light);
}
.blp-faq-grid{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:clamp(2rem,6vw,5rem);
align-items:start;
}
.blp-faq-intro{
position:sticky;
top:110px;
}
.blp-faq h2{
margin-bottom:1rem;
font-size:clamp(1.9rem,4vw,3rem);
line-height:1.1;
}
.blp-faq h2 span{
color:var(--blp-green);
}
.blp-faq-intro p:not(.blp-tag){
max-width:36ch;
color:rgba(243,243,244,.78);
}
.blp-faq details{
border-top:1px solid rgba(243,243,244,.16);
}
.blp-faq details:last-child{
border-bottom:1px solid rgba(243,243,244,.16);
}
.blp-faq summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
padding:1.3rem 0;
font-size:clamp(1rem,1.6vw,1.15rem);
font-weight:600;
line-height:1.4;
list-style:none;
cursor:pointer;
}
.blp-faq summary::-webkit-details-marker{
display:none;
}
.blp-faq summary i{
display:grid;
place-items:center;
flex:0 0 auto;
width:34px;
height:34px;
border:1px solid rgba(243,243,244,.25);
border-radius:50%;
color:var(--blp-green);
font-size:1.3rem;
font-style:normal;
line-height:1;
transition:transform .3s,background .3s,color .3s,border-color .3s;
}
.blp-faq details[open] summary i{
border-color:var(--blp-green);
background:var(--blp-green);
color:var(--blp-dark);
transform:rotate(45deg);
}
.blp-faq details p{
max-width:60ch;
padding:0 3rem 1.5rem 0;
color:rgba(243,243,244,.8);
line-height:1.75;
}
.blp-faq details a{
color:var(--blp-green);
font-weight:600;
}
.blp-end{
padding:clamp(4rem,8vw,6rem) 0;
background:var(--blp-light);
text-align:center;
}
.blp-end h2{
font-size:clamp(1.9rem,4vw,3rem);
line-height:1.1;
}
.blp-end h2 span{
color:var(--blp-accent);
}
.blp-end p{
max-width:58ch;
margin:1rem auto 0;
color:var(--blp-text);
font-size:1.05rem;
line-height:1.75;
}
.blp-end-btns{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:1rem;
margin-top:2rem;
}
.blp a:focus-visible,
.blp summary:focus-visible{
outline:2px solid var(--blp-green);
outline-offset:3px;
}
@media (hover:hover){
.blp-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.blp-body .blp-spots a:hover{
transform:translateY(-4px);
}
.blp-faq summary:hover{
color:var(--blp-green);
}
}
@media (max-width:1000px){
.blp-grid,
.blp-faq-grid{
grid-template-columns:minmax(0,1fr);
}
.blp-toc,
.blp-faq-intro{
position:relative;
top:auto;
}
.blp-toc{
flex-direction:row;
flex-wrap:wrap;
gap:.5rem;
border-left:0;
}
.blp-toc-h{
flex-basis:100%;
padding:0 0 .2rem;
}
.blp-toc a{
margin:0;
padding:.4rem .85rem;
border:1px solid rgba(14,42,39,.2);
border-radius:99px;
font-size:.8rem;
}
.blp-toc a:hover{
border-color:var(--blp-green);
}
.blp-swipe{
display:block;
}
.blp-swipe+.blp-tw{
margin-top:.6rem;
}
.blp-flow{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.blp-flow li::after{
display:none;
}
.blp-flow li:last-child{
grid-column:1/-1;
}
}
@media (max-width:600px){
.blp-body p{
font-size:1rem;
}
.blp-body h2,
.blp-hh{
margin-top:2.6rem;
}
.blp-badge{
width:42px;
height:42px;
border-radius:10px;
font-size:.9rem;
}
.blp-cards,
.blp-spots{
grid-template-columns:minmax(0,1fr);
}
.blp-gl>div{
grid-template-columns:minmax(0,1fr);
gap:.2rem;
}
.blp-faq details p{
padding-right:0;
}
}
.blp-hero-intro{
max-width:60ch;
margin-top:1.4rem !important;
color:rgba(243,243,244,.82);
font-size:clamp(1.02rem,1.4vw,1.15rem);
line-height:1.75;
}
.blp-list{
display:grid;
gap:1.6rem;
}
.blp-item{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
overflow:hidden;
border:1px solid var(--blp-line);
border-radius:var(--blp-radius);
background:#fff;
transition:transform .25s,box-shadow .25s;
}
.blp-item-media{
position:relative;
display:block;
min-height:240px;
background:var(--blp-dark);
}
.blp-item-media img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
.blp-item-media span{
position:absolute;
inset:0;
display:grid;
place-items:center;
color:var(--blp-green);
font-size:1.6rem;
font-weight:700;
}
.blp-item-body{
display:flex;
flex-direction:column;
gap:.8rem;
padding:clamp(1.4rem,3vw,2.2rem);
}
.blp-item-label{
color:var(--blp-accent);
font-size:.75rem;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
}
.blp-item h2{
font-size:clamp(1.3rem,2.2vw,1.75rem);
line-height:1.25;
}
.blp-item h2 a{
text-decoration:none;
}
.blp-item p{
color:var(--blp-text);
font-size:1rem;
line-height:1.7;
}
.blp-item-meta{
color:var(--blp-mut);
font-size:.85rem;
}
.blp-item-link{
margin-top:auto;
padding-top:.4rem;
color:var(--blp-accent) !important;
font-weight:700;
text-decoration:none;
}
.blp-more{
display:flex;
justify-content:center;
margin-top:2.4rem;
}
.blp-more button{
padding:.75rem 1.6rem;
border:0;
border-radius:var(--blp-radius);
background:var(--blp-dark);
color:var(--blp-green);
font-family:inherit;
font-size:1rem;
font-weight:700;
cursor:pointer;
transition:transform .25s,box-shadow .25s;
}
.blp-more button[disabled]{
opacity:.6;
cursor:wait;
}
.blp-more[hidden]{
display:none;
}
@media (hover:hover){
.blp-item:hover{
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(14,42,39,.12);
}
.blp-item h2 a:hover,
.blp-item-link:hover{
color:var(--blp-accent);
}
.blp-more button:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,.2);
}
}
@media (max-width:760px){
.blp-item{
grid-template-columns:minmax(0,1fr);
}
.blp-item-media{
min-height:0;
aspect-ratio:16/9;
}
}
@media (prefers-reduced-motion:reduce){
.blp *{
transition:none !important;
}
}