/* ===== Dal Trans – Our Difference (Medibuilt-style layout) ===== */
:root{
 --dt-brand:#0b3a6a;
 --dt-accent:#f47a20;
 --dt-bg:#ffffff;
 --dt-panel:#f6f8fb;
 --dt-text:#102a43;
 --dt-muted:#5a7184;
 --dt-line:#e6edf3;
 --dt-radius:18px;
 --dt-shadow:0 12px 32px rgba(16,42,67,.10);
 --dt-max:1420px;
}

.dt-wrap{max-width:var(--dt-max); margin:0 auto; padding:0 20px;}
.dt-section{padding:56px 0;}
.dt-section--alt{background:var(--dt-panel); border-top:1px solid var(--dt-line); border-bottom:1px solid var(--dt-line);}

.dt-hero{
 padding:72px 0 52px;
 color:#fff;
 background:
   linear-gradient(110deg, rgba(11,58,106,.92), rgba(11,58,106,.72)),
   url("https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&fit=crop&w=2200&q=70");
 background-size:cover;
 background-position:center;
}
.dt-eyebrow{margin:0 0 10px; opacity:.92; letter-spacing:.04em; text-transform:uppercase; font-weight:700; font-size:.85rem;}
.dt-h1{margin:0 0 10px; font-size:clamp(32px,4vw,48px); line-height:1.05;}
.dt-lead{margin:0 0 18px; max-width:60ch; opacity:.92; font-size:1.05rem;}

.dt-actions{display:flex; gap:12px; flex-wrap:wrap;}
.dt-btn{
 display:inline-flex; align-items:center; justify-content:center;
 padding:12px 18px; border-radius:999px;
 font-weight:800; text-decoration:none;
 border:1px solid transparent;
}
.dt-btn--primary{background:var(--dt-accent); color:#fff;}
.dt-btn--ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.35);}

.dt-h2{margin:0 0 10px; font-size:clamp(24px,3vw,34px); color:var(--dt-text);}
.dt-h2--light{color:#fff;}
.dt-h3{margin:0 0 8px; font-size:1.2rem;}
.dt-muted{margin:0; color:var(--dt-muted); max-width:78ch;}
.dt-muted--light{color:rgba(255,255,255,.88);}

.dt-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:18px;
}
.dt-card{
 background:#fff;
 border:1px solid var(--dt-line);
 border-radius:var(--dt-radius);
 box-shadow:var(--dt-shadow);
 padding:18px;
}
.dt-card p{margin:0; color:var(--dt-muted);}
.dt-card__icon{
 width:48px; height:48px;
 border-radius:14px;
 background:rgba(11,58,106,.10);
 border:1px solid rgba(11,58,106,.18);
 display:grid; place-items:center;
 margin-bottom:10px;
}
.dt-card__icon img{max-width:26px; max-height:26px; display:block;}
.dt-card--wide{grid-column:span 3;}

.dt-proof{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:14px;
}
.dt-proof__item{
 background:#fff;
 border:1px solid var(--dt-line);
 border-radius:16px;
 padding:16px;
 box-shadow:0 10px 26px rgba(16,42,67,.08);
}
.dt-proof__item b{display:block; color:var(--dt-brand); font-size:1.15rem; margin-bottom:2px;}
.dt-proof__item span{color:var(--dt-muted); font-size:.92rem;}

.dt-cta{padding:64px 0;}
.dt-cta__box{
 border-radius:var(--dt-radius);
 padding:26px;
 background:linear-gradient(135deg, rgba(11,58,106,.95), rgba(11,58,106,.78));
 border:1px solid rgba(255,255,255,.14);
 box-shadow:0 18px 40px rgba(16,42,67,.22);
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
}

@media (max-width: 980px){
 .dt-grid{grid-template-columns:1fr 1fr;}
 .dt-card--wide{grid-column:span 2;}
 .dt-proof{grid-template-columns:1fr 1fr;}
 .dt-cta__box{flex-direction:column; align-items:flex-start;}
}
@media (max-width: 560px){
 .dt-grid{grid-template-columns:1fr;}
 .dt-card--wide{grid-column:span 1;}
 .dt-proof{grid-template-columns:1fr;}
}