.sub-hero{background:linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.66) 45%,rgba(5,5,5,.28) 100%),url("/resources/img/image_technology_top.png") center/cover no-repeat}


.feature{background:var(--si-black);color:#fff}
.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.feature-visual{min-height:380px;position:relative;overflow:hidden;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url("/resources/img/image_technology02.png") center/cover}
.feature-visual::before{content:"";position:absolute;left:-1px;top:15%;width:35%;height:70%;background:rgba(244,122,0,.5);clip-path:polygon(0 0,100% 0,65% 100%,0 100%)}
.feature-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(244,122,0,.15);border:1px solid rgba(244,122,0,.5);color:#ffb06d;font-size:11px;font-weight:800;letter-spacing:.06em;margin-bottom:18px}
.feature-copy h3{margin:0 0 16px;font-size:clamp(24px,2.6vw,34px);font-weight:500;letter-spacing:-.03em}
.feature-copy p{margin:0 0 26px;color:#a4a4a4;font-size:14px;line-height:2;max-width:500px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feature-list div{padding:14px 16px;border:1px solid #333;font-size:12.5px;color:#ddd;display:flex;align-items:center;gap:10px}
.feature-list div::before{content:"✓";color:var(--si-orange);font-weight:800}
.tech-detail{background:#fff}
.tech-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--si-line)}
.tech-card{padding:30px 24px;border-right:1px solid var(--si-line);border-bottom:1px solid var(--si-line)}
.tech-card:last-child{border-right:0}
.tech-card .tno{color:var(--si-orange);font-size:11px;font-weight:800;margin-bottom:50px}
.tech-card h4{margin:0 0 10px;font-size:16px;font-weight:500}
.tech-card p{margin:0;color:var(--si-gray);font-size:12px;line-height:1.85}
@media(max-width:1000px){.feature-grid{grid-template-columns:1fr}.tech-cards{grid-template-columns:1fr 1fr}}
@media(min-width:641px) and (max-width:1000px){
  .tech-card{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    column-gap:12px;
    align-content:start;
    padding:24px 20px;
  }
  .tech-card:nth-child(2n){border-right:0}
  .tech-card .tno{grid-row:1 / span 2;margin:0;padding-top:3px}
  .tech-card h4{margin-bottom:8px;line-height:1.4}
  .tech-card p{font-size:13px;line-height:1.7}
}
@media(max-width:640px){
  .feature-list{
    grid-template-columns:1fr;
  }
  .tech-cards{
    grid-template-columns:1fr;
    gap:0;
    border-top:2px solid var(--si-black);
  }
  .tech-card{
    display:grid;
    grid-template-columns:42px 1fr;
    column-gap:14px;
    padding:22px 0;
    border-right:0;
    border-bottom:1px solid var(--si-line);
  }
  .tech-card:last-child{
    border-bottom:0;
  }
  .tech-card .tno{
    grid-row:1 / span 2;
    margin-bottom:0;
    padding-top:4px;
    font-size:12px;
  }
  .tech-card h4{
    margin-bottom:8px;
    font-size:16px;
    line-height:1.45;
  }
  .tech-card p{
    font-size:13px;
    line-height:1.8;
  }
}

.signature {
    border-bottom: 1px #333 solid;
}