:root{
  --blue:#0057FF;
  --blue-dark:#0048D6;
  --text-dark:#1B1F29;
  --text-muted:#4F5A69;
  --bg-white:#ffffff;
  --ff:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  --max-w:1280px;
}

.businesshosting-trustedhosting-white{
  font-family:var(--ff);
  background:var(--bg-white);
  color:var(--text-dark);
  padding:120px 20px 90px;
}

/* Layout */
.bh-wrap-white{
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

/* Left content */
.bh-left-content{display:flex;flex-direction:column;justify-content:center;max-width:600px;}

.bh-eyebrow-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 14px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #0057FF 0%, #0048D6 100%);
  box-shadow: 0 3px 10px rgba(0, 87, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.25);
  width: auto;
  display: inline-block;
  min-width: fit-content;
  max-width: max-content;
  margin-bottom: 22px;
  transition: all 0.2s ease;
  line-height: 1;
}
.bh-eyebrow-white:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 87, 255, 0.3);
  background: linear-gradient(90deg, #004ff0 0%, #003ec5 100%);
}

.bh-title-white{font-size:42px;line-height:1.1;font-weight:800;margin-bottom:14px;}
.bh-sub-white{font-size:19px;font-weight:700;color:var(--blue);margin-bottom:18px;}
.bh-desc-white{color:var(--text-muted);font-size:16px;line-height:1.8;margin-bottom:34px;}

.bh-features-white{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 22px;margin-bottom:24px;}
.bh-feature-white{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;}
.bh-feature-white img{width:18px;height:18px;}

.bh-offer-tag{
  display:inline-block;
  width: fit-content;   /* ← ONLY THIS LINE */
  background:#D9F9E5;
  color:#16A34A;
  font-weight:700;
  font-size:14px;
  padding:6px 8px;
  border-radius:8px;
  margin-bottom:20px;
}
/* Register button beside View Plans */
.bh-btn-register{
  background:#ffffff;
  color:#0057FF !important;
  font-weight:700;
  font-size:15.5px;
  padding:14px 34px;
  border-radius:12px;
  text-decoration:none;
  border:2px solid #0057FF;
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  transition:all .25s ease;
}

.bh-btn-register:hover{
  background:#0057FF;
  color:#ffffff !important;
  transform:translateY(-2px);
}

.bh-timer{display:flex;gap:8px;align-items:center;margin-bottom:28px;flex-wrap:wrap;}
.bh-timer-block{background:var(--text-dark);color:#fff;padding:6px 12px;border-radius:6px;text-align:center;min-width:56px;}
.bh-timer-block strong{display:block;font-size:15px;font-weight:800;}
.bh-timer-block span{font-size:10px;color:#c9c9c9;}

.bh-cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;}
.bh-btn-viewplans{
  position:relative;background:var(--blue);color:#fff!important;font-weight:700;border:none;border-radius:12px;
  padding:14px 34px;font-size:15.5px;text-decoration:none;
  box-shadow:0 6px 18px rgba(0,87,255,0.25);
  transition:all .25s ease;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.bh-btn-viewplans:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,87,255,0.35);}
.bh-btn-viewplans::before{
  content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;
  background:linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.7),rgba(255,255,255,0.1));
  transform:skewX(-20deg);opacity:0;
}
@keyframes shine{0%{left:-75%;opacity:0;}5%{opacity:1;}50%{left:125%;opacity:1;}100%{left:125%;opacity:0;}}
.bh-btn-viewplans.shine::before{animation:shine 1.5s ease-in-out;}

/* Feature boxes */
.bh-right-boxes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  justify-items:center;
  align-items:center;
  perspective:1200px;
}
.bh-feature-item{
  position:relative;
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:16px;
  height:210px;
  width:100%;
  max-width:240px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  box-shadow:0 8px 22px rgba(0,0,0,0.05);
  transition:all 0.35s ease;
  transform-style:preserve-3d;
  overflow:hidden;
}
.bh-feature-item:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 22px 40px rgba(0,123,255,0.15);border:1px solid rgba(0,123,255,0.12);}
.bh-feature-item::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(0,123,255,0.15),transparent 70%);
  opacity:0;transition:opacity .4s ease;
}
.bh-feature-item:hover::before{opacity:1;}
.bh-feature-item::after{
  content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0) 100%);
  transform:skewX(-25deg);opacity:0;
}
.bh-feature-item:hover::after{animation:shineSweep 1.2s ease forwards;}
@keyframes shineSweep{0%{left:-100%;opacity:0;}40%{opacity:1;}100%{left:150%;opacity:0;}}

.bh-chip{
  position:absolute;top:14px;left:50%;transform:translateX(-50%);
  background:linear-gradient(90deg,#0057FF,#0048D6);
  color:#fff;font-size:11px;font-weight:700;padding:6px 10px;border-radius:30px;
  box-shadow:0 4px 12px rgba(0,123,255,0.25);letter-spacing:0.3px;
}
.bh-feature-item h4{font-size:15px;font-weight:800;color:var(--text-dark);margin-top:28px;margin-bottom:6px;text-align:center;}
.bh-feature-item p{font-size:13.5px;color:#555;line-height:1.6;margin:0;text-align:center;max-width:88%;}

@media(max-width:992px){
  .bh-wrap-white{grid-template-columns:1fr;text-align:center;gap:50px;}
  .bh-right-boxes{grid-template-columns:repeat(2,1fr);gap:22px;}
  .bh-feature-item{max-width:280px;height:200px;}
}
@media(max-width:600px){
  .bh-right-boxes{grid-template-columns:1fr;}
  .bh-feature-item{max-width:100%;height:200px;}
}