/* Lika Hero — the ONLY page-level CSS the Hero needs. Everything is scoped to .lk-hero.
   Tokens fall back to the approved palette, so no Kit/Global setting is required. */
.lk-hero{--lk-accent:#FFDB6B;--lk-ease:cubic-bezier(.2,.7,.2,1)}
/* highlighted words inside the H1 (add <span class="lk-mark">…</span> in the Heading widget) */
.lk-hero .lk-mark{position:relative;z-index:0;white-space:nowrap;padding:0 .18em;font-style:normal}
.lk-hero .lk-mark::before{content:"";position:absolute;inset:.16em 0 .02em;background:var(--lk-accent);border-radius:.16em;transform:rotate(-1.6deg);z-index:-1}
/* entrance: pure CSS, content is visible even if JS never runs */
@keyframes lk-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.lk-hero .lk-in{animation:lk-in .7s var(--lk-ease) both;animation-delay:var(--lk-d,0s)}
.lk-hero .lk-eyebrow{width:fit-content}
/* optional desktop-only line break inside the H1 (<br class="lk-br">) */
.lk-hero .lk-br{display:none}
@media(min-width:1025px){.lk-hero .lk-br{display:inline}}
/* mobile: full-width CTA buttons */
@media(max-width:767px){.lk-hero .lk-hero-text .lk-cta .elementor-button{width:100%}}
@media(prefers-reduced-motion:reduce){.lk-hero .lk-in{animation:none}}
.lk-hero .lk-d1{--lk-d:.15s}
.lk-hero .elementor-widget-text-editor p{margin:0}