.houli-product{
  --navy:#172331;
  --orange:#ef7b16;
  --light:#f5f7f9;
  --line:#e2e6ea;
  --blue:#edf5fb;
  --orange-light:#fff4e8;
  max-width:1120px;
  margin:0 auto;
  color:#252b31;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.7;
}
.houli-product *{box-sizing:border-box}
.houli-product h2{
  margin:0 0 14px;
  color:var(--navy);
  font-size:27px;
  line-height:1.3;
}
.houli-product h3{
  margin:0 0 8px;
  font-size:18px;
}
.houli-product p{margin:0 0 12px}
.houli-product a{
  color:#245f91;
  font-weight:600;
  text-decoration:none;
}
.houli-product .hero,
.houli-product .section{
  margin:24px 0;
  padding:28px;
  border-radius:16px;
}
.houli-product .hero{
  background:linear-gradient(135deg,#edf5fb,#ffffff 58%,#fff3e5);
  border:1px solid var(--line);
}
.houli-product .badge{
  display:inline-block;
  padding:5px 10px;
  margin-bottom:10px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  font-size:13px;
  font-weight:700;
}
.houli-product .spec-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:20px;
}
.houli-product .spec-card{
  padding:18px;
  border-radius:12px;
  background:#fff;
  border:1px solid var(--line);
  text-align:center;
}
.houli-product .spec-card strong{
  display:block;
  font-size:21px;
  color:var(--navy);
}
.houli-product .blue{background:var(--blue)}
.houli-product .orange{background:var(--orange-light)}
.houli-product .light{background:var(--light)}
.houli-product .grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
}
.houli-product .card{
  padding:20px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
}
.houli-product table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}
.houli-product th,
.houli-product td{
  padding:12px;
  border:1px solid var(--line);
  text-align:left;
}
.houli-product th{
  width:42%;
  background:#f4f6f8;
}
.houli-product .warning{
  padding:17px;
  margin-top:14px;
  background:#fff9e8;
  border-left:4px solid #e6a624;
  border-radius:9px;
}
.houli-product .trust{
  padding:24px;
  border-radius:15px;
  background:var(--navy);
  color:#fff;
}
.houli-product .trust h2{color:#fff}
.houli-product .trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.houli-product .trust-card{
  padding:17px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
}
@media(max-width:760px){
  .houli-product .spec-grid,
  .houli-product .grid,
  .houli-product .trust-grid{
    grid-template-columns:1fr;
  }
  .houli-product .hero,
  .houli-product .section{
    padding:20px 17px;
  }
}