/* DigiTrustly Homepage v2.2 — exact desktop polish */
html,body{max-width:100%;overflow-x:hidden}

/* Keep the three trust items on ONE row on normal desktop/tablet widths */
.feature-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  margin-top:34px !important;
  max-width:720px !important;
}
.feature-card{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.feature-card strong{
  display:block;
  font-size:15px;
  line-height:1.22;
  margin:2px 0 5px;
}
.feature-card span{
  display:block;
  font-size:13px;
  line-height:1.35;
}
.feature-icon{
  width:50px !important;
  height:50px !important;
  flex:0 0 50px !important;
  border-radius:50% !important;
  font-size:21px !important;
}

/* Recreate the requested D + shield mark by cropping the existing brand logo */
.verify-logo-mark{
  position:absolute !important;
  top:-78px !important;
  right:36px !important;
  width:128px !important;
  height:118px !important;
  overflow:hidden !important;
  display:block !important;
  background:transparent !important;
  filter:drop-shadow(0 9px 10px rgba(18,57,102,.18)) !important;
}
.verify-logo-mark img{
  position:absolute !important;
  left:0 !important;
  top:7px !important;
  width:300px !important;
  max-width:none !important;
  height:auto !important;
  object-fit:initial !important;
}

/* Hero proportions closer to approved mock-up */
.hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr) !important;
  gap:54px !important;
  min-height:545px !important;
  padding-top:68px !important;
  padding-bottom:54px !important;
}
.verify-card{
  align-self:center !important;
  margin-top:20px !important;
  padding-top:40px !important;
}
.hero-copy{min-width:0 !important}
.trust-points{display:none !important}

/* Keep 1024px desktop looking like desktop instead of stacking */
@media (max-width:1100px) and (min-width:761px){
  .hero-grid{
    grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr) !important;
    gap:38px !important;
  }
  .feature-cards{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    max-width:100% !important;
  }
  .feature-card{gap:9px !important}
  .feature-icon{
    width:44px !important;height:44px !important;flex-basis:44px !important;font-size:18px !important;
  }
  .feature-card strong{font-size:14px !important}
  .feature-card span{font-size:12px !important}
  .verify-logo-mark{
    width:118px !important;height:108px !important;right:28px !important;top:-68px !important;
  }
  .verify-logo-mark img{width:278px !important}
}

/* Only phones/small tablets stack */
@media(max-width:760px){
  .hero-grid{grid-template-columns:1fr !important}
  .feature-cards{grid-template-columns:1fr !important}
  .feature-card{
    padding:12px 0 !important;
    border-bottom:1px solid rgba(180,205,230,.65) !important;
  }
  .verify-logo-mark{
    width:100px !important;height:90px !important;right:18px !important;top:-52px !important;
  }
  .verify-logo-mark img{width:235px !important}
}