.hero-illustration.svelte-a7yrfr{position:relative;width:100%;aspect-ratio:1 / 1;max-width:540px;margin-inline:auto}.backdrop.svelte-a7yrfr{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(135deg,color-mix(in oklab,var(--palette-light) 25%,var(--background)),color-mix(in oklab,var(--palette-light) 55%,var(--background)))}.tile-grid.svelte-a7yrfr{position:absolute;top:6.6%;right:6.6%;bottom:6.6%;left:6.6%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2.6%}.tile.svelte-a7yrfr{background:var(--card);border-radius:14px;border:1px solid var(--border);padding:clamp(8px,2.6%,14px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 6px color-mix(in oklab,var(--palette-navy) 8%,transparent);color:var(--card-foreground);position:relative;animation:svelte-a7yrfr-drift var(--drift-duration, 5s) ease-in-out infinite;animation-delay:var(--drift-delay, 0s);will-change:transform}.tile.has-pulse.svelte-a7yrfr:after{content:"";position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:99px;background:var(--palette-blue);animation:svelte-a7yrfr-pulseDot 2.6s ease-out infinite}.tile.has-pulse.pulse-teal.svelte-a7yrfr:after{background:var(--palette-teal);animation-delay:-.9s}.tile.has-pulse.svelte-a7yrfr:nth-child(8):after{animation-delay:-1.7s}@keyframes svelte-a7yrfr-drift{0%,to{transform:translateY(0)}50%{transform:translateY(var(--drift-distance, -2px))}}@keyframes svelte-a7yrfr-pulseDot{0%{box-shadow:0 0 color-mix(in oklab,var(--palette-blue) 50%,transparent)}60%{box-shadow:0 0 0 8px color-mix(in oklab,var(--palette-blue) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--palette-blue) 0%,transparent)}}.tile.has-pulse.pulse-teal.svelte-a7yrfr:after{animation-name:svelte-a7yrfr-pulseDotTeal}@keyframes svelte-a7yrfr-pulseDotTeal{0%{box-shadow:0 0 color-mix(in oklab,var(--palette-teal) 50%,transparent)}60%{box-shadow:0 0 0 8px color-mix(in oklab,var(--palette-teal) 0%,transparent)}to{box-shadow:0 0 color-mix(in oklab,var(--palette-teal) 0%,transparent)}}.tile.dimmed.svelte-a7yrfr{opacity:.4}.icon-wrap.svelte-a7yrfr{width:clamp(28px,18%,36px);aspect-ratio:1;border-radius:8px;display:grid;place-items:center}.icon-wrap.large.svelte-a7yrfr{width:40px;height:40px;border-radius:10px}.icon-wrap.svelte-a7yrfr svg:where(.svelte-a7yrfr){width:78%;height:78%}.icon-wrap.tone-blue.svelte-a7yrfr{background:color-mix(in oklab,var(--palette-blue) 14%,transparent);color:var(--palette-blue)}.icon-wrap.tone-teal.svelte-a7yrfr{background:color-mix(in oklab,var(--palette-teal) 14%,transparent);color:var(--palette-teal)}.tile-label.svelte-a7yrfr{font-size:clamp(10px,2.2%,12px);font-weight:600;color:var(--foreground)}.tile-meta.svelte-a7yrfr{font-size:clamp(9px,1.9%,10px);color:var(--muted-foreground);font-family:ui-monospace,JetBrains Mono,monospace;margin-top:2px}.detail-card.svelte-a7yrfr{position:absolute;left:24%;top:32%;width:52%;background:var(--card);border-radius:16px;border:1px solid var(--border);box-shadow:0 18px 38px color-mix(in oklab,var(--palette-navy) 18%,transparent);padding:clamp(12px,3.3%,18px);display:flex;flex-direction:column;gap:10px;color:var(--card-foreground);animation:svelte-a7yrfr-drift 7s ease-in-out infinite;animation-delay:-2s;--drift-distance: -3px;will-change:transform}.detail-header.svelte-a7yrfr{display:flex;gap:12px;align-items:center}.detail-title.svelte-a7yrfr{font-size:clamp(12px,2.6%,14px);font-weight:700;color:var(--foreground)}.detail-sub.svelte-a7yrfr{font-size:clamp(10px,2%,11px);color:var(--muted-foreground);font-family:ui-monospace,JetBrains Mono,monospace}.chips.svelte-a7yrfr{display:flex;gap:8px;font-size:clamp(9px,1.9%,10px);font-family:ui-monospace,JetBrains Mono,monospace}.chip.svelte-a7yrfr{background:var(--muted);color:var(--muted-foreground);padding:4px 8px;border-radius:6px}.progress.svelte-a7yrfr{flex:1;height:6px;border-radius:99px;background:var(--secondary);overflow:hidden;margin-top:4px}.progress-fill.svelte-a7yrfr{width:64%;height:100%;border-radius:99px;background:var(--palette-mid)}.detail-foot.svelte-a7yrfr{font-size:clamp(10px,2%,11px);color:var(--muted-foreground)}.dark .backdrop.svelte-a7yrfr{background:linear-gradient(135deg,color-mix(in oklab,var(--palette-blue) 12%,var(--background)),color-mix(in oklab,var(--palette-navy) 65%,var(--background)))}@media(prefers-reduced-motion:reduce){.tile.svelte-a7yrfr,.detail-card.svelte-a7yrfr,.tile.has-pulse.svelte-a7yrfr:after{animation:none!important}}