.houli-factory {

max-width:1200px;
margin:0 auto;
padding:20px 15px;
font-family:"Inter","Helvetica Neue",Arial,sans-serif;
color:#28323c;
line-height:1.75;

}


/* Hero */

.houli-hero {

padding:60px 35px;

background:
linear-gradient(
135deg,
#071b2a 0%,
#123a52 100%
);

border-radius:12px;

text-align:center;

color:#fff;

margin-bottom:55px;

}


.houli-hero .tag {

font-size:14px;

letter-spacing:2px;

text-transform:uppercase;

color:#56c596;

font-weight:bold;

margin-bottom:12px;

}


.houli-hero h1 {

font-size:40px;

line-height:1.25;

margin:0 0 20px;

color:#fff;

}


.houli-hero p {

max-width:850px;

margin:auto;

font-size:17px;

color:#e5edf2;

line-height:1.8;

}



/* Section */

.houli-section {

margin-bottom:60px;

}



.houli-title {

text-align:center;

max-width:900px;

margin:0 auto 35px;

}



.houli-title .tag {

font-size:14px;

letter-spacing:1.5px;

text-transform:uppercase;

color:#16875f;

font-weight:bold;

}



.houli-title h2 {

font-size:32px;

line-height:1.35;

color:#132a3a;

margin:10px 0 20px;

}



.houli-title p {

font-size:16px;

color:#52616b;

}





/* Two column */


.houli-flex {

display:flex;

flex-wrap:wrap;

align-items:center;

margin:0 -15px;

}


.houli-col {

width:50%;

padding:15px;

box-sizing:border-box;

}



.houli-image {

width:100%;

border-radius:10px;

}





/* Process images */


.process-image {

width:100%;

margin-bottom:25px;

border-radius:10px;

border:1px solid #e5e9ec;

}






/* Step cards */


.houli-grid {

display:flex;

flex-wrap:wrap;

margin:0 -10px;

}


.houli-card-wrap {

width:50%;

padding:10px;

box-sizing:border-box;

}



.houli-card {

height:100%;

padding:28px;

background:#f6f8fa;

border:1px solid #e5e9ec;

border-radius:8px;

}



.houli-card.white {

background:#fff;

}



.houli-step {

font-size:13px;

font-weight:bold;

color:#16875f;

margin-bottom:8px;

}


.houli-card h3 {

font-size:21px;

color:#132a3a;

margin:0 0 12px;

}



.houli-card p {

margin:0;

color:#586670;

}





/* Quality dark */


.houli-quality {

padding:45px 35px;

background:#132a3a;

border-radius:10px;

color:white;

}



.houli-quality h2 {

color:white;

text-align:center;

}



.houli-quality p {

color:#d8e0e5;

text-align:center;

}



.quality-grid {

display:flex;

flex-wrap:wrap;

}



.quality-item {

width:25%;

padding:15px;

text-align:center;

box-sizing:border-box;

color:white;

}





/* OEM */


.houli-oem {

padding:45px 30px;

background:#f6f8fa;

border-radius:10px;

}


.oem-grid {

display:flex;

flex-wrap:wrap;

}



.oem-item {

width:25%;

padding:10px;

box-sizing:border-box;

text-align:center;

}



.oem-item div {

background:white;

border:1px solid #e5e9ec;

padding:18px 10px;

border-radius:6px;

}




/* CTA */


.houli-cta {

padding:50px 30px;

background:#16875f;

border-radius:10px;

text-align:center;

color:white;

}


.houli-cta h2 {

color:white;

font-size:32px;

}


.houli-cta p {

color:#eaf8f2;

}



.houli-btn {

display:inline-block;

background:white;

color:#16875f;

padding:13px 30px;

border-radius:5px;

font-weight:bold;

text-decoration:none;

margin-top:20px;

}



@media(max-width:768px){

.houli-col,
.houli-card-wrap,
.quality-item,
.oem-item{

width:100%;

}


.houli-hero h1{

font-size:32px;

}

}