@layer components {
.leon-early .promo-hero{background:linear-gradient(120deg,#fff 18%,#fff2ed);border-color:#f3d6cd}.leon-early .promo-hero>*,.leon-early .promo-layout>*{min-width:0}.leon-label{display:inline-block;color:#ae352c;font-size:.8rem;font-weight:700;margin-bottom:14px}.leon-early .promo-offer{background:linear-gradient(135deg,#b52924,#e64e36);border-color:#b52924;box-shadow:0 16px 35px #b5292420}.leon-early .promo-offer>span,.leon-early .promo-offer p,.leon-early .promo-offer>div{color:#ffe8dd}.leon-early .promo-offer strong{color:white;font-size:clamp(2rem,4vw,3.2rem)}.leon-early .promo-offer>div{border-color:#ffffff40}.leon-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.leon-facts>div{background:white;border:1px solid #eaded9;border-radius:16px;padding:20px;min-width:0}.leon-facts strong,.leon-facts span{display:block}.leon-facts strong{font-size:1.05rem;color:#9e3029;overflow-wrap:anywhere}.leon-facts span{font-size:.8rem;color:#617083;margin-top:8px}.leon-early .promo-panel p+p{margin-top:14px}.leon-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.leon-examples article{padding:20px;background:#fff8f5;border:1px solid #f1ded5;border-radius:16px}.leon-examples span{font-size:.78rem;color:#84655d}.leon-examples strong{display:block;font-size:1.7rem;color:#af352d;margin:10px 0}.leon-examples p{font-size:.9rem}.leon-calculation{background:#f0f8f4;border:1px solid #cde5db;border-radius:14px;padding:20px;margin:18px 0}.leon-calculation span{display:block;font-size:.8rem;color:#617083}.leon-calculation strong{display:block;font-size:clamp(1.1rem,2.5vw,1.6rem);color:#126449;margin:10px 0}.leon-list{list-style:disc;padding-left:22px;color:#485869}.leon-list li+li{margin-top:12px}.leon-contents a{display:block;padding:10px 0;color:#485869;border-bottom:1px solid #e0e7e4;font-size:.9rem}.leon-early .promo-source a,.leon-early .promo-panel p>a{color:#087657;text-decoration:underline;text-underline-offset:3px}.leon-early .promo-actions a{white-space:normal;text-align:center}@media(max-width:767px){.leon-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.leon-facts>div{padding:16px}.leon-examples{grid-template-columns:1fr}.leon-early .promo-hero,.leon-early .promo-layout{grid-template-columns:minmax(0,1fr)}}
}