.landing-root{--landing-accent: #4f46e5;--landing-accent-hover: #4338ca;--landing-grad-from: #6366f1;--landing-grad-via: #a855f7;--landing-grad-cta-a: #4338ca;--landing-grad-cta-b: #6d28d9}.landing-root .bg-accent-cta{background-color:var(--landing-accent)}.landing-root .bg-accent-cta:hover{background-color:var(--landing-accent-hover)}.landing-root .text-accent-cta{color:var(--landing-accent)}.landing-root .border-accent-cta,.landing-root .hover\:border-accent-cta:hover{border-color:var(--landing-accent)}.landing-root .border-accent-cta-soft{border-color:color-mix(in srgb,var(--landing-accent) 30%,transparent)}.landing-root .bg-accent-cta-soft{background-color:color-mix(in srgb,var(--landing-accent) 10%,transparent)}.landing-root .bg-accent-cta-faint{background-color:color-mix(in srgb,var(--landing-accent) 5%,transparent)}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}[data-reveal=fade]{transform:none}[data-reveal=scale]{transform:scale(.96) translateY(10px)}[data-reveal=left]{transform:translate(-20px)}[data-reveal=right]{transform:translate(20px)}[data-reveal].is-revealed{opacity:1;transform:none}.dot-grid{background-image:radial-gradient(circle,currentColor 1px,transparent 1px);background-size:24px 24px}.hero-glow{background:radial-gradient(ellipse,var(--landing-accent) 0%,transparent 70%)}.hero-gradient-text{background:linear-gradient(135deg,var(--landing-grad-from),var(--landing-grad-via),var(--landing-grad-from));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.perspective-wrap{perspective:1200px;position:relative}.mockup-card{transform:rotateX(2deg);transition:transform .4s cubic-bezier(.16,1,.3,1)}.mockup-card:hover{transform:rotateX(0)}.spot-card{--mx: 50%;--my: 50%}.spot-glow{position:absolute;inset:0;background:radial-gradient(500px circle at var(--mx) var(--my),rgba(99,102,241,.06),transparent 40%);opacity:0;transition:opacity .3s;z-index:0}.spot-card:hover .spot-glow{opacity:1}.spot-card>*:not(.spot-glow){position:relative;z-index:1}.cta-gradient{background:linear-gradient(135deg,var(--landing-grad-cta-a),var(--landing-grad-cta-b),var(--landing-grad-cta-a),var(--landing-grad-cta-b));background-size:300% 300%;animation:cta-shift 8s ease-in-out infinite}@keyframes cta-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.hero-gradient-text,.cta-gradient{animation:none}.mockup-card{transform:none;transition:none}}