.marketing{font-family:var(--font-sans)}.marketing h1,.marketing h2,.marketing h3{font-family:var(--font-heading)}.install-pill{background:linear-gradient(115deg, var(--primary), var(--warning));color:var(--primary-foreground);box-shadow:0 4px 24px color-mix(in srgb, var(--primary) 18%, transparent);transition:box-shadow var(--transition-normal) ease-out, transform var(--transition-normal) ease-out}.install-pill:hover{box-shadow:0 6px 32px color-mix(in srgb, var(--primary) 32%, transparent);transform:translateY(-2px)}.glow-card{background:linear-gradient(140deg, var(--card), color-mix(in srgb, var(--card) 90%, var(--secondary)));transition:border-color var(--transition-normal) ease-out, box-shadow var(--transition-normal) ease-out}.glow-card:hover{border-color:color-mix(in srgb, var(--primary) 50%, transparent);box-shadow:0 0 26px color-mix(in srgb, var(--primary) 9%, transparent)}.fox-stage{background:radial-gradient(ellipse at 50% 48%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 65%), radial-gradient(ellipse at 80% 85%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 60%)}.fox-tail{transform-origin:240px 245px;animation:.6s ease-in-out fox-wag}.step-marker{box-shadow:0 0 22px color-mix(in srgb, var(--primary) 13%, transparent)}.marketing details>summary{list-style:none}.marketing details>summary::-webkit-details-marker{display:none}.marketing details[open] .faq-plus{transform:rotate(45deg)}@keyframes fox-wag{0%,to{transform:rotate(0)}30%{transform:rotate(9deg)}65%{transform:rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.marketing *,.marketing :before,.marketing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.install-pill:hover{transform:none}}
