@layer components{.lp{--wa:#25d366;--wa-ink:#06200f;--navy:#0d1850;overflow-x:clip}.lp-dots{inset:0;background-image:radial-gradient(rgba(154,166,201,.16) 1.2px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:linear-gradient(#000,#000 50%,transparent);mask-image:linear-gradient(#000,#000 50%,transparent)}.lp-dots,.lp-glow{position:absolute;pointer-events:none}.lp-glow{border-radius:50%;filter:blur(60px);opacity:.5}.lp-rot{display:inline-grid;text-align:left;vertical-align:bottom}.lp-rot>*{grid-area:1/1}.lp-rot-size{visibility:hidden;white-space:nowrap}.lp-rot-size:before{content:attr(data-w)}.lp-rot-w{white-space:nowrap}.lp-ch,.lp-rot-w{display:inline-block}.lp-anim .lp-ch{animation:lp-in .55s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i) * 35ms)}.lp-out .lp-ch{animation:lp-out .35s ease-in both;animation-delay:calc(var(--i) * 20ms)}@keyframes lp-in{0%{transform:translateY(.6em) rotate(12deg) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes lp-out{to{transform:translateY(-.5em) rotate(-10deg) scale(.7);opacity:0}}.lp-mark{position:relative;display:inline-block;color:var(--color-orange)}.lp-mark:after{content:"";position:absolute;left:0;right:4%;bottom:-.06em;height:.08em;border-radius:99px;background:currentColor;opacity:.55;transform-origin:left;animation:lp-draw .9s cubic-bezier(.6,0,.2,1) .5s both}@keyframes lp-draw{0%{transform:scaleX(0)}}.lp-shine{position:relative;overflow:hidden}.lp-shine:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:lp-shine 3.4s ease-in-out 1.5s infinite}@keyframes lp-shine{0%,60%{transform:translateX(-120%)}to{transform:translateX(120%)}}.btn-wa{background:var(--wa);color:var(--wa-ink);box-shadow:0 5px 0 #128c4a}.btn-orange:hover,.btn-wa:hover,.btn-white:hover{filter:brightness(1.06)}.lp-stage{position:relative;display:grid;place-items:center;perspective:1200px;min-height:520px}.lp-blob{position:absolute;width:min(440px,86vw);aspect-ratio:1;animation:lp-spin 16s linear infinite}.lp-blob>div{width:100%;height:100%;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:conic-gradient(from 20deg,#f97316,#ff8a1f,#2a6cf6,#1d8cf8,#f97316);opacity:.9;animation:lp-morph 12s ease-in-out infinite}.lp-ring{width:min(540px,98vw);border-radius:50%;border:2px dashed rgba(154,166,201,.25);animation:lp-spin 60s linear infinite}.lp-grain,.lp-ring{position:absolute;aspect-ratio:1}.lp-grain{width:min(440px,86vw);border-radius:50%;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background:url(/brand/grana.webp) 0 0/128px 128px}@keyframes lp-spin{to{rotate:1turn}}@keyframes lp-morph{0%,to{border-radius:42% 58% 55% 45%/48% 42% 58% 52%}33%{border-radius:58% 42% 40% 60%/55% 60% 40% 45%}66%{border-radius:48% 52% 62% 38%/40% 55% 45% 60%}}.lp-tilt{position:relative;width:min(330px,76vw);transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform;transform:rotateY(-8deg) rotateX(4deg)}.lp-stage:hover .lp-tilt{transition:transform .1s linear}.lp-sticker{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 14px;border-radius:999px;font:700 14px var(--font-display);color:var(--navy);background:#fff;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy);animation:lp-bob 5s ease-in-out infinite;animation-delay:var(--dl,0s);transition:translate .2s ease-out}.lp-sticker:hover{animation:lp-wiggle .5s ease}.lp-sticker-o{background:var(--color-orange);color:#fff}.lp-sticker-b{background:#2a6cf6;color:#fff}.lp-sticker-w{background:var(--wa);color:var(--wa-ink)}@keyframes lp-bob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-8px) rotate(var(--r,0deg))}}@keyframes lp-wiggle{0%,to{transform:rotate(var(--r,0deg))}25%{transform:rotate(calc(var(--r, 0deg) - 5deg))}75%{transform:rotate(calc(var(--r, 0deg) + 5deg))}}@media (max-width:767px){.lp-stage{min-height:470px;padding-top:56px}.lp-sticker{font-size:12px;padding:6px 11px}}.lp-card-wrap,.lp-livecard{position:relative}.lp-card-wrap{transition:transform .4s cubic-bezier(.2,1.4,.4,1)}.lp-card-wrap.lp-ready{transform:scale(1.04)}.lp-thunk{position:absolute;right:-18px;top:-22px;width:74px;height:74px;pointer-events:none;background:url(/brand/stamp-mark.svg) 50%/contain no-repeat;animation:lp-thunk 1.1s cubic-bezier(.2,1.3,.4,1) both}@keyframes lp-thunk{0%{transform:scale(2.2) rotate(-40deg);opacity:0}25%{transform:scale(.9) rotate(-8deg);opacity:1}40%{transform:scale(1) rotate(-10deg)}80%{opacity:1}to{transform:scale(1) rotate(-10deg);opacity:0}}.lp-burst{position:absolute;left:50%;top:50%;pointer-events:none}.lp-burst i{position:absolute;width:10px;height:10px;border-radius:3px;background:var(--c);left:-5px;top:-5px;animation:lp-burst 1s cubic-bezier(.1,.8,.3,1) both}@keyframes lp-burst{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(-190px) scale(.4) rotate(220deg);opacity:0}}.lp-toast{position:absolute;left:50%;top:-74px;z-index:4;width:max(100%,290px);translate:-50% 0;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:18px;background:rgba(15,24,56,.92);backdrop-filter:blur(10px);border:1px solid #24315e;font-size:12.5px;line-height:1.3;color:#fff;text-align:left;box-shadow:0 16px 30px -12px rgba(0,0,0,.6);animation:lp-toast 1.65s cubic-bezier(.2,1.2,.4,1) both}.lp-toast-ready{background:var(--color-orange);border-color:transparent;animation-duration:3.1s}.lp-toast-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--color-orange)}.lp-toast-ready .lp-toast-ic{background:var(--navy)}@keyframes lp-toast{0%{opacity:0;transform:translateY(-14px) scale(.96)}12%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@supports (animation-timeline:view()){.lp-reveal{animation:lp-rise linear both;animation-timeline:view();animation-range:entry 0 cover 30%}.lp-reveal-2{animation-range:entry 6% cover 34%}.lp-reveal-3{animation-range:entry 12% cover 38%}.lp-reveal-4{animation-range:entry 18% cover 42%}@keyframes lp-rise{0%{opacity:0;translate:0 50px;rotate:-2deg;scale:.96}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}}.lp-step{position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}.lp-step:hover{transform:translate(-3px,-4px) rotate(-.6deg);border-color:var(--color-orange);box-shadow:6px 8px 0 var(--color-orange)}.lp-step-n{position:absolute;right:18px;top:4px;font:800 86px/1 var(--font-display);color:transparent;-webkit-text-stroke:2px rgba(154,166,201,.22);pointer-events:none}.lp-step-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--color-orange);color:#fff;box-shadow:0 5px 0 color-mix(in srgb,var(--color-orange) 60%,#000);transition:transform .4s cubic-bezier(.2,1.4,.4,1)}.lp-step:hover .lp-step-ic{transform:rotate(-12deg) scale(1.08)}.lp-phone{position:relative;width:min(300px,80vw);aspect-ratio:9/16;border-radius:40px;padding:10px;background:#02040e;border:2px solid #24315e;box-shadow:0 40px 80px -30px rgba(249,115,22,.5),0 0 0 8px rgba(36,49,94,.35);rotate:-3deg;transition:rotate .5s cubic-bezier(.2,1.3,.4,1)}.lp-phone:hover{rotate:0deg}.lp-video{width:100%;height:100%;object-fit:cover;border-radius:30px;background:#f97316;display:block}.lp-play{position:absolute;inset:10px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding-bottom:24px;background:linear-gradient(transparent 55%,rgba(7,13,36,.75));color:#fff;cursor:pointer}.lp-play-ring{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--color-orange);color:#fff;box-shadow:0 0 0 0 rgba(249,115,22,.6);animation:lp-pulse 2s ease-out infinite;transition:transform .2s}.lp-play:hover .lp-play-ring{transform:scale(1.08)}.lp-play-label{font:800 17px var(--font-display);text-align:center;display:flex;flex-direction:column}.lp-play-label small{font:500 12px var(--font-mono);opacity:.75}@keyframes lp-pulse{0%{box-shadow:0 0 0 0 rgba(249,115,22,.6)}to{box-shadow:0 0 0 22px rgba(249,115,22,0)}}.lp-swap{animation:lp-swap .5s cubic-bezier(.2,1.3,.4,1) both}@keyframes lp-swap{0%{transform:rotateY(-25deg) scale(.94);opacity:.4}}.lp-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 8px;border-radius:999px;border:1px solid var(--color-line);font-size:13px;font-weight:700;color:var(--color-muted);transition:all .2s}.lp-chip:hover{color:#fff;border-color:var(--color-muted)}.lp-dot{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.lp-dot-rainbow{background:conic-gradient(#ef4444,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#ef4444)}.lp-chip:focus-within{outline:2px solid var(--color-orange);outline-offset:2px}.lp-icbtn{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--color-line);color:var(--color-muted);transition:all .2s}.lp-icbtn:hover{color:#fff}.lp-chip-on{background:#fff;color:var(--navy)!important;border-color:#fff}.lp-price-card{position:relative;overflow:hidden}.lp-price-card:before{content:"";position:absolute;inset:-40% -20% auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.35),transparent 65%);pointer-events:none}.lp-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--color-night);border:1px solid var(--color-line)}.lp-toggle button{position:relative;z-index:1;padding:8px 18px;border-radius:999px;font-weight:700;font-size:14px;color:var(--color-muted);transition:color .25s}.lp-toggle button[aria-checked=true]{color:var(--navy)}.lp-toggle-knob{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#fff;transition:translate .35s cubic-bezier(.2,1.3,.4,1)}.lp-toggle[data-m="1"] .lp-toggle-knob{translate:100% 0}.lp-price{animation:lp-pop .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes lp-pop{0%{transform:translateY(14px) scale(.9);opacity:0}}.lp-faq summary{list-style:none;cursor:pointer}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq .lp-plus{transition:rotate .3s cubic-bezier(.2,1.3,.4,1)}.lp-faq[open] .lp-plus{rotate:45deg}.lp-faq[open]{border-color:var(--color-orange)}.lp-cta{background:#fd6f02;color:var(--navy)}.lp-cta-q{animation:lp-peek 6s ease-in-out infinite;transform-origin:50% 100%}.lp-cta-img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 74%,transparent 98%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 74%,transparent 98%)}@keyframes lp-peek{0%,to{rotate:-1.5deg}50%{rotate:1.5deg}}.lp-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;box-shadow:0 10px 24px -6px rgba(0,0,0,.5);opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:opacity .3s,transform .35s cubic-bezier(.2,1.4,.4,1)}.lp-fab-on{opacity:1;transform:none;pointer-events:auto}.lp-fab-on:before{content:"";position:absolute;inset:0;border-radius:50%;animation:lp-pulse-wa 2.4s ease-out infinite}@keyframes lp-pulse-wa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}to{box-shadow:0 0 0 18px rgba(37,211,102,0)}}@media (prefers-reduced-motion:reduce){.lp *,.lp :after,.lp :before{animation:none!important;transition:none!important}}}