:root {
    --brand-bg: #080a0c;
    --brand-surface: #101317;
    --brand-surface-raised: #15191e;
    --brand-surface-interactive: #1a2227;
    --brand-surface-inset: #11171b;
    --brand-line: #282d32;
    --brand-text: #f1f2ef;
    --brand-muted: #969da2;
    --brand-lime: #caff32;
    --brand-cyan: #55dbe7;
    --brand-success: #65f59a;
    --brand-success-rgb: 101, 245, 154;
    --brand-warning: #f5b942;
    --brand-error: #ff728c;
    --brand-error-rgb: 255, 114, 140;
    --brand-font: Arial, "Helvetica Neue", sans-serif;
    --brand-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --brand-radius: 10px;
    --brand-focus: 0 0 0 3px rgba(202, 255, 50, 0.25);
    --brand-display-size: clamp(3.25rem, 6.5vw, 5.95rem);
    --brand-page-title-size: clamp(1.8rem, 3vw, 2.45rem);
    --brand-section-title-size: clamp(1.15rem, 1.8vw, 1.45rem);
    --brand-body-size: 1rem;
    --brand-label-size: 0.7rem;
}

.brand-orbit{position:relative;display:grid;place-items:center;width:var(--brand-orbit-size,280px);aspect-ratio:1;isolation:isolate}
.brand-orbit__path{position:absolute;inset:8%;border:1px solid rgba(85,219,231,.34);border-radius:50%;animation:brand-orbit-spin 24s linear infinite}
.brand-orbit__path:nth-child(2){inset:22%;border-color:rgba(202,255,50,.4);border-style:dashed;animation-direction:reverse;animation-duration:17s}
.brand-orbit__path:after{content:"";position:absolute;top:12%;left:14%;width:8px;height:8px;border-radius:50%;background:var(--brand-cyan);box-shadow:0 0 18px var(--brand-cyan)}
.brand-orbit__path:nth-child(2):after{inset:auto 9% 16% auto;background:var(--brand-lime);box-shadow:0 0 18px var(--brand-lime)}
.brand-orbit__core{position:relative;z-index:1;display:grid;place-items:center;width:34%;aspect-ratio:1;border:1px solid #3b444a;border-radius:50%;background:var(--brand-surface-raised);box-shadow:0 0 50px rgba(85,219,231,.14)}
.brand-orbit__core img{width:66%;height:66%;border-radius:50%;object-fit:cover}
@keyframes brand-orbit-spin{to{transform:rotate(360deg)}}

.brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--brand-text);
    font-family: var(--brand-font);
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1;
}

.brand-lockup img {
    width: 44px;
    height: 44px;
    border: 1px solid #33383d;
    border-radius: 50%;
    object-fit: cover;
}

.brand-lockup em {
    color: var(--brand-lime);
    font-style: normal;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}