.direct-host-section{padding:28px 0 10px}
.direct-host-card{
  background:#11131c;
  border:1px solid var(--gold-border);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:28px 28px 20px;
  text-align:center
}
.direct-host-head{margin-bottom:20px}
.direct-host-title-row{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 12px;
  margin-bottom:8px
}
.direct-host-title-row h2{
  margin:0;font-size:clamp(20px,2.4vw,28px);line-height:1.2;
  letter-spacing:-.02em;color:var(--primary-2);font-weight:800
}
.direct-host-badge{
  display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#000;font-size:11px;font-weight:800
}
.direct-host-head p{
  margin:0;font-size:14px;color:var(--muted);font-weight:600
}
.direct-host-services{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:#141624;
  margin-bottom:22px
}
.direct-host-service{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:16px 10px;min-height:104px;
  border-right:1px solid var(--line);
  transition:background .15s ease
}
.direct-host-service:hover{background:rgba(184,134,40,.08)}
.direct-host-service:last-child{border-right:0}
.direct-host-service-icon{
  width:42px;height:42px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(184,134,40,.12);
  color:var(--primary-2);
  border:1px solid var(--gold-border)
}
.direct-host-service-icon svg{width:22px;height:22px;display:block}
.direct-host-service-icon.is-blue,
.direct-host-service-icon.is-sky,
.direct-host-service-icon.is-teal,
.direct-host-service-icon.is-orange,
.direct-host-service-icon.is-cyan,
.direct-host-service-icon.is-purple{
  color:var(--primary-2);background:rgba(184,134,40,.12);border:1px solid var(--gold-border)
}
.direct-host-service strong{
  font-size:12px;font-weight:800;color:var(--ink);line-height:1.25
}
.direct-host-flow{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;
  margin-bottom:18px
}
.direct-host-step{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  min-width:120px;max-width:150px
}
.direct-host-step-icon{
  width:44px;height:44px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(184,134,40,.14);color:var(--primary-2);
  border:1px solid var(--gold-border)
}
.direct-host-step-icon svg{width:22px;height:22px;display:block}
.direct-host-step-icon.is-green,
.direct-host-step-icon.is-purple,
.direct-host-step-icon.is-blue,
.direct-host-step-icon.is-orange{
  color:var(--primary-2);background:rgba(184,134,40,.14);border:1px solid var(--gold-border)
}
.direct-host-step > span{
  font-size:12px;font-weight:700;color:var(--ink-secondary);line-height:1.35
}
.direct-host-arrow{
  color:var(--primary);font-size:18px;font-weight:700;line-height:1;margin-top:-18px
}
.direct-host-footer{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 10px;
  padding:12px 16px;border-radius:12px;background:#141624;border:1px solid var(--line)
}
.direct-host-footer span{
  font-size:13px;font-weight:800;color:var(--primary-2)
}
.direct-host-footer i{
  font-style:normal;color:rgba(184,134,40,.4);font-weight:800
}
@media (max-width:1100px){
  .direct-host-services{grid-template-columns:repeat(4,minmax(0,1fr))}
  .direct-host-service{border-bottom:1px solid var(--line)}
  .direct-host-service:nth-child(4n){border-right:0}
  .direct-host-service:nth-last-child(-n+3){border-bottom:0}
}
@media (max-width:700px){
  .direct-host-card{padding:20px 16px 16px}
  .direct-host-services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .direct-host-service:nth-child(4n){border-right:1px solid var(--line)}
  .direct-host-service:nth-child(2n){border-right:0}
  .direct-host-service:nth-last-child(-n+2){border-bottom:0}
  .direct-host-arrow{margin-top:0}
}