@layer components{.lp-root{--landing-wood:#d6bf9f}.lp-stage{perspective:1400px;justify-content:center;display:flex}.lp-phone{width:var(--lp-phone-w,260px);aspect-ratio:9/19;transform-style:preserve-3d;background:linear-gradient(145deg,#3a5774,#2c4a66 60%,#233c54);border-radius:40px;padding:10px;position:relative;box-shadow:inset 0 0 0 2px #ffffff1f,0 40px 80px -30px #2c4a668c,0 18px 30px -18px #2c4a6666}.lp-phone:before{content:"";border-radius:inherit;background:#1d3348;position:absolute;inset:0;transform:translateZ(-14px)}.lp-phone--tilt{transform:rotateY(-22deg)rotateX(10deg)rotate(3deg)}.lp-phone-screen{background:var(--liv-mist);border-radius:31px;height:100%;position:relative;overflow:hidden}.lp-screen{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:22px;display:flex;position:absolute;inset:0}.lp-s1{animation:12s ease-in-out 1.9 forwards lp-s1}.lp-s2{animation:12s ease-in-out 1.9 forwards lp-s2}.lp-s3{animation:12s ease-in-out 1.9 forwards lp-s3}.lp-row-new{animation:12s ease-out 1.9 forwards lp-row}@keyframes lp-s1{0%,28%{opacity:1;transform:none}33%,95%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes lp-s2{0%,28%{opacity:0;transform:translate(12px)}33%,61%{opacity:1;transform:none}66%,to{opacity:0;transform:translate(-12px)}}@keyframes lp-s3{0%,61%{opacity:0;transform:translate(12px)}66%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes lp-row{0%,70%{opacity:0;transform:translateY(-10px)scale(.98)}75%,95%{opacity:1;transform:none}to{opacity:0}}@supports (animation-timeline:scroll()){.lp-scroll-untilt .lp-phone--tilt{animation:linear both lp-untilt;animation-timeline:scroll(root);animation-range:0 70vh}}@keyframes lp-untilt{0%{transform:rotateY(-22deg)rotateX(10deg)rotate(3deg)}to{transform:rotateY(-4deg)rotateX(2deg)rotate(0)}}.lp-frame{--lp-scale:.86;width:100%;height:calc(640px * var(--lp-scale));position:relative}@media (min-width:1280px){.lp-frame{--lp-scale:.92}}.lp-box{width:660px;height:640px;transform:translateX(-50%) scale(var(--lp-scale));transform-origin:50% 0;perspective:3200px;position:absolute;top:0;left:50%}.lp-rig{width:520px;height:400px;transform-style:preserve-3d;position:absolute;top:236px;left:70px;transform:rotateX(58deg)rotate(38deg)}.lp-rig *{box-sizing:border-box}.lp-rig>div{position:absolute}.lp-floor{background:repeating-linear-gradient(90deg,#0000 0 63px,#4562810f 63px 64px),repeating-linear-gradient(0deg,#0000 0 63px,#4562810f 63px 64px),#fbfdfd;border-radius:6px;inset:0}.lp-base-front{transform-origin:top;background:var(--liv-mint);width:520px;height:22px;top:100%;left:0;transform:rotateX(-90deg)}.lp-base-right{transform-origin:0;background:color-mix(in oklab, var(--liv-mint), var(--liv-navy) 22%);width:22px;height:400px;top:0;left:100%;transform:rotateY(90deg)}.lp-wall-back{transform-origin:bottom;background:linear-gradient(180deg, #fff, var(--liv-mist) 70%, #e8f2f1);width:520px;height:360px;box-shadow:inset 0 -26px 0 0 color-mix(in oklab, var(--liv-mint), white 30%);top:-360px;left:0;transform:rotateX(-90deg)}.lp-wall-left{transform-origin:100%;background:linear-gradient(90deg, #f6fbfa, color-mix(in oklab, var(--liv-mint), white 35%));width:360px;height:400px;box-shadow:inset -26px 0 0 0 color-mix(in oklab, var(--liv-mint), white 10%);top:0;left:-360px;transform:rotateY(90deg)}.lp-wall-canvas{transform-origin:0 0;width:400px;height:360px;position:absolute;top:0;left:0;transform:translateY(400px)rotate(-90deg)}.lp-sign{background:var(--liv-navy);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;width:190px;height:36px;font-size:13px;font-weight:700;display:flex;position:absolute;top:52px;left:70px}.lp-window{background:linear-gradient(90deg, transparent 0 calc(50% - 3px), #fff calc(50% - 3px) calc(50% + 3px), transparent 0), linear-gradient(160deg, #fff 0%, color-mix(in oklab, var(--liv-mint), white 40%) 55%, var(--liv-mint) 100%);border:6px solid #fff;border-radius:4px;width:190px;height:150px;position:absolute;top:108px;left:70px;box-shadow:inset 0 0 0 1px #45628126,0 1px #4562811a}.lp-light{background:radial-gradient(closest-side,#ffffffe6,#0000);width:200px;height:230px;position:absolute;top:30px;left:40px}.lp-poster{text-align:center;background:#fff;border-radius:4px;flex-direction:column;align-items:center;gap:7px;width:150px;height:206px;padding:14px 12px 10px;display:flex;position:absolute;top:28px;left:300px;box-shadow:0 1px #2c4a6614,6px 10px 18px -8px #2c4a6659}.lp-counter{width:400px;height:104px;transform-style:preserve-3d;top:196px;left:60px}.lp-counter>div{position:absolute}.lp-counter-top{background:linear-gradient(135deg, #fffaf2, color-mix(in oklab, var(--landing-wood), white 55%));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--landing-wood), black 8%);border-radius:3px;inset:-4px -6px;transform:translateZ(124px)}.lp-counter-top-edge{transform-origin:top;background:color-mix(in oklab, var(--landing-wood), white 30%);width:412px;height:8px;top:calc(100% + 4px);left:-6px;transform:translateZ(124px)rotateX(-90deg)}.lp-counter-front{transform-origin:top;background:repeating-linear-gradient(90deg, transparent 0 49px, #0000000f 49px 50px), var(--landing-wood);width:400px;height:116px;top:100%;left:0;transform:translateZ(116px)rotateX(-90deg)}.lp-counter-right{transform-origin:0;background:color-mix(in oklab, var(--landing-wood), black 16%);width:116px;height:104px;top:0;left:100%;transform:translateZ(116px)rotateY(90deg)}.lp-counter-shadow{filter:blur(6px);background:radial-gradient(closest-side,#2c4a6647,#0000);width:420px;height:70px;top:270px;left:70px;transform:translateZ(1px)}.lp-stand{transform-origin:50% 100%;background:var(--liv-navy);border-radius:5px;flex-direction:column;align-items:center;gap:4px;width:52px;height:64px;padding:6px;display:flex;top:236px;left:330px;transform:translateZ(124px)rotate(-22deg)rotateX(-74deg)}.lp-tablet{transform-origin:50% 100%;background:var(--liv-ink);border-radius:14px;width:204px;height:146px;padding:8px;top:108px;left:120px;transform:translateZ(124px)rotate(-22deg)rotateX(-74deg);box-shadow:inset 0 0 0 2px #ffffff1a}.lp-tablet-screen{background:#fff;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.lp-tablet-screen>*{transform-origin:0 0;width:360px;box-shadow:none;border:0;border-radius:0;position:absolute;top:0;left:0;transform:scale(.522)}.lp-tablet-shadow{filter:blur(4px);background:radial-gradient(closest-side,#2c4a664d,#0000);width:190px;height:46px;top:236px;left:130px;transform:translateZ(125px)}.lp-phone-anchor{transform-origin:50% 100%;width:124px;height:256px;top:66px;left:412px;transform:translateZ(70px)rotate(-24deg)rotateX(-90deg)}.lp-phone-bob{--lp-phone-w:124px;width:100%;height:100%;animation:6s ease-in-out 4 lp-bob}.lp-phone-bob .lp-stage{perspective:none}.lp-phone-bob .lp-phone{border-radius:24px;padding:6px}.lp-phone-bob .lp-phone:before{display:none}.lp-phone-bob .lp-phone-screen{border-radius:19px}.lp-phone-bob .lp-screen{zoom:.56;gap:8px;padding:12px}.lp-phone-shadow{filter:blur(5px);background:radial-gradient(closest-side,#2c4a6652,#0000);width:110px;height:40px;animation:6s ease-in-out 4 lp-shadow;top:300px;left:420px;transform:translateZ(1px)}@keyframes lp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lp-shadow{0%,to{opacity:1;transform:translateZ(1px)scale(1)}50%{opacity:.7;transform:translateZ(1px)scale(.9)}}.lp-faq-mark{transition:transform .15s ease-out}details[open]>summary .lp-faq-mark{transform:rotate(45deg)}.lp-faq summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){.lp-s1,.lp-s2,.lp-s3,.lp-row-new,.lp-phone-bob,.lp-phone-shadow,.lp-scroll-untilt .lp-phone--tilt{animation:none}.lp-faq-mark{transition:none}.lp-s3{opacity:1}}}