/* GENERATED FILE - do not edit by hand.
 * Structure "neon" landing + chrome rules.
 * Source: landing.css
 * Rebuild: php tools/build-landing-css.php
 */

.ln-neon { background: var(--bsp-bg); }
.ln-neon-stats { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 1.4rem 16px 0; }
.ln-neon-stat { color: var(--bsp-muted); font-size: .84rem; letter-spacing: .04em; }
.ln-neon-stat b { color: var(--bsp-accent-text); font-size: 1.1rem; margin-right: 4px; text-shadow: 0 0 12px color-mix(in srgb, var(--bsp-accent) 60%, transparent); }
.ln-neon-hero { text-align: center; max-width: 640px; margin: 0 auto; padding: 1.6rem 22px .4rem; }
.ln-neon-hero h1 { font-size: 2.3rem; margin: 0 0 .6rem; }
.ln-neon-hero h1 em { color: var(--bsp-accent); font-style: normal; text-shadow: 0 0 24px color-mix(in srgb, var(--bsp-accent) 55%, transparent); }
.ln-neon-hero p { color: color-mix(in srgb, currentColor 72%, transparent); }
.ln-neon .ln-cta { box-shadow: 0 0 22px color-mix(in srgb, var(--bsp-accent) 45%, transparent); }
.ln-neon-cols { display: grid; grid-template-columns: minmax(0, 1.5fr) 300px; gap: 26px; align-items: start; }
.ln-neon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.ln-neon .lnf-card { background: var(--bsp-accent-soft); border: 1px solid color-mix(in srgb, var(--bsp-accent) 22%, transparent); border-radius: 6px; }
.ln-neon .lnf-card:hover { border-color: var(--bsp-accent); box-shadow: 0 0 20px color-mix(in srgb, var(--bsp-accent) 28%, transparent); transform: translateY(-2px); }
.ln-neon .lnf-rank li { border-bottom-color: color-mix(in srgb, var(--bsp-accent) 20%, transparent); }
.ln-panel-neon { border: 1px solid var(--bsp-accent); box-shadow: 0 0 18px color-mix(in srgb, var(--bsp-accent) 20%, transparent); background: var(--bsp-accent-soft); }
.ln-band-neon { background: color-mix(in srgb, var(--bsp-accent) 20%, #05070f); border-top: 1px solid var(--bsp-accent); color: #fff; }

.lnch-neon-top { display: flex; justify-content: space-between; align-items: center; max-width: 1080px; margin: 0 auto; padding: 14px 22px; background: rgba(5,7,15,.85); border-bottom: 1px solid color-mix(in srgb, var(--bsp-accent) 45%, transparent); }
.lnch-neon-brand { color: var(--bsp-ink); text-decoration: none; font-weight: 800; font-size: 1.15rem; }
.lnch-neon-top nav { display: flex; gap: 14px; align-items: center; }
.lnch-neon-top nav a:not(.lnch-btn-accent) { color: var(--bsp-muted); text-decoration: none; font-size: .87rem; }
.lnch-neon-top nav a:not(.lnch-btn-accent):hover { color: var(--bsp-accent); }
.lnch-neon-top .lnch-btn-accent { box-shadow: 0 0 16px color-mix(in srgb, var(--bsp-accent) 40%, transparent); }
.lnch-neon-foot { background: rgba(5,7,15,.92); color: var(--bsp-muted); padding: 2rem 22px 1.4rem; margin-top: 2.4rem; border-top: 1px solid color-mix(in srgb, var(--bsp-accent) 35%, transparent); text-align: center; }
.lnch-neon-foot strong { color: var(--bsp-ink); }
.lnch-neon-foot p { font-size: .86rem; margin: .3rem 0 1rem; }
.lnch-neon-foot .lnf-farms { justify-content: center; }
.lnch-neon-foot small { display: block; margin-top: 1rem; font-size: .74rem; }

html[data-bsp-style="neon"] .bsp-card { background: var(--bsp-accent-soft); border: 1px solid color-mix(in srgb, var(--bsp-accent) 40%, transparent); border-radius: 6px; box-shadow: 0 0 30px color-mix(in srgb, var(--bsp-accent) 18%, transparent); }
html[data-bsp-style="neon"] .bsp-card h2 { text-shadow: 0 0 18px color-mix(in srgb, var(--bsp-accent) 45%, transparent); }
html[data-bsp-style="neon"] .btn-primary { box-shadow: 0 0 18px color-mix(in srgb, var(--bsp-accent) 40%, transparent); }