.page-hero {
  min-height: 38vh; display: grid; place-items: center; text-align: center;
  color: var(--white);
  background: linear-gradient(160deg, rgba(15,29,50,0.5) 0%, rgba(10,22,40,0.55) 50%, rgba(15,36,64,0.5) 100%), url(assets/photo111.jpg) center/cover no-repeat;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 130px 24px 60px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 130px 24px 60px;
}
.page-hero-inner { max-width: 740px; }
.page-hero h1 { margin: 0; font-size: 2.8rem; line-height: 1.12; font-weight: 800; }
.page-hero p:last-child { margin: 18px 0 0; color: rgba(255,255,255,0.7); font-size: 1rem; }

.about-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 48px; align-items: start; }
.about-grid .lead { margin: 0 0 18px; font-size: 1rem; color: var(--steel); line-height: 1.7; }
.about-grid p:last-child { margin: 0; color: var(--steel-2); }

.advantage-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.advantage-card {
  padding: 30px; background: var(--white); border: 1px solid var(--line);
  border-radius: var(--radius); box-shadow: 0 10px 28px rgba(15,23,42,0.06);
; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.advantage-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(15,23,42,0.15); }
.advantage-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; margin-bottom: 22px; color: var(--orange);
  font-size: 1.4rem; background: rgba(224,116,42,0.08); border-radius: 50%;
}
.advantage-card h3 { margin: 0 0 10px; font-size: 1.15rem; }
.advantage-card p { margin: 0; color: var(--steel-2); font-size: 0.94rem; line-height: 1.6; }

.process-flow { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0; }
.process-step { text-align: center; padding: 24px 18px; min-width: 140px; }
.process-dot {
  display: inline-flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; margin: 0 auto 16px;
  color: var(--white); font-weight: 900; font-size: 1.15rem;
  background: var(--steel); border-radius: 50%;
}
.process-step h3 { margin: 0 0 8px; font-size: 1.15rem; }
.process-step p { margin: 0; color: var(--steel-2); font-size: 0.94rem; }
.process-arrow { color: var(--orange); font-size: 1.8rem; font-weight: 900; padding: 0 8px; }

.market-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.market-item {
  display: flex; align-items: center; justify-content: center;
  padding: 22px 12px; background: var(--white); border: 1px solid var(--line);
  border-radius: var(--radius); text-align: center; color: var(--steel);
  font-weight: 700; font-size: 0.94rem; transition: border-color 0.15s;
}
.market-item:hover { border-color: var(--orange); }



.video-section{background:var(--steel);color:var(--white);border-radius:var(--radius);overflow:hidden}.video-placeholder{width:100%;aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#0f1d32,#15294a);cursor:default}.video-placeholder-inner{text-align:center}.video-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:16px;background:rgba(255,255,255,0.1);border:3px solid rgba(255,255,255,0.3);border-radius:50%;font-size:2rem;color:var(--white);transition:all 0.2s}.video-text{color:rgba(255,255,255,0.5);font-size:0.92rem;margin:0}.video-caption{padding:24px 28px}.video-caption h3{margin:0 0 8px;font-size:1.15rem}.video-caption p{margin:0;color:rgba(255,255,255,0.7);font-size:0.94rem}
.cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cert-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 28px rgba(15,23,42,0.06);text-align:center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.cert-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(15,23,42,0.12); }.cert-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;color:var(--white);font-size:1.2rem;background:#16a34a;border-radius:50%}.cert-card h3{margin:0 0 10px;font-size:1.05rem}.cert-card p{margin:0;color:var(--steel-2);font-size:0.9rem;line-height:1.5}@media (max-width: 1024px){.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.cert-grid{grid-template-columns:1fr}}
.cta-section { padding-bottom: 92px; }
.cta-card {
  text-align: center; padding: 56px 24px;
  background: var(--steel); color: var(--white); border-radius: var(--radius);
}
.cta-card h2 { margin: 0 0 14px; font-size: 2.1rem; }
.cta-card p { max-width: 620px; margin: 0 auto 28px; color: rgba(255,255,255,0.76); }

.factory-facts {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0;
  background: var(--white); border: 1px solid var(--line);
  border-radius: var(--radius); overflow: hidden;
  box-shadow: 0 10px 28px rgba(15,23,42,0.06);
}
.fact-item { text-align: center; padding: 36px 18px; border-right: 1px solid var(--line); }
.fact-item:last-child { border-right: 0; }
.fact-number { display: block; color: var(--orange); font-weight: 900; font-size: 2.4rem; line-height: 1.1; margin-bottom: 8px; }
.fact-label { color: var(--steel-2); font-size: 0.94rem; font-weight: 700; }

@media (max-width: 1024px) {
  .page-hero h1 { font-size: 2rem; }
  .about-grid { grid-template-columns: 1fr; gap: 24px; }
  .advantage-grid { grid-template-columns: 1fr; }
  .process-flow { flex-direction: column; gap: 0; }
  .process-arrow { transform: rotate(90deg); padding: 6px 0; }
  .market-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .factory-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fact-item:nth-child(2) { border-right: 0; }
}
@media (max-width: 640px) {
  .page-hero { padding-top: 110px; padding-bottom: 46px; min-height: 32vh; }
  .page-hero h1 { font-size: 1.7rem; }
  .market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cta-card h2 { font-size: 1.6rem; }
  .fact-number { font-size: 1.8rem; }
}