.extension-site{isolation:isolate}.extension-site ::selection{background:var(--accent);color:var(--accent-foreground)}.gradient-frame{background:linear-gradient(125deg, var(--chart-1), var(--chart-2) 56%, var(--chart-3));padding:1px}.nav-gradient{background:linear-gradient(90deg, var(--chart-1), var(--chart-2), var(--chart-3));padding-bottom:1px}.hero-mesh{background:radial-gradient(ellipse at 12% 33%, color-mix(in srgb, var(--chart-1) 24%, transparent), transparent 49%), radial-gradient(ellipse at 85% 30%, color-mix(in srgb, var(--chart-2) 26%, transparent), transparent 46%), radial-gradient(ellipse at 78% 95%, color-mix(in srgb, var(--chart-3) 20%, transparent), transparent 44%), var(--background)}.hero-dots{pointer-events:none;opacity:.24;background-image:radial-gradient(var(--muted-foreground) 1px, transparent 1px);mask-image:linear-gradient(transparent, var(--foreground) 35%, transparent 90%);background-size:26px 26px;animation:16s ease-in-out infinite alternate extension-drift;position:absolute;inset:-24px}.orbit-ring{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--chart-2) 22%, transparent);pointer-events:none;border-radius:50%;width:min(88vw,950px);position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.orbit-ring:after{content:"";border:1px solid color-mix(in srgb, var(--chart-1) 16%, transparent);border-radius:inherit;position:absolute;inset:11%}.headline-gradient{background:linear-gradient(95deg, var(--chart-1) 5%, var(--chart-2) 56%, var(--chart-3) 105%);color:#0000;-webkit-background-clip:text;background-clip:text}.install-cta{--pulse-x:50%;--pulse-y:50%;isolation:isolate;background:var(--primary);color:var(--primary-foreground);border:1px solid color-mix(in srgb, var(--primary) 70%, var(--foreground));box-shadow:0 6px 24px -8px color-mix(in srgb, var(--chart-1) 65%, transparent);transition:box-shadow .28s,border-color .28s,transform .28s;position:relative;overflow:hidden}.install-cta:before{content:"";z-index:-1;pointer-events:none;opacity:0;transform-origin:var(--pulse-x) var(--pulse-y);background:radial-gradient(circle at var(--pulse-x) var(--pulse-y), color-mix(in srgb, var(--primary-foreground) 24%, transparent), transparent 48%);transition:transform .28s ease-out,opacity .28s ease-out;position:absolute;inset:-110%;transform:scale(.1)}.install-cta:hover:before,.install-cta:focus-visible:before{opacity:1;transform:scale(1)}.install-cta:hover,.install-cta:focus-visible{border-color:var(--foreground);box-shadow:0 8px 34px -5px color-mix(in srgb, var(--chart-1) 75%, transparent);transform:translateY(-2px)}.feature-frame{transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.feature-frame:hover{box-shadow:0 14px 36px -18px color-mix(in srgb, var(--chart-2) 70%, transparent);transform:translateY(-4px)}.cta-mesh{background:radial-gradient(ellipse at 0% 100%, color-mix(in srgb, var(--chart-1) 20%, transparent), transparent 64%), radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--chart-3) 17%, transparent), transparent 60%), radial-gradient(ellipse at 70% 60%, color-mix(in srgb, var(--chart-2) 20%, transparent), transparent 65%), var(--card)}.section-anchor{scroll-margin-top:110px}.extension-site a:focus-visible,.extension-site button:focus-visible{outline:2px solid var(--ring);outline-offset:5px}@keyframes extension-drift{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@media (prefers-reduced-motion:reduce){.extension-site *,.extension-site :before,.extension-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.install-cta:hover,.feature-frame:hover{transform:none}}