*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',Arial,sans-serif;
}

body{
background:#f5f7fb;
color:#1f2937;
line-height:1.5;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

header{
background:#fff;
box-shadow:0 2px 12px rgba(0,0,0,.08);
position:sticky;
top:0;
height: 90px;
z-index:999;
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
gap:10px;
}

.logo{
font-size:22px;
font-weight:800;
color:#0c2d83;
letter-spacing:.3px;
}

.nav ul{
display:flex;
list-style:none;
gap:24px;
align-items:center;
}

.nav a{
text-decoration:none;
color:#27364a;
font-weight:600;
font-size:15px;
}

.nav a:hover{
color:#0c2d83;
}

.login-btn{
background:#0c2d83;
color:#fff!important;
padding:10px 18px;
border-radius:8px;
white-space:nowrap;
}

.hero{
padding:85px 0;
background:linear-gradient(135deg,#eef4ff,#ffffff);
}

.hero-flex{
display:flex;
justify-content:space-between;
align-items:center;
gap:60px;
}

.hero-left,.hero-right{
flex:1;
}

.tag{
background:#d8e7ff;
padding:8px 16px;
border-radius:25px;
color:#0c2d83;
font-weight:700;
display:inline-block;
}

.hero h1{
font-size:20px;
line-height:1.1;
margin:22px 0;
color:#0b1736;
}

.hero p{
font-size:18px;
color:#526071;
max-width:620px;
}

.hero-btns{
margin-top:20px;
display:flex;
gap:14px;
flex-wrap:wrap;
}

.apply-btn,.outline-btn{
padding:5px 10px;
text-decoration:none;
border-radius:6px;
font-weight:700;
display:inline-block;
}

.apply-btn{
background:#18a84a;
color:#fff;
box-shadow:0 8px 20px rgba(24,168,74,.25);
}

.outline-btn{
border:2px solid #0c2d83;
color:#0c2d83;
background:#fff;
}

.loan-box,.info-box{
background:#fff;
padding:35px;
border-radius:16px;
box-shadow:0 8px 28px rgba(0,0,0,.08);
border:1px solid #e6eaf0;
}

.amount{
font-size:22px;
font-weight:800;
color:#18a84a;
margin:14px 0;
}

.loan-box ul{
padding-left:20px;
margin-top:15px;
}

.loan-box li{
margin-bottom:9px;
}

.section,.features,.process{
padding:50px 0;
}

.section.light{
background:#eef4ff;
}

.section-title,.features h2,.process h2{
text-align:center;
margin-bottom:30px;
font-size:20px;
color:#0b1736;
}

.section-subtitle{
text-align:center;
max-width:760px;
margin:-25px auto 42px;
color:#526071;
font-size:17px;
}

.feature-grid,.process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

.feature-card,.step,.faq-item{
background:#fff;
padding:20px;
border-radius:16px;
box-shadow:0 6px 22px rgba(0,0,0,.055);
border:1px solid #e6eaf0;
}

.feature-card{
text-align:center;
}

.feature-card h3,.step h3,.faq-item h3,.info-box h3{
color:#0c2d83;
margin-bottom:10px;
}

.circle{
width:58px;
height:58px;
background:#0c2d83;
color:#fff;
margin:0 auto 16px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:800;
}

.step{
text-align:center;
}

.page-hero{
background:linear-gradient(135deg,#eef4ff,#ffffff);
padding:20px 0;
text-align:center;
}

.page-hero h1{
font-size:22px;
color:#0b1736;
margin-bottom:10px;
}

.page-hero p{
font-size:18px;
color:#526071;
}

.two-col{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:34px;
align-items:start;
}

.check-list{
list-style:none;
padding:0;
}

.check-list li{
background:#fff;
border:1px solid #e6eaf0;
border-radius:12px;
padding:15px 18px 15px 44px;
margin-bottom:12px;
position:relative;
box-shadow:0 4px 14px rgba(0,0,0,.035);
}

.check-list li:before{
content:"✓";
position:absolute;
left:17px;
top:14px;
color:#18a84a;
font-weight:900;
}

.faq-wrap{
max-width:900px;
margin:auto;
}

.faq-item{
margin-bottom:18px;
}

.contact-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
}

.cta{
background:#0c2d83;
padding:75px 0;
text-align:center;
color:#fff;
}

.cta h2{
font-size:18px;
margin-bottom:10px;
}

.cta p{
font-size:17px;
opacity:.95;
}

.cta a{
display:inline-block;
margin-top:22px;
background:#18a84a;
padding:15px 35px;
border-radius:8px;
color:#fff;
text-decoration:none;
font-weight:800;
}

footer{
background:#081d55;
padding:45px 0 25px;
color:#dbe5ff;
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:30px;
margin-bottom:30px;
}

footer h3,footer h4{
color:#fff;
margin-bottom:12px;
}

footer a{
display:block;
color:#dbe5ff;
text-decoration:none;
margin-bottom:8px;
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,.18);
padding-top:20px;
text-align:center;
font-size:14px;
}

@media(max-width:900px){
.nav{
align-items:flex-start;
}
.nav ul{
display:none;
}
.hero-flex,.two-col,.contact-grid,.footer-grid{
grid-template-columns:1fr;
display:grid;
}
.hero h1{
font-size:22px;
}
.feature-grid,.process-grid{
grid-template-columns:1fr;
}
.section-title,.features h2,.process h2{
font-size:20px;
}
}

/* ===== Pinwheel updated logo/header fixes ===== */
.brand-logo{
display:flex;
align-items:center;
width:230px;
height:72px;
overflow:hidden;
text-decoration:none;
flex-shrink:0;
}

.brand-logo img{
height:155px;
width:auto;
display:block;
object-fit:contain;
object-position:left center;
margin-left:-22px;
}

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

.info-box ul{
padding-left:20px;
}

.info-box li{
margin-bottom:8px;
}

@media(max-width:900px){
.brand-logo{
width:155px;
height:54px;
}
.brand-logo img{
height:110px;
margin-left:-16px;
}
.two-card-grid{
grid-template-columns:1fr;
}
}