/* /Components/Account/AccountBillingPage.razor.rz.scp.css */
.billing[b-kxd1m3puqs] { display: grid; gap: 0.75rem; max-width: 44rem; margin-top: 3.5rem; color: var(--text-body); }
.billing b[b-kxd1m3puqs] { color: var(--text-head); }
.billing__title[b-kxd1m3puqs] { margin-bottom: 0.5rem; font-size: 1.75rem; line-height: 1.21; letter-spacing: -0.02em; }
.billing__note[b-kxd1m3puqs] { color: var(--text-muted); font-size: 0.875rem; }
/* /Components/Account/AccountDevicesPage.razor.rz.scp.css */
.devices-intro[b-zenv18mcx9] { max-width: 44rem; }
/* /Components/Account/AccountSettingsPage.razor.rz.scp.css */
.settings__notice[b-m71bgprlqk] { margin-bottom: 1.5rem; }

.settings[b-m71bgprlqk] { display: grid; gap: 1.5rem; }

.setting[b-m71bgprlqk] {
    display: grid;
    gap: 1rem;
    padding: 2rem;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--surface-card);
    scroll-margin-top: calc(var(--nav-height) + 1rem);
}

.setting--danger[b-m71bgprlqk] { border-color: rgb(240 106 106 / 0.35); }

.setting__title[b-m71bgprlqk] { font-size: 1.375rem; line-height: 1.27; letter-spacing: -0.02em; }
.setting__lead[b-m71bgprlqk] { max-width: 44rem; color: var(--text-body); }
.setting__lead b[b-m71bgprlqk] { color: var(--text-head); }
.setting__hint[b-m71bgprlqk] { max-width: 44rem; color: var(--text-muted); font-size: 0.875rem; }

.setting[b-m71bgprlqk]  .setting__form { display: grid; justify-items: start; gap: 1rem; max-width: 26rem; }
.setting[b-m71bgprlqk]  .setting__form .field { width: 100%; }
.setting[b-m71bgprlqk]  .setting__form .field + .field { margin-top: 0; }

@media (max-width: 720px) {
    .setting[b-m71bgprlqk] { padding: 1.5rem 1.25rem; }
}
/* /Components/Account/DeviceManager.razor.rz.scp.css */
.devices[b-5ghwnxdfbk] { margin-top: 3.5rem; }

.devices__head[b-5ghwnxdfbk] { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.devices__title[b-5ghwnxdfbk] { font-size: 1.75rem; line-height: 1.21; letter-spacing: -0.02em; }
.devices__count[b-5ghwnxdfbk] { color: var(--text-muted); font-family: var(--font-mono); font-size: 0.875rem; }

.devices__list[b-5ghwnxdfbk] {
    margin: 1.5rem 0 0;
    padding: 0 1.5rem;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--surface-card);
    list-style: none;
}

.devices__list--empty[b-5ghwnxdfbk] { display: grid; justify-items: start; gap: 1rem; padding: 2rem; color: var(--text-body); }
.devices__list--empty b[b-5ghwnxdfbk] { color: var(--text-head); }

.device[b-5ghwnxdfbk] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 180px auto;
    align-items: center;
    gap: 1.25rem;
    min-height: 88px;
    padding: 1rem 0.5rem;
}

.device + .device[b-5ghwnxdfbk] { border-top: 1px solid var(--line); }

.devices[b-5ghwnxdfbk]  .device__icon { color: var(--text-body); }
.device__name[b-5ghwnxdfbk] { color: var(--text-head); font-size: 1rem; font-weight: 700; }
.device__meta[b-5ghwnxdfbk] { color: var(--text-muted); font-family: var(--font-mono); font-size: 0.75rem; }
.device__status[b-5ghwnxdfbk] { color: var(--text-body); font-size: 0.875rem; }
.device__actions[b-5ghwnxdfbk] { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; }

.device__rename[b-5ghwnxdfbk] { display: flex; gap: 0.5rem; align-items: center; }
.device__rename .input[b-5ghwnxdfbk] { min-height: 36px; padding: 0.375rem 0.75rem; }

.devices__message[b-5ghwnxdfbk] { margin-top: 1rem; color: var(--success); font-size: 0.875rem; }
.devices__note[b-5ghwnxdfbk] { margin-top: 1.25rem; color: var(--text-muted); font-size: 0.9375rem; }

@media (max-width: 760px) {
    .devices__list[b-5ghwnxdfbk] { padding: 0 1rem; }
    .device[b-5ghwnxdfbk] { grid-template-columns: 36px minmax(0, 1fr); gap: 0.75rem 1rem; }
    .device__status[b-5ghwnxdfbk] { grid-column: 2; }
    .device__actions[b-5ghwnxdfbk] { grid-column: 1 / -1; justify-content: flex-start; }
}
/* /Components/Account/PlanSummary.razor.rz.scp.css */
.plan[b-cofp3op5sn] {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.5rem;
    border-radius: 28px;
    background: var(--paper);
    color: var(--ink);
    overflow: visible;
}

/* The brand gradient as a thin rule along the top edge. */
.plan[b-cofp3op5sn]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    border-radius: 28px 28px 0 0;
    background: var(--brand-gradient);
}

.plan[b-cofp3op5sn]  .plan__sticker { position: absolute; right: -6px; top: -18px; min-height: 38px; padding: 0 1.75rem; font-size: 0.8125rem; }

.plan__label[b-cofp3op5sn] { color: #7a7f87; }
.plan__name[b-cofp3op5sn] { margin-top: 0.375rem; color: var(--ink); font-size: 2.25rem; line-height: 1.17; letter-spacing: -0.03em; }
.plan__detail[b-cofp3op5sn] { margin-top: 0.5rem; color: var(--ink-muted); font-size: 1rem; }
.plan__status[b-cofp3op5sn] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.5rem; }
.plan__promise[b-cofp3op5sn] { color: var(--ink-muted); font-family: var(--font-serif); font-style: italic; font-size: 1.125rem; }

.plan__actions[b-cofp3op5sn] { display: grid; justify-items: center; align-content: start; gap: 1rem; padding-top: 1rem; }
.plan__invoices[b-cofp3op5sn] { color: #0e7c8c; font-size: 0.9375rem; font-weight: 600; }

@media (max-width: 760px) {
    .plan[b-cofp3op5sn] { flex-direction: column; padding: 2rem 1.5rem; }
    .plan__actions[b-cofp3op5sn] { justify-items: start; padding-top: 0; }
}
/* /Components/Auth/AuthCard.razor.rz.scp.css */
.auth-card[b-kshyrpobmi] {
    width: min(100%, 440px);
    padding: 2.5rem;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: var(--surface-card);
    box-shadow: 0 24px 64px rgb(0 0 0 / 0.4);
}

.auth-card__title[b-kshyrpobmi] { font-size: 2rem; line-height: 1.19; letter-spacing: -0.025em; }
.auth-card__lead[b-kshyrpobmi] { margin-top: 0.75rem; color: var(--text-body); font-size: 0.9375rem; line-height: 1.6; }
.auth-card__alert[b-kshyrpobmi] { margin-top: 1.25rem; }
.auth-card__body[b-kshyrpobmi] { margin-top: 1.75rem; }

.auth-footer[b-kshyrpobmi] { margin-top: 1.5rem; color: var(--text-muted); font-size: 0.9375rem; text-align: center; }

@media (max-width: 480px) {
    .auth-card[b-kshyrpobmi] { padding: 1.75rem 1.5rem; border-radius: 24px; }
    .auth-card__title[b-kshyrpobmi] { font-size: 1.625rem; }
}
/* /Components/Auth/CheckEmail.razor.rz.scp.css */
.tips[b-y80lapj3ut] { display: grid; gap: 0.75rem; margin: 0; padding: 0; list-style: none; color: var(--text-body); font-size: 0.9375rem; }
.tips li[b-y80lapj3ut] { position: relative; padding-left: 1.25rem; }
.tips li[b-y80lapj3ut]::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }
/* /Components/Auth/OAuthButtons.razor.rz.scp.css */
.oauth[b-uqt4yu345o] { display: grid; gap: 0.625rem; }

.oauth__btn[b-uqt4yu345o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 48px;
    border: 1px solid var(--line-strong);
    border-radius: 24px;
    background: var(--bg-page);
    color: var(--text-head);
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.oauth__btn:hover[b-uqt4yu345o] { text-decoration: none; border-color: #4a505a; background: #15171a; }

.oauth__or[b-uqt4yu345o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0;
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.oauth__or[b-uqt4yu345o]::before, .oauth__or[b-uqt4yu345o]::after { content: ""; flex: 1; height: 1px; background: var(--line); }
/* /Components/Auth/SignIn.razor.rz.scp.css */
.field__row[b-k6tau3e8pq] { display: flex; justify-content: space-between; align-items: baseline; }
.field__aside[b-k6tau3e8pq] { font-size: 0.8125rem; font-weight: 600; }

.signin__remember[b-k6tau3e8pq] { margin-top: 1.25rem; color: var(--text-body); }
.signin__alt[b-k6tau3e8pq] { margin-top: 1.25rem; font-size: 0.875rem; font-weight: 600; text-align: center; }
/* /Components/Auth/SignUp.razor.rz.scp.css */
.signup__consents[b-pu1fjksnky] { display: grid; gap: 0.875rem; margin-top: 1.5rem; color: var(--text-body); }
/* /Components/Desktop/DesktopAuthorize.razor.rz.scp.css */
.card[b-1unbhu0nrg] {
    width: min(100%, 480px);
    margin-top: 2.5rem;
    padding: 2.5rem;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: var(--surface-card);
    box-shadow: 0 24px 64px rgb(0 0 0 / 0.4);
}

.card__title[b-1unbhu0nrg] { font-size: 2rem; line-height: 1.19; letter-spacing: -0.025em; }
.card__body[b-1unbhu0nrg] { margin-top: 0.75rem; color: var(--text-body); font-size: 0.9375rem; line-height: 1.6; }

.card__device[b-1unbhu0nrg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 0.875rem 1.125rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--bg-page);
    color: var(--text-body);
}

.card__device-name[b-1unbhu0nrg] { color: var(--text-head); font-size: 0.9375rem; font-weight: 700; }
.card__device-meta[b-1unbhu0nrg] { color: var(--text-muted); font-family: var(--font-mono); font-size: 0.75rem; }

.card__account[b-1unbhu0nrg] { display: flex; align-items: center; gap: 0.625rem; margin-top: 1.25rem; }
.card__email[b-1unbhu0nrg] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--text-head); font-size: 0.875rem; font-weight: 600; }

.card__switch button[b-1unbhu0nrg] {
    padding: 0.25rem 0;
    border: 0;
    background: none;
    color: var(--link);
    font-size: 0.875rem;
    font-weight: 600;
}
.card__switch button:hover[b-1unbhu0nrg] { text-decoration: underline; text-underline-offset: 3px; }

.card__actions[b-1unbhu0nrg] { display: grid; grid-template-columns: 1fr auto; gap: 0.75rem; margin-top: 2.25rem; }
.card__open[b-1unbhu0nrg] { position: relative; display: grid; }
.card[b-1unbhu0nrg]  .card__you { position: absolute; right: -28px; top: 36px; }

.fine-print[b-1unbhu0nrg] { margin-top: 1.75rem; color: var(--text-muted); font-size: 0.875rem; text-align: center; }

@media (max-width: 480px) {
    .card[b-1unbhu0nrg] { padding: 1.75rem 1.5rem; }
    .card__title[b-1unbhu0nrg] { font-size: 1.625rem; }
    .card__actions[b-1unbhu0nrg] { grid-template-columns: 1fr; }
    .card[b-1unbhu0nrg]  .card__you { display: none; }
}
/* /Components/Desktop/DesktopAuthorizeError.razor.rz.scp.css */
.stopped[b-p4ey0savvs] { display: grid; justify-items: center; gap: 1.5rem; max-width: 40rem; margin-top: 3rem; text-align: center; }
.stopped b[b-p4ey0savvs] { color: var(--text-head); }
/* /Components/Desktop/DesktopSignedIn.razor.rz.scp.css */
.signed[b-i90rfwt9rt] { display: grid; justify-items: center; text-align: center; }

.signed__art[b-i90rfwt9rt] { position: relative; margin-bottom: 3.5rem; }
.signed[b-i90rfwt9rt]  .signed__sticker { position: absolute; left: calc(100% + 40px); top: -36px; min-height: 38px; padding: 0 1.75rem; font-size: 0.8125rem; }

.signed__body[b-i90rfwt9rt] { max-width: 37.5rem; margin-top: 1.75rem; }

/* W-AUTH-3: the fallback waits 3 seconds, so it only shows when the app did not come to the front. */
.signed__fallback[b-i90rfwt9rt] {
    margin-top: 2.5rem;
    font-weight: 600;
    opacity: 0;
    visibility: hidden;
    animation: reveal-b-i90rfwt9rt 200ms ease-out 3s forwards;
}

@keyframes reveal-b-i90rfwt9rt { to { opacity: 1; visibility: visible; } }

@media (prefers-reduced-motion: reduce) {
    .signed__fallback[b-i90rfwt9rt] { opacity: 1; visibility: visible; animation: none; }
}

@media (max-width: 720px) {
    .signed[b-i90rfwt9rt]  .signed__sticker { left: auto; right: -12px; top: -48px; }
}
/* /Components/Desktop/Handshake.razor.rz.scp.css */
.handshake[b-nwp7qnawht] { display: flex; align-items: center; justify-content: center; }

.handshake__browser[b-nwp7qnawht] {
    position: relative;
    width: 88px;
    height: 64px;
    overflow: hidden;
    border: 1px solid var(--line-strong);
    border-radius: 12px;
    background: var(--surface-card);
}

.handshake__browser[b-nwp7qnawht]::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 16px; background: var(--surface-raised); }
.handshake__browser i[b-nwp7qnawht] { position: absolute; top: 5px; width: 6px; height: 6px; border-radius: 50%; background: var(--line-strong); }
.handshake__browser i:nth-child(1)[b-nwp7qnawht] { left: 8px; }
.handshake__browser i:nth-child(2)[b-nwp7qnawht] { left: 17px; }
.handshake__browser i:nth-child(3)[b-nwp7qnawht] { left: 26px; }
.handshake__browser b[b-nwp7qnawht] { position: absolute; left: 14px; height: 6px; border-radius: 3px; background: var(--line-strong); }
.handshake__browser b:nth-of-type(1)[b-nwp7qnawht] { top: 30px; width: 44px; }
.handshake__browser b:nth-of-type(2)[b-nwp7qnawht] { top: 42px; width: 60px; }

.handshake__link[b-nwp7qnawht] {
    position: relative;
    display: grid;
    place-items: center;
    width: 112px;
    height: 32px;
}

.handshake__link[b-nwp7qnawht]::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 15px;
    border-top: 2px dashed var(--line-strong);
}

.handshake--done .handshake__link[b-nwp7qnawht]::before { border-top-style: solid; border-color: var(--teal); }

.handshake__state[b-nwp7qnawht] {
    position: relative;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    background: var(--surface-raised);
}

.handshake--done .handshake__state[b-nwp7qnawht] { border-color: var(--teal); background: var(--teal); }
.handshake__state svg[b-nwp7qnawht] { fill: none; stroke: var(--ink); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.handshake__lock[b-nwp7qnawht] { position: relative; width: 10px; height: 8px; margin-top: 4px; border-radius: 2px; background: var(--text-body); }
.handshake__lock[b-nwp7qnawht]::before { content: ""; position: absolute; left: 2px; top: -5px; width: 6px; height: 6px; border: 1.5px solid var(--text-body); border-bottom: 0; border-radius: 4px 4px 0 0; box-sizing: border-box; }

.handshake__app[b-nwp7qnawht] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid rgb(255 255 255 / 0.1);
    border-radius: 16px;
    background: var(--surface-raised);
}
/* /Components/Layout/AccountLayout.razor.rz.scp.css */
.account[b-pic5p2vaeo] { padding-block: 4rem 6rem; }

.account__head[b-pic5p2vaeo] { display: grid; gap: 0.75rem; }
.account__hello[b-pic5p2vaeo] { margin-top: 0.25rem; }

.account__body[b-pic5p2vaeo] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 3.75rem;
    margin-top: 3rem;
}

.account__nav ul[b-pic5p2vaeo] { display: grid; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }

.account__nav[b-pic5p2vaeo]  a {
    display: block;
    padding: 0.625rem 1.25rem;
    border-radius: 20px;
    color: var(--text-body);
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
}

.account__nav[b-pic5p2vaeo]  a:hover { color: var(--text-head); background: rgb(255 255 255 / 0.04); }
.account__nav[b-pic5p2vaeo]  a.is-active { background: var(--paper); color: var(--ink); font-weight: 600; }

.account__signout[b-pic5p2vaeo] { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.account__signout button[b-pic5p2vaeo] {
    padding: 0.5rem 1.25rem;
    border: 0;
    background: none;
    color: var(--text-muted);
    font-size: 0.875rem;
}
.account__signout button:hover[b-pic5p2vaeo] { color: var(--text-head); }

.account__content[b-pic5p2vaeo] { min-width: 0; }

@media (max-width: 900px) {
    .account[b-pic5p2vaeo] { padding-block: 2.5rem 4rem; }
    .account__body[b-pic5p2vaeo] { grid-template-columns: 1fr; gap: 2rem; margin-top: 2rem; }
    .account__nav ul[b-pic5p2vaeo] { display: flex; gap: 0.25rem; overflow-x: auto; }
    .account__nav[b-pic5p2vaeo]  a { white-space: nowrap; }
    .account__signout[b-pic5p2vaeo] { display: none; }
}
/* /Components/Layout/FocusLayout.razor.rz.scp.css */
.focus[b-iy2j5gdhbg] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 2.75rem var(--gutter) 2.5rem;
    overflow: hidden;
}

.focus__glow-a[b-iy2j5gdhbg] { width: 620px; height: 520px; left: calc(50% - 560px); top: 22%; }
.focus__glow-b[b-iy2j5gdhbg] { width: 640px; height: 520px; left: calc(50% - 40px); top: 30%; }

.focus__header[b-iy2j5gdhbg] { position: relative; z-index: 1; }

.focus__main[b-iy2j5gdhbg] {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-block: 2rem;
    outline: none;
}

.focus[b-iy2j5gdhbg]  .focus-footnote {
    position: relative;
    z-index: 1;
    margin-top: 1.5rem;
    color: #4f555d;
    text-align: center;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jlt7tjehy7],
.components-reconnect-repeated-attempt-visible[b-jlt7tjehy7],
.components-reconnect-failed-visible[b-jlt7tjehy7],
.components-pause-visible[b-jlt7tjehy7],
.components-resume-failed-visible[b-jlt7tjehy7],
.components-rejoining-animation[b-jlt7tjehy7] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-jlt7tjehy7],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-jlt7tjehy7],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-jlt7tjehy7],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-jlt7tjehy7],
#components-reconnect-modal.components-reconnect-retrying[b-jlt7tjehy7],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-jlt7tjehy7],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-jlt7tjehy7],
#components-reconnect-modal.components-reconnect-failed[b-jlt7tjehy7],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-jlt7tjehy7] {
    display: block;
}


#components-reconnect-modal[b-jlt7tjehy7] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-jlt7tjehy7 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-jlt7tjehy7 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-jlt7tjehy7 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-jlt7tjehy7]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-jlt7tjehy7 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-jlt7tjehy7 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-jlt7tjehy7 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-jlt7tjehy7 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-jlt7tjehy7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-jlt7tjehy7] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-jlt7tjehy7] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-jlt7tjehy7] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-jlt7tjehy7] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-jlt7tjehy7] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-jlt7tjehy7] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-jlt7tjehy7 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-jlt7tjehy7] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-jlt7tjehy7 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-gajoeos2av] {
    position: relative;
    overflow: hidden;
    background: var(--bg-footer);
    border-top: 1px solid var(--line);
    padding-top: 4.5rem;
}

.site-footer__top[b-gajoeos2av] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(3, 200px);
    gap: 2rem 0;
}

.site-footer__brand[b-gajoeos2av] { display: grid; align-content: start; gap: 1.25rem; max-width: 400px; }
.site-footer__tagline[b-gajoeos2av] { color: var(--text-body); line-height: 1.63; }

.site-footer__col ul[b-gajoeos2av] { display: grid; gap: 0.75rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.site-footer__col a[b-gajoeos2av] { color: var(--text-body); font-size: 0.9375rem; }
.site-footer__col a:hover[b-gajoeos2av] { color: var(--text-head); }

.site-footer__legal[b-gajoeos2av] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 2.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--line);
    color: var(--text-muted);
    font-size: 0.8125rem;
}

/* The giant wordmark, cut off by the bottom edge like a frame bigger than the viewport. */
.site-footer__wordmark[b-gajoeos2av] {
    position: relative;
    width: min(100% - 2 * var(--gutter) + 32px, 1300px);
    margin: 2rem auto 0 max(calc(var(--gutter) - 16px), calc(50% - 616px));
    height: 0.89em;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(7rem, 20.8vw, 18.75rem);
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: rgb(255 255 255 / 0.06);
    white-space: nowrap;
    user-select: none;
}

.site-footer__edit[b-gajoeos2av] {
    position: absolute;
    left: 0.1267em;
    top: 0.2867em;
    width: 0.5933em;
    height: 0.5933em;
    overflow: visible;
    fill: none;
    stroke: #4f9eff;
}

.site-footer__edit *[b-gajoeos2av] { vector-effect: non-scaling-stroke; stroke-width: 1.5; }
.site-footer__edit path[b-gajoeos2av] { stroke-width: 1; }
.site-footer__edit .handle[b-gajoeos2av], .site-footer__edit .point[b-gajoeos2av] { fill: #fff; }

@media (max-width: 960px) {
    .site-footer__top[b-gajoeos2av] { grid-template-columns: 1fr 1fr; }
    .site-footer__brand[b-gajoeos2av] { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
    .site-footer[b-gajoeos2av] { padding-top: 3rem; }
    .site-footer__legal[b-gajoeos2av] { flex-direction: column; }
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-nydb0zc6a6] {
    position: sticky;
    top: 0;
    z-index: 50;
    height: var(--nav-height);
    background: rgb(16 18 20 / 0.85);
    border-bottom: 1px solid rgb(255 255 255 / 0.08);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

.site-header__inner[b-nydb0zc6a6] {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 2rem;
}

.site-nav[b-nydb0zc6a6] { flex: 1; display: flex; justify-content: center; }
.site-nav ul[b-nydb0zc6a6] { display: flex; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }

.site-nav[b-nydb0zc6a6]  a {
    position: relative;
    display: block;
    padding: 0.5rem 0.875rem;
    color: var(--text-body);
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    transition: color 120ms ease;
}

.site-nav[b-nydb0zc6a6]  a:hover { color: var(--text-head); }

.site-nav[b-nydb0zc6a6]  a.is-active { color: var(--text-head); }

.site-nav[b-nydb0zc6a6]  a.is-active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 5px;
    height: 5px;
    margin-left: -2.5px;
    border-radius: 50%;
    background: var(--teal);
}

.site-header__actions[b-nydb0zc6a6] { display: flex; align-items: center; gap: 1.875rem; }

.site-header__signin[b-nydb0zc6a6],
.site-header__account[b-nydb0zc6a6] {
    color: var(--text-head);
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
}

.site-header__account[b-nydb0zc6a6] { display: inline-flex; align-items: center; gap: 1.25rem; }
.site-header__signin:hover[b-nydb0zc6a6], .site-header__account:hover[b-nydb0zc6a6] { text-decoration: none; color: #fff; }

/* Phone: logo + menu button (design "06 · Home — 390"). */
.mobile-menu[b-nydb0zc6a6] { display: none; margin-left: auto; }
.mobile-menu summary[b-nydb0zc6a6] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-right: -10px;
    list-style: none;
    color: var(--text-head);
    cursor: pointer;
    border-radius: 8px;
}
.mobile-menu summary[b-nydb0zc6a6]::-webkit-details-marker { display: none; }
.mobile-menu[b-nydb0zc6a6]  .mobile-menu__close { display: none; }
.mobile-menu[open][b-nydb0zc6a6]  .mobile-menu__open { display: none; }
.mobile-menu[open][b-nydb0zc6a6]  .mobile-menu__close { display: block; }

.mobile-menu__panel[b-nydb0zc6a6] {
    position: fixed;
    inset: var(--nav-height) 0 auto 0;
    display: grid;
    gap: 0.75rem;
    padding: 1rem var(--gutter) 1.5rem;
    background: var(--bg-page);
    border-bottom: 1px solid var(--line);
    box-shadow: var(--shadow-raised);
}

.mobile-menu__panel ul[b-nydb0zc6a6] { margin: 0 0 0.75rem; padding: 0; list-style: none; }
.mobile-menu__panel li a[b-nydb0zc6a6] {
    display: block;
    padding: 0.875rem 0;
    border-bottom: 1px solid var(--line);
    color: var(--text-head);
    font-size: 1.0625rem;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 960px) {
    .site-nav[b-nydb0zc6a6], .site-header__actions[b-nydb0zc6a6] { display: none; }
    .mobile-menu[b-nydb0zc6a6] { display: block; }
}

@media (max-width: 720px) {
    .site-header[b-nydb0zc6a6] { --nav-height: 64px; height: 64px; }
}
/* /Components/Pages/Download/DetectedPlatform.razor.rz.scp.css */
.detected[b-zodhkts7et] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem 2.5rem;
    border-radius: 28px;
    background: var(--paper);
    color: var(--ink);
    scroll-margin-top: calc(var(--nav-height) + 1rem);
}

.detected__label[b-zodhkts7et] { color: #7a7f87; }
.detected__title[b-zodhkts7et] { margin-top: 0.375rem; color: var(--ink); font-size: 1.75rem; line-height: 1.21; letter-spacing: -0.02em; }
.detected__meta[b-zodhkts7et] { margin-top: 0.5rem; color: var(--ink-muted); font-family: var(--font-mono); font-size: 0.8125rem; }

@media (max-width: 720px) {
    .detected[b-zodhkts7et] { flex-direction: column; align-items: stretch; padding: 1.75rem 1.5rem; }
}
/* /Components/Pages/Download/DownloadPage.razor.rz.scp.css */
.dl-hero[b-5yy0hqh02z] { position: relative; overflow: hidden; padding: 5.25rem 0 4rem; }
.dl-hero__glow[b-5yy0hqh02z] { width: 420px; height: 340px; left: calc(50% + 160px); top: 100px; opacity: 0.2; filter: blur(120px); }

.dl-hero__inner[b-5yy0hqh02z] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    align-items: center;
    gap: 2rem;
}

.dl-hero__title[b-5yy0hqh02z] { margin-top: 1rem; }
.dl-hero__lead[b-5yy0hqh02z] { max-width: 35rem; margin-top: 1.75rem; }

.dl-hero__icon[b-5yy0hqh02z] { position: relative; display: grid; justify-items: center; gap: 1.25rem; }

.dl-hero__tile[b-5yy0hqh02z] {
    display: grid;
    place-items: center;
    width: 180px;
    height: 180px;
    border: 1px solid rgb(255 255 255 / 0.1);
    border-radius: 40px;
    background: var(--surface-raised);
    box-shadow: 0 24px 48px rgb(0 0 0 / 0.6);
}

.dl-hero[b-5yy0hqh02z]  .dl-hero__signed { position: absolute; left: calc(50% + 50px); top: -20px; min-height: 36px; padding: 0 2rem; font-size: 0.8125rem; }
.dl-hero[b-5yy0hqh02z]  .dl-hero__you { position: absolute; left: calc(50% + 50px); top: 140px; }
.dl-hero__file[b-5yy0hqh02z] { color: var(--text-head); font-family: var(--font-mono); font-size: 0.8125rem; }

.dl-body[b-5yy0hqh02z] { display: grid; gap: 3.5rem; padding-bottom: 6rem; }
.dl-body__label[b-5yy0hqh02z] { margin-bottom: 1rem; }

.dl-grid[b-5yy0hqh02z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dl-pair[b-5yy0hqh02z] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }

@media (max-width: 1000px) {
    .dl-hero__inner[b-5yy0hqh02z] { grid-template-columns: 1fr; }
    .dl-hero__icon[b-5yy0hqh02z] { display: none; }
    .dl-grid[b-5yy0hqh02z] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dl-pair[b-5yy0hqh02z] { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .dl-hero[b-5yy0hqh02z] { padding-top: 3rem; }
    .dl-grid[b-5yy0hqh02z] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Download/PlatformCard.razor.rz.scp.css */
.platform[b-dl75x5apz5] {
    display: grid;
    align-content: start;
    gap: 0.125rem;
    height: 100%;
    min-height: 196px;
    padding: 1.5rem;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--surface-card);
    scroll-margin-top: calc(var(--nav-height) + 1rem);
}

.platform__os[b-dl75x5apz5] { font-size: 1.375rem; line-height: 1.27; letter-spacing: -0.02em; }
.platform__variant[b-dl75x5apz5] { margin-bottom: 1.125rem; color: var(--text-body); font-size: 0.9375rem; }
.platform__file[b-dl75x5apz5] { color: var(--text-muted); font-family: var(--font-mono); font-size: 0.75rem; overflow-wrap: anywhere; }
.platform__link[b-dl75x5apz5] { margin-top: 1.5rem; color: var(--teal); font-size: 0.9375rem; font-weight: 700; }
.platform__soon[b-dl75x5apz5] { margin-top: 1.5rem; color: var(--text-dim); font-size: 0.9375rem; font-weight: 700; }
/* /Components/Pages/Download/SystemRequirements.razor.rz.scp.css */
.reqs[b-cjmjxi7dlr] {
    padding: 1.75rem;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--surface-card);
    scroll-margin-top: calc(var(--nav-height) + 1rem);
}

.reqs__title[b-cjmjxi7dlr] { color: var(--teal); }

.reqs ul[b-cjmjxi7dlr] { display: grid; gap: 0.625rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.reqs li[b-cjmjxi7dlr] { position: relative; padding-left: 1.5rem; color: var(--text-head); font-size: 0.9375rem; line-height: 1.47; }
.reqs li[b-cjmjxi7dlr]::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0.45em;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: var(--teal);
    transform: rotate(45deg);
}
/* /Components/Pages/Download/VerifyDownload.razor.rz.scp.css */
.verify[b-gkrkzzz5c6] {
    padding: 1.75rem;
    border: 1px solid rgb(255 255 255 / 0.08);
    border-radius: 24px;
    background: #0a0b0d;
}

.verify__title[b-gkrkzzz5c6] { color: var(--teal); }

.verify pre[b-gkrkzzz5c6] {
    margin: 1.5rem 0 0;
    overflow-x: auto;
    color: var(--text-head);
    font-family: var(--font-mono);
    font-size: 0.875rem;
    line-height: 2.55;
    white-space: pre;
}

.verify b[b-gkrkzzz5c6] { font-weight: 600; }
.verify .c[b-gkrkzzz5c6] { color: var(--text-muted); }
.verify__note[b-gkrkzzz5c6] { margin-top: 0.75rem; color: var(--text-muted); font-size: 0.8125rem; }
/* /Components/Pages/Home/AgentsSection.razor.rz.scp.css */
.agents[b-0nf1vwkyly] { overflow: hidden; }

.agents__glow[b-0nf1vwkyly] { width: 800px; height: 600px; left: calc(50% - 400px); top: 420px; opacity: 0.2; filter: blur(160px); }

.agents__inner[b-0nf1vwkyly] { position: relative; z-index: 1; }

.agents__head[b-0nf1vwkyly] { display: grid; justify-items: center; text-align: center; }
.agents__head[b-0nf1vwkyly]  .agents__eyebrow { margin-bottom: 1rem; }
.agents__lead[b-0nf1vwkyly] { max-width: 42.5rem; margin-top: 1.75rem; }

.agents__stage[b-0nf1vwkyly] {
    display: grid;
    grid-template-columns: minmax(0, 428px) minmax(0, 1fr);
    gap: 1.5rem;
    margin-top: 3rem;
    padding: 1.75rem;
    border: 1px solid var(--line);
    border-radius: 32px;
    background: var(--bg-band);
}

.terminal[b-0nf1vwkyly] {
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 0.08);
    border-radius: 18px;
    background: #0a0b0d;
}

.terminal__bar[b-0nf1vwkyly] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 40px;
    padding: 0 16px;
    background: #141518;
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 0.75rem;
}

.terminal__bar i[b-0nf1vwkyly] { width: 10px; height: 10px; border-radius: 50%; background: #3a3d42; }
.terminal__bar span[b-0nf1vwkyly] { margin-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.terminal__body[b-0nf1vwkyly] {
    margin: 0;
    padding: 1.5rem 1.25rem 1.75rem;
    overflow-x: auto;
    color: var(--text-head);
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    line-height: 2.3;
    white-space: pre;
}

.terminal__body strong[b-0nf1vwkyly] { font-weight: 600; }
.terminal__body .p[b-0nf1vwkyly] { color: var(--teal); }
.terminal__body .b[b-0nf1vwkyly] { color: var(--selection); }
.terminal__body .m[b-0nf1vwkyly] { color: var(--text-muted); }
.terminal__body .ok[b-0nf1vwkyly] { color: var(--success); }
.terminal__body .r[b-0nf1vwkyly] { color: var(--text-body); }
.terminal__body .caret[b-0nf1vwkyly] { animation: blink-b-0nf1vwkyly 1.1s steps(1) infinite; }

@keyframes blink-b-0nf1vwkyly { 50% { opacity: 0; } }

.agents__canvas[b-0nf1vwkyly] { margin: 0; }
.agents__canvas img[b-0nf1vwkyly] { width: 100%; height: 100%; object-fit: cover; border-radius: 18px; }

.agents__points[b-0nf1vwkyly] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
    margin: 3.75rem 0 0;
    padding: 0;
    list-style: none;
}

.agents__points h3[b-0nf1vwkyly] { margin-top: 0.5rem; }
.agents__points p[b-0nf1vwkyly] { margin-top: 0.75rem; color: var(--text-body); line-height: 1.63; }

.agents__no[b-0nf1vwkyly] { color: var(--selection); font-family: var(--font-mono); font-size: 0.875rem; }

@media (max-width: 1000px) {
    .agents__stage[b-0nf1vwkyly] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .agents__head[b-0nf1vwkyly] { justify-items: start; text-align: left; }
    .agents__stage[b-0nf1vwkyly] { padding: 0; border: 0; background: none; margin-top: 2rem; }
    .agents__canvas[b-0nf1vwkyly] { display: none; }
    .terminal__body[b-0nf1vwkyly] { font-size: 0.75rem; line-height: 2.1; }
    .agents__points[b-0nf1vwkyly] { grid-template-columns: 1fr; gap: 2rem; margin-top: 2.5rem; }
    .agents__points li[b-0nf1vwkyly] { display: grid; grid-template-columns: 2.5rem 1fr; column-gap: 0.25rem; }
    .agents__points li > *[b-0nf1vwkyly] { grid-column: 2; }
    .agents__no[b-0nf1vwkyly] { grid-column: 1 !important; grid-row: 1; padding-top: 0.6rem; }
    .agents__points h3[b-0nf1vwkyly] { margin-top: 0; }
    .agents__points p[b-0nf1vwkyly] { margin-top: 0.25rem; }
}
/* /Components/Pages/Home/EditorSection.razor.rz.scp.css */
.editor__head[b-1vu9u3sel1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
    align-items: end;
    gap: 2rem;
}

.editor__title[b-1vu9u3sel1] { margin-top: 1rem; }

.bento[b-1vu9u3sel1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 400px;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.tile[b-1vu9u3sel1] {
    position: relative;
    overflow: hidden;
    padding: 2rem;
    border-radius: 28px;
}

.tile--wide[b-1vu9u3sel1] { grid-column: span 2; }

.tile__title[b-1vu9u3sel1] { font-size: 1.4375rem; line-height: 1.3; letter-spacing: -0.02em; max-width: 34rem; }
.tile__body[b-1vu9u3sel1] { margin-top: 0.5rem; max-width: 27.5rem; font-size: 0.9375rem; line-height: 1.6; }

.tile--paper[b-1vu9u3sel1] { background: var(--paper); }
.tile--paper .tile__title[b-1vu9u3sel1], .tile--coral .tile__title[b-1vu9u3sel1] { color: var(--ink); }
.tile--paper .tile__body[b-1vu9u3sel1], .tile--coral .tile__body[b-1vu9u3sel1] { color: #3a3530; }

.tile--card[b-1vu9u3sel1] { background: var(--surface-card); border: 1px solid var(--line); }
.tile--indigo[b-1vu9u3sel1] { background: #4f55d0; }
.tile--indigo .tile__body[b-1vu9u3sel1] { color: rgb(255 255 255 / 0.72); }
.tile--coral[b-1vu9u3sel1] { background: var(--coral); }
.tile--engine[b-1vu9u3sel1] { background: #0c1f1e; }

/* Vector networks */
.vector-art[b-1vu9u3sel1] { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: auto; overflow: visible; }
.vector-art path[b-1vu9u3sel1], .vector-art circle[b-1vu9u3sel1], .vector-art rect[b-1vu9u3sel1] { vector-effect: non-scaling-stroke; }
.vector-art .curve[b-1vu9u3sel1] { fill: none; stroke: var(--indigo); stroke-width: 5; stroke-linecap: round; }
.vector-art .branch[b-1vu9u3sel1] { fill: none; stroke: var(--violet); stroke-width: 5; stroke-linecap: round; }
.vector-art .handle-line[b-1vu9u3sel1] { stroke: #4f9eff; stroke-width: 1; }
.vector-art .handle[b-1vu9u3sel1] { fill: #fff; stroke: #4f9eff; stroke-width: 1.5; }
.vector-art .point[b-1vu9u3sel1] { fill: #fff; stroke: #4f9eff; stroke-width: 1.5; }
.vector-art .pen[b-1vu9u3sel1] { fill: var(--ink); stroke: #fff; stroke-width: 1.2; stroke-linejoin: round; }

/* Type */
.type-art[b-1vu9u3sel1] { position: absolute; left: 24px; right: 24px; bottom: 26px; height: 196px; }
.type-art__guide[b-1vu9u3sel1] { position: absolute; left: 0; right: 0; height: 1px; background: rgb(255 122 89 / 0.5); }
.type-art__guide.cap[b-1vu9u3sel1] { top: 31px; }
.type-art__guide.xh[b-1vu9u3sel1] { top: 74px; }
.type-art__guide.base[b-1vu9u3sel1] { top: 142px; background: var(--coral); }
.type-art__glyphs[b-1vu9u3sel1] { position: absolute; left: 6px; top: 0; display: flex; align-items: baseline; height: 156px; line-height: 1; }
.type-art__glyphs .a[b-1vu9u3sel1] { font-family: var(--font-display); font-weight: 800; font-size: 156px; color: var(--text-head); line-height: 0.91; }
.type-art__glyphs .g[b-1vu9u3sel1] { margin-left: -12px; font-family: var(--font-serif); font-style: italic; font-size: 176px; color: var(--teal); line-height: 0.81; }
.type-art__label[b-1vu9u3sel1] { position: absolute; left: 0; bottom: 0; color: var(--coral); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; }

/* Components */
.comp-art[b-1vu9u3sel1] { display: grid; justify-items: start; gap: 0.625rem; margin-top: 0.75rem; }
.comp-art__label[b-1vu9u3sel1] { color: rgb(255 255 255 / 0.8); font-size: 0.75rem; }
.comp-art__master[b-1vu9u3sel1] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 44px;
    margin-bottom: 1.25rem;
    border: 2px dashed #fff;
    border-radius: 22px;
    background: var(--teal);
    color: var(--ink);
    font-size: 0.9375rem;
    font-weight: 600;
}
.comp-art__row[b-1vu9u3sel1] { display: flex; align-items: center; gap: 0.75rem; }
.comp-art__row i[b-1vu9u3sel1] { color: rgb(255 255 255 / 0.67); font-style: normal; font-size: 0.75rem; }
.comp-art__row span[b-1vu9u3sel1] {
    display: grid;
    place-items: center;
    width: 160px;
    height: 34px;
    border-radius: 17px;
    background: var(--teal);
    color: var(--ink);
    font-size: 0.8125rem;
    font-weight: 600;
}

/* Auto layout */
.stack-art[b-1vu9u3sel1] { position: absolute; left: 40px; bottom: 36px; width: 236px; }
.stack-art__frame[b-1vu9u3sel1] {
    display: grid;
    gap: 12px;
    width: 202px;
    padding: 16px;
    border-radius: 16px;
    background: #fff;
    box-shadow: inset 0 0 0 16px rgb(255 122 89 / 0.22);
}
.stack-art__frame span[b-1vu9u3sel1] { height: 48px; border-radius: 10px; background: #efedea; }
.stack-art__frame span.dark[b-1vu9u3sel1] { background: var(--ink); }
.stack-art__pad[b-1vu9u3sel1], .stack-art__gap[b-1vu9u3sel1] { position: absolute; left: 208px; color: var(--ink); font-family: var(--font-mono); font-size: 12px; font-weight: 700; }
.stack-art__pad[b-1vu9u3sel1] { top: 4px; }
.stack-art__gap[b-1vu9u3sel1] { top: 58px; }

/* Shaders */
.swatches[b-1vu9u3sel1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 164px));
    gap: 1rem;
    margin: 2.5rem 0 0;
    padding: 0;
    list-style: none;
}
.swatches li[b-1vu9u3sel1] { display: grid; gap: 0.75rem; justify-items: center; }
.swatches img[b-1vu9u3sel1] { width: 100%; aspect-ratio: 1; border-radius: 20px; }
.swatches span[b-1vu9u3sel1] { color: var(--text-muted); font-family: var(--font-mono); font-size: 0.75rem; }

/* Engine */
.engine-art[b-1vu9u3sel1] { position: absolute; left: 0; right: 0; bottom: 0; height: 250px; padding: 100px 2rem 0; }
.engine-art__dots[b-1vu9u3sel1] {
    position: absolute;
    inset: 0;
    opacity: 0.55;
    background-image: radial-gradient(circle, var(--teal) 2.2px, transparent 2.6px);
    background-size: 9px 9px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 30%);
    mask-image: linear-gradient(to bottom, transparent, #000 30%);
}
.engine-art__readout[b-1vu9u3sel1] {
    position: relative;
    color: #fff;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 3.375rem;
    line-height: 1.19;
    letter-spacing: -0.03em;
}
.engine-art__caption[b-1vu9u3sel1] { position: relative; color: var(--teal); font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em; text-transform: uppercase; }

@media (max-width: 1100px) {
    .bento[b-1vu9u3sel1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .editor__head[b-1vu9u3sel1] { grid-template-columns: 1fr; }
    .bento[b-1vu9u3sel1] { grid-template-columns: 1fr; grid-auto-rows: auto; }
    .tile[b-1vu9u3sel1] { min-height: 380px; padding: 1.75rem; }
    .tile--wide[b-1vu9u3sel1] { grid-column: auto; }
    .vector-art[b-1vu9u3sel1] { position: relative; margin-top: 1rem; }
    .swatches[b-1vu9u3sel1] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
}
/* /Components/Pages/Home/FilesSection.razor.rz.scp.css */
.files__panel[b-qait7bqye7] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 524px);
    gap: 3rem;
    padding: 4.5rem 4rem;
    border-radius: 32px;
    background: var(--teal);
    color: var(--ink);
    overflow: visible;
    isolation: isolate;
}

/* The logo's bowl, drawn huge and faint, cut by the panel edge. */
.files__clip[b-qait7bqye7] { position: absolute; inset: 0; z-index: -1; overflow: hidden; border-radius: inherit; }

.files__motif[b-qait7bqye7] {
    position: absolute;
    right: -120px;
    top: -260px;
    width: 760px;
    height: 760px;
    border: 120px solid rgb(0 0 0 / 0.06);
    border-radius: 50%;
}

.files__title[b-qait7bqye7] {
    margin-top: 1rem;
    color: var(--ink);
    font-size: clamp(2.125rem, 1.4rem + 2.2vw, 3.375rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.files__body[b-qait7bqye7] { max-width: 30rem; margin-top: 1.5rem; color: #123b38; font-size: 1.0625rem; line-height: 1.65; }
.files[b-qait7bqye7]  .files__checks { margin-top: 2rem; }

.files__window[b-qait7bqye7] {
    align-self: start;
    overflow: hidden;
    border-radius: 20px;
    background: var(--paper);
    box-shadow: 0 24px 48px rgb(11 46 43 / 0.35);
}

.files__bar[b-qait7bqye7] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 20px;
    background: #e8e5de;
    color: #7a7f87;
    font-size: 0.8125rem;
}

.files__bar i[b-qait7bqye7] { width: 12px; height: 12px; border-radius: 50%; background: #ff6159; }
.files__bar i:nth-child(2)[b-qait7bqye7] { background: #ffbd2e; }
.files__bar i:nth-child(3)[b-qait7bqye7] { background: #28c941; }
.files__bar span[b-qait7bqye7] { margin-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.files__tree[b-qait7bqye7] { margin: 0; padding: 0.75rem 0.75rem 1.25rem; list-style: none; }

.files__tree li[b-qait7bqye7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 48px;
    padding: 0 0.75rem 0 calc(1rem + var(--depth, 0) * 26px);
    border-radius: 10px;
    font-family: var(--font-mono);
    font-size: 0.875rem;
    color: var(--ink);
}

.files__tree li.d1[b-qait7bqye7] { --depth: 1; }
.files__tree li.d2[b-qait7bqye7] { --depth: 2; }
.files__tree li.is-selected[b-qait7bqye7] { background: rgb(21 234 214 / 0.18); }
.files__tree b[b-qait7bqye7] { font-weight: 600; }
.files__tree code[b-qait7bqye7] { font-family: inherit; font-size: inherit; }

.files__tree em[b-qait7bqye7] {
    margin-left: auto;
    padding-left: 1rem;
    font-family: var(--font-serif);
    font-size: 1rem;
    color: #7a7f87;
    white-space: nowrap;
}

.files__tree .ico[b-qait7bqye7] { flex: none; width: 20px; height: 20px; position: relative; }
.files__tree .folder .ico[b-qait7bqye7]::before { content: ""; position: absolute; inset: 3px 0 0 0; border-radius: 3px; background: var(--indigo); }
.files__tree .folder .ico[b-qait7bqye7]::after { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 6px; border-radius: 2px; background: #5b63d6; }
.files__tree .file .ico[b-qait7bqye7], .files__tree .image .ico[b-qait7bqye7] { width: 18px; height: 22px; border: 1.5px solid #7a7f87; border-radius: 3px; }
.files__tree .image .ico[b-qait7bqye7] { border-color: #35a4bc; }

.files[b-qait7bqye7]  .files__sticker-a { position: absolute; right: 32px; top: -22px; }
.files[b-qait7bqye7]  .files__sticker-b { position: absolute; right: 24px; bottom: 56px; }

@media (max-width: 1100px) {
    .files__panel[b-qait7bqye7] { grid-template-columns: 1fr; padding: 3rem 2.5rem; }
    .files__window[b-qait7bqye7] { max-width: 560px; }
    .files[b-qait7bqye7]  .files__sticker-b { bottom: -18px; }
}

@media (max-width: 720px) {
    .files__panel[b-qait7bqye7] { padding: 2.5rem 1.5rem 2rem; border-radius: 28px; }
    .files__tree em[b-qait7bqye7] { display: none; }
    .files__tree li.d2[b-qait7bqye7], .files__tree li.image[b-qait7bqye7] { display: none; }
    .files[b-qait7bqye7]  .files__sticker-a { right: 12px; top: auto; bottom: calc(100% - 10px); display: none; }
}
/* /Components/Pages/Home/FinalCta.razor.rz.scp.css */
.cta-band[b-2jka3ux5bn] { padding-block: 4rem; }

.cta[b-2jka3ux5bn] {
    position: relative;
    overflow: hidden;
    min-height: 512px;
    padding: 6.5rem 5rem 4rem;
    border-radius: 40px;
    background: var(--brand-gradient-diagonal);
    color: var(--ink);
}

.cta__motif[b-2jka3ux5bn] { position: absolute; left: calc(100% - 320px); top: 72px; width: 320px; height: 520px; pointer-events: none; }
.cta__motif .bar[b-2jka3ux5bn] { position: absolute; left: 0; top: 0; width: 120px; height: 520px; border: 2px solid rgb(255 255 255 / 0.35); border-radius: 40px; }
.cta__motif .bowl[b-2jka3ux5bn] { position: absolute; left: 20px; top: 0; width: 300px; height: 300px; border: 2px solid rgb(255 255 255 / 0.35); border-radius: 50%; clip-path: inset(0 0 0 50%); }

.cta__title[b-2jka3ux5bn] { position: relative; max-width: 50rem; color: var(--ink); }
.cta__lead[b-2jka3ux5bn] { position: relative; max-width: 35rem; margin-top: 1.5rem; color: rgb(18 20 23 / 0.85); font-size: 1.1875rem; line-height: 1.58; }

.cta__actions[b-2jka3ux5bn] { position: relative; display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.cta__primary[b-2jka3ux5bn] { position: relative; }
.cta[b-2jka3ux5bn]  .cta__you { position: absolute; right: -30px; top: 40px; }
.cta[b-2jka3ux5bn]  .cta__agent { position: absolute; left: 66%; top: 292px; }

@media (max-width: 1100px) {
    .cta[b-2jka3ux5bn]  .cta__agent, .cta__motif[b-2jka3ux5bn] { display: none; }
}

@media (max-width: 720px) {
    .cta-band[b-2jka3ux5bn] { padding-block: 2rem 4rem; }
    .cta[b-2jka3ux5bn] { min-height: 0; padding: 2.75rem 1.5rem 2.5rem; border-radius: 28px; }
    .cta__lead[b-2jka3ux5bn] { font-size: 1rem; }
    .cta__actions[b-2jka3ux5bn] { flex-direction: column; }
    .cta__actions[b-2jka3ux5bn]  .btn { width: 100%; }
    .cta__primary[b-2jka3ux5bn] { display: grid; }
    .cta[b-2jka3ux5bn]  .cta__you { right: 10px; top: 38px; }
}
/* /Components/Pages/Home/GallerySection.razor.rz.scp.css */
/* Paper: where finished work sits. */
.gallery[b-p60hjqagdm] { background: var(--paper); color: var(--ink); }

.gallery__head[b-p60hjqagdm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 460px);
    align-items: end;
    gap: 2rem;
}

.gallery[b-p60hjqagdm]  .eyebrow { color: #7a7f87; }
.gallery__title[b-p60hjqagdm] { margin-top: 1rem; color: var(--ink); }
.gallery__dim[b-p60hjqagdm] { color: #9a958c; }
.gallery__lead[b-p60hjqagdm] { color: var(--ink-muted); font-size: 1.125rem; line-height: 1.67; }

.gallery__prints[b-p60hjqagdm] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem;
    align-items: start;
    margin-top: 3.5rem;
}

.gallery[b-p60hjqagdm]  .gallery__sticker { position: absolute; right: 20px; top: -40px; z-index: 2; }

.print[b-p60hjqagdm] { margin: 0; }
.print--poster[b-p60hjqagdm] { margin-top: -40px; }

.print__label[b-p60hjqagdm] { margin: 0 0 0.75rem 0.5rem; color: #7a7f87; font-family: var(--font-mono); font-size: 0.75rem; }

/* The exports carry their own drop shadow, so each image bleeds past its box by the shadow's margin. */
.print__art img[b-p60hjqagdm] { max-width: none; width: calc(100% / (1 - 2 * var(--bleed))); margin: calc(-1 * var(--bleed) * 100% / (1 - 2 * var(--bleed))); }
.print--wireframe .print__art[b-p60hjqagdm], .print--level .print__art[b-p60hjqagdm] { --bleed: 0.108; }
.print--poster .print__art[b-p60hjqagdm] { --bleed: 0.1374; }

.print figcaption[b-p60hjqagdm] { margin: 1.75rem 0 0 0.5rem; color: #7a7f87; }

@media (max-width: 1000px) {
    .gallery__head[b-p60hjqagdm] { grid-template-columns: 1fr; }
    .gallery__prints[b-p60hjqagdm] { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; gap: 3.5rem; }
    .print--poster[b-p60hjqagdm] { margin-top: 0; }
    .gallery[b-p60hjqagdm]  .gallery__sticker { right: -8px; top: -24px; }
}
/* /Components/Pages/Home/GamesSection.razor.rz.scp.css */
.games__panel[b-f9t7asqdwn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 576px);
    gap: 2.5rem;
    padding: 4rem;
    border-radius: 32px;
    background: linear-gradient(135deg, #a322e0 0%, #5b2bc9 100%);
    color: #fff;
}

.games__title[b-f9t7asqdwn] {
    margin-top: 1rem;
    color: #fff;
    font-size: clamp(2.125rem, 1.4rem + 2.1vw, 3.25rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.games__body[b-f9t7asqdwn] { max-width: 27.5rem; margin-top: 1.75rem; color: rgb(255 255 255 / 0.88); font-size: 1.0625rem; line-height: 1.65; }

.games__list[b-f9t7asqdwn] { display: grid; gap: 1rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.games__list li[b-f9t7asqdwn] { position: relative; padding-left: 1.625rem; font-weight: 600; }
.games__list li[b-f9t7asqdwn]::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 0.5em;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #ffd25a;
    transform: rotate(45deg);
}

.games__art[b-f9t7asqdwn] { display: grid; gap: 1.5rem; align-content: start; }
.games__scene[b-f9t7asqdwn] { margin: 0; }
.games__scene img[b-f9t7asqdwn] { width: 100%; border-radius: 18px; }

.games__palette[b-f9t7asqdwn] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    min-height: 80px;
    padding: 1rem;
    border-radius: 16px;
    background: rgb(0 0 0 / 0.2);
    font-size: 0.875rem;
    line-height: 1.55;
}

.games__tiles[b-f9t7asqdwn] { display: flex; gap: 0.75rem; flex: none; }
.games__tiles img[b-f9t7asqdwn] { image-rendering: pixelated; }

@media (max-width: 1000px) {
    .games__panel[b-f9t7asqdwn] { grid-template-columns: 1fr; padding: 3rem 2.5rem; }
}

@media (max-width: 720px) {
    .games__panel[b-f9t7asqdwn] { padding: 2.5rem 1.5rem; border-radius: 28px; }
    .games__palette[b-f9t7asqdwn] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Pages/Home/HomeHero.razor.rz.scp.css */
.hero[b-s7z2drdwg3] {
    position: relative;
    overflow: hidden;
    padding-top: 3.25rem;
}

.hero__glow-a[b-s7z2drdwg3] { width: 620px; height: 520px; left: calc(50% - 560px); top: 760px; opacity: 0.25; filter: blur(140px); }
.hero__glow-b[b-s7z2drdwg3] { width: 640px; height: 520px; left: calc(50% - 20px); top: 820px; opacity: 0.25; filter: blur(140px); }

.hero__inner[b-s7z2drdwg3] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.hero__announce[b-s7z2drdwg3] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 36px;
    padding: 5px 1.125rem 5px 5px;
    border: 1px solid rgb(255 255 255 / 0.12);
    border-radius: 18px;
    background: rgb(255 255 255 / 0.05);
    color: var(--text-head);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
}

.hero__announce:hover[b-s7z2drdwg3] { text-decoration: none; border-color: rgb(255 255 255 / 0.25); }

.hero__chip[b-s7z2drdwg3] {
    display: inline-grid;
    place-items: center;
    height: 26px;
    padding: 0 0.875rem;
    border-radius: 13px;
    background: var(--teal);
    color: var(--ink);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero__title[b-s7z2drdwg3] { margin-top: 1.75rem; }
.hero__line[b-s7z2drdwg3] { display: block; }

.hero__agent[b-s7z2drdwg3] { position: relative; display: inline-block; }

.hero[b-s7z2drdwg3]  .hero__agent-cursor {
    position: absolute;
    left: calc(100% - 2px);
    top: calc(100% - 4px);
    z-index: 2;
    letter-spacing: 0;
    text-align: left;
}

.hero__lead[b-s7z2drdwg3] { max-width: 45rem; margin-top: 3.5rem; }

.hero__actions[b-s7z2drdwg3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.75rem;
}

.hero__primary[b-s7z2drdwg3] { position: relative; }

.hero[b-s7z2drdwg3]  .hero__you {
    position: absolute;
    right: -34px;
    top: 32px;
    z-index: 2;
}

.hero__note[b-s7z2drdwg3] { margin-top: 1.5rem; }
.hero__desktop-note[b-s7z2drdwg3] { margin-top: 0.5rem; color: var(--text-muted); font-size: 0.875rem; }

/* The product: a real screenshot of the editor, full frame width. */
.hero__product[b-s7z2drdwg3] {
    position: relative;
    z-index: 1;
    max-width: 1440px;
    margin: 4.25rem auto 0;
}

.hero__frame[b-s7z2drdwg3] { position: relative; }

.hero__frame img[b-s7z2drdwg3] {
    width: 100%;
    border-top: 1px solid #383838;
    border-radius: 10px 10px 0 0;
}

.hero__callout[b-s7z2drdwg3] {
    position: absolute;
    left: 74.3%;
    bottom: calc(100% - 52px * var(--scale, 1));
    display: grid;
    justify-items: start;
    pointer-events: none;
}

.hero__callout-text[b-s7z2drdwg3] {
    margin-bottom: 0.375rem;
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.2;
    color: var(--coral);
    white-space: nowrap;
}

.hero__callout-arrow[b-s7z2drdwg3] { fill: none; stroke: var(--coral); stroke-width: 2; stroke-linecap: round; overflow: visible; }

.hero[b-s7z2drdwg3]  .hero__hold-you { position: absolute; left: 74.9%; top: 9.8%; }

@media (max-width: 1280px) {
    .hero__callout[b-s7z2drdwg3], .hero[b-s7z2drdwg3]  .hero__hold-you { display: none; }
}

@media (max-width: 960px) {
    .hero[b-s7z2drdwg3]  .hero__agent-cursor { display: none; }
}

/* Phone (design "06 · Home — 390"): left-aligned, stacked CTAs, a cropped product shot. */
@media (max-width: 720px) {
    .hero[b-s7z2drdwg3] { padding-top: 2rem; }
    .hero__inner[b-s7z2drdwg3] { align-items: stretch; text-align: left; }
    .hero__announce[b-s7z2drdwg3] { align-self: flex-start; font-size: 0.8125rem; }
    .hero__title[b-s7z2drdwg3] { margin-top: 1.5rem; }
    .hero__lead[b-s7z2drdwg3] { margin-top: 1.75rem; }
    .hero__actions[b-s7z2drdwg3] { flex-direction: column; align-items: stretch; }
    .hero__primary[b-s7z2drdwg3] { display: grid; }
    .hero__actions[b-s7z2drdwg3]  .btn { width: 100%; }
    .hero[b-s7z2drdwg3]  .hero__you { right: 8px; top: 40px; }
    .hero__note[b-s7z2drdwg3], .hero__desktop-note[b-s7z2drdwg3] { text-align: center; }

    .hero__product[b-s7z2drdwg3] { margin: 2.5rem var(--gutter) 0; }
    .hero__frame[b-s7z2drdwg3] {
        aspect-ratio: 342 / 260;
        overflow: hidden;
        border: 1px solid #383838;
        border-radius: 16px;
    }
    .hero__frame img[b-s7z2drdwg3] {
        width: 260%;
        max-width: none;
        margin-left: -98%;
        margin-top: -10%;
        border: 0;
        border-radius: 0;
    }
}
/* /Components/Pages/Home/PricingTeaser.razor.rz.scp.css */
.teaser__head[b-g6huib4mpl] { display: grid; justify-items: center; gap: 1rem; text-align: center; }

.teaser__grid[b-g6huib4mpl] {
    display: grid;
    grid-template-columns: minmax(0, 600px) minmax(0, 540px);
    justify-content: space-between;
    gap: 3rem;
    margin-top: 4rem;
}

.teaser__plan[b-g6huib4mpl] {
    position: relative;
    padding: 3rem;
    border-radius: 32px;
    background: var(--paper);
    color: var(--ink);
}

.teaser[b-g6huib4mpl]  .teaser__sticker { position: absolute; left: 400px; top: -24px; }

.teaser__plan-label[b-g6huib4mpl] { color: #7a7f87; }
.teaser__price[b-g6huib4mpl] { display: flex; align-items: baseline; gap: 1.75rem; margin-top: 0.75rem; }
.teaser__amount[b-g6huib4mpl] { font-family: var(--font-display); font-weight: 800; font-size: clamp(4.5rem, 3rem + 4vw, 7rem); line-height: 1; letter-spacing: -0.035em; }
.teaser__per[b-g6huib4mpl] { color: var(--ink-muted); font-size: 1.125rem; }
.teaser__yearly[b-g6huib4mpl] { margin-top: 0.75rem; font-size: 1.0625rem; font-weight: 600; }

.teaser[b-g6huib4mpl]  .teaser__checks { margin-top: 1.75rem; gap: 0.75rem; }
.teaser[b-g6huib4mpl]  .teaser__checks li { font-weight: 400; font-size: 0.9375rem; }

.teaser__cta[b-g6huib4mpl] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 2rem; color: var(--ink-muted); font-size: 0.9375rem; }

/* The receipt: monospace, a torn edge, tilted two degrees. */
.receipt[b-g6huib4mpl] {
    position: relative;
    align-self: start;
    margin-top: 1rem;
    padding: 2.25rem 2.5rem 2.5rem;
    background: #fff;
    color: var(--ink);
    font-family: var(--font-mono);
    transform: rotate(-2deg);
    box-shadow: 0 24px 48px rgb(0 0 0 / 0.4);
}

.receipt__tear[b-g6huib4mpl] { position: absolute; left: 0; top: calc(100% - 1px); width: 100%; height: 12px; fill: #fff; }

.receipt__title[b-g6huib4mpl] { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.receipt__dashes[b-g6huib4mpl] { height: 1px; margin: 1.25rem 0; border-top: 1.5px dashed #b5b0a6; }

.receipt ul[b-g6huib4mpl] { display: grid; gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.receipt li[b-g6huib4mpl] { display: flex; justify-content: space-between; gap: 1rem; font-size: 0.9375rem; }
.receipt s[b-g6huib4mpl] { color: #6b675f; text-decoration-color: var(--coral); text-decoration-thickness: 2px; }

.receipt__total[b-g6huib4mpl] { display: flex; justify-content: space-between; align-items: baseline; font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 0.04em; }
.receipt__total b[b-g6huib4mpl] { font-family: var(--font-display); font-size: 1.625rem; }
.receipt__note[b-g6huib4mpl] { margin-top: 1.25rem; font-family: var(--font-serif); font-style: italic; font-size: 1.0625rem; line-height: 1.45; color: #3a3530; }

.teaser__more[b-g6huib4mpl] { margin-top: 3rem; text-align: center; font-weight: 600; }

@media (max-width: 1100px) {
    .teaser__grid[b-g6huib4mpl] { grid-template-columns: 1fr; justify-items: center; }
    .teaser__plan[b-g6huib4mpl], .receipt[b-g6huib4mpl] { width: 100%; max-width: 600px; }
}

@media (max-width: 720px) {
    .teaser__head[b-g6huib4mpl] { justify-items: start; text-align: left; }
    .teaser__plan[b-g6huib4mpl] { padding: 2rem 1.5rem; border-radius: 28px; }
    .teaser[b-g6huib4mpl]  .teaser__sticker { left: auto; right: 12px; }
    .receipt[b-g6huib4mpl] { padding: 1.75rem 1.5rem 2rem; }
    .receipt li[b-g6huib4mpl] { font-size: 0.8125rem; }
}
/* /Components/Pages/Home/ProofNumbers.razor.rz.scp.css */
.numbers[b-ufa76k1b82] { padding-block: 3.5rem 4rem; }

.numbers__list[b-ufa76k1b82] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-block: 0;
    padding: 0;
    list-style: none;
}

.numbers__item + .numbers__item[b-ufa76k1b82] { border-left: 1px solid var(--line); padding-left: 1.5rem; }
.numbers__item[b-ufa76k1b82] { padding-right: 1.5rem; }

.numbers__item a[b-ufa76k1b82] { display: grid; gap: 0.75rem; color: inherit; text-decoration: none; }
.numbers__item a:hover .numbers__caption[b-ufa76k1b82] { color: var(--text-head); }

.numbers__value[b-ufa76k1b82] {
    justify-self: start;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(3.5rem, 2.6rem + 2.4vw, 5rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.numbers__caption[b-ufa76k1b82] { max-width: 15rem; color: var(--text-body); font-size: 0.9375rem; line-height: 1.6; transition: color 120ms ease; }

@media (max-width: 900px) {
    .numbers__list[b-ufa76k1b82] { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2.5rem; }
    .numbers__item + .numbers__item[b-ufa76k1b82] { border-left: 0; padding-left: 0; }
    .numbers__item:nth-child(even)[b-ufa76k1b82] { padding-left: 1rem; }
}
/* /Components/Pages/Home/WorksWith.razor.rz.scp.css */
.works__inner[b-91rzjt37bw] {
    display: flex;
    align-items: center;
    gap: 2.25rem;
    min-height: 120px;
    border-block: 1px solid var(--line);
}

.works__items[b-91rzjt37bw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 2.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--text-quiet);
    font-size: 1.1875rem;
    font-weight: 600;
}

.works__divider[b-91rzjt37bw] { width: 1px; height: 24px; background: var(--line-strong); }

@media (max-width: 960px) {
    .works__inner[b-91rzjt37bw] { flex-direction: column; align-items: flex-start; gap: 1.25rem; padding-block: 2rem; }
    .works__items[b-91rzjt37bw] { gap: 0.75rem 1.5rem; font-size: 1rem; }
    .works__divider[b-91rzjt37bw] { display: none; }
}
/* /Components/Pages/Pricing/FoundingTicket.razor.rz.scp.css */
.founding[b-ft9dj3icu7] { padding-block: 0 4rem; }

.ticket[b-ft9dj3icu7] {
    --notch: 20px;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 260px;
    align-items: center;
    min-height: 132px;
    padding: 1.5rem 1.25rem 1.5rem 3rem;
    border-radius: 20px;
    background: var(--coral);
    color: var(--ink);
    /* The four notches are holes, so the page shows through: a radial-gradient mask per notch. */
    -webkit-mask:
        radial-gradient(circle var(--notch) at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat,
        radial-gradient(circle var(--notch) at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat;
    mask:
        radial-gradient(circle var(--notch) at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat,
        radial-gradient(circle var(--notch) at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat;
}

.ticket__body p:last-child[b-ft9dj3icu7] { max-width: 48rem; margin-top: 0.5rem; font-size: 1.125rem; font-weight: 600; line-height: 1.44; }

.ticket__perforation[b-ft9dj3icu7] {
    width: 0;
    height: 80px;
    margin: 0 1.25rem;
    border-left: 2px dashed rgb(18 20 23 / 0.4);
}

.ticket__stub[b-ft9dj3icu7] { display: grid; justify-items: center; gap: 0.25rem; text-align: center; }
.ticket__stub .t-label[b-ft9dj3icu7] { color: rgb(18 20 23 / 0.7); }
.ticket__count[b-ft9dj3icu7] { font-family: var(--font-display); font-weight: 800; font-size: 2.25rem; line-height: 1.22; letter-spacing: -0.03em; }

@media (max-width: 860px) {
    .ticket[b-ft9dj3icu7] { grid-template-columns: 1fr; gap: 1rem; padding: 1.75rem 2.25rem; }
    .ticket__perforation[b-ft9dj3icu7] { width: 100%; height: 0; margin: 0; border-left: 0; border-top: 2px dashed rgb(18 20 23 / 0.4); }
    .ticket__stub[b-ft9dj3icu7] { justify-items: start; text-align: left; }
}
/* /Components/Pages/Pricing/PlanPicker.razor.rz.scp.css */
.picker[b-z14uxaavno] { padding-bottom: 2.5rem; }

/* The segmented toggle */
.toggle[b-z14uxaavno] {
    display: flex;
    width: max-content;
    margin: 0 auto;
    padding: 4px;
    border: 1px solid rgb(255 255 255 / 0.12);
    border-radius: 24px;
    background: rgb(255 255 255 / 0.05);
}

.toggle input[b-z14uxaavno] { position: absolute; opacity: 0; pointer-events: none; }

.toggle label[b-z14uxaavno] {
    display: grid;
    place-items: center;
    min-width: 112px;
    height: 40px;
    padding: 0 1.75rem;
    border-radius: 20px;
    color: var(--text-body);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 140ms ease, color 140ms ease;
}

.toggle input:checked + label[b-z14uxaavno] { background: var(--teal); color: var(--ink); font-weight: 700; }
.toggle input:focus-visible + label[b-z14uxaavno] { outline: 2px solid var(--focus); outline-offset: 2px; }

/* Show the price for the chosen period. Yearly is the default. */
.when-monthly[b-z14uxaavno] { display: none; }
.picker:has(#billing-monthly:checked) .when-monthly[b-z14uxaavno] { display: block; }
.picker:has(#billing-monthly:checked) .when-yearly[b-z14uxaavno] { display: none; }

.plans[b-z14uxaavno] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 4.25rem;
    align-items: stretch;
}

.plan[b-z14uxaavno] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 600px;
    padding: 2.25rem 2rem 2rem;
    border-radius: 28px;
}

.plan .t-label[b-z14uxaavno] { margin-bottom: 0.75rem; }

.plan--trial[b-z14uxaavno] { background: var(--surface-card); border: 1px solid var(--line); }
.plan--pro[b-z14uxaavno] { background: var(--paper); color: var(--ink); box-shadow: 0 0 60px rgb(21 234 214 / 0.25); }
.plan--pro .t-label[b-z14uxaavno] { color: #7a7f87; }
.plan--team[b-z14uxaavno] { background: var(--bg-page); border: 1.5px dashed var(--line-strong); }

.plan__price[b-z14uxaavno] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 4.5rem;
    line-height: 1.11;
    letter-spacing: -0.035em;
    color: var(--text-head);
}

.plan--pro .plan__price[b-z14uxaavno] { color: var(--ink); }

.plan__price-row[b-z14uxaavno] { display: flex; align-items: center; gap: 1.5rem; }
.plan__unit[b-z14uxaavno] { color: var(--ink-muted); font-size: 0.9375rem; }
.plan__per[b-z14uxaavno] { margin: 0.375rem 0 1.5rem; color: var(--text-body); font-size: 0.9375rem; }
.plan__sub[b-z14uxaavno] { margin: 0.375rem 0 1.5rem; color: var(--ink); font-size: 0.9375rem; font-weight: 600; }

.plan__soon[b-z14uxaavno] {
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 5rem;
    line-height: 1.05;
    color: var(--lavender);
}

.picker[b-z14uxaavno]  .plan__checks { margin-top: 2.5rem; gap: 0.875rem; }
.picker[b-z14uxaavno]  .plan__checks li { font-size: 0.9375rem; font-weight: 400; }
.picker[b-z14uxaavno]  .plan__sticker { position: absolute; right: -12px; top: -22px; min-height: 40px; padding: 0 1.5rem; font-size: 0.8125rem; text-transform: uppercase; }

.plan__vat[b-z14uxaavno] { margin-top: auto; padding-top: 1.5rem; color: var(--ink-muted); font-size: 0.8125rem; }

.picker__currency[b-z14uxaavno] { margin-top: 1.5rem; color: var(--text-muted); font-size: 0.8125rem; text-align: center; }
.picker__currency a[b-z14uxaavno] { color: var(--text-body); }
.picker__currency a[aria-current="true"][b-z14uxaavno] { color: var(--text-head); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1000px) {
    .plans[b-z14uxaavno] { grid-template-columns: 1fr; max-width: 480px; margin-inline: auto; }
    .plan[b-z14uxaavno] { min-height: 0; }
}

@media (max-width: 720px) {
    .plans[b-z14uxaavno] { margin-top: 2.5rem; }
    .toggle label[b-z14uxaavno] { min-width: 0; padding: 0 1rem; }
}
/* /Components/Pages/Pricing/PricingFaq.razor.rz.scp.css */
.faq[b-9qhmwq7gcn] { padding-bottom: 6rem; }

.faq__title[b-9qhmwq7gcn] { margin-top: 1rem; font-size: clamp(2rem, 1.3rem + 2.2vw, 3.25rem); line-height: 1.15; letter-spacing: -0.03em; }

.faq__grid[b-9qhmwq7gcn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3rem;
    margin-top: 3.5rem;
}

.faq__item[b-9qhmwq7gcn] { border-top: 1px solid var(--line); padding: 1.5rem 0 1.75rem; }

.faq__item summary[b-9qhmwq7gcn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    list-style: none;
    cursor: pointer;
}

.faq__item summary[b-9qhmwq7gcn]::-webkit-details-marker { display: none; }
.faq__item h3[b-9qhmwq7gcn] { font-size: 1.1875rem; line-height: 1.37; letter-spacing: -0.015em; }

.faq__icon[b-9qhmwq7gcn] { position: relative; flex: none; width: 16px; height: 16px; }
.faq__icon[b-9qhmwq7gcn]::before, .faq__icon[b-9qhmwq7gcn]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 16px;
    height: 2px;
    border-radius: 1px;
    background: var(--teal);
    transition: transform 160ms ease;
}
.faq__icon[b-9qhmwq7gcn]::after { transform: rotate(90deg); }
.faq__item[open] .faq__icon[b-9qhmwq7gcn]::after { transform: rotate(0deg); }

.faq__item p[b-9qhmwq7gcn] { max-width: 34rem; margin-top: 0.75rem; color: var(--text-body); font-size: 0.9375rem; line-height: 1.6; }

@media (max-width: 860px) {
    .faq__grid[b-9qhmwq7gcn] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Pricing/PricingPage.razor.rz.scp.css */
.pricing-hero[b-vjrwirzy72] { position: relative; overflow: hidden; padding: 5.5rem 0 3rem; }
.pricing-hero__glow-a[b-vjrwirzy72] { width: 460px; height: 360px; left: calc(50% - 460px); top: 200px; opacity: 0.18; filter: blur(130px); }
.pricing-hero__glow-b[b-vjrwirzy72] { width: 460px; height: 360px; left: calc(50% + 0px); top: 220px; opacity: 0.18; filter: blur(130px); }
.pricing-hero__inner[b-vjrwirzy72] { position: relative; z-index: 1; display: grid; justify-items: center; gap: 1rem; text-align: center; }
.pricing-hero__lead[b-vjrwirzy72] { max-width: 40rem; margin-top: 1.5rem; }

@media (max-width: 720px) {
    .pricing-hero[b-vjrwirzy72] { padding-top: 3rem; }
    .pricing-hero__inner[b-vjrwirzy72] { justify-items: start; text-align: left; }
}
/* /Components/Pages/Pricing/PromiseBand.razor.rz.scp.css */
.promise-wrap[b-6nzeincmmf] { padding-bottom: 6rem; }

.promise[b-6nzeincmmf] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 520px) minmax(0, 500px);
    justify-content: space-between;
    gap: 2rem;
    padding: 3.5rem;
    border-radius: 32px;
    background: var(--teal);
    color: var(--ink);
    isolation: isolate;
}

.promise__clip[b-6nzeincmmf] { position: absolute; inset: 0; z-index: -1; overflow: hidden; border-radius: inherit; }
.promise__motif[b-6nzeincmmf] { position: absolute; left: calc(100% - 300px); top: -140px; width: 480px; height: 480px; border: 80px solid rgb(0 0 0 / 0.06); border-radius: 50%; }

.promise__title[b-6nzeincmmf] { color: var(--ink); font-size: clamp(2rem, 1.4rem + 1.8vw, 2.75rem); line-height: 1.18; letter-spacing: -0.03em; }
.promise__body[b-6nzeincmmf] { color: #123b38; font-size: 1.0625rem; line-height: 1.65; }

@media (max-width: 860px) {
    .promise[b-6nzeincmmf] { grid-template-columns: 1fr; padding: 2.5rem 1.75rem; }
}
/* /Components/Pages/Status/StatusView.razor.rz.scp.css */
.status[b-d6gnqd7539] { position: relative; overflow: hidden; padding-block: clamp(5rem, 12vw, 9rem); }
.status__glow[b-d6gnqd7539] { width: 600px; height: 500px; left: calc(50% - 300px); top: 40%; }
.status__inner[b-d6gnqd7539] { position: relative; z-index: 1; display: grid; justify-items: start; gap: 1.5rem; max-width: 52rem; }
.status__code[b-d6gnqd7539] { color: var(--coral); }
.status__body[b-d6gnqd7539] { max-width: 38rem; }
.status__actions[b-d6gnqd7539] { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 0.5rem; }
/* /Components/UI/Avatar.razor.rz.scp.css */
.avatar[b-zr1cuj6enm] {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: linear-gradient(135deg, #35c8e4 0%, #6c74e8 60%, #a322e0 100%);
    color: #0b0d10;
    font-family: var(--font-body);
    font-size: calc(var(--size) * 0.36);
    font-weight: 700;
    letter-spacing: 0.02em;
}
/* /Components/UI/Button.razor.rz.scp.css */
.btn[b-o5cgcaf891] {
    --btn-h: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: var(--btn-h);
    padding: 0 1.75rem;
    border: 1px solid transparent;
    border-radius: calc(var(--btn-h) / 2);
    font-family: var(--font-body);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

.btn:hover[b-o5cgcaf891] { text-decoration: none; }
.btn:active[b-o5cgcaf891] { transform: translateY(1px); }
.btn:disabled[b-o5cgcaf891], .btn[aria-disabled="true"][b-o5cgcaf891] { opacity: 0.5; cursor: not-allowed; transform: none; }

.btn--large[b-o5cgcaf891] { --btn-h: 52px; }
.btn--medium[b-o5cgcaf891] { --btn-h: 44px; padding: 0 1.375rem; }
.btn--small[b-o5cgcaf891] { --btn-h: 36px; padding: 0 1rem; font-size: 0.875rem; }
.btn--block[b-o5cgcaf891] { width: 100%; }

.btn--primary[b-o5cgcaf891] { background: var(--teal); color: var(--ink); }
.btn--primary:hover[b-o5cgcaf891] { background: #4ff0e0; }

.btn--outline[b-o5cgcaf891] { background: transparent; color: var(--text-head); border-color: rgb(255 255 255 / 0.25); }
.btn--outline:hover[b-o5cgcaf891] { border-color: rgb(255 255 255 / 0.5); background: rgb(255 255 255 / 0.04); }

.btn--ink[b-o5cgcaf891] { background: var(--ink); color: #fff; }
.btn--ink:hover[b-o5cgcaf891] { background: #262a31; }

.btn--paper[b-o5cgcaf891] { background: var(--paper); color: var(--ink); }
.btn--paper:hover[b-o5cgcaf891] { background: #fff; }

.btn--coral[b-o5cgcaf891] { background: var(--coral); color: var(--ink); }
.btn--coral:hover[b-o5cgcaf891] { background: #ff9274; }

.btn--outlineink[b-o5cgcaf891] { background: transparent; color: var(--ink); border-color: rgb(18 20 23 / 0.25); }
.btn--outlineink:hover[b-o5cgcaf891] { border-color: rgb(18 20 23 / 0.55); }

.btn--ghost[b-o5cgcaf891] { background: transparent; color: var(--link); padding-inline: 0.5rem; }
.btn--ghost:hover[b-o5cgcaf891] { text-decoration: underline; text-underline-offset: 3px; }

.btn--danger[b-o5cgcaf891] { background: transparent; color: var(--danger); border-color: rgb(240 106 106 / 0.5); }
.btn--danger:hover[b-o5cgcaf891] { background: rgb(240 106 106 / 0.08); border-color: var(--danger); }
/* /Components/UI/CheckList.razor.rz.scp.css */
.checks[b-nevapqbrta] { display: grid; gap: 0.875rem; margin: 0; padding: 0; list-style: none; }
.checks li[b-nevapqbrta] { display: flex; align-items: flex-start; gap: 0.875rem; line-height: 1.45; }

.checks__mark[b-nevapqbrta] { flex: none; margin-top: 0.06em; }
.checks__mark path[b-nevapqbrta] { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.checks--teal .checks__mark circle[b-nevapqbrta] { fill: rgb(21 234 214 / 0.14); }
.checks--teal .checks__mark path[b-nevapqbrta] { stroke: var(--teal); }
.checks--teal li[b-nevapqbrta] { color: var(--text-head); }

.checks--ink .checks__mark circle[b-nevapqbrta] { fill: var(--ink); }
.checks--ink .checks__mark path[b-nevapqbrta] { stroke: var(--teal); }
.checks--ink li[b-nevapqbrta] { color: var(--ink); font-weight: 500; }

.checks--quiet .checks__mark circle[b-nevapqbrta] { fill: rgb(255 255 255 / 0.08); }
.checks--quiet .checks__mark path[b-nevapqbrta] { stroke: var(--teal); }
.checks--quiet li[b-nevapqbrta] { color: var(--text-head); }

.checks--lavender .checks__mark circle[b-nevapqbrta] { fill: rgb(255 255 255 / 0.08); }
.checks--lavender .checks__mark path[b-nevapqbrta] { stroke: var(--lavender); }
.checks--lavender li[b-nevapqbrta] { color: var(--text-body); }
/* /Components/UI/ContentPage.razor.rz.scp.css */
.content-hero[b-srcsagxmzf] { position: relative; overflow: hidden; padding: 5rem 0 3.5rem; border-bottom: 1px solid var(--line); }
.content-hero__glow[b-srcsagxmzf] { width: 520px; height: 380px; left: calc(50% + 120px); top: 40px; opacity: 0.16; }
.content-hero__inner[b-srcsagxmzf] { position: relative; z-index: 1; display: grid; gap: 1rem; max-width: 56rem; margin-left: max(var(--gutter), calc(50% - 600px)); }
.content-hero__lead[b-srcsagxmzf] { max-width: 42rem; margin-top: 0.75rem; }

.content-body[b-srcsagxmzf] { padding-block: 3.5rem 6rem; }

/* Long-form text: a readable measure and a quiet hierarchy. */
.prose[b-srcsagxmzf] { max-width: 46rem; color: var(--text-body); font-size: 1.0625rem; line-height: 1.7; }
.prose[b-srcsagxmzf]  h2 { margin: 3rem 0 1rem; font-size: 1.75rem; line-height: 1.21; letter-spacing: -0.02em; }
.prose[b-srcsagxmzf]  h3 { margin: 2rem 0 0.75rem; font-size: 1.25rem; line-height: 1.3; letter-spacing: -0.015em; }
.prose[b-srcsagxmzf]  h2:first-child, .prose[b-srcsagxmzf]  h3:first-child { margin-top: 0; }
.prose[b-srcsagxmzf]  p + p, .prose[b-srcsagxmzf]  p + ul, .prose[b-srcsagxmzf]  ul + p, .prose[b-srcsagxmzf]  p + ol, .prose[b-srcsagxmzf]  ol + p { margin-top: 1rem; }
.prose[b-srcsagxmzf]  ul, .prose[b-srcsagxmzf]  ol { padding-left: 1.25rem; }
.prose[b-srcsagxmzf]  li + li { margin-top: 0.5rem; }
.prose[b-srcsagxmzf]  strong, .prose[b-srcsagxmzf]  b { color: var(--text-head); }
.prose[b-srcsagxmzf]  code { padding: 0.1em 0.35em; border-radius: 4px; background: var(--surface-raised); color: var(--text-head); font-size: 0.9em; }
.prose[b-srcsagxmzf]  pre {
    margin: 1.25rem 0;
    padding: 1.25rem 1.5rem;
    overflow-x: auto;
    border: 1px solid rgb(255 255 255 / 0.08);
    border-radius: 16px;
    background: #0a0b0d;
    color: var(--text-head);
    font-size: 0.875rem;
    line-height: 1.7;
}
.prose[b-srcsagxmzf]  pre code { padding: 0; background: none; }
.prose[b-srcsagxmzf]  table { width: 100%; margin: 1.5rem 0; font-size: 0.9375rem; }
.prose[b-srcsagxmzf]  th, .prose[b-srcsagxmzf]  td { padding: 0.75rem 0.75rem 0.75rem 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.prose[b-srcsagxmzf]  th { color: var(--text-head); font-weight: 600; }
.prose[b-srcsagxmzf]  .note {
    margin-top: 2rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid rgb(53 200 228 / 0.35);
    border-radius: 16px;
    background: rgb(53 200 228 / 0.06);
    color: var(--text-body);
    font-size: 0.9375rem;
}

@media (max-width: 720px) {
    .content-hero[b-srcsagxmzf] { padding-top: 3rem; }
}
/* /Components/UI/Cursor.razor.rz.scp.css */
.cursor[b-vdijk9a0bv] {
    position: relative;
    display: inline-block;
    width: max-content;
    padding: 18px 0 0 12px;
    /* Cursors sit inside headlines; never inherit their size, leading or tracking. */
    font: 400 12px/1 var(--font-body);
    letter-spacing: 0;
    text-transform: none;
    vertical-align: top;
    pointer-events: none;
    user-select: none;
}

.cursor__arrow[b-vdijk9a0bv] {
    position: absolute;
    left: 0;
    top: 0;
    overflow: visible;
    stroke: #fff;
    stroke-width: 1.2;
    stroke-linejoin: round;
}

.cursor--person .cursor__arrow[b-vdijk9a0bv] { fill: var(--coral); }
.cursor--agent .cursor__arrow[b-vdijk9a0bv] { fill: var(--indigo); }

.cursor__tag[b-vdijk9a0bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    height: 26px;
    padding: 0 0.75rem;
    border-radius: 13px;
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.cursor--person .cursor__tag[b-vdijk9a0bv] { background: var(--coral); color: var(--ink); }
.cursor--agent .cursor__tag[b-vdijk9a0bv] { background: var(--agent-gradient); color: #fff; padding-left: 0.625rem; }

.cursor__spark[b-vdijk9a0bv] { fill: #fff; flex: none; }
.cursor__sep[b-vdijk9a0bv] { opacity: 0.8; padding-inline: 0.125rem; }
/* /Components/UI/Eyebrow.razor.rz.scp.css */
.eyebrow[b-xjkljpkto8] { display: flex; gap: 0.6em; align-items: baseline; }
.eyebrow--muted[b-xjkljpkto8] { color: var(--text-muted); }
.eyebrow--teal[b-xjkljpkto8] { color: var(--teal); }
.eyebrow--ink[b-xjkljpkto8] { color: rgb(18 20 23 / 0.72); }
.eyebrow--oncolor[b-xjkljpkto8] { color: rgb(255 255 255 / 0.78); }
.eyebrow__dot[b-xjkljpkto8] { opacity: 0.8; }
/* /Components/UI/Logo.razor.rz.scp.css */
.logo[b-0rs0wwwoa2] {
    display: inline-flex;
    align-items: center;
    gap: 0.6875rem;
    color: var(--text-head);
    text-decoration: none;
    border-radius: 6px;
}

.logo:hover[b-0rs0wwwoa2] { text-decoration: none; }

.logo__word[b-0rs0wwwoa2] {
    font-family: var(--font-body);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
}
/* /Components/UI/SelectionBox.razor.rz.scp.css */
.selection[b-wnnw64ekz1] {
    --sel: var(--selection);
    position: relative;
    display: inline-block;
}

.selection--person[b-wnnw64ekz1] { --sel: #4f9eff; }

.selection__frame[b-wnnw64ekz1] {
    position: absolute;
    inset: 0.04em -0.02em -0.02em -0.02em;
    border: 1.5px solid var(--sel);
    pointer-events: none;
}

.h[b-wnnw64ekz1] {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #fff;
    border: 1.5px solid var(--sel);
}

.tl[b-wnnw64ekz1] { left: -5px; top: -5px; }
.tc[b-wnnw64ekz1] { left: calc(50% - 4.5px); top: -5px; }
.tr[b-wnnw64ekz1] { right: -5px; top: -5px; }
.ml[b-wnnw64ekz1] { left: -5px; top: calc(50% - 4.5px); }
.mr[b-wnnw64ekz1] { right: -5px; top: calc(50% - 4.5px); }
.bl[b-wnnw64ekz1] { left: -5px; bottom: -5px; }
.bc[b-wnnw64ekz1] { left: calc(50% - 4.5px); bottom: -5px; }
.br[b-wnnw64ekz1] { right: -5px; bottom: -5px; }

.selection__size[b-wnnw64ekz1] {
    position: absolute;
    left: 50%;
    top: calc(100% + 10px);
    transform: translateX(-50%);
    padding: 3px 8px;
    border-radius: 4px;
    background: var(--sel);
    color: #fff;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .h[b-wnnw64ekz1] { width: 7px; height: 7px; }
    .tl[b-wnnw64ekz1], .ml[b-wnnw64ekz1], .bl[b-wnnw64ekz1] { left: -4px; }
    .tr[b-wnnw64ekz1], .mr[b-wnnw64ekz1], .br[b-wnnw64ekz1] { right: -4px; }
    .tl[b-wnnw64ekz1], .tc[b-wnnw64ekz1], .tr[b-wnnw64ekz1] { top: -4px; }
    .bl[b-wnnw64ekz1], .bc[b-wnnw64ekz1], .br[b-wnnw64ekz1] { bottom: -4px; }
}
/* /Components/UI/StatusBadge.razor.rz.scp.css */
.badge[b-9yg7an0yhg] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 0.875rem;
    border-radius: 14px;
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* On paper (the plan card). */
.badge--success[b-9yg7an0yhg] { background: #cdeee0; color: #0f6a44; }
.badge--info[b-9yg7an0yhg] { background: #d5ecf6; color: #0d5b78; }
.badge--warning[b-9yg7an0yhg] { background: #f8e5bf; color: #7a4b00; }
.badge--danger[b-9yg7an0yhg] { background: #f9d6d6; color: #8c1d1d; }
.badge--neutral[b-9yg7an0yhg] { background: #e2e0da; color: #43474d; }

/* On dark (device rows). */
.badge--teal[b-9yg7an0yhg] { background: rgb(21 234 214 / 0.14); color: var(--teal); font-family: var(--font-body); letter-spacing: 0; text-transform: none; font-size: 0.75rem; }
/* /Components/UI/Sticker.razor.rz.scp.css */
.sticker[b-ovm2ivywr5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 1.75rem;
    border-radius: 22px;
    font-family: var(--font-body);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    transform: rotate(var(--rot, 8deg));
    box-shadow: var(--shadow-sticker);
    user-select: none;
}

.sticker--coral[b-ovm2ivywr5] { background: var(--coral); color: var(--ink); }
.sticker--ink[b-ovm2ivywr5] { background: var(--ink); color: #fff; font-weight: 600; font-size: 0.8125rem; }
.sticker--paper[b-ovm2ivywr5] { background: var(--paper); color: var(--ink); }

@media (max-width: 720px) {
    .sticker[b-ovm2ivywr5] { min-height: 36px; padding: 0 1.125rem; font-size: 0.8125rem; }
}