.db-container{
  max-width:920px;
  margin:0 auto;
  padding:20px;
}

/* HERO */
.db-hero{
  background:url('https://blog.jvzoo.com/wp-content/uploads/2026/03/F5C8902FE29.png') center/cover no-repeat;
  border-radius: 22px;

}

.db-hero-overlay{

  padding: 40px;
}

.db-hero-card{
  max-width:720px;
  margin:0 auto;
  background:#232f41;
  color:#fff;
  padding:50px;
  border-radius:14px;
  text-align:center;
}

.db-eyebrow{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  opacity:.7;
  margin-bottom:10px;
}

.db-hero h1{font-size:42px;margin-bottom:16px;}

.db-hero-buttons{margin-top:25px;display: flex;
    justify-content: center;}

.db-btn{
  display:inline-block;
  padding:8px 18px;
  margin:6px;
   border: solid 1px #707070;
  background-color: #3f4a59;
  color:#b1b1b1 !important;
  border-radius:22px;
font-size: 15px;
  text-decoration:none;
  font-weight:600;
}

.db-btn-ghost{
  background:transparent;
  border:1px solid rgba(255,255,255,.25);
}

/* SECTIONS */
.db-section{margin-bottom:20px;}

.db-section h2{
  font-size:26px;
  margin-bottom:14px;
  position:relative;
  padding-bottom:12px;
}

.db-section h2:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:46px;
  height:3px;
  background:#f97316;
  border-radius:2px;
}

.db-section p{
  color:#4b5563;
  line-height:1.7;
}

/* CHARTS */
.db-chart{
  margin-top:5px;
  
}

.db-chart img{
  width:100%;
margin: 0 auto!important;
  
}

.db-chart-caption{
  font-size:13px;
  color:#6b7280;
 
  text-align:center;
}

/* TABLE */
.db-table{
  margin-top:30px;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}

.db-row{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
}

.db-row div{
  padding:14px 16px;
  background:#fff;
  border-bottom:1px solid #eee;
}

.db-head div{
  background:#111827;
  color:#fff;
  font-weight:600;
}

/* TAKEAWAY */
.db-takeaway{
  background:#374151;
 border-radius: 22px;
  color:#fff;
  padding:20px;
  text-align:left;
}
.db-takeaway h2{
  font-size:26px;
  margin-bottom:14px;
  position:relative;
  padding-bottom:12px;
}
.db-takeaway h2:after{
  content:"";
  position: absolute;
  left:0;
  bottom:0;
  width:46px;
  height:3px;
  background:#f97316;
  border-radius:2px;
}

.db-credit{
  margin-top:20px;
  opacity:.6;
  font-size:13px;
}
.sd-hero {
 
 padding: 0ppx;
  text-align:center;
}
.sd-hero-card h1 {
  font-size: 40px;
}
.sd-hero-card {
  background:#fff;
  max-width:820px;
  margin:0 auto;
  padding:50px 40px;
  border-radius:16px;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.sd-accent { color:#f97316; font-weight:600; }

.sd-stats {
  display:flex;
  justify-content:center;
  gap:30px;
  margin:30px 0;
}

.sd-stats div strong {
  font-size:26px;
  color:#f97316;
  display:block;
}

.sd-section {
 
  margin:0 auto;
  padding:0px;
}

.sd-orange-grid,
.sd-metric-grid,
.sd-funnel-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:20px;
  margin:30px 0;
}

.sd-orange-card {
  background:#f97316;
  color:#fff;
  padding:24px;
  border-radius:14px;
  text-align:center;
}

.sd-metric,
.sd-funnel-grid div {
  background:#fff;
  padding:22px;
  border-radius:14px;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
}

.sd-metric span,
.sd-funnel-grid span {
  font-size:13px;
  text-transform:uppercase;
  color:#888;
}

.sd-metric strong,
.sd-funnel-grid strong {
  display:block;
  font-size:24px;
  color:#f97316;
}

.sd-soft-box {
  border: solid 1px #eb6f25;
  background-color: #fff4ed;
  padding:28px;
  margin-top:30px;
border-radius: 20px;
}
.sd-light-box {
border-radius: 20px;
  border: solid 1px #eb6f25;
  background-color: #fff;
  padding:28px;
  margin-top:30px;
}

.sd-takeaway {
  background:#f97316;
  color:#fff;
border-radius: 20px;
  text-align:center;
  padding:20px 20px;
}
.sd-section h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}

.sd-section h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;          /* length of underline */
  height: 3px;          /* thickness */
  background: #f97316;  /* orange */
  border-radius: 2px;
}