/* DinePilot sales page — additions on top of academy.css */
.dine .dn-hero { transition: background .8s; }
.dine .dn-hero[data-dp="morning"] { background: radial-gradient(60% 70% at 85% 20%, rgba(232, 160, 70, .32), transparent 70%), #160f0a; }
.dine .dn-hero[data-dp="day"] { background: radial-gradient(60% 70% at 85% 20%, rgba(46, 122, 78, .3), transparent 70%), #0d1410; }
.dn-stage { position: relative; }
.dn-dial { display: inline-flex; gap: 4px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); border-radius: 999px; padding: 4px; margin-bottom: 14px; }
.dn-dial button { border: 0; background: none; color: #d6cfe8; border-radius: 999px; padding: 8px 14px; font-weight: 700; font-size: .84rem; display: inline-flex; gap: 7px; align-items: center; cursor: pointer; transition: background .3s, color .3s; }
.dn-dial button.on { background: #f08a3c; color: #fff; }
.dn-stage .apx-shot img { transition: opacity .25s; }
.dn-stage .apx-shot img.swap { opacity: .2; }
.dn-cap { color: #c9c3dc; font-size: .9rem; margin: 12px 0 0; min-height: 1.4em; }
.dn-p { color: #c9cbe0; font-size: 1.05rem; line-height: 1.65; margin-top: 16px; }
.dn-list { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 14px; }
.dn-list li { display: flex; gap: 14px; align-items: flex-start; color: #e4e1f0; line-height: 1.5; }
.dn-list i { width: 40px; height: 40px; flex: none; border-radius: 12px; display: grid; place-items: center; background: rgba(240, 138, 60, .16); color: #ffb37a; font-size: 1.05rem; }
.dn-list b { color: #fff; }
@media (max-width: 991.98px) { .dn-stage { margin-top: 30px; } }