.landing-scope{--accent-lilac-50:oklch(0.98 0.02 255);--accent-lilac-100:oklch(0.94 0.04 253);--accent-lilac-200:oklch(0.88 0.08 252);--accent-lilac-300:oklch(0.82 0.12 252);--accent-lilac-400:oklch(0.75 0.15 252);--accent-lilac-500:oklch(0.68 0.17 250);--accent-lilac-600:oklch(0.58 0.20 248);--accent-lilac-700:oklch(0.48 0.18 246);--accent-gradient:linear-gradient(135deg,oklch(0.72 0.16 258),oklch(0.62 0.19 248) 50%,oklch(0.70 0.15 265));--accent-gradient-soft:linear-gradient(135deg,oklch(0.72 0.16 258/0.18),oklch(0.62 0.19 248/0.10) 50%,oklch(0.70 0.15 265/0.18));--accent-gradient-radial:radial-gradient(circle at 50% 0%,oklch(0.68 0.17 250/0.22) 0%,transparent 60%);--landing-bg:oklch(0.99 0.003 300);--landing-surface:oklch(1 0 0);--landing-border:oklch(0.92 0.01 300);--landing-muted:oklch(0.55 0.01 295);--landing-text:oklch(0.18 0 0)}.dark .landing-scope,.landing-scope.dark{--landing-bg:oklch(0.14 0.01 295);--landing-surface:oklch(0.20 0.015 295);--landing-border:oklch(1 0 0/10%);--landing-muted:oklch(0.70 0.02 295);--landing-text:oklch(0.98 0 0)}.landing-scope{background-color:var(--landing-bg);color:var(--landing-text)}.landing-scope .bg-gradient-lilac{background:var(--accent-gradient)}.landing-scope .bg-gradient-lilac-soft{background:var(--accent-gradient-soft)}.landing-scope .text-gradient-lilac{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.landing-scope .border-gradient-lilac{border-image:var(--accent-gradient) 1}.landing-scope .glow-lilac{box-shadow:0 0 40px -10px oklch(.68 .17 250/.4)}.landing-scope .glow-lilac-lg{box-shadow:0 0 80px -20px oklch(.68 .17 250/.5)}.landing-scope .ring-lilac-focus:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px var(--landing-surface),0 0 0 4px var(--accent-lilac-500)}.landing-scope .aurora-blob{position:absolute;border-radius:9999px;filter:blur(80px);opacity:.55;pointer-events:none;background:var(--accent-gradient)}.landing-scope .showcase-perspective{perspective:1200px;height:480px;position:relative;width:100%;max-width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.landing-scope .showcase-stage{transform:rotateY(-12deg) rotateX(4deg);transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:center;gap:14px;height:100%}.landing-scope .showcase-row{overflow:hidden;width:100%;max-width:100%}.landing-scope .showcase-track{display:flex;gap:14px;width:max-content;will-change:transform;animation:showcase-scroll var(--dur,45s) linear infinite;animation-direction:var(--dir,normal)}.landing-scope .showcase-card{position:relative;width:150px;height:150px;flex:0 0 auto;border-radius:14px;overflow:hidden;border:1px solid var(--landing-border);background:var(--landing-surface);box-shadow:0 0 30px -10px oklch(.68 .17 300/.35)}@keyframes showcase-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (max-width:1024px){.landing-scope .showcase-perspective{height:320px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.landing-scope .showcase-stage{transform:rotateY(-9deg) rotateX(3deg);gap:12px}.landing-scope .showcase-card{width:130px;height:130px;border-radius:12px}.landing-scope .showcase-track{gap:12px;animation-duration:calc(var(--dur, 45s) * .7)}}@media (max-width:640px){.landing-scope .showcase-perspective{height:260px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.landing-scope .showcase-stage{transform:rotateY(-7deg) rotateX(2deg);gap:10px}.landing-scope .showcase-card{width:108px;height:108px;border-radius:10px;box-shadow:0 0 20px -8px oklch(.68 .17 300/.3)}.landing-scope .showcase-track{gap:10px}}@media (prefers-reduced-motion:reduce){.landing-scope .showcase-track{animation:none}.landing-scope .showcase-stage{transform:none}}.landing-scope[data-landing-root=true]{min-height:100vh}