.elementor-4317 .elementor-element.elementor-element-bc709f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4317 .elementor-element.elementor-element-8ab91ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4317 .elementor-element.elementor-element-db10bf2{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3906d2c */:root{

--primary:#16a34a;
--primary-dark:#15803d;
--secondary:#22c55e;

--dark:#0f172a;
--text:#334155;
--light:#f8fafc;
--white:#ffffff;

--border:#e2e8f0;

--shadow:
0 10px 30px rgba(0,0,0,.08);

--shadow-hover:
0 18px 45px rgba(0,0,0,.12);

--radius:18px;

--container:1200px;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:
Inter,
system-ui,
-apple-system,
BlinkMacSystemFont,
Segoe UI,
sans-serif;

background:#fff;
color:var(--text);

line-height:1.6;

overflow-x:hidden;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
}

ul{
list-style:none;
}

.container{

width:100%;
max-width:var(--container);

margin:auto;

padding-left:20px;
padding-right:20px;

}

/* TOP BAR */

.top-bar{

background:linear-gradient(
90deg,
#16a34a,
#22c55e
);

color:white;

font-weight:700;

text-align:center;

padding:12px 15px;

font-size:14px;

position:sticky;
top:0;
z-index:999;
}

/* HERO */

.hero{

padding-top:60px;
padding-bottom:70px;

background:
linear-gradient(
180deg,
#f0fdf4 0%,
#ffffff 100%
);

}

.hero-grid{

display:grid;
grid-template-columns:1.2fr 1fr;
gap:50px;
align-items:center;

}

.badge{

display:inline-block;

background:#dcfce7;

color:#166534;

font-size:14px;

font-weight:700;

padding:10px 18px;

border-radius:999px;

margin-bottom:20px;

}

.hero h1{

font-size:56px;

line-height:1.05;

font-weight:900;

color:var(--dark);

margin-bottom:24px;

}

.hero h1 span{

color:var(--primary);

display:block;

margin-top:8px;

}

.hero-subheadline{

font-size:20px;

margin-bottom:28px;

max-width:650px;

}

.benefits-list{

display:flex;
flex-direction:column;
gap:14px;

margin-bottom:30px;

}

.benefits-list li{

font-size:18px;

font-weight:500;

}

/* FORM */

.lead-form{

display:flex;
gap:12px;

margin-bottom:15px;

}

.lead-form input{

flex:1;

height:60px;

border:2px solid var(--border);

border-radius:14px;

padding:0 18px;

font-size:16px;

outline:none;

transition:.3s;

}

.lead-form input:focus{

border-color:var(--primary);

box-shadow:
0 0 0 4px rgba(34,197,94,.15);

}

.lead-form button{

background:var(--primary);

color:white;

border:none;

height:60px;

padding:0 30px;

border-radius:14px;

font-size:16px;

font-weight:800;

cursor:pointer;

transition:.3s;

white-space:nowrap;

}

.lead-form button:hover{

background:var(--primary-dark);

transform:translateY(-2px);

}

.micro-copy{

font-size:14px;

color:#64748b;

margin-bottom:22px;

}

.trust-row{

display:flex;
gap:15px;
flex-wrap:wrap;

}

.trust-item{

background:white;

padding:10px 16px;

border-radius:999px;

box-shadow:var(--shadow);

font-size:14px;

font-weight:700;

}

/* HERO CARD */

.hero-card{

background:white;

border-radius:30px;

padding:35px;

box-shadow:var(--shadow);

position:relative;

}

.hero-card::before{

content:"";

position:absolute;

top:-10px;
right:-10px;

width:120px;
height:120px;

background:#dcfce7;

border-radius:50%;

opacity:.5;

}

.preview-header{

font-size:18px;

font-weight:800;

margin-bottom:20px;

}

.saving-number{

font-size:72px;

font-weight:900;

color:var(--primary);

line-height:1;

}

.saving-label{

margin-top:10px;

font-weight:600;

margin-bottom:20px;

}

.preview-list{

display:flex;
flex-direction:column;
gap:14px;

font-weight:600;

padding-top:20px;

}

/* SOCIAL PROOF */

.social-proof{

padding:70px 0;

background:#ffffff;

}

.social-proof h2{

text-align:center;

font-size:40px;

margin-bottom:40px;

color:var(--dark);

}

.proof-grid{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:25px;

}

.proof-card{

background:white;

padding:35px;

border-radius:var(--radius);

box-shadow:var(--shadow);

text-align:center;

transition:.3s;

}

.proof-card:hover{

transform:translateY(-6px);

box-shadow:var(--shadow-hover);

}

.proof-card h3{

font-size:42px;

color:var(--primary);

margin-bottom:10px;

}

/* PAIN SECTION */

.pain-section{

padding:90px 0;

background:#f8fafc;

}

.pain-section h2{

font-size:44px;

text-align:center;

margin-bottom:30px;

color:var(--dark);

}

.pain-section p{

font-size:19px;

margin-bottom:18px;

max-width:850px;

margin-left:auto;
margin-right:auto;

text-align:center;

}

.pain-boxes{

display:grid;

grid-template-columns:
repeat(2,1fr);

gap:20px;

margin-top:40px;

}

.pain-box{

background:white;

padding:25px;

border-radius:16px;

box-shadow:var(--shadow);

font-weight:700;

font-size:18px;

}

.highlight-text{

font-size:22px !important;

font-weight:800;

color:var(--primary);

margin-top:35px !important;

}

/* BENEFITS */

.benefits-section{

padding:90px 0;

}

.benefits-section h2{

text-align:center;

font-size:44px;

margin-bottom:50px;

color:var(--dark);

}

.benefits-grid{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:25px;

}

.benefit-card{

padding:35px;

border-radius:20px;

background:white;

box-shadow:var(--shadow);

transition:.3s;

}

.benefit-card:hover{

transform:translateY(-8px);

}

.benefit-card h3{

font-size:22px;

margin-bottom:15px;

color:var(--dark);

}

/* RESOURCES */

.resources-section{

padding:90px 0;

background:#f8fafc;

}

.resources-section h2{

font-size:44px;

text-align:center;

margin-bottom:50px;

color:var(--dark);

}

.resource-grid{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:25px;

}

.resource-card{

background:white;

padding:35px;

border-radius:20px;

box-shadow:var(--shadow);

text-align:center;

transition:.3s;

}

.resource-card:hover{

transform:translateY(-8px);

box-shadow:var(--shadow-hover);

}

.icon{

font-size:48px;

margin-bottom:20px;

}

.resource-card h3{

margin-bottom:12px;

font-size:22px;

color:var(--dark);

}

/* TRUST */

.trust-section{

padding:90px 0;

}

.trust-section h2{

font-size:44px;

text-align:center;

margin-bottom:45px;

}

.stats-grid{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:25px;

margin-bottom:40px;

}

.stat-card{

padding:35px;

background:white;

border-radius:20px;

box-shadow:var(--shadow);

text-align:center;

}

.stat-card h3{

font-size:42px;

color:var(--primary);

margin-bottom:10px;

}

.trust-text{

text-align:center;

font-size:20px;

max-width:800px;

margin:auto;

}

/* FAQ */

.faq-section{

padding:90px 0;

background:#f8fafc;

}

.faq-section h2{

font-size:44px;

text-align:center;

margin-bottom:50px;

}

.faq-item{

background:white;

padding:28px;

border-radius:18px;

box-shadow:var(--shadow);

margin-bottom:20px;

}

.faq-item h3{

font-size:22px;

margin-bottom:10px;

color:var(--dark);

}

/* FINAL CTA */

.final-cta{

padding:100px 0;

background:
linear-gradient(
135deg,
#16a34a,
#22c55e
);

color:white;

text-align:center;

}

.final-cta h2{

font-size:52px;

margin-bottom:20px;

font-weight:900;

}

.final-cta p{

font-size:22px;

margin-bottom:30px;

}

.large-form{

max-width:800px;

margin:auto;

}

.large-form input{

background:white;

}

.cta-note{

margin-top:15px;

font-weight:600;

}

/* FOOTER */

footer{

padding:40px 0;

text-align:center;

background:#0f172a;

color:white;

}

/* POPUP */

.popup-overlay{

display:none;

position:fixed;

inset:0;

background:
rgba(0,0,0,.75);

z-index:99999;

align-items:center;
justify-content:center;

padding:20px;

}

.popup{

background:white;

max-width:520px;

width:100%;

padding:35px;

border-radius:25px;

position:relative;

animation:popupIn .35s ease;

}

.close-popup{

position:absolute;

right:15px;
top:15px;

width:40px;
height:40px;

border:none;

background:#f1f5f9;

border-radius:50%;

cursor:pointer;

font-size:22px;

}

.popup h2{

font-size:32px;

margin-bottom:15px;

color:var(--dark);

}

.popup p{

margin-bottom:25px;

}

/* STICKY CTA */

.sticky-cta{

display:none;

position:fixed;

left:0;
right:0;
bottom:0;

background:white;

padding:12px;

box-shadow:
0 -5px 25px rgba(0,0,0,.12);

z-index:999;

}

.sticky-cta a{

display:block;

background:var(--primary);

color:white;

text-align:center;

padding:16px;

font-weight:800;

border-radius:14px;

}

/* ANIMATIONS */

@keyframes popupIn{

from{
opacity:0;
transform:scale(.9);
}

to{
opacity:1;
transform:scale(1);
}

}

@keyframes float{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0px);
}

}

.hero-card{

animation:float 5s ease-in-out infinite;

}

/* MOBILE */

@media(max-width:992px){

.hero-grid,
.proof-grid,
.benefits-grid,
.resource-grid,
.stats-grid{

grid-template-columns:1fr;

}

.hero h1{

font-size:42px;

}

.pain-boxes{

grid-template-columns:1fr;

}

.final-cta h2{

font-size:38px;

}

}

@media(max-width:768px){

.hero{

padding-top:40px;
padding-bottom:50px;

}

.hero h1{

font-size:34px;

}

.hero-subheadline{

font-size:18px;

}

.lead-form{

flex-direction:column;

}

.lead-form button{

width:100%;

}

.social-proof h2,
.pain-section h2,
.benefits-section h2,
.resources-section h2,
.trust-section h2,
.faq-section h2{

font-size:32px;

}

.final-cta h2{

font-size:32px;

}

.final-cta p{

font-size:18px;

}

.sticky-cta{

display:block;

}

body{

padding-bottom:85px;

}

}/* End custom CSS */