.dial-hero{padding:2.4rem 0 1.6rem;text-align:center}
.dial-hero h1{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;color:#3d4654;margin-bottom:.5rem}
.dial-hero p{color:#6a7380;font-size:.92rem;max-width:560px;margin:0 auto}

.dial-wall{padding:1rem 0 2.8rem}
.dial-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:820px;margin:0 auto}
.dial-tile{background:#e8ecf1;border-radius:22px;padding:1.25rem 1.2rem;box-shadow:5px 5px 12px #c8cdd6,-4px -4px 9px #fff;display:grid;grid-template-columns:72px 1fr auto;gap:1rem;align-items:center}
.dial-tile.priority{box-shadow:inset 4px 4px 8px #c8cdd6,inset -3px -3px 6px #fff}
.dial-knob{width:72px;height:72px;border-radius:50%;background:#e8ecf1;box-shadow:4px 4px 8px #c8cdd6,-3px -3px 6px #fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dial-knob img{width:56px;height:56px;object-fit:cover;border-radius:50%}
.dial-info h2{font-size:.98rem;color:#3d4654;margin-bottom:.3rem;font-weight:800}
.dial-info p{font-size:.82rem;color:#6a7380}
.btn-dial{display:inline-block;background:#e8ecf1;color:#3d4654!important;padding:.45rem .9rem;font-size:.78rem;font-weight:800;border-radius:14px;text-decoration:none!important;box-shadow:4px 4px 8px #c8cdd6,-3px -3px 6px #fff;white-space:nowrap}
.btn-dial:hover{box-shadow:inset 3px 3px 6px #c8cdd6,inset -2px -2px 5px #fff}

.dl-press-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.dl-press{background:#e8ecf1;border-radius:18px;padding:1.05rem;text-align:center;box-shadow:4px 4px 9px #c8cdd6,-3px -3px 7px #fff}
.dl-press h3{font-size:.88rem;font-weight:800;margin-bottom:.3rem;color:#3d4654}
.dl-press p{font-size:.8rem;color:#6a7380}

.dl-pills{display:flex;flex-direction:column;gap:.7rem;max-width:640px;margin:0 auto}
.dl-pill{background:#e8ecf1;border-radius:999px;padding:.85rem 1.2rem;box-shadow:inset 3px 3px 6px #c8cdd6,inset -2px -2px 5px #fff;display:grid;grid-template-columns:36px 1fr;gap:.8rem;align-items:center}
.dl-pill-n{width:36px;height:36px;border-radius:50%;background:#e8ecf1;box-shadow:3px 3px 6px #c8cdd6,-2px -2px 5px #fff;text-align:center;line-height:36px;font-weight:900;color:#5b6b82;font-size:.85rem}
.dl-pill h3{font-size:.88rem;font-weight:800;color:#3d4654;margin-bottom:.15rem}
.dl-pill p{font-size:.8rem;color:#6a7380}

.dl-inset{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dl-inset-col{background:#e8ecf1;border-radius:18px;padding:1.1rem;box-shadow:inset 3px 3px 7px #c8cdd6,inset -2px -2px 5px #fff}
.dl-inset-col h3{font-size:.88rem;color:#3d4654;margin-bottom:.5rem;font-weight:800}
.dl-inset-col li{font-size:.82rem;color:#6a7380;padding:.28rem 0}

.dl-cta{text-align:center;padding:2.4rem 0}
.dl-cta-box{background:#e8ecf1;border-radius:22px;padding:2rem 1.2rem;box-shadow:5px 5px 12px #c8cdd6,-4px -4px 9px #fff}
.dl-cta h2{font-size:1.15rem;font-weight:800;color:#3d4654;margin-bottom:.4rem}

@media(max-width:768px){
  .dial-stack,.dl-press-row,.dl-inset{grid-template-columns:1fr}
  .dial-tile{grid-template-columns:64px 1fr}
  .dial-tile .btn-dial{grid-column:2}
}