.tenant-startup {
    --startup-primary: #1e40af;
    --startup-secondary: #3b82f6;
    --startup-background: #f8fafc;
    --startup-text: #172033;
    --startup-muted: #586477;
    position: fixed;
    inset: 0;
    overflow: auto;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    padding: max(2rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));
    background: var(--startup-background);
    color: var(--startup-text);
    font-family: var(--startup-font, system-ui, sans-serif);
    text-align: center;
    isolation: isolate;
}

.tenant-startup::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at 35% 35%, var(--startup-primary), transparent 65%),
        radial-gradient(ellipse at 80% 80%, var(--startup-secondary), transparent 60%);
    opacity: .09;
}

.tenant-startup [hidden] { display: none !important; }
.tenant-startup__content { width: min(100%, 26rem); margin: auto; }
.tenant-startup__logo {
    display: grid;
    place-items: center;
    width: min(100%, 13rem);
    height: 8rem;
    box-sizing: border-box;
    margin: 0 auto 1.75rem;
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1.25rem;
    box-shadow: 0 12px 40px #00000008;
}
.tenant-startup__logo img { width: 100%; height: 100%; object-fit: contain; min-height: 0; }
.tenant-startup h1 {
    margin: 0 0 .75rem;
    font-family: var(--startup-heading-font, var(--startup-font, system-ui, sans-serif));
    font-size: clamp(1.5rem, 5vw, 2rem);
    font-weight: 650;
    line-height: 1.2;
    overflow-wrap: anywhere;
}
.tenant-startup__tagline { margin: 0; color: var(--startup-muted); line-height: 1.6; overflow-wrap: anywhere; }
.tenant-startup__track { height: 4px; margin: 2.25rem auto 1rem; overflow: hidden; border-radius: 999px; background: #8794a52e; }
.tenant-startup__bar {
    height: 100%;
    width: var(--blazor-load-percentage, 0%);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--startup-primary), var(--startup-secondary));
    transition: width .15s ease;
}
.tenant-startup[data-startup-mode="mobile"] .tenant-startup__bar {
    width: 35%;
    animation: tenant-startup-slide 1.6s ease-in-out infinite alternate;
}
.tenant-startup__status, .tenant-startup__help { font-size: .875rem; color: var(--startup-muted); line-height: 1.6; }
.tenant-startup__status { margin: 0; }
.tenant-startup__help { margin: 1.5rem 0 0; }
.tenant-startup__help a { color: var(--startup-text); text-decoration: underline; text-underline-offset: .2em; }
@keyframes tenant-startup-slide { from { transform: translateX(-100%); } to { transform: translateX(285%); } }
@media (prefers-color-scheme: dark) {
    .tenant-startup { --startup-background: #141923; --startup-text: #f1f5f9; --startup-muted: #a8b4c5; }
    .tenant-startup::before { opacity: .16; }
}
@media (prefers-reduced-motion: reduce) {
    .tenant-startup__bar { transition: none; }
    .tenant-startup[data-startup-mode="mobile"] .tenant-startup__bar { animation: none; width: 100%; opacity: .5; }
}