:root{
--green:#16a34a;
--green-dark:#166534;
--soft:#f0fdf4;
--border:#e2e8f0;
--text:#0f172a;
--muted:#64748b;
--bg:#f8fafc;
}

body{
background:#ffffff;
color:var(--text);
}

.section{
padding:100px 0;
position:relative;
overflow:hidden;
}

.container-main{
max-width:1280px;
margin:auto;
padding:0 22px;
}

.heading-center{
text-align:center;
max-width:900px;
margin:0 auto 60px;
}

.heading-center h2{
font-size:clamp(2.2rem,4vw,4rem);
line-height:1.1;
font-weight:800;
letter-spacing:-.04em;
margin-bottom:22px;
color:var(--text);
}

.heading-center p{
font-size:17px;
line-height:1.9;
color:var(--muted);
}

.badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 18px;
border-radius:999px;
font-size:14px;
font-weight:700;
margin-bottom:22px;
}

.mp-hero-section{
padding:130px 0 110px;
background:
linear-gradient(135deg,rgba(68, 227, 39, 0.95),rgba(111, 186, 122, 0.96)),
url('YOUR-DARK-HIGHWAY-IMAGE') center/cover;
position:relative;
}

.mp-hero-section::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(43, 226, 11, 0.95),rgba(85, 168, 97, 0.96)),
}

.mp-hero-wrap{
position:relative;
z-index:2;
}

.mp-hero-content h1,
.mp-hero-content p,
.mp-trust-pill,
.mp-secondary-btn{
color:#fff;
}

.mp-secondary-btn{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
backdrop-filter:blur(12px);
}

.mp-trust-pill{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.1);
}

.mp-state-strip{
display:flex;
gap:14px;
flex-wrap:wrap;
justify-content:center;
margin-bottom:50px;
}

.mp-state-chip{
padding:14px 20px;
border-radius:999px;
background:#0f172a;
color:#fff;
font-size:14px;
font-weight:700;
box-shadow:0 15px 35px rgba(15,23,42,.12);
}

.mp-city-section{
background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}

.area-wrap{
grid-template-columns:repeat(2,1fr);
}

.area-card{
padding:34px;
border-radius:34px;
background:linear-gradient(180deg,#ffffff,#f8fafc);
min-height:240px;
display:flex;
flex-direction:column;
justify-content:space-between;
}

.area-card:hover{
transform:translateY(-8px) scale(1.01);
}

.process-section{
background:#0f172a;
}

.process-section .heading-center h2,
.process-section .heading-center p,
.process-section .badge{
color:#fff;
}

.process-card{
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(12px);
}

.process-card h3{
color:#fff;
}

.process-card p{
color:#cbd5e1;
}

.process-number{
background:linear-gradient(135deg,#22c55e,#15803d);
}

.review-box{
background:linear-gradient(180deg,#ffffff,#f8fafc);
}

.review-box:nth-child(2){
transform:translateY(30px);
}

.review-box:nth-child(2):hover{
transform:translateY(20px);
}

.faq-item{
border-radius:34px;
}

@media(max-width:768px){

.area-wrap{
grid-template-columns:1fr;
}

.review-box:nth-child(2){
transform:none;
}

}

.mp-hero-section{
padding:120px 0 100px;
background:
radial-gradient(circle at top left,#dcfce7 0%,transparent 32%),
radial-gradient(circle at bottom right,#dbeafe 0%,transparent 28%),
linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);
}

.mp-hero-wrap{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:70px;
align-items:center;
}

.mp-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 18px;
border-radius:999px;
background:#dcfce7;
color:var(--green-dark);
font-size:14px;
font-weight:700;
margin-bottom:26px;
box-shadow:0 10px 30px rgba(22,163,74,.08);
}

.mp-hero-content h1{
font-size:clamp(3rem,5vw,5.6rem);
line-height:.98;
font-weight:900;
letter-spacing:-.06em;
margin-bottom:26px;
color:var(--text);
}

.mp-hero-content p{
font-size:18px;
line-height:1.95;
color:#475569;
margin-bottom:38px;
max-width:760px;
}

.mp-trust-row{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-bottom:36px;
}

.mp-trust-pill{
padding:12px 20px;
background:rgba(255,255,255,.9);
backdrop-filter:blur(10px);
border:1px solid rgba(22,163,74,.12);
border-radius:999px;
font-size:14px;
font-weight:700;
color:var(--text);
box-shadow:0 10px 30px rgba(15,23,42,.04);
}

.mp-actions{
display:flex;
gap:16px;
flex-wrap:wrap;
}

.mp-primary-btn,
.mp-secondary-btn{
height:58px;
padding:0 32px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
font-weight:800;
text-decoration:none;
transition:.3s ease;
}

.mp-primary-btn{
background:linear-gradient(135deg,var(--green),var(--green-dark));
color:#fff;
box-shadow:0 18px 45px rgba(22,163,74,.24);
}

.mp-primary-btn:hover{
transform:translateY(-3px);
}

.mp-secondary-btn{
background:#fff;
color:var(--text);
border:1px solid var(--border);
}

.mp-secondary-btn:hover{
transform:translateY(-3px);
box-shadow:0 18px 45px rgba(15,23,42,.08);
}

.mp-hero-image{
position:relative;
}

.mp-city-links{
display:flex;
justify-content:center;
gap:14px;
flex-wrap:wrap;
margin-top:28px;
}

.mp-city-links a{
padding:12px 18px;
border-radius:999px;
background:#fff;
border:1px solid #e2e8f0;
text-decoration:none;
font-size:14px;
font-weight:700;
color:#0f172a;
transition:.3s ease;
}

.mp-city-links a:hover{
background:#16a34a;
border-color:#16a34a;
color:#fff;
transform:translateY(-2px);
}

.mp-mini-region-text{
margin-top:28px;
font-size:15px;
line-height:1.8;
color:#64748b;
max-width:900px;
margin-inline:auto;
}

.mp-hero-image img,
.mp-overview-image img,
.mp-process-image img,
.expert-proof-image img{
width:100%;
height:650px;
object-fit:fill;
display:block;
border-radius:34px;
box-shadow:0 30px 80px rgba(15,23,42,.12);
}

.mp-overview-image,
.mp-process-image,
.expert-proof-image{
margin-top:55px;
}

.mp-overview-grid,
.card-grid,
.reviews-wrap,
.process-grid{
display:grid;
gap:28px;
}

.mp-overview-grid,
.card-grid,
.reviews-wrap{
grid-template-columns:repeat(3,1fr);
}

.process-grid{
grid-template-columns:repeat(4,1fr);
margin-top:20px;
}

.mp-overview-card,
.card,
.review-box,
.process-card{
position:relative;
background:rgba(255,255,255,.96);
backdrop-filter:blur(12px);
border:1px solid rgba(226,232,240,.9);
padding:34px;
border-radius:34px;
overflow:hidden;
transition:.35s ease;
box-shadow:0 15px 50px rgba(15,23,42,.05);
}

.mp-overview-card:hover,
.card:hover,
.review-box:hover,
.process-card:hover{
transform:translateY(-8px);
box-shadow:0 30px 70px rgba(15,23,42,.12);
}

.mp-overview-card::before,
.card::before,
.review-box::before,
.process-card::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(22,163,74,.03),transparent);
pointer-events:none;
}

.mp-icon,
.card-icon{
width:68px;
height:68px;
border-radius:22px;
background:linear-gradient(135deg,#dcfce7,#bbf7d0);
color:var(--green);
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
margin-bottom:24px;
}

.mp-city-heading{
font-size:2.1rem;
margin:70px 0 26px;
font-weight:800;
letter-spacing:-.03em;
color:var(--text);
}

.area-wrap{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.area-card{
position:relative;
background:#fff;
padding:30px;
border-radius:30px;
border:1px solid var(--border);
text-decoration:none;
transition:.35s ease;
box-shadow:0 15px 40px rgba(15,23,42,.05);
}

.area-card:hover{
transform:translateY(-6px);
box-shadow:0 25px 60px rgba(15,23,42,.1);
}

.area-card h3{
font-size:1.45rem;
font-weight:800;
margin-bottom:14px;
color:var(--text);
}

.area-card p{
font-size:15px;
line-height:1.8;
color:var(--muted);
margin-bottom:18px;
}

.area-card span{
font-size:14px;
font-weight:700;
color:var(--green);
}

.process-number{
width:60px;
height:60px;
border-radius:50%;
background:linear-gradient(135deg,var(--green),var(--green-dark));
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:18px;
margin-bottom:24px;
box-shadow:0 14px 35px rgba(22,163,74,.2);
}

.process-card h3,
.card h3,
.mp-overview-card h3{
font-size:22px;
line-height:1.3;
margin-bottom:16px;
font-weight:800;
color:var(--text);
}

.process-card p,
.card p,
.mp-overview-card p{
font-size:15px;
line-height:1.9;
color:var(--muted);
}

.review-heading{
text-align:center;
max-width:850px;
margin:0 auto 50px;
}

.review-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 18px;
border-radius:999px;
background:#dcfce7;
color:var(--green-dark);
font-size:14px;
font-weight:700;
margin-bottom:24px;
}

.review-heading h2{
font-size:clamp(2.2rem,4vw,4rem);
line-height:1.08;
font-weight:900;
letter-spacing:-.04em;
margin-bottom:18px;
}

.review-heading p{
font-size:17px;
line-height:1.9;
color:var(--muted);
}

.review-stars{
font-size:18px;
letter-spacing:2px;
color:#f59e0b;
margin-bottom:22px;
}

.review-message{
font-size:15px;
line-height:1.9;
color:#475569;
margin-bottom:28px;
}

.review-user{
display:flex;
align-items:center;
gap:14px;
}

.review-avatar{
width:58px;
height:58px;
border-radius:50%;
background:linear-gradient(135deg,var(--green),var(--green-dark));
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:18px;
}

.review-user h3{
font-size:16px;
font-weight:800;
margin-bottom:4px;
}

.review-location{
font-size:14px;
color:var(--muted);
}

.faq-section{
background:linear-gradient(180deg,#f8fafc,#ffffff);
}

.faq-item{
background:#fff;
border:1px solid var(--border);
border-radius:28px;
overflow:hidden;
margin-bottom:20px;
box-shadow:0 12px 35px rgba(15,23,42,.04);
}

.faq-q{
padding:26px 28px;
font-size:17px;
font-weight:800;
display:flex;
align-items:center;
justify-content:space-between;
cursor:pointer;
color:var(--text);
}

.faq-a{
padding:0 28px 28px;
font-size:15px;
line-height:1.9;
color:var(--muted);
}

@media(max-width:1200px){

.process-grid{
grid-template-columns:repeat(2,1fr);
}

.area-wrap,
.mp-overview-grid,
.card-grid,
.reviews-wrap{
grid-template-columns:repeat(2,1fr);
}

.mp-hero-wrap{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.section{
padding:80px 0;
}

.area-wrap,
.process-grid,
.mp-overview-grid,
.card-grid,
.reviews-wrap{
grid-template-columns:1fr;
}

.mp-hero-content h1{
font-size:3rem;
}

.heading-center h2,
.review-heading h2{
font-size:2.4rem;
}

.mp-hero-image img,
.mp-overview-image img,
.mp-process-image img,
.expert-proof-image img{
height:650px;
}

.mp-trust-row{
gap:10px;
}

.mp-trust-pill{
font-size:13px;
}

.mp-primary-btn,
.mp-secondary-btn{
width:100%;
}

}