/* LinkXUP Premium Showcase — real, editable HTML interface, not a flat illustration */
.lx-showcase {
  isolation:isolate; position:relative; overflow:hidden;
  padding-block:124px 132px !important;
  background:radial-gradient(ellipse at 81% 38%,#a7ccff 0%,#d5e7ff 26%,transparent 54%),
   linear-gradient(143deg,#f9fcff 0%,#e7f1ff 49%,#d3e7ff 100%) !important;
}
.lx-showcase::before{content:"";position:absolute;top:-18vw;left:-12vw;width:72vw;height:29vw;background:linear-gradient(135deg,#ffffffb5,#f5f9ffb8);border-radius:0 0 65% 55%;transform:rotate(-14deg);pointer-events:none}
.lx-showcase::after{content:"";position:absolute;right:-30vw;bottom:-40vw;width:87vw;height:65vw;border-radius:47% 55% 0 0;transform:rotate(-22deg);background:linear-gradient(150deg,#2c92f8ad,#0867ebed 60%,#004acbe3);pointer-events:none;z-index:0}
.lx-showcase__wave{pointer-events:none;position:absolute;z-index:1;border:1px solid #fff9;border-radius:50%;transform:rotate(-16deg)}
.lx-showcase__wave--top{height:55vw;width:100vw;right:-49vw;top:-27vw}
.lx-showcase__wave--bottom{width:110vw;height:35vw;right:-35vw;bottom:-29vw;border-width:2px}
.lx-showcase__sparkle{width:100px;height:100px;position:absolute;right:18%;top:12%;border-radius:50%;background:#fff6;filter:blur(50px);pointer-events:none}
.lx-showcase__layout{display:grid;grid-template-columns:40% minmax(0,60%);align-items:center;min-height:660px;position:relative;z-index:3;gap:0}
.lx-showcase__copy{position:relative;z-index:4;padding-block:14px 25px;padding-right:10px}
.lx-showcase__eyebrow{display:flex;gap:16px;align-items:center;font-size:11px !important;margin:0 0 34px !important;letter-spacing:.19em}
.lx-showcase__eyebrow::after{content:"";width:60px;height:2px;background:#126bff;opacity:.9}
.lx-showcase__copy h2{font:800 clamp(32px,3.4vw,48px)/1.26 'Plus Jakarta Sans',sans-serif !important;letter-spacing:-.052em;color:#10244e;margin:0 0 30px !important}
.lx-showcase__copy h2 span,.lx-showcase__copy h2 em{white-space:normal}
.lx-showcase__copy h2 em{color:#0870fa;font-style:normal}
.lx-showcase__lead{font-size:15.5px !important;line-height:1.82 !important;color:#475c7b !important;max-width:460px !important;margin:0 0 28px !important}
.lx-showcase__bullets{list-style:none !important;margin:0 0 34px !important;padding:0 !important;display:grid;gap:15px}
.lx-showcase__bullets li{display:flex;align-items:flex-start;gap:13px;color:#213a64;font-size:14.5px;line-height:1.52}
.lx-showcase__tick{margin-top:1px;display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#106ff9;box-shadow:0 4px 12px #127aff34;color:#fff}
.lx-showcase__tick svg{width:15px;height:15px;stroke-width:3}
.lx-showcase__button{font-size:14px !important;min-width:234px;min-height:55px;box-shadow:0 14px 28px #086bf948}
.lx-showcase__button svg{width:18px;height:18px;transition:transform .25s}
.lx-showcase__button:hover svg{transform:translateX(5px)}
.lx-showcase__art{height:640px;position:relative;min-width:0;perspective:1500px;transform-style:preserve-3d}
.lx-showcase__ambient{position:absolute;top:10%;left:4%;width:100%;height:80%;background:radial-gradient(ellipse at 50% 60%,#fff8,#62abf727 45%,transparent 72%);border-radius:50%;filter:blur(2px)}
.lx-showcase__platform{position:absolute;z-index:1;bottom:4%;right:-7%;width:110%;height:27%;border-radius:50%;border:2px solid #ffffffc9;background:linear-gradient(158deg,#fff9 0%,#e8f4ffab 44%,#7ebef995 88%);box-shadow:inset 0 2px 6px #fff,0 32px 55px #175fcc25,0 12px 0 -6px #6aaafc69;transform:rotate(-1deg)}
.lx-showcase__platform>span{position:absolute;inset:14% 2%;border:1px solid #fff9;border-radius:50%}
.lx-showcase__devices{position:relative;z-index:3;height:100%;width:100%;transform:perspective(1400px) rotateY(var(--lx-ry,0deg)) rotateX(var(--lx-rx,0deg));transition:transform .35s ease;transform-style:preserve-3d}
.lx-showcase__device{--lx-rot:0deg;--lx-base:0px;position:absolute;top:11%;width:24%;max-width:205px;margin:0;cursor:pointer;z-index:3;will-change:transform;transform-origin:bottom center;animation:lx-phone-float 6s ease-in-out infinite;transition:filter .3s;outline-offset:10px}
.lx-showcase__device--1{left:0%;--lx-rot:-8deg;--lx-base:27px;animation-delay:-1.5s}
.lx-showcase__device--2{left:25%;--lx-rot:-2deg;--lx-base:-14px;animation-delay:-4s}
.lx-showcase__device--3{left:50%;--lx-rot:5deg;--lx-base:24px;animation-delay:-2.5s}
.lx-showcase__device--4{left:76%;--lx-rot:9deg;--lx-base:-8px;animation-delay:-.8s}
.lx-showcase__device:hover,.lx-showcase__device:focus-visible,.lx-showcase__device.is-selected{z-index:8;animation-play-state:paused;transform:translateY(calc(var(--lx-base) - 15px)) rotate(0) scale(1.09) !important;filter:drop-shadow(0 26px 21px #0d54b82e)}
.lx-showcase__hardware{width:100%;aspect-ratio:946/2048;padding:6px;border:2px solid #252d37;border-radius:clamp(20px,2vw,36px);background:linear-gradient(130deg,#111a29,#040913 50%,#222c42);box-shadow:0 3px 0 #5f6b79 inset,4px 0 0 #111b28 inset,11px 27px 32px #1c427b5c,0 0 0 1px #5c6b7c;position:relative;overflow:hidden}
.lx-showcase__hardware::before{content:"";position:absolute;right:-3px;top:23%;width:4px;height:11%;background:#3d4d60;border-radius:2px}
.lx-showcase__hardware img{display:block;width:100%;height:100%;object-fit:cover;background:#fff;border-radius:clamp(14px,1.6vw,26px)}
.lx-showcase__notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38%;height:15px;background:#070a10;border-radius:0 0 11px 11px;z-index:2}
.lx-showcase__device figcaption{position:absolute;top:calc(100% + 22px);left:50%;transform:translateX(-50%);width:max-content;max-width:170px;padding:9px 17px;line-height:1.1;border-radius:999px;border:1px solid #ffffffbd;background:#ffffffad;backdrop-filter:blur(12px);box-shadow:0 9px 19px #1b64b324;font-size:13px;font-weight:800;color:#193767;text-align:center;white-space:nowrap}
.lx-showcase--still .lx-showcase__devices{transform:none !important}.lx-showcase--still .lx-showcase__device{animation:none;transform:translateY(var(--lx-base)) rotate(var(--lx-rot))}
@keyframes lx-phone-float{0%,100%{transform:translateY(var(--lx-base)) rotate(var(--lx-rot))}50%{transform:translateY(calc(var(--lx-base) - 11px)) rotate(var(--lx-rot))}}
[dir=rtl] .lx-showcase__copy{padding-right:0;padding-left:12px}[dir=rtl] .lx-showcase__eyebrow::after{order:-1}[dir=rtl] .lx-showcase__device figcaption{direction:rtl}
[dir=rtl] .lx-showcase__button:hover svg{transform:translateX(-5px)}
@media(max-width:1120px){.lx-showcase__layout{grid-template-columns:39% 61%;min-height:580px}.lx-showcase__art{height:560px}.lx-showcase__copy h2{font-size:clamp(31px,3.4vw,43px) !important}.lx-showcase__copy{padding-right:8px}.lx-showcase__device{top:12%;width:24%}.lx-showcase__hardware{padding:5px}.lx-showcase__device figcaption{font-size:11px;padding:8px 12px}}
@media(max-width:900px){.lx-showcase{padding-block:88px 72px !important}.lx-showcase__layout{grid-template-columns:1fr;gap:28px}.lx-showcase__copy{max-width:690px;text-align:left;padding:0}.lx-showcase__copy h2{font-size:clamp(35px,5vw,52px)!important}.lx-showcase__art{width:100%;max-width:780px;margin:auto;height:min(79vw,590px)}.lx-showcase__device{width:23%;top:10%}.lx-showcase__device--4{left:75%}.lx-showcase__platform{bottom:4%}}
@media(max-width:620px){.lx-showcase{padding-block:75px 55px !important}.lx-showcase__copy h2{font-size:clamp(29px,8vw,41px)!important}.lx-showcase__lead{font-size:14.5px!important}.lx-showcase__bullets{gap:12px}.lx-showcase__bullets li{font-size:13.5px}.lx-showcase__art{height:540px;max-width:calc(100vw - 15px);width:calc(100vw - 15px);margin-left:calc((100vw - 15px - 100%) / -2);margin-top:12px}.lx-showcase__devices{width:100%;height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;align-items:flex-start;padding:36px 28px 68px;scrollbar-width:thin;scrollbar-color:#70b5f7 transparent;transform:none!important}.lx-showcase__device{position:relative;top:auto;left:auto!important;flex:0 0 192px;width:192px;max-width:none;animation:none!important;transform:none!important;scroll-snap-align:center}.lx-showcase__device:hover,.lx-showcase__device:focus-visible,.lx-showcase__device.is-selected{transform:translateY(-7px)!important}.lx-showcase__hardware{padding:6px;border-radius:30px}.lx-showcase__hardware img{border-radius:23px}.lx-showcase__platform{width:110%;right:-5%;height:21%;bottom:4%}.lx-showcase__device figcaption{top:calc(100% + 12px)}.lx-showcase__eyebrow{font-size:10px!important}.lx-showcase__copy .lx-showcase__button{min-height:51px;min-width:225px}}
@media(max-width:370px){.lx-showcase__device{flex-basis:170px;width:170px}.lx-showcase__art{height:505px}}
@media(prefers-reduced-motion:reduce){.lx-showcase__device{animation:none!important;transform:translateY(var(--lx-base)) rotate(var(--lx-rot))}.lx-showcase__devices,.lx-showcase__button svg{transition:none!important}.lx-showcase__devices{transform:none!important}}
