/* Homepage-only product showcase. The companion app keeps its own interface. */
.app-invitation.app-showcase{display:block;padding-top:0;padding-bottom:88px;overflow:hidden}
.app-showcase .app-showcase-launch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;position:relative;min-height:475px;border-top:1px solid #ffffff1d;isolation:isolate}
.app-showcase .app-showcase-copy{max-width:480px;padding:44px 0;position:relative;z-index:2}
.app-showcase .eyebrow{color:#aaaab5;margin-bottom:24px;font-size:9px;letter-spacing:1.6px}
.app-showcase h2{font-size:clamp(39px,4.4vw,68px);font-weight:600;letter-spacing:-.055em;line-height:1.02}
.app-showcase h2 span{color:#92929f}
.app-showcase .app-showcase-description{font-size:14px;line-height:1.8;color:#aaaab5;max-width:335px;margin-top:24px}
.app-showcase .app-showcase-cta{display:inline-flex;align-items:center;gap:24px;margin-top:31px;min-height:64px;font-size:12px;font-weight:600;letter-spacing:.2px}
.app-showcase .app-showcase-arrow{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid #dbfa6499;background:#dbfa6408;color:var(--accent,#dbfa64);font-size:29px;font-weight:400;transition:background .25s,color .25s,transform .3s}
.app-showcase .app-showcase-visual{position:relative;display:grid;place-items:center;height:475px;min-width:0;pointer-events:none}
.app-showcase .app-showcase-halo{position:absolute;width:min(100%,460px);height:390px;border-radius:50%;background:radial-gradient(ellipse,#dbfa6416 0%,#7a9c340b 36%,transparent 68%);filter:blur(8px)}
.app-showcase .app-showcase-orbit{position:absolute;width:95%;max-width:470px;height:234px;border:1px solid #e7ff9a1e;border-radius:50%;transform:rotate(-28deg)}
.app-showcase .app-showcase-orbit:after{content:"";position:absolute;inset:28px -17px;border:1px solid #ffffff0b;border-radius:50%;transform:rotate(42deg)}
.app-showcase .app-showcase-phone{position:relative;width:218px;height:428px;padding:8px;border-radius:35px;transform:rotate(8deg);background:linear-gradient(130deg,#a6a6b2 0%,#393943 14%,#777783 33%,#191922 65%,#50505c 91%,#b6b6c2);box-shadow:0 0 0 1px #efffc52e,0 28px 50px #000b,22px 18px 70px #dbfa6408;transition:transform .5s cubic-bezier(.2,.7,.25,1)}
.app-showcase .app-showcase-phone:before{content:"";position:absolute;left:-3px;top:87px;width:2px;height:49px;background:#777783;border-radius:2px;box-shadow:0 56px #777783}
.app-showcase .app-showcase-phone:after{content:"";position:absolute;right:-3px;top:116px;width:2px;height:53px;background:#777783;border-radius:2px}
.app-showcase .app-showcase-screen{height:100%;border-radius:28px;background:#111118;overflow:hidden;position:relative;border:1px solid #07070c;box-shadow:inset 0 0 0 1px #ffffff0b;padding:31px 13px 0}
.app-showcase .app-showcase-camera{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:56px;height:13px;border-radius:20px;background:#030307;box-shadow:inset 0 0 0 1px #ffffff0a}
.app-showcase .app-showcase-wordmark{font-size:13px;letter-spacing:-.7px;font-weight:900;line-height:1}
.app-showcase .app-showcase-screen-heading{margin:19px 0 13px}
.app-showcase .app-showcase-screen-heading small{display:block;font-size:5.5px;letter-spacing:1.1px;color:var(--accent,#dbfa64);margin-bottom:5px}
.app-showcase .app-showcase-screen-heading strong{display:block;font-size:31px;font-weight:600;letter-spacing:-1.6px;line-height:1}
.app-showcase .app-showcase-art{height:186px;position:relative;overflow:hidden;border-radius:4px;background:#282834}
.app-showcase .app-showcase-art img{width:100%;height:100%;object-fit:cover;object-position:50% 54%}
.app-showcase .app-showcase-art:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#08080de8)}
.app-showcase .app-showcase-art-caption{position:absolute;left:11px;right:9px;bottom:11px;z-index:1}
.app-showcase .app-showcase-art-caption small{display:block;font-size:5.5px;letter-spacing:1px;color:var(--accent,#dbfa64);margin-bottom:5px}
.app-showcase .app-showcase-art-caption strong{display:block;font-size:16px;letter-spacing:-.7px;line-height:1.1;font-weight:600}
.app-showcase .app-showcase-art-caption>span{display:block;font-size:5px;letter-spacing:.7px;color:#dcdce4;margin-top:5px}
.app-showcase .app-showcase-track{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 10px;border-bottom:1px solid #ffffff16;font-size:7px;color:#dedee6}
.app-showcase .app-showcase-track>span:last-child{font-size:5.5px;letter-spacing:.7px;color:#aaaab5}
.app-showcase .app-showcase-nav{display:flex;justify-content:space-around;gap:8px;padding-top:12px;font-size:5px;color:#92929f}
.app-showcase .app-showcase-nav>span{display:flex;align-items:center;flex-direction:column;gap:4px;min-width:25px}
.app-showcase .app-showcase-nav>span:nth-child(2){color:var(--accent,#dbfa64)}
.app-showcase .app-showcase-nav svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.app-showcase .app-showcase-homebar{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:61px;height:3px;border-radius:5px;background:#dedee791}
.app-showcase .app-showcase-orbit-label{position:absolute;font-size:8px;letter-spacing:1.5px;color:#b8b8c3;display:flex;align-items:center;gap:8px}
.app-showcase .app-showcase-orbit-label:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent,#dbfa64);box-shadow:0 0 12px #dbfa645c}
.app-showcase .app-showcase-orbit-label.is-music{left:1%;top:93px}
.app-showcase .app-showcase-orbit-label.is-night{right:0;bottom:85px}
.app-showcase .app-showcase-launch:focus-visible{outline:2px solid var(--accent,#dbfa64);outline-offset:-2px}
@media(hover:hover){.app-showcase .app-showcase-launch:hover .app-showcase-phone{transform:rotate(4deg) translateY(-5px)}.app-showcase .app-showcase-launch:hover .app-showcase-arrow{background:var(--accent,#dbfa64);color:#0b0b10;transform:translate(3px,-3px)}}
@media(max-width:1000px){.app-invitation.app-showcase{padding-bottom:65px}.app-showcase .app-showcase-launch{gap:15px}.app-showcase .app-showcase-orbit-label.is-music{left:0;top:44px}.app-showcase .app-showcase-orbit-label.is-night{right:0;bottom:35px}.app-showcase .app-showcase-description{font-size:13px;max-width:310px}}
@media(max-width:700px){.app-invitation.app-showcase{padding-top:0;padding-bottom:38px}.app-showcase .app-showcase-launch{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-top:32px}.app-showcase .app-showcase-copy{padding:0;max-width:none}.app-showcase .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}.app-showcase h2{font-size:clamp(35px,8.9vw,54px)}.app-showcase .app-showcase-description{font-size:13px;line-height:1.7;max-width:340px;margin-top:19px}.app-showcase .app-showcase-cta{margin-top:19px;gap:18px;min-height:52px;font-size:11px}.app-showcase .app-showcase-arrow{width:52px;height:52px;font-size:26px}.app-showcase .app-showcase-visual{height:347px;margin-top:10px}.app-showcase .app-showcase-phone{transform:scale(.74) rotate(8deg);transform-origin:center}.app-showcase .app-showcase-halo{height:300px}.app-showcase .app-showcase-orbit{width:100%;height:174px}.app-showcase .app-showcase-orbit-label{font-size:6px;letter-spacing:1px;gap:6px}.app-showcase .app-showcase-orbit-label.is-music{top:37px;left:0}.app-showcase .app-showcase-orbit-label.is-night{right:0;bottom:30px}}
@media(max-width:700px) and (hover:hover){.app-showcase .app-showcase-launch:hover .app-showcase-phone{transform:scale(.74) rotate(4deg) translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.app-showcase .app-showcase-phone,.app-showcase .app-showcase-arrow{transition:none}.app-showcase .app-showcase-launch:hover .app-showcase-phone{transform:rotate(8deg)}.app-showcase .app-showcase-launch:hover .app-showcase-arrow{transform:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.app-showcase .app-showcase-launch:hover .app-showcase-phone{transform:scale(.74) rotate(8deg)}}