/* LXBG 2.0 roadmap announcement — blue-and-white sales-site edition
 * Updated 06.11.2026: replaces the former dark-blue blocks.
 * Scoped to the new roadmap article and the homepage news teaser.
 */
.lx-news .lx-v2-roadmap{
  box-sizing:border-box;color:#20466c;margin:28px 0 35px;
  padding:clamp(21px,4vw,42px);
  background:linear-gradient(145deg,#fff 0%,#f5faff 67%,#edf6ff 100%);
  border:1px solid #d2e5fa;border-top:5px solid #388deb;
  border-radius:23px;box-shadow:0 14px 35px #2469ad14
}
.lx-news .lx-v2-roadmap *{box-sizing:border-box}
.lx-news .lx-v2-roadmap-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#718ca9}
.lx-news .lx-v2-roadmap-pill{display:inline-flex;background:#e8f3ff;color:#2469bd;border:1px solid #c2defb;border-radius:999px;padding:8px 13px;font-weight:900;letter-spacing:.02em}
.lx-news .lx-v2-roadmap h2{
  font-size:clamp(28px,4.2vw,43px)!important;line-height:1.15!important;
  letter-spacing:-.045em;color:#163d6c!important;margin:25px 0 16px!important;max-width:28ch
}
.lx-news .lx-v2-roadmap-lead{
  font-size:clamp(15px,1.8vw,19px)!important;color:#577492!important;
  line-height:1.7!important;max-width:92ch
}
.lx-news .lx-v2-roadmap-facts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 8px}
.lx-news .lx-v2-roadmap-facts>span{font-weight:800;font-size:12px;color:#2469b5;background:#e9f3ff;border:1px solid #cbdff5;border-radius:9px;padding:7px 11px}
.lx-news .lx-v2-roadmap-section{margin-top:30px;padding-top:28px;border-top:1px solid #d9e8f8}
.lx-news .lx-v2-roadmap-section h3{
  font-size:clamp(21px,2.7vw,28px)!important;letter-spacing:-.027em;
  line-height:1.28;color:#1b4778!important;margin:10px 0 14px!important
}
.lx-news .lx-v2-roadmap-section p{font-size:15px!important;line-height:1.73!important;color:#536f8c!important;margin:12px 0!important}
.lx-news .lx-v2-roadmap-section strong{color:#1b4678!important}
.lx-news .lx-v2-roadmap-kicker{font-size:11px;font-weight:950;letter-spacing:.13em;color:#2478d8}
.lx-news .lx-v2-roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:21px}
.lx-news .lx-v2-roadmap-feature{min-width:0;border:1px solid #d9e7f6;background:#fff;border-radius:15px;padding:18px;box-shadow:0 6px 18px #2469ad0b}
.lx-news .lx-v2-roadmap-feature-icon{font-size:24px}
.lx-news .lx-v2-roadmap-feature h4{font-size:16px;line-height:1.35;color:#1b4678!important;margin:8px 0}
.lx-news .lx-v2-roadmap-feature p{color:#667f98!important;font-size:13px!important;line-height:1.62!important;margin:7px 0!important}
.lx-news .lx-v2-roadmap-themes{background:#f0f7ff;border:1px solid #d3e6fa;border-radius:17px;padding:23px;margin-top:34px}
.lx-news .lx-v2-roadmap-radio{border:1px solid #c8def7;border-radius:17px;padding:23px;background:#f6fbff;margin-top:23px}
.lx-news .lx-v2-roadmap-radio-warning{padding:17px!important;border:1px solid #f2d5a8;background:#fff9ef!important;color:#77521e!important;border-radius:12px}
.lx-news .lx-v2-roadmap-radio-warning strong{color:#83511f!important}
.lx-news .lx-v2-roadmap-inline-link{display:inline-block;margin-top:9px;color:#fff!important;background:#2379e5;border:1px solid #2379e5;border-radius:10px;padding:11px 15px;text-decoration:none;font-size:13px;font-weight:900}
.lx-news .lx-v2-roadmap-release-highlight{display:grid;gap:6px;background:#ecf6ff;border:1px solid #b5d6fb;border-radius:14px;padding:19px;margin:15px 0 19px}
.lx-news .lx-v2-roadmap-release-highlight strong{color:#1b5eb0!important;font-size:clamp(19px,2.6vw,25px)}
.lx-news .lx-v2-roadmap-release-highlight span{color:#5b7898;font-size:12px;font-weight:700}
.lx-news .lx-v2-roadmap-actions{display:flex;flex-wrap:wrap;gap:10px;margin:19px 0 0}
.lx-news .lx-v2-roadmap-actions>a{padding:11px 15px;border-radius:9px;background:#2379e5;color:#fff!important;text-decoration:none;font-weight:850;font-size:13px;border:1px solid #2379e5}
.lx-news .lx-v2-roadmap-actions>a:nth-child(2){background:#fff;color:#2867b4!important;border-color:#bed8f4}
.lx-news .lx-v2-roadmap-actions>a:nth-child(3){background:#edf5ff;color:#2867b4!important;border-color:#bed8f4}
.lx-news .lx-v2-roadmap-actions>a:hover,.lx-news .lx-v2-roadmap-inline-link:hover{filter:brightness(.94)}
.lx-news .lx-v2-roadmap-note{font-size:12px!important;line-height:1.6!important;color:#7f95ab!important;margin-top:28px!important;padding-top:17px;border-top:1px solid #d9e8f8}
.lx-news .lx-v2-roadmap a:focus-visible{outline:3px solid #2379e5;outline-offset:3px}
@media(max-width:720px){
 .lx-news .lx-v2-roadmap-grid{grid-template-columns:1fr}
 .lx-news .lx-v2-roadmap{padding:19px;margin-top:17px;border-radius:16px}
 .lx-news .lx-v2-roadmap-feature{padding:15px}
 .lx-news .lx-v2-roadmap-themes,.lx-news .lx-v2-roadmap-radio{padding:17px}
 .lx-news .lx-v2-roadmap-section{margin-top:22px;padding-top:22px}
 .lx-news .lx-v2-roadmap-section p{font-size:14px!important}
 .lx-news .lx-v2-roadmap-actions{display:grid}
 .lx-news .lx-v2-roadmap-actions>a{text-align:center}
}
@media(prefers-reduced-motion:reduce){.lx-news .lx-v2-roadmap *{scroll-behavior:auto}}
/* Homepage announcement teaser — light, consistent with the sales homepage. */
.lx-shop-roadmap-news{background:linear-gradient(110deg,#f1f8ff,#e5f2ff);color:#214c7d;padding:25px 0;border-top:1px solid #d5e6f8;border-bottom:1px solid #d5e6f8}
.lx-shop-roadmap-news .wrap{display:flex;gap:20px;align-items:center;justify-content:space-between}
.lx-shop-roadmap-news strong{display:block;font-size:clamp(17px,2.5vw,24px);color:#194978;line-height:1.3}
.lx-shop-roadmap-news p{font-size:13px;line-height:1.6;margin:8px 0 0;color:#667f9b;max-width:860px}
.lx-shop-roadmap-news a{display:inline-flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap;flex-shrink:0;background:#2379e5;border-radius:10px;padding:12px 17px;color:#fff;text-decoration:none;font-size:13px;font-weight:900}
.lx-shop-roadmap-news a:hover{background:#1763c8}
@media(max-width:700px){.lx-shop-roadmap-news .wrap{display:grid;gap:13px}.lx-shop-roadmap-news a{white-space:normal}}


/* Match the earlier 30 October LXBG 2.0 announcement to the same light style. */
.lx-news .lx-v2-news{
  background:linear-gradient(145deg,#fff,#f3f9ff)!important;
  color:#244c75!important;
  border:1px solid #d2e5fa!important;
  border-top:4px solid #82bafd!important;
  box-shadow:0 12px 28px #2469ad10!important
}
.lx-news .lx-v2-news .lx-v2-news-meta{color:#6886a5!important}
.lx-news .lx-v2-news .lx-v2-news-label{
  color:#286dbb!important;background:#e8f3ff!important;border-color:#c2defb!important
}
.lx-news .lx-v2-news h2{color:#173f70!important}
.lx-news .lx-v2-news h3{color:#2372c8!important}
.lx-news .lx-v2-news p,.lx-news .lx-v2-news li{color:#59748f!important}
.lx-news .lx-v2-news strong{color:#254b79!important}
.lx-news .lx-v2-news .lx-v2-news-foot{color:#748da6!important;border-top-color:#d8e7f7!important}
.lx-news .lx-v2-news .lx-v2-news-actions a{
  background:#2379e5!important;color:white!important;border-color:#2379e5!important
}
.lx-news .lx-v2-news .lx-v2-news-actions a:last-child{
  color:#2867b4!important;background:#edf5ff!important;border-color:#bdd7f3!important
}
.lx-news .lx-v2-news .lx-v2-news-actions a:focus-visible{outline-color:#2379e5!important}