.mega-glass{isolation:isolate;background:color-mix(in srgb, var(--color-surface) 82%, transparent);-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-surface) 60%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-surface) 95%, transparent), 0 1px 2px color-mix(in srgb, var(--color-ink) 6%, transparent), 0 10px 24px -10px color-mix(in srgb, var(--color-ink) 18%, transparent), 0 32px 72px -24px color-mix(in srgb, var(--color-ink) 32%, transparent);border-radius:22px;position:relative}.mega-glass:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 70%, transparent) 0%, transparent 38%), radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--color-electric) 12%, transparent) 0%, transparent 60%);position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mega-glass{background:color-mix(in srgb, var(--color-surface) 97%, var(--color-bg))}}.mega-glass-motion{transform-origin:top;animation:mega-glass-in .2s var(--ease-out-soft,cubic-bezier(.22, 1, .36, 1)) backwards}.mega-glass-motion[data-state=closed]{pointer-events:none;animation:.16s ease-out both mega-glass-out}@keyframes mega-glass-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:none}}@keyframes mega-glass-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)scale(.99)}}@media (prefers-reduced-motion:reduce){.mega-glass-motion,.mega-glass-motion[data-state=closed]{animation:none}.mega-glass-motion[data-state=closed]{opacity:0}}.mega-eyebrow{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;line-height:1.5;display:flex}.mega-eyebrow:before{content:"";background-image:var(--brand-line,var(--brand-gradient));border-radius:999px;width:.75rem;height:2px}.mega-item{transition:background-color .18s ease-out,box-shadow .18s ease-out;position:relative}.mega-item:hover,.mega-item:focus-visible{background-color:color-mix(in srgb, var(--color-surface) 72%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface) 100%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 6%, transparent), 0 4px 14px -6px color-mix(in srgb, var(--color-ink) 18%, transparent)}.mega-item:focus-visible{outline-offset:0;border-radius:14px}.mega-item-icon{opacity:0;transition:opacity .18s ease-out, transform .22s var(--ease-out-soft,ease-out);transform:translate(-4px)}.mega-item:hover .mega-item-icon,.mega-item:focus-visible .mega-item-icon{opacity:1;transform:translate(0)}.mega-glass-card{background:color-mix(in srgb, var(--color-surface) 62%, transparent);border:1px solid color-mix(in srgb, var(--color-ink) 7%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface) 100%, transparent), 0 12px 28px -16px color-mix(in srgb, var(--color-ink) 28%, transparent)}.mega-glass-button{background:color-mix(in srgb, var(--color-surface) 70%, transparent);border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface) 100%, transparent);transition:background-color .16s ease-out,border-color .16s ease-out}.mega-glass-button:hover{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-ink) 22%, transparent)}@media (prefers-reduced-motion:reduce){.mega-item-icon{transition:opacity .18s ease-out;transform:none}}
