/* LE0N premium skin 10.2 – presentation enhancements only, no Three.js modifications. */
:root{--leon-green:#1e4a3b;--leon-dark:#102a22;--leon-gold:#d9ac72;--leon-paper:#fbf8f3}
.topbar{height:95px!important;padding-block:9px!important;background:rgba(253,251,247,.94)!important;box-shadow:0 10px 36px rgba(25,35,27,.055)!important;backdrop-filter:blur(18px)}
.topbar .brand{align-items:center!important;gap:0!important}
.topbar .brand-mark{width:clamp(205px,22vw,280px)!important;height:auto!important;min-height:0!important;overflow:visible!important;animation:leonLogoEntrance .95s cubic-bezier(.21,.78,.19,1) both,leonFloat 7s 1s ease-in-out infinite!important}
.topbar .brand-mark img{width:100%!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(28,25,22,.085))}
.topbar .brand-lockup{display:none!important}
.topbar .top-actions{justify-content:flex-end}
.leon-demo-strip{background:linear-gradient(100deg,#112d25 0%,#173f33 45%,#214638 100%);min-height:42px}
.leon-demo-strip::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(224,200,166,.075) 51%,transparent 66%);background-size:250% 100%;animation:leonRibbon 8s linear infinite}
.leon-demo-strip>*{position:relative;z-index:1}
.leon-demo-strip a:hover{color:#fff;text-decoration:underline}
.premium-hero-banner{border-radius:24px;overflow:hidden;position:relative;isolation:isolate}
.premium-hero-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(19,41,31,.03),transparent 58%,rgba(216,169,105,.10));animation:leonBannerGlow 8s ease-in-out infinite alternate;z-index:1}
.premium-hero-banner img{filter:saturate(1.06) contrast(1.02);transition:transform 1.6s cubic-bezier(.25,.78,.14,1),filter 1.2s ease}
.premium-hero-banner:hover img{transform:scale(1.045);filter:saturate(1.13) contrast(1.04)}
.hero-copy h1{letter-spacing:-.046em;text-wrap:balance}
.hero-copy .eyebrow,.leon-kicker{letter-spacing:.15em}
.leon-hero-features>span{background:linear-gradient(135deg,#eff6ed,#fffefa);box-shadow:0 5px 15px rgba(48,83,59,.07);transition:transform .22s ease}
.leon-hero-features>span:hover{transform:translateY(-3px)}
.leon-version-switch{min-height:45px;border-radius:13px!important;position:relative}
.leon-version-switch.is-current{box-shadow:0 12px 22px rgba(22,60,44,.13)}
.leon-version-switch:focus-visible,.leon-plan-preview:focus-visible,.hero-actions button:focus-visible{outline:3px solid #b98a52;outline-offset:3px}
.visual-shell,.preview-sticky{background:linear-gradient(145deg,#fffefa,#f2f0eb)!important;border:1px solid rgba(56,82,63,.12)}
.visual-shell .visual,.preview-sticky .visual{border-radius:17px;overflow:hidden}
.preview-caption{background:rgba(254,251,246,.88)}
.progress-track i{background:linear-gradient(90deg,#255b47,#d1a568)!important;transition:width .42s cubic-bezier(.25,.74,.14,1)}
.choice-grid button,.choice-row button,.geometry-grid button{transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.choice-grid button:hover,.choice-row button:hover,.geometry-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(31,52,36,.08)}
.leon-business-pricing{background:radial-gradient(circle at 92% 2%,rgba(132,190,154,.19),transparent 35%),linear-gradient(150deg,#fbfaf6 0%,#f1f2ec 54%,#faf7ef 100%);scroll-margin-top:110px}
.leon-pricing-head h2{letter-spacing:-.045em;text-wrap:balance}
.leon-pricing-card{backdrop-filter:blur(7px);border-color:rgba(64,93,73,.14);box-shadow:0 15px 45px rgba(34,48,38,.09)}
.leon-pricing-card::before{content:"";position:absolute;left:30px;right:30px;top:0;height:3px;border-radius:2px;background:linear-gradient(90deg,#d9ad75,#729d7d,#d9ad75);opacity:.6}
.leon-pricing-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(30,53,40,.15)}
.leon-pricing-card--featured{box-shadow:0 21px 55px rgba(40,84,56,.17)}
.leon-pricing-card--featured::before{opacity:1}
.leon-cost .leon-amount{font-weight:500;letter-spacing:-.065em}
.leon-pricing-card.is-selected{outline:2px solid #5a9878;outline-offset:3px}
.leon-plan-preview{position:relative;overflow:hidden}
.leon-plan-preview--featured{background:linear-gradient(120deg,#245d48,#15392e);box-shadow:0 8px 20px rgba(27,69,51,.12)}
.leon-selling-grid{background:linear-gradient(135deg,#18382d,#214f3e 70%,#1f4339)}
.leon-business-footer a:hover{text-decoration:underline}
.leon-premium-scroll-in{animation:leonReveal 650ms cubic-bezier(.2,.8,.2,1) both}
@keyframes leonLogoEntrance{from{opacity:0;transform:translateY(-13px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes leonRibbon{to{background-position:-250% 0}}
@keyframes leonBannerGlow{0%{opacity:.45}100%{opacity:1}}
@keyframes leonReveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.topbar{height:84px!important}.topbar .brand-mark{width:190px!important}}
@media(max-width:600px){.topbar{min-height:76px!important;height:auto!important;gap:8px;align-items:center}.topbar .brand-mark{width:155px!important}.leon-demo-strip{font-size:10px}.leon-ai-indicator{font-size:10px}.leon-pricing-card{padding:23px}.leon-pricing-head h2{font-size:clamp(29px,7vw,40px)}.leon-hero-plan-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.leon-version-switch{padding:9px 8px!important}}
@media(prefers-reduced-motion:reduce){.topbar .brand-mark{animation:none!important}.premium-hero-banner::after,.leon-demo-strip::after,.leon-premium-scroll-in{animation:none!important}.choice-grid button,.choice-row button,.geometry-grid button{transition:none!important}}