.section{position:relative}
.tech-section{background:#ffffff}
.tech-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:24px;margin-top: 50px;}
.tech-card{background:#ffffff;border:1px solid rgba(0, 0, 0, 0.06);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05)}
.tech-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#00d4ff,#0066ff);opacity:0;transition:opacity 0.3s}
.tech-card:hover{transform:translateY(-6px);border-color:rgba(30, 64, 175, 0.2);box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.12)}
.tech-card:hover::before{opacity:1}
.tech-icon{width:56px;height:56px;background:#28a1e1;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.tech-icon i{display:flex;align-items:center;justify-content:center;font-size:30px;color: #fff;}
.tech-card h3{font-size:20px;font-weight:700;margin-bottom:12px;color:#333}
.tech-card p{color:#64748b;line-height:1.75;font-size:15px}
.tech-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(0, 0, 0, 0.06)}
.stat-item{text-align:center;padding:12px 8px;background:#f5f7f9;border-radius:10px}
.stat-value{font-size:24px;font-weight:800;background:#28a1e1;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:0.08em;margin-top:4px}
.equipment-section{background:#f5f7f9}
.equipment-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top: 40px;}
.equipment-text h3{font-size:24px;font-weight:700;margin-bottom:12px;color:#333}
.equipment-text p{color:#64748b;line-height:1.8}
.equipment-highlight{display:flex;gap:24px}
.highlight-item{flex:1;padding:20px;background:#ffffff;border-radius:16px;text-align:center;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05)}
.highlight-item .number{font-size:36px;font-weight:900;color:#28a1e1;}
.highlight-item .label{font-size:14px;color:#64748b;margin-top:4px}
.equipment-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top: 50px;}
.equipment-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#ffffff;border:1px solid rgba(0, 0, 0, 0.06);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}
.equipment-card:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(249, 115, 22, 0.3);box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.12)}
.equipment-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)}
.equipment-card:hover img{transform:scale(1.05)}
.equipment-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 20px 16px;background:linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.6) 60%, transparent 100%)}
.equipment-overlay h4{font-size:16px;font-weight:700;margin-bottom:4px;color:#fff;}
.equipment-overlay p{font-size:13px;color:rgba(255,255,255,0.8)}
.equipment-badge{position:absolute;top:12px;right:12px;padding:6px 14px;background:linear-gradient(135deg, #f97316 0%, #fb923c 100%);border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#fff}
.quality-section{background:#ffffff;position:relative}
.quality-content{position:relative;z-index:1}
.quality-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-top: 50px;}
.quality-card{background:#ffffff;border:1px solid rgba(0, 0, 0, 0.06);border-radius:16px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05)}
.quality-card:hover{transform:translateY(-4px);border-color:rgba(8, 145, 178, 0.25);box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.12)}
.quality-image{position:relative;aspect-ratio:4/3;overflow:hidden}
.quality-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)}
.quality-card:hover .quality-image img{transform:scale(1.05)}
.quality-tag{position:absolute;top:12px;left:12px;padding:6px 14px;background:rgba(8, 145, 178, 0.9);backdrop-filter:blur(10px);border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;color:#fff}
.quality-info{padding:20px}
.quality-info h4{font-size:18px;font-weight:700;margin-bottom:8px;color:#333}
.quality-info p{color:#64748b;font-size:14px;line-height:1.7;margin-bottom:14px}
.quality-specs{display:flex;gap:8px;flex-wrap:wrap}
.spec-tag{padding:4px 12px;background:rgba(8, 145, 178, 0.08);border:1px solid rgba(8, 145, 178, 0.15);border-radius:100px;font-size:12px;color:#0891b2;font-weight:500}
.process-section{background:#f5f7f9}
.process-flow{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;margin-top: 50px;}
.process-flow::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:3px;background:linear-gradient(135deg,#00d4ff,#0066ff);opacity:0.4}
.process-step{flex:1;text-align:center;position:relative;z-index:1}
.process-icon{width:72px;height:72px;margin:0 auto 20px;background:#ffffff;border:2px solid rgba(30, 64, 175, 0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05)}
.process-icon i{display:flex;align-items:center;justify-content:center;font-size:28px;transition:all 0.3s;color: #28a1e1;}
.process-step:hover .process-icon{background:#28a1e1;border-color:transparent;transform:scale(1.1)}
.process-step:hover .process-icon i{color: #fff;}
.process-step h4{font-size:16px;font-weight:700;margin-bottom:6px;color:#333}
.process-step p{font-size:13px;color:#64748b;max-width:180px;margin:0 auto;line-height:1.6}

@media screen and (max-width:1199px){
  .tech-grid{grid-template-columns:repeat(3, 1fr);gap:10px;margin-top: 20px;}
  .tech-card{padding:20px;}
  .tech-card::before{height:2px;}
  .tech-icon{width:46px;height:46px;margin-bottom:10px;}
  .tech-icon i{font-size:24px;}
  .tech-card h3{font-size:16px;margin-bottom:5px;}
  .tech-card p{font-size:14px}
  .tech-stats{gap:8px;margin-top:12px;padding-top:17px;}
  .stat-item{padding:8px 5px;}
  .stat-value{font-size:16px;}
  .stat-label{font-size:10px;letter-spacing:0;}
  .equipment-intro{gap:20px;margin-top: 20px;}
  .equipment-text h3{font-size:16px;margin-bottom:5px;}
  .equipment-highlight{gap:10px}
  .highlight-item{padding:20px 5px;}
  .highlight-item .number{font-size:24px;}
  .equipment-grid{gap:10px;margin-top: 20px;}
  .equipment-overlay{padding:14px 10px 10px;}
  .equipment-badge{top:5px;right:5px;padding:5px 10px;font-size:10px;letter-spacing:0;}
  .quality-grid{gap:10px;margin-top: 20px;}
  .quality-tag{top:5px;left:5px;padding:5px 10px;font-size:10px;}
  .quality-info{padding:14px}
  .quality-info h4{font-size:16px;margin-bottom:5px;}
  .quality-info p{font-size:13px;line-height:1.4;margin-bottom:10px}
  .quality-specs{gap:5px;}
  .spec-tag{padding:3px 8px;font-size:10px;}
  .process-flow{gap:10px;margin-top: 24px;}
  .process-flow::before{top:22px;left:10%;right:10%;height:2px;}
  .process-icon{width:46px;height:46px;margin:0 auto 10px;}
  .process-icon i{font-size:22px;}
  .process-step h4{font-size: 14px;}
}
@media screen and (max-width:750px){
  .tech-grid{grid-template-columns:repeat(1, 1fr);}
  .tech-icon{margin: auto auto 10px;}
  .equipment-intro{grid-template-columns:repeat(1, 1fr);}
  .equipment-grid{grid-template-columns:repeat(1, 1fr);}
  .quality-grid{grid-template-columns:repeat(1, 1fr);}
  .process-flow{display:block;gap:0px;}
  .process-flow::before{top:0;left:22px;right:auto;height:auto;bottom:0;width:2px;background: linear-gradient(45deg, #00d4ff, #0066ff);}
  .process-icon{margin:0;position:absolute;left:0;top:0;}
  .process-step{padding-left:56px;text-align:left;margin-bottom:10px;padding-top: 16px;}
  .process-step:last-child{margin-bottom:0px;}
  .process-step p{max-width:none;}
}
@media screen and (max-width:499px){
}