.hero-demo-launch{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:18px;padding:16px 17px;border:1px solid rgba(87,247,211,.34);border-radius:20px;overflow:hidden;background:linear-gradient(118deg,rgba(12,42,43,.96),rgba(13,29,53,.95) 58%,rgba(39,54,111,.86));box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);color:#fff;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.hero-demo-launch::before{content:"";position:absolute;inset:-120% 40% -120% -25%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(90,255,220,.11),transparent);animation:hero-demo-scan 5.6s ease-in-out infinite;pointer-events:none}
.hero-demo-launch[hidden]{display:none}
.hero-demo-launch:hover,.hero-demo-launch:focus-visible{transform:translateY(-2px);border-color:rgba(87,247,211,.68);box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 32px rgba(55,226,187,.09);outline:0}
.hero-demo-pulse{position:relative;display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(96,246,215,.38);border-radius:15px;background:rgba(53,225,188,.09)}
.hero-demo-pulse::before,.hero-demo-pulse::after,.hero-demo-pulse i{content:"";position:absolute;border-radius:50%;background:#59f4d1}
.hero-demo-pulse::before{width:8px;height:8px;box-shadow:0 0 16px #59f4d1}
.hero-demo-pulse::after{width:24px;height:24px;border:1px solid rgba(89,244,209,.46);background:transparent;animation:hero-demo-ring 1.8s ease-out infinite}
.hero-demo-pulse i{width:34px;height:34px;border:1px solid rgba(89,244,209,.15);background:transparent}
.hero-demo-copy{position:relative;display:grid;gap:3px;min-width:0}
.hero-demo-copy small{color:#62f3d2;font-size:8px;font-weight:900;letter-spacing:.15em}
.hero-demo-copy strong{font-size:14px;line-height:1.25;letter-spacing:-.01em}
.hero-demo-copy em{color:#9fb1bd;font-size:10px;font-style:normal;line-height:1.4}
.hero-demo-copy b{display:block;max-width:100%;margin-top:4px;overflow:hidden;color:#cae8e2;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.hero-demo-action{position:relative;display:flex;align-items:center;gap:8px;color:#e8fffa;font-size:10px;font-weight:900;white-space:nowrap}
.hero-demo-action i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#56f2cf;color:#04231c;font-size:15px;font-style:normal}
.no-results .experience-launch{border-color:rgba(12,91,80,.25);background:linear-gradient(135deg,#e9fbf5,#eef4ff);color:#102333;box-shadow:0 15px 40px rgba(15,45,62,.1)}
.no-results .experience-launch b{color:#087d68}.no-results .experience-launch small{color:#526a79}.no-results .experience-launch i{box-shadow:0 6px 18px rgba(16,113,94,.2)}
.mobile-demo-launch{display:none}
@keyframes hero-demo-ring{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@keyframes hero-demo-scan{0%,52%{transform:translateX(-35%) rotate(20deg)}80%,100%{transform:translateX(185%) rotate(20deg)}}
@media(prefers-reduced-motion:reduce){.hero-demo-launch::before,.hero-demo-pulse::after{animation:none}.hero-demo-launch{transition:none}}
@media(max-width:720px){.hero-demo-launch{grid-template-columns:auto minmax(0,1fr);padding:14px}.hero-demo-action{grid-column:2;justify-self:start}.hero-demo-copy strong{font-size:13px}.hero-demo-copy em{font-size:9px}.mobile-demo-launch{position:fixed;z-index:110;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(86,242,207,.48);border-radius:17px;background:linear-gradient(110deg,rgba(7,37,38,.96),rgba(20,37,75,.97));box-shadow:0 16px 44px rgba(0,0,0,.42);color:#fff;text-decoration:none;backdrop-filter:blur(16px)}.mobile-demo-launch[hidden]{display:none}.mobile-demo-launch>span{display:flex;align-items:center;gap:9px}.mobile-demo-launch>span>i{width:9px;height:9px;border-radius:50%;background:#5af2d2;box-shadow:0 0 14px #5af2d2;animation:hero-demo-ring 1.8s ease-out infinite}.mobile-demo-launch>span>span{display:grid;gap:1px}.mobile-demo-launch small{color:#60f1d1;font-size:7px;font-weight:900;letter-spacing:.14em}.mobile-demo-launch strong{font-size:11px}.mobile-demo-launch>b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#57f0cf;color:#06251e;font-size:14px}.experience-demo .mobile-demo-launch{display:none}}
@media(max-width:420px){.hero-demo-pulse{width:38px;height:38px;border-radius:13px}.hero-demo-action span{font-size:9px}.hero-demo-action i{width:27px;height:27px}.hero-demo-copy small{font-size:7px;letter-spacing:.1em}}
