/* High-end visual makeover · Editorial Luxury × Z-axis Cascade */
:root{
  --mk-cream:oklch(96% .018 82);
  --mk-cream-deep:oklch(92% .028 82);
  --mk-ink:oklch(14% .024 315);
  --mk-ink-soft:oklch(27% .025 315);
  --mk-plum:oklch(24% .075 315);
  --mk-plum-deep:oklch(12% .045 315);
  --mk-violet:oklch(54% .15 318);
  --mk-white:oklch(98% .008 75);
  --mk-white-soft:oklch(92% .012 75);
  --mk-hairline-light:oklch(98% .008 75/.16);
  --mk-hairline-dark:oklch(20% .03 315/.10);
  --mk-glass:oklch(13% .035 315/.72);
  --mk-shadow:oklch(12% .04 315/.14);
  --mk-shadow-soft:oklch(12% .03 315/.07);
  --mk-ease:cubic-bezier(.32,.72,0,1);
  --mk-radius:1.75rem;
  --mk-radius-inner:1.35rem;
}

html,body{background:var(--mk-cream)}
body::after{content:"";position:fixed;z-index:var(--lm-z-sticky);inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
body.lilamobil-front-page .site-content,body.lilamobil-front-page .content-area,body.lilamobil-front-page .site-main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body.lilamobil-front-page #page.site.grid-container{width:100%!important;max-width:none!important;margin:0!important}
.lm-site-main{overflow:clip}
.lm-shell{width:min(100% - 3rem,80rem)}

/* Navigation: a restrained dark island that belongs to the hero. */
.site-header{inset-block-start:1.25rem;width:min(calc(100% - 3rem),80rem);border:0;border-radius:1rem;background:var(--mk-glass);color:var(--mk-white);box-shadow:inset 0 0 0 1px var(--mk-hairline-light),0 1rem 3.5rem var(--mk-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.admin-bar .site-header{inset-block-start:calc(32px + 1.25rem)}
.site-header.lm-header--scrolled{background:var(--mk-glass);box-shadow:inset 0 0 0 1px var(--mk-hairline-light),0 1rem 3.5rem var(--mk-shadow);transform:translateY(-.4rem)}
.inside-header{min-height:4.15rem;padding:.45rem .5rem .45rem 1.15rem!important}
.site-branding-container{gap:.7rem}
.site-logo img{max-height:2.25rem;filter:none}
.site-branding .main-title{font-size:.95rem;letter-spacing:-.02em}
.site-branding .main-title a,.main-navigation .main-nav ul li a{color:var(--mk-white)}
.main-navigation .main-nav>ul{gap:.05rem}
.main-navigation .main-nav ul li a{padding-inline:.85rem;font-size:.82rem;opacity:.76;transition:opacity 420ms var(--mk-ease),transform 420ms var(--mk-ease)}
.main-navigation .main-nav ul li:not(.lm-nav-cta)>a::after{background:var(--mk-white);inset-block-end:.65rem;opacity:.5}
.main-navigation .main-nav ul li:not(.lm-nav-cta)>a:hover,.main-navigation .main-nav ul li[class*="current-menu-"]:not(.lm-nav-cta)>a{color:var(--mk-white);opacity:1}
.main-navigation .main-nav .lm-nav-cta{margin-inline-start:.55rem}
.main-navigation .main-nav .lm-nav-cta>a{min-height:3rem;padding:.25rem .3rem .25rem 1rem;border-radius:.75rem;background:var(--mk-white);color:var(--mk-ink)!important;opacity:1;gap:.75rem}
.main-navigation .main-nav .lm-nav-cta>a span,.lm-button>span{display:grid;place-items:center;flex:0 0 2.35rem;width:2.35rem;height:2.35rem;border-radius:50%;background:var(--mk-ink);color:var(--mk-white);transition:transform 520ms var(--mk-ease)}
.main-navigation .main-nav .lm-nav-cta>a:hover{background:var(--mk-white);color:var(--mk-ink)!important}
.main-navigation .main-nav .lm-nav-cta>a:hover span,.lm-button:hover>span{transform:translate(.18rem,-.12rem) scale(1.04)}
.menu-toggle{color:var(--mk-white)!important}

/* Hero: cinematic, full bleed and calm. */
.lm-hero{min-height:48rem;height:min(96svh,62rem);background:var(--mk-plum-deep)}
.lm-hero__image{object-position:62% center;transform:scale(1.015);animation:mk-hero-settle 1.4s var(--mk-ease) forwards}
.lm-hero__shade{background:linear-gradient(90deg,var(--mk-plum-deep),oklch(12% .045 315/.76) 34%,oklch(12% .045 315/.08) 73%),linear-gradient(0deg,oklch(12% .045 315/.3),transparent 42%)}
.lm-hero__inner{justify-content:center;padding-block:9rem 6rem}
.lm-kicker{display:inline-flex;align-items:center;min-height:1.75rem;margin-block-end:1.4rem;padding:.3rem .65rem;border-radius:999px;background:var(--mk-hairline-light);font-size:.65rem;letter-spacing:.16em;color:inherit}
.lm-hero h1{max-width:8.6ch;font-size:clamp(3.8rem,7vw,7.4rem);font-weight:300;line-height:.88;letter-spacing:-.065em}
.lm-hero__lede{max-width:32rem;margin-block-start:2rem;font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--mk-white-soft)}
.lm-actions{gap:1rem;margin-block-start:2rem}
.lm-button{min-height:3.5rem;padding:.3rem .35rem .3rem 1.25rem;border:0;background:var(--mk-ink);color:var(--mk-white);box-shadow:none;transition:transform 520ms var(--mk-ease),background-color 520ms var(--mk-ease)}
.lm-button:active{transform:scale(.98)}
.lm-button--light{background:var(--mk-white);color:var(--mk-ink)}
.lm-button--light>span{background:var(--mk-ink);color:var(--mk-white)}
.lm-text-link{font-size:.88rem;text-decoration-thickness:1px;text-underline-offset:.35rem}
.lm-hero__caption{inset-inline-end:max(1.5rem,calc((100vw - 80rem)/2));inset-block-end:2rem;color:var(--mk-white-soft);opacity:.8}
@keyframes mk-hero-settle{from{transform:scale(1.055);opacity:.6}to{transform:scale(1.015);opacity:1}}

/* Editorial section rhythm. */
.lm-section{padding-block:clamp(6rem,10vw,10rem)}
.lm-section-head{grid-template-columns:minmax(0,1.25fr) minmax(17rem,.55fr);gap:4rem;margin-block-end:4rem}
.lm-section-head h2,.lm-split h2,.lm-service h2,.lm-faq h2{font-weight:300;letter-spacing:-.055em}
.lm-section-head>p{font-size:1.05rem;line-height:1.7;color:var(--mk-ink-soft)}
.lm-plans{background:var(--mk-cream)}
.lm-plans__image{margin-block-end:3.5rem;padding:.45rem;border-radius:calc(var(--mk-radius) + .45rem);background:var(--mk-hairline-dark);box-shadow:0 2rem 6rem var(--mk-shadow-soft)}
.lm-plans__image img{max-height:34rem;border-radius:var(--mk-radius);object-position:center 55%}

/* Pricing: layered hardware, not template cards. */
.lm-plan-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:1rem;padding:.75rem .25rem 2rem;overflow:visible;scroll-snap-type:none}
.lm-plan{min-height:31rem;padding:1.7rem;border:0;border-radius:var(--mk-radius);background:var(--mk-white);box-shadow:0 0 0 .45rem var(--mk-hairline-dark),0 1.8rem 5rem var(--mk-shadow-soft),inset 0 1px var(--mk-white);transition:transform 650ms var(--mk-ease),box-shadow 650ms var(--mk-ease)}
.lm-plan:hover{transform:translateY(-.55rem);box-shadow:0 0 0 .45rem var(--mk-hairline-dark),0 2.5rem 6rem var(--mk-shadow)}
.lm-plan.is-featured{background:var(--mk-plum-deep);color:var(--mk-white);box-shadow:0 0 0 .45rem oklch(24% .075 315/.16),0 2.5rem 6rem var(--mk-shadow);transform:translateY(-.6rem)}
.lm-plan.is-featured:hover{transform:translateY(-.9rem)}
.lm-plan__note{font-size:.66rem;letter-spacing:.15em;color:var(--lm-muted)}
.lm-plan h3{margin-block-start:.5rem;font-size:2.2rem;font-weight:300}
.lm-plan__price strong{font-size:3.6rem;font-weight:300;letter-spacing:-.06em}
.lm-plan ul{gap:.95rem;font-size:.9rem;color:var(--mk-ink-soft)}
.lm-plan.is-featured ul{color:var(--mk-white-soft)}
.lm-plan li::before{color:var(--mk-violet)}
.lm-plan .lm-button{margin-block-start:auto}
.lm-plan.is-featured .lm-button{background:var(--mk-white);color:var(--mk-ink)}
.lm-plan.is-featured .lm-button>span{background:var(--mk-ink);color:var(--mk-white)}

/* Alternating image-led chapters. */
.lm-split{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);background:var(--mk-cream-deep)}
.lm-split--reverse{background:var(--mk-cream)}
.lm-split__media{min-height:52rem;margin:1rem;padding:.45rem;border-radius:calc(var(--mk-radius) + .45rem);background:var(--mk-hairline-dark);overflow:clip}
.lm-split__media img{border-radius:var(--mk-radius);transition:transform 1.1s var(--mk-ease)}
.lm-split:hover .lm-split__media img{transform:scale(1.018)}
.lm-split__copy{padding:clamp(4rem,8vw,8rem)}
.lm-split__copy h2{font-size:clamp(3rem,5vw,5.8rem);max-width:10ch}
.lm-split__copy>p:not(.lm-kicker){font-size:1.05rem;line-height:1.75}
.lm-mini-plans{border-block-color:var(--mk-hairline-dark)}
.lm-mini-plan{border-color:var(--mk-hairline-dark);transition:transform 420ms var(--mk-ease)}
.lm-mini-plan:hover{transform:translateX(.3rem)}

/* Service cascade. */
.lm-service{background:var(--mk-plum-deep)}
.lm-service__grid{grid-template-columns:minmax(18rem,.68fr) minmax(0,1.32fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.lm-service__intro{padding-inline-end:3rem}
.lm-service-card{min-height:30rem;border-radius:var(--mk-radius);box-shadow:0 0 0 .45rem var(--mk-hairline-light),0 2rem 5rem var(--mk-shadow)}
.lm-service-card--wide{min-height:40rem}
.lm-service-card::after{background:linear-gradient(0deg,var(--mk-plum-deep),oklch(12% .045 315/0) 72%)}
.lm-service-card span{inset-inline:1.8rem;inset-block-end:1.8rem}

/* FAQ and closing scene. */
.lm-faq{background:var(--mk-cream)}
.lm-faq__grid{gap:clamp(4rem,8vw,8rem)}
.lm-faq figure{padding:.45rem;border-radius:calc(var(--mk-radius) + .45rem);background:var(--mk-hairline-dark);box-shadow:0 2rem 6rem var(--mk-shadow-soft)}
.lm-faq figure img{border-radius:var(--mk-radius)}
.lm-faq details{border-color:var(--mk-hairline-dark)}
.lm-faq summary{min-height:5rem;font-size:1.02rem}
.lm-final-cta{min-height:48rem}
.lm-final-cta__shade{background:oklch(12% .045 315/.66)}
.lm-final-cta h2{font-size:clamp(3.8rem,7vw,7rem);font-weight:300;letter-spacing:-.06em}

/* Refined reveal with physical mass. */
.lm-observe{opacity:0;transform:translateY(3rem)}
.lm-observe.is-visible{opacity:1;transform:none;transition:opacity 900ms var(--mk-ease),transform 900ms var(--mk-ease)}

@media (max-width:59.99rem){
  .lm-plan-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lm-split{grid-template-columns:minmax(0,1fr)}
  .lm-split__media{min-height:32rem;margin:1rem 1rem 0}
  .lm-service__grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
  .lm-service__intro{grid-column:auto}
  .lm-service-card--wide{min-height:30rem}
}
@media (max-width:48rem){
  .lm-shell{width:min(100% - 2rem,80rem)}
  body.admin-bar .site-header{inset-block-start:calc(46px + .65rem)}
  .site-header{inset-block-start:.65rem;width:calc(100% - 1rem);border-radius:.9rem}
  .inside-header{min-height:4rem;padding:.4rem .55rem .4rem .8rem!important}
  .site-logo img{max-height:2rem}
  .site-branding .main-title{font-size:.85rem}
  .main-navigation.toggled .main-nav{padding:.5rem}
  .main-navigation.toggled .main-nav>ul{padding-block:.35rem}
  .main-navigation .main-nav .lm-nav-cta{margin:.5rem 0 0}
  .lm-hero{min-height:46rem;height:100svh}
  .lm-hero__image{object-position:70% center}
  .lm-hero__shade{background:linear-gradient(0deg,var(--mk-plum-deep),oklch(12% .045 315/.18) 80%)}
  .lm-hero__inner{justify-content:flex-end;padding-block:8rem 6.5rem}
  .lm-hero h1{font-size:clamp(3.25rem,16vw,4.6rem);line-height:.92}
  .lm-hero__lede{max-width:27rem;font-size:1rem}
  .lm-hero__caption{display:none}
  .lm-section{padding-block:6rem}
  .lm-section-head{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-block-end:3rem}
  .lm-plans__image{margin-block-end:2.5rem}
  .lm-plan-rail{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;margin-inline:0;padding-inline:.25rem}
  .lm-plan,.lm-plan.is-featured{transform:none}
  .lm-split__media{min-height:24rem;margin:1rem 1rem 0}
  .lm-split__copy{padding:4.5rem 1.25rem 6rem}
  .lm-split__copy h2{font-size:clamp(2.8rem,14vw,4.2rem)}
  .lm-mini-plans{grid-template-columns:minmax(0,1fr)}
  .lm-mini-plan:nth-child(odd),.lm-mini-plan:nth-child(even){padding-inline:0;border-inline:0;border-block-end:1px solid var(--mk-hairline-dark)}
  .lm-service__grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .lm-service__intro{grid-column:auto;padding-inline-end:0}
  .lm-service-card,.lm-service-card--wide{min-height:25rem;transform:none}
  .lm-faq__grid{grid-template-columns:minmax(0,1fr);gap:4rem}
  .lm-faq figure{position:static}
  .lm-final-cta{min-height:42rem}
}
@media (prefers-reduced-motion:reduce){.lm-hero__image{animation:none;transform:none}.lm-plan,.lm-plan:hover,.lm-plan.is-featured,.lm-plan.is-featured:hover,.lm-mini-plan,.lm-split__media img{transform:none!important}}