.lace-site{font-family:var(--font-sans);overflow-x:clip}.lace-glass{background:color-mix(in srgb, var(--card) 76%, transparent);backdrop-filter:blur(22px);border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));box-shadow:var(--shadow-sm)}.lace-nav{background:color-mix(in srgb, var(--background) 65%, transparent);backdrop-filter:blur(24px);transition:background var(--transition-normal), box-shadow var(--transition-normal)}.lace-nav[data-scrolled=true]{background:color-mix(in srgb, var(--card) 92%, transparent);box-shadow:var(--shadow-sm)}.lace-install{box-shadow:0 0 24px color-mix(in srgb, var(--primary) 24%, transparent);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.lace-install:hover{box-shadow:0 0 32px color-mix(in srgb, var(--primary) 38%, transparent);transform:translateY(-2px)}.lace-hero{isolation:isolate;background:radial-gradient(ellipse at 50% 105%, color-mix(in srgb, var(--chart-3) 16%, transparent), transparent 55%), radial-gradient(ellipse at 50% 35%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 65%);position:relative}.lace-hero:before,.lace-hero:after{content:"";pointer-events:none;z-index:-1;filter:blur(48px);opacity:.65;width:65%;height:80%;position:absolute}.lace-hero:before{background:radial-gradient(ellipse, color-mix(in srgb, var(--chart-1) 36%, transparent), transparent 68%);animation:12s ease-in-out infinite alternate lace-drift;top:0;left:-20%}.lace-hero:after{background:radial-gradient(ellipse, color-mix(in srgb, var(--chart-2) 30%, transparent), transparent 68%);animation:12s ease-in-out infinite alternate-reverse lace-drift;top:8%;right:-20%}.lace-gradient-text{background:linear-gradient(105deg, var(--primary), var(--chart-3) 58%, var(--chart-2));color:#0000;-webkit-background-clip:text;background-clip:text}.lace-feature{outline-offset:-1px;outline:2px solid #0000;transition:transform .2s ease-out,box-shadow .2s ease-out,outline-color .2s ease-out}.lace-feature:hover{outline-color:color-mix(in srgb, var(--primary) 70%, transparent);box-shadow:0 0 32px color-mix(in srgb, var(--primary) 16%, transparent), var(--shadow-md);transform:translateY(-6px)}.lace-feature-icon{background:color-mix(in srgb, var(--primary) 12%, var(--card))}.lace-feature:nth-child(3n+2) .lace-feature-icon{background:color-mix(in srgb, var(--chart-2) 12%, var(--card))}.lace-feature:nth-child(3n) .lace-feature-icon{background:color-mix(in srgb, var(--chart-3) 12%, var(--card))}.lace-reveal{opacity:0;transition:opacity .2s ease-out,transform .2s ease-out;transform:translateY(-20px)}.lace-reveal[data-visible=true]{opacity:1;transform:translateY(0)}.lace-weave{background:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--chart-2) 20%, transparent), transparent 55%), radial-gradient(ellipse at 80% 70%, color-mix(in srgb, var(--chart-3) 22%, transparent), transparent 55%)}.lace-footer-cta{background:radial-gradient(ellipse at 15% 80%, color-mix(in srgb, var(--chart-2) 17%, transparent), transparent 55%), radial-gradient(ellipse at 90% 10%, color-mix(in srgb, var(--chart-3) 22%, transparent), transparent 55%), color-mix(in srgb, var(--primary) 9%, var(--card))}@keyframes lace-drift{0%{transform:translateY(-2%)scale(1)}to{transform:translate(10%,8%)scale(1.12)}}@media (prefers-reduced-motion:reduce){.lace-hero:before,.lace-hero:after{animation:none}.lace-reveal{opacity:1;transition:none;transform:none}.lace-feature,.lace-install{transition:none}.lace-feature:hover,.lace-install:hover{transform:none}}
