/* =========================================================
   HOLD WEBS – HOMEPAGE SECTIONS (Hostinger-inspired)
========================================================= */

.hw-section{ padding:70px 0; background:#f6f7f9; }
.hw-section--light{ background:#ffffff; }

.hw-section-head{ text-align:center; max-width:820px; margin:0 auto 34px; }
.hw-h2{ font-size:34px; line-height:1.15; margin:0 0 10px; color:#0b0f1a; letter-spacing:-.02em; }
.hw-h3{ font-size:18px; margin:0 0 8px; color:#0b0f1a; }
.hw-p{ margin:0; color:rgba(11,15,26,.72); line-height:1.7; }

.hw-btn-round{ border-radius:14px !important; }

.hw-pricing{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:22px;
}
@media(max-width:992px){ .hw-pricing{ grid-template-columns:1fr; } }

.hw-price-card{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 34px rgba(0,0,0,.06);
  position:relative;
}
.hw-price-card--hot{
  border-color:rgba(14,165,233,.35);
  box-shadow:0 18px 60px rgba(14,165,233,.12);
  transform:translateY(-4px);
}
@media(max-width:992px){ .hw-price-card--hot{ transform:none; } }

.hw-price-badge{
  position:absolute;
  top:14px; right:14px;
  background:linear-gradient(135deg,#0EA5E9,#6E40FF);
  color:#fff;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

.hw-price-top{ margin-bottom:12px; }
.hw-price-name{ font-weight:800; font-size:18px; color:#0b0f1a; }
.hw-price-tag{ font-size:12px; color:rgba(11,15,26,.65); margin-top:3px; }

.hw-price{ margin:14px 0 12px; display:flex; align-items:flex-end; gap:6px; }
.hw-price-curr{ font-weight:800; color:#0b0f1a; }
.hw-price-num{ font-weight:900; font-size:40px; color:#0b0f1a; letter-spacing:-.02em; }
.hw-price-mo{ color:rgba(11,15,26,.65); }

.hw-list{ list-style:none; padding:0; margin:0 0 16px; }
.hw-list li{ display:flex; gap:10px; align-items:center; padding:7px 0; color:rgba(11,15,26,.75); }
.hw-list i{ color:#0EA5E9; }

.hw-trustbar{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}
.hw-trustbar-item{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:14px;
  padding:10px 14px;
  color:rgba(11,15,26,.72);
  display:flex;
  gap:10px;
  align-items:center;
}
.hw-trustbar-item i{ color:#0EA5E9; }

.hw-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:22px;
}
@media(max-width:992px){ .hw-grid-3{ grid-template-columns:1fr; } }

.hw-card{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.hw-card-ico{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(14,165,233,.18);
  margin-bottom:12px;
}
.hw-card-ico i{ color:#0EA5E9; }

.hw-split{
  margin-top:26px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:center;
}
@media(max-width:992px){ .hw-split{ grid-template-columns:1fr; } }

.hw-screenshot{
  background:#0b0f1a;
  border-radius:20px;
  border:1px solid rgba(11,15,26,.10);
  overflow:hidden;
  box-shadow:0 20px 70px rgba(0,0,0,.14);
}
.hw-shot-top{ display:flex; gap:8px; padding:14px; background:rgba(255,255,255,.04); }
.hw-shot-top span{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.18); }
.hw-shot-body{ padding:18px; }
.hw-shot-line{ height:10px; border-radius:999px; background:rgba(255,255,255,.10); margin:10px 0; }
.hw-shot-line.w70{ width:70%; } .hw-shot-line.w50{ width:50%; } .hw-shot-line.w60{ width:60%; }
.hw-shot-box{ height:70px; border-radius:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); margin-top:12px; }

.hw-quote{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.hw-stars{ letter-spacing:2px; color:#0EA5E9; margin-bottom:10px; }
.hw-quote-by{ margin-top:12px; color:rgba(11,15,26,.55); font-size:13px; }

.hw-faq{
  max-width:900px;
  margin:22px auto 0;
  display:grid;
  gap:12px;
}
.hw-faq-item{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:16px;
  padding:16px 18px;
}
.hw-faq-q{ font-weight:800; color:#0b0f1a; margin-bottom:6px; }
.hw-faq-a{ color:rgba(11,15,26,.70); line-height:1.6; }

.hw-final-cta{
  margin-top:34px;
  border-radius:22px;
  background:linear-gradient(135deg,#0b0f1a,#0b1a2a);
  border:1px solid rgba(11,15,26,.10);
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.18);
}
.hw-final-cta-inner{ padding:34px; text-align:center; }
.hw-final-cta .hw-h2{ color:#fff; }
.hw-final-cta .hw-p{ color:rgba(255,255,255,.75); }
.hw-final-cta-actions{ margin-top:16px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
/* =========================================================
   HOLD WEBS – HOMEPAGE SECTIONS (Hostinger-inspired)
========================================================= */

.hw-section{ padding:70px 0; background:#f6f7f9; }
.hw-section--light{ background:#ffffff; }

.hw-section-head{ text-align:center; max-width:820px; margin:0 auto 34px; }
.hw-h2{ font-size:34px; line-height:1.15; margin:0 0 10px; color:#0b0f1a; letter-spacing:-.02em; }
.hw-h3{ font-size:18px; margin:0 0 8px; color:#0b0f1a; }
.hw-p{ margin:0; color:rgba(11,15,26,.72); line-height:1.7; }

.hw-btn-round{ border-radius:14px !important; }

.hw-pricing{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:22px;
}
@media(max-width:992px){ .hw-pricing{ grid-template-columns:1fr; } }

.hw-price-card{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 34px rgba(0,0,0,.06);
  position:relative;
}
.hw-price-card--hot{
  border-color:rgba(14,165,233,.35);
  box-shadow:0 18px 60px rgba(14,165,233,.12);
  transform:translateY(-4px);
}
@media(max-width:992px){ .hw-price-card--hot{ transform:none; } }

.hw-price-badge{
  position:absolute;
  top:14px; right:14px;
  background:linear-gradient(135deg,#0EA5E9,#6E40FF);
  color:#fff;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

.hw-price-top{ margin-bottom:12px; }
.hw-price-name{ font-weight:800; font-size:18px; color:#0b0f1a; }
.hw-price-tag{ font-size:12px; color:rgba(11,15,26,.65); margin-top:3px; }

.hw-price{ margin:14px 0 12px; display:flex; align-items:flex-end; gap:6px; }
.hw-price-curr{ font-weight:800; color:#0b0f1a; }
.hw-price-num{ font-weight:900; font-size:40px; color:#0b0f1a; letter-spacing:-.02em; }
.hw-price-mo{ color:rgba(11,15,26,.65); }

.hw-list{ list-style:none; padding:0; margin:0 0 16px; }
.hw-list li{ display:flex; gap:10px; align-items:center; padding:7px 0; color:rgba(11,15,26,.75); }
.hw-list i{ color:#0EA5E9; }

.hw-trustbar{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}
.hw-trustbar-item{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:14px;
  padding:10px 14px;
  color:rgba(11,15,26,.72);
  display:flex;
  gap:10px;
  align-items:center;
}
.hw-trustbar-item i{ color:#0EA5E9; }

.hw-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:22px;
}
@media(max-width:992px){ .hw-grid-3{ grid-template-columns:1fr; } }

.hw-card{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.hw-card-ico{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(14,165,233,.18);
  margin-bottom:12px;
}
.hw-card-ico i{ color:#0EA5E9; }

.hw-split{
  margin-top:26px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:center;
}
@media(max-width:992px){ .hw-split{ grid-template-columns:1fr; } }

.hw-screenshot{
  background:#0b0f1a;
  border-radius:20px;
  border:1px solid rgba(11,15,26,.10);
  overflow:hidden;
  box-shadow:0 20px 70px rgba(0,0,0,.14);
}
.hw-shot-top{ display:flex; gap:8px; padding:14px; background:rgba(255,255,255,.04); }
.hw-shot-top span{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.18); }
.hw-shot-body{ padding:18px; }
.hw-shot-line{ height:10px; border-radius:999px; background:rgba(255,255,255,.10); margin:10px 0; }
.hw-shot-line.w70{ width:70%; } .hw-shot-line.w50{ width:50%; } .hw-shot-line.w60{ width:60%; }
.hw-shot-box{ height:70px; border-radius:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); margin-top:12px; }

.hw-quote{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.hw-stars{ letter-spacing:2px; color:#0EA5E9; margin-bottom:10px; }
.hw-quote-by{ margin-top:12px; color:rgba(11,15,26,.55); font-size:13px; }

.hw-faq{
  max-width:900px;
  margin:22px auto 0;
  display:grid;
  gap:12px;
}
.hw-faq-item{
  background:#fff;
  border:1px solid rgba(11,15,26,.10);
  border-radius:16px;
  padding:16px 18px;
}
.hw-faq-q{ font-weight:800; color:#0b0f1a; margin-bottom:6px; }
.hw-faq-a{ color:rgba(11,15,26,.70); line-height:1.6; }

.hw-final-cta{
  margin-top:34px;
  border-radius:22px;
  background:linear-gradient(135deg,#0b0f1a,#0b1a2a);
  border:1px solid rgba(11,15,26,.10);
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.18);
}
.hw-final-cta-inner{ padding:34px; text-align:center; }
.hw-final-cta .hw-h2{ color:#fff; }
.hw-final-cta .hw-p{ color:rgba(255,255,255,.75); }
.hw-final-cta-actions{ margin-top:16px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }