/* Web hosting landing — pricing bands aligned with typical shared-hosting market (~$2–15/mo promotional vs renewal) */

.page-web-hosting .web-host-hero{
  position:relative;
  padding:clamp(52px,8vh,100px) 0 clamp(36px,6vh,72px);
  overflow:hidden;
}

.page-web-hosting .web-host-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
}

.page-web-hosting .web-host-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(.38) saturate(1.05);
}

.page-web-hosting .web-host-hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(4,8,18,.25), rgba(4,8,18,.82) 55%, rgba(3,6,14,.94)),
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(100,200,255,.15), transparent 55%);
}

.page-web-hosting .web-host-hero .container{
  position:relative;
  z-index:1;
}

.page-web-hosting .web-host-hero-copy{
  max-width:820px;
  padding:clamp(22px,3vw,34px);
  border-radius:var(--radius);
  background:rgba(8,14,28,.72);
  border:1px solid rgba(140,200,255,.22);
  backdrop-filter:blur(14px);
  box-shadow:var(--shadow);
}

.page-web-hosting .pricing-tiers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2.5vw,24px);
  margin-top:clamp(28px,5vw,44px);
}

.page-web-hosting .tier-card{
  padding:clamp(22px,3vw,30px);
  border-radius:var(--radius);
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  position:relative;
}

.page-web-hosting .tier-card--featured{
  border-color:rgba(255,200,120,.45);
  background:linear-gradient(175deg, rgba(22,18,12,.88), rgba(10,12,22,.82));
  transform:scale(1.02);
  z-index:1;
}

.page-web-hosting .tier-card--featured::before{
  content:"Best value";
  position:absolute;
  top:14px;
  right:14px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,200,120,.15);
  border:1px solid rgba(255,200,120,.35);
  color:#ffe8c4;
}

.page-web-hosting .tier-price{
  font-size:2.5rem;
  font-weight:900;
  letter-spacing:-.04em;
  color:#fff;
  margin:10px 0 4px;
}

.page-web-hosting .tier-price small{
  font-size:.95rem;
  font-weight:700;
  color:var(--muted);
}

.page-web-hosting .compare-wrap{
  overflow-x:auto;
  margin-top:clamp(24px,4vw,40px);
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:rgba(6,10,20,.5);
}

.page-web-hosting .compare-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
}

.page-web-hosting .compare-table th,
.page-web-hosting .compare-table td{
  padding:14px 16px;
  text-align:left;
  border-bottom:1px solid var(--line);
}

.page-web-hosting .compare-table th{
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.page-web-hosting .compare-table td{
  color:var(--muted);
}

.page-web-hosting .compare-table tr:last-child td{
  border-bottom:none;
}

.page-web-hosting .host-quote-form{
  max-width:560px;
  margin:clamp(28px,5vw,48px) auto 0;
  padding:clamp(24px,4vw,34px);
  border-radius:var(--radius);
  background:var(--panel-strong);
  border:1px solid var(--line);
}

.page-web-hosting .host-quote-form h3{
  margin-top:0;
}

@media (max-width:980px){
  .page-web-hosting .pricing-tiers{
    grid-template-columns:1fr;
  }
  .page-web-hosting .tier-card--featured{
    transform:none;
  }
}