body{font-family:Arial;margin:0;background:#efe6dc;color:#173b37}

.header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:white;position:sticky;top:0}

.logo{display:flex;align-items:center;gap:10px;font-weight:bold;font-size:20px}


nav{display:flex;gap:15px}
nav a{text-decoration:none;color:#173b37}

.menu{display:none;background:none;border:none;font-size:24px}

.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:70px 30px;max-width:1100px;margin:auto;align-items:center}

.hero-text h1{font-size:clamp(32px,6vw,44px);line-height:1.2}

.buttons{margin-top:20px;display:flex;gap:15px;flex-wrap:wrap}

.btn{padding:12px 26px;border-radius:25px;text-decoration:none;font-weight:600}

.primary{background:#ff7b5c;color:white}
.secondary{background:#e9f2f1;color:#173b37}

.hero-media{position:relative;display:flex;justify-content:center}

.hero-photo{width:320px;border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,0.15)}

.phone{position:absolute;right:-10px;bottom:-15px;width:150px;height:260px;background:#111;border-radius:22px;padding:8px}

.phone-screen{background:white;border-radius:16px;height:100%;padding:12px;font-size:12px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;margin:40px auto;max-width:750px;padding:22px;border-radius:16px;text-align:center}

.stat strong{color:#ff7b5c;font-size:22px;display:block}

.features{padding:70px 25px;text-align:center}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:30px}

.card{background:white;padding:28px;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,0.08)}
.card img{width:60px;margin-bottom:12px}

.journey{padding:60px 25px;text-align:center}

.flow{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}

.step{background:white;padding:14px 18px;border-radius:12px;box-shadow:0 6px 14px rgba(0,0,0,0.08)}

.cta{background:#0f3e3b;color:white;padding:70px 30px;text-align:center}

footer{background:#0f3e3b;color:white;text-align:center;padding:20px}

@media(max-width:900px){

nav{display:none;flex-direction:column;position:absolute;top:65px;right:20px;background:white;padding:18px;border-radius:10px}

.menu{display:block}

.hero{grid-template-columns:1fr;text-align:center;padding:50px 20px}

.hero-photo{width:90%;max-width:320px}

.phone{position:relative;right:auto;bottom:auto;margin-top:15px;width:120px;height:210px}

.stats{grid-template-columns:1fr 1fr}

.grid{grid-template-columns:1fr 1fr}

}

.logo-img{
height:62px;
}
.week-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
margin-bottom:30px;
}

.week-card{
background:white;
padding:16px;
border-radius:12px;
text-align:center;
font-weight:600;
text-decoration:none;
color:#173b37;
box-shadow:0 6px 14px rgba(0,0,0,0.08);

display:flex;
flex-direction:column;
justify-content:center;

min-height:110px;
}

.week-card:hover{
transform:translateY(-2px);
}

.week-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
margin-bottom:35px;
}
.footer{
margin-top:50px;
}

.header{
padding:18px 25px;
}
.login-btn{

background:#ff7a59;
color:white !important;

padding:8px 14px;
border-radius:8px;

}
.btn-login{

display:inline-block;
padding:14px 22px;
margin-top:10px;

background:#1f4d45;
color:white;

border-radius:10px;
font-weight:600;
text-decoration:none;

}
.partner-btn{

display:inline-block;
margin-top:20px;

background:#ff7a59;
color:white;

padding:14px 26px;
border-radius:10px;

font-weight:600;
text-decoration:none;

box-shadow:0 8px 20px rgba(0,0,0,0.2);

transition:0.2s;

}

.partner-btn:hover{

transform:translateY(-2px);
box-shadow:0 10px 24px rgba(0,0,0,0.25);

}

.partner-trust{

text-align:center;
padding:40px 20px;

}

.partner-trust p{

color:#555;
margin-bottom:15px;

}

.trust-logos{

display:flex;
justify-content:center;
gap:25px;
font-weight:600;
color:#1f4d45;

}