.suite-hero{background:radial-gradient(ellipse at 75% 30%, color-mix(in srgb, var(--primary) 23%, transparent), transparent 57%), radial-gradient(ellipse at 5% 85%, color-mix(in srgb, var(--success) 12%, transparent), transparent 55%), var(--background)}.suite-grid{background-image:linear-gradient(color-mix(in srgb, var(--primary) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 9%, transparent) 1px, transparent 1px);mask-image:radial-gradient(ellipse at center, var(--foreground), transparent 70%);background-size:42px 42px}.suite-lit{--vault-tone:var(--primary);background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--vault-tone) 11%, transparent), transparent 75%), var(--card);border:1px solid color-mix(in srgb, var(--vault-tone) 38%, var(--border));box-shadow:var(--shadow-sm), inset 0 1px 0 color-mix(in srgb, var(--vault-tone) 17%, transparent)}.suite-feature{transition:transform .2s,box-shadow .2s,border-color .2s}.suite-feature:hover{border-color:color-mix(in srgb, var(--vault-tone) 75%, var(--border));box-shadow:var(--shadow-md), 0 0 26px color-mix(in srgb, var(--vault-tone) 12%, transparent);transform:translateY(-6px)}.suite-teal{--vault-tone:var(--success)}.suite-amber{--vault-tone:var(--warning)}.suite-shimmer{isolation:isolate;transition:transform var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.suite-shimmer:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--contact-x,50%) var(--contact-y,50%), color-mix(in srgb, var(--primary-foreground) 45%, transparent), transparent 45%);position:absolute;inset:-100%}.suite-shimmer:hover:after{animation:.35s ease-out suite-handshake}.suite-shimmer:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.suite-orbit{border:1px solid color-mix(in srgb, var(--primary) 32%, transparent);box-shadow:inset 0 0 50px color-mix(in srgb, var(--primary) 8%, transparent)}.suite-amber-band{background:radial-gradient(ellipse at right, color-mix(in srgb, var(--warning) 22%, transparent), transparent 65%), radial-gradient(ellipse at left, color-mix(in srgb, var(--primary) 12%, transparent), transparent 65%), var(--card);border-color:color-mix(in srgb, var(--warning) 50%, var(--border))}@keyframes suite-handshake{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.suite-feature,.suite-shimmer{transition:none}.suite-feature:hover,.suite-shimmer:hover{transform:none}.suite-shimmer:hover:after{animation:none}}
