/* UCOCEKO V2.8 design layer — additive and scoped */
body.uco28-experience{--uco28-gold:#d3b36f;--uco28-forest:#082a20;}
.uco28-showcase{position:relative;overflow:hidden;isolation:isolate;border-radius:clamp(18px,2vw,30px);min-height:clamp(235px,32vw,420px);display:flex;align-items:center;padding:clamp(20px,5vw,64px);background:#082a20;color:#fff4e0;box-shadow:0 12px 42px #001b111f}
.uco28-showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061e18ef 0%,#061e18da 39%,#061e181c 100%),var(--uco28-image);background-size:cover;background-position:center;z-index:-1}
.uco28-showcase__content{max-width:570px}.uco28-showcase h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,54px);line-height:1.03;color:#f9e9c6;margin:10px 0 16px}.uco28-showcase p{color:#e6eee7;line-height:1.7;max-width:50ch}.uco28-showcase small{text-transform:uppercase;letter-spacing:.17em;color:#d6b675;font-weight:700}.uco28-showcase a{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;background:#2c614b;color:white;padding:12px 22px;border-radius:999px;border:1px solid #b69b65;text-decoration:none;font-weight:700}
.uco28-journey{background:linear-gradient(145deg,#092a20,#031c15);color:#f6ecda;border:1px solid #886e3b;border-radius:24px;padding:clamp(18px,3vw,30px)}.uco28-journey h2{color:#f9e6b3}.uco28-journey__levels{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:20px 0}.uco28-journey__levels span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:#17402e;border:1px solid #8b754b;color:#f9e6b3;font-weight:800}.uco28-journey__levels span.active{background:#bda167;color:#062519}.uco28-journey p{color:#d0dfd4}.uco28-journey__note{font-size:13px;opacity:.85}
@media(max-width:700px){.uco28-showcase{min-height:350px;align-items:end;padding:26px}.uco28-showcase:before{background:linear-gradient(0deg,#071f19f2 0%,#071f19b3 48%,#071f1910 100%),var(--uco28-image);background-position:60% center;background-size:cover}.uco28-journey{padding:16px}.uco28-journey__levels span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.uco28-showcase *,.uco28-journey *{animation:none!important;transition:none!important}}