/* LoomPilot sales page: additions on top of academy.css (indigo night, haldi gold, madder) */
.loom .lp-hero { transition: background .8s; background: radial-gradient(60% 70% at 85% 20%, rgba(217, 162, 27, .24), transparent 70%), #0f1733; }
.loom .lp-hero[data-m="retail"] { background: radial-gradient(60% 70% at 85% 20%, rgba(168, 50, 42, .32), transparent 70%), #1b1320; }
.loom .lp-hero::before { background: radial-gradient(45% 60% at 12% 18%, rgba(217, 162, 27, .26), transparent 70%), radial-gradient(40% 55% at 92% 30%, rgba(31, 58, 110, .4), transparent 70%); }
.loom .lp-hero[data-m="retail"]::before { background: radial-gradient(45% 60% at 12% 18%, rgba(227, 161, 166, .22), transparent 70%), radial-gradient(40% 55% at 92% 30%, rgba(168, 50, 42, .26), transparent 70%); }
.loom .apx-eyebrow { border-color: rgba(217, 162, 27, .35); }
.loom .apx-eyebrow i { color: #e8b93e; }
.loom .lp-hero .grad { background: linear-gradient(90deg, #f1cf6e, #d9a21b); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.loom .apx-kicker:not(.light) { color: #8a5f0f; }
.loom .apx-kicker:not(.light)::before { background: #d9a21b; }
.loom .apx-kicker.light { color: #e8b93e; }
.loom .apx-sec.dark { background: radial-gradient(60% 80% at 100% 0%, rgba(217, 162, 27, .14), transparent 60%), radial-gradient(60% 80% at 0% 100%, rgba(168, 50, 42, .2), transparent 60%), #0f1733; }
.lp-stage { position: relative; }
.lp-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; }
.lp-dial button { border: 0; background: none; color: #d6d9e4; 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; }
.lp-dial button.on { background: #d9a21b; color: #0f1733; }
.lp-dial button[data-m="retail"].on { background: #a8322a; color: #fff; }
.lp-stage .apx-shot img { transition: opacity .25s; }
.lp-stage .apx-shot img.swap { opacity: .2; }
.lp-cap { color: #c3c8d6; font-size: .9rem; margin: 12px 0 0; min-height: 1.4em; }
.lp-research { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 16px; }
.lp-research div { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); border-radius: 20px; padding: 22px; color: #dfe2ec; }
.lp-research b { display: block; color: #fff; font-size: 1.04rem; margin-bottom: 6px; }
.lp-research p { margin: 0; font-size: .92rem; line-height: 1.6; color: #c3c8d6; }
.lp-research i { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(217, 162, 27, .16); color: #e8b93e; margin-bottom: 12px; font-size: 1.05rem; }
@media (max-width: 991.98px) { .lp-stage { margin-top: 30px; } }
.lp-new { font-style: normal; font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: #d9a21b; color: #0f1733; border-radius: 999px; padding: 2px 7px; margin-left: 4px; vertical-align: 2px; }