/* DA6IT Core – Wavelog Hosting project */
.da6it-hosting-project {
  --hosting-green: #5bbb2d;
  --hosting-green-dark: #328d1e;
  --hosting-cyan: #10aeb8;
  --hosting-ink: #173d38;
  --hosting-muted: #55716b;
  --hosting-border: #dcece8;
}
.da6it-hosting-intro { margin-bottom: 1.4rem !important; }
.da6it-hosting-actions { display:flex; flex-wrap:wrap; gap:.72rem; margin-top:1.25rem; }
.da6it-hosting-button {
  display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:.72rem 1rem;
  border:1px solid #cfe5df; border-radius:999px; background:#fff; color:#087f87 !important;
  font-weight:800; text-decoration:none !important; box-shadow:0 8px 24px rgba(28,83,72,.07);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.da6it-hosting-button:hover { transform:translateY(-1px); border-color:#9ad8cf; box-shadow:0 10px 28px rgba(28,83,72,.11); }
.da6it-hosting-button--primary { color:#fff !important; border-color:transparent; background:linear-gradient(135deg,var(--hosting-green),var(--hosting-cyan)); }
.da6it-hosting-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1rem 0 2.4rem; }
.da6it-hosting-fact { padding:1.05rem 1.1rem; border:1px solid var(--hosting-border); border-radius:18px; background:#fff; }
.da6it-hosting-fact span { display:block; margin-bottom:.35rem; color:var(--hosting-ink); font-weight:850; }
.da6it-hosting-fact p { margin:0 !important; color:var(--hosting-muted); font-size:.92rem !important; line-height:1.5 !important; }
.da6it-hosting-section { margin:clamp(2.3rem,5vw,4rem) 0; }
.da6it-hosting-section > h2, .da6it-hosting-two-col h2 { margin:.45rem 0 1rem !important; }
.da6it-hosting-section > p { max-width:82ch; color:#395b55; }
.da6it-hosting-section--soft { padding:clamp(1.25rem,3vw,2rem); border:1px solid var(--hosting-border); border-radius:22px; background:linear-gradient(135deg,#f8fcfb,#f1fbfd); }
.da6it-hosting-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.3rem; }
.da6it-hosting-steps article { display:flex; gap:.9rem; padding:1.15rem; border:1px solid var(--hosting-border); border-radius:18px; background:#fff; }
.da6it-hosting-step-number { flex:0 0 38px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:#eaf8e5; color:var(--hosting-green-dark); font-weight:900; }
.da6it-hosting-steps h3 { margin:.05rem 0 .45rem !important; font-size:1.05rem !important; }
.da6it-hosting-steps p { margin:0 !important; color:var(--hosting-muted); font-size:.93rem !important; line-height:1.55 !important; }
.da6it-hosting-steps a, .da6it-hosting-section a { color:#087f87; font-weight:700; }
.da6it-hosting-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.2rem,3vw,2rem); }
.da6it-hosting-two-col > div { padding:clamp(1.1rem,2vw,1.45rem); border:1px solid var(--hosting-border); border-radius:20px; background:#fff; }
.da6it-hosting-two-col p { color:#395b55; }

.da6it-hosting-resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.9rem; margin-top:1.25rem; }
.da6it-hosting-resource-grid a { display:flex; flex-direction:column; gap:.28rem; padding:1rem 1.05rem; border:1px solid var(--hosting-border); border-radius:16px; background:#fff; color:var(--hosting-ink) !important; text-decoration:none !important; box-shadow:0 6px 18px rgba(28,83,72,.05); }
.da6it-hosting-resource-grid a:hover { border-color:#9ad8cf; transform:translateY(-1px); }
.da6it-hosting-resource-grid strong { font-size:.98rem; }
.da6it-hosting-resource-grid span { color:var(--hosting-muted); font-size:.88rem; line-height:1.45; }
.da6it-hosting-offline { padding:clamp(1.25rem,3vw,2rem); border:1px solid #dcece8; border-radius:22px; background:linear-gradient(135deg,#f9fdf7,#f2fbf8); }

.da6it-hosting-finish { margin-top:3.2rem !important; }
@media(max-width:781px) {
  .da6it-hosting-facts, .da6it-hosting-steps, .da6it-hosting-two-col, .da6it-hosting-resource-grid { grid-template-columns:1fr; }
  .da6it-hosting-actions { flex-direction:column; }
  .da6it-hosting-button { width:100%; }
}