@import url("/assets/mensara_tokens-ecfe1404.css");

/* Mensara account home: a governed organization dossier and operating surfaces. */
.account-home { width: min(100%, var(--site-content)); min-height: 100svh; margin: 0 auto; padding: clamp(1.25rem, 4vw, 3rem) clamp(1.5rem, 5vw, 4rem) clamp(4rem, 10vw, 8rem); }
.account-notice { margin: var(--site-space-4) 0 0; padding: var(--site-space-3); border: 1px solid var(--site-ember); background: color-mix(in srgb, var(--site-ember) 12%, transparent); color: var(--site-bone); font-family: var(--site-font-mono); font-size: 0.8rem; line-height: 1.6; }
.account-home__top { display: flex; align-items: center; justify-content: space-between; gap: var(--site-space-3); padding-bottom: var(--site-space-5); border-bottom: 1px solid var(--site-line); }.account-home__session { display: flex; align-items: center; gap: var(--site-space-3); }.account-home__session .site-marker { margin: 0; }.account-home__sign-out { min-height: 2.75rem; padding: 0.6rem 0.8rem; border: 1px solid var(--site-line); border-radius: 0.25rem; background: transparent; color: var(--site-muted); cursor: pointer; font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; transition: border-color var(--site-motion-fast), color var(--site-motion-fast), background-color var(--site-motion-fast); }.account-home__sign-out:hover { border-color: var(--site-bone); color: var(--site-bone); background: var(--site-panel); }.account-home__sign-out:active { background: var(--site-band); }.account-home__sign-out:focus-visible, .account-route:focus-visible { outline: 2px solid var(--site-ember); outline-offset: 4px; }
.account-home__intro { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr); gap: clamp(2rem, 8vw, 8rem); padding: clamp(4rem, 11vw, 8rem) 0; border-bottom: 1px solid var(--site-line); }.account-home__intro .site-marker { margin: 0 0 var(--site-space-3); }.account-home__heading { max-width: 10ch; margin: 0; color: var(--site-bone); font-family: var(--site-font-display); font-size: clamp(3.25rem, 8vw, 6.25rem); font-weight: 400; line-height: 0.88; overflow-wrap: anywhere; }.account-home__lede { max-width: 31rem; margin: var(--site-space-4) 0 0; color: var(--site-muted); font-size: clamp(1rem, 1.3vw, 1.2rem); line-height: 1.65; }.account-dossier { align-self: end; margin: 0; padding: var(--site-space-4); border: 1px solid var(--site-line); border-radius: 0.375rem; background: var(--site-panel); box-shadow: 0.75rem 0.75rem 0 color-mix(in srgb, var(--site-void) 48%, transparent); color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.78rem; line-height: 1.65; }.account-dossier__row { display: grid; grid-template-columns: minmax(7rem, 0.75fr) minmax(0, 1.25fr); gap: var(--site-space-2); padding: var(--site-space-3) 0; border-bottom: 1px solid var(--site-line); }.account-dossier__row:first-child { padding-top: 0; }.account-dossier__row:last-child { padding-bottom: 0; border-bottom: 0; }.account-dossier dt { color: var(--site-dim); }.account-dossier dd { margin: 0; color: var(--site-bone); overflow-wrap: anywhere; }
.account-billing { display: flex; align-items: flex-end; justify-content: space-between; gap: clamp(2rem, 7vw, 7rem); margin-top: clamp(3rem, 8vw, 6rem); padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid var(--site-line); border-radius: 0.375rem; background: var(--site-band); box-shadow: 1rem 1rem 0 color-mix(in srgb, var(--site-void) 55%, transparent); }.account-billing__eyebrow, .account-status { margin: 0; color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; line-height: 1.6; text-transform: uppercase; }.account-billing__heading { max-width: 12ch; margin: var(--site-space-3) 0; color: var(--site-bone); font-family: var(--site-font-display); font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 400; line-height: 0.95; }.account-billing__copy { max-width: 34rem; margin: 0; color: var(--site-muted); line-height: 1.65; }.account-billing__action { display: grid; justify-items: start; gap: var(--site-space-3); flex: 0 0 auto; }.account-status strong { color: var(--site-bone); font-weight: 500; }.account-billing__action form { margin: 0; }
.account-home__surfaces { padding-top: clamp(3rem, 8vw, 6rem); }.account-home__section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.55fr); gap: var(--site-space-5); align-items: end; }.account-home__section-heading .site-marker { margin: 0 0 var(--site-space-3); }.account-home__section-heading h2 { max-width: 12ch; margin: 0; color: var(--site-bone); font-family: var(--site-font-display); font-size: clamp(2.1rem, 4vw, 3.75rem); font-weight: 400; line-height: 0.95; }.account-home__section-heading > p { max-width: 25rem; margin: 0; color: var(--site-muted); line-height: 1.65; }.account-route-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--site-space-3); margin-top: var(--site-space-5); }.account-route { min-height: 17.5rem; display: flex; flex-direction: column; padding: var(--site-space-4); border: 1px solid var(--site-line); border-radius: 0.375rem; background: var(--site-band); color: var(--site-bone); text-decoration: none; transition: border-color var(--site-motion-fast), background-color var(--site-motion-fast), transform var(--site-motion-fast); }.account-route:hover { border-color: var(--site-violet); background: var(--site-panel); transform: translateY(-2px); }.account-route:active { transform: translateY(0); }.account-route--boxes { background: color-mix(in srgb, var(--site-band) 84%, var(--site-void)); }.account-route__eyebrow { color: var(--site-violet); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; line-height: 1.6; text-transform: uppercase; }.account-route__title { margin-top: var(--site-space-4); font-family: var(--site-font-display); font-size: clamp(2rem, 3vw, 2.75rem); line-height: 1; }.account-route__copy { max-width: 25rem; margin-top: var(--site-space-3); color: var(--site-muted); line-height: 1.6; }.account-route__action { margin-top: auto; padding-top: var(--site-space-4); color: var(--site-ember); font-family: var(--site-font-mono); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }
@media (max-width: 720px) { .account-home__top, .account-home__session, .account-billing { align-items: flex-start; flex-direction: column; }.account-home__intro, .account-home__section-heading, .account-route-grid { grid-template-columns: 1fr; }.account-home__heading { max-width: 100%; }.account-dossier, .account-billing__action, .account-billing__action .site-button { width: 100%; }.account-home__section-heading > p { max-width: 34rem; } }
@media (prefers-reduced-motion: reduce) { .account-home__sign-out, .account-route { transition: none; } }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--site-void); }
body { margin: 0; background: var(--site-void); color: var(--site-bone); font-family: var(--site-font-body); font-size: 16px; line-height: 1.5; }
a { color: inherit; } button, input, textarea { font: inherit; }
.site-shell { overflow: clip; }
.site-section { padding: clamp(5.5rem, 12vw, 10rem) clamp(1.5rem, 5vw, 4rem); }
.site-section--band { background: var(--site-band); }
.site-section__inner { width: min(100%, var(--site-content)); margin: 0 auto; }
.site-marker, .site-eyebrow, .site-nav, .site-caption, .site-footer, .site-label, .journey-state { color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; line-height: 1.6; text-transform: uppercase; }
.site-marker { margin: 0 0 var(--site-space-4); }
.site-heading { max-width: 15ch; margin: 0 0 var(--site-space-4); color: var(--site-bone); font-family: var(--site-font-display); font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 400; letter-spacing: 0; line-height: 0.98; }
.site-copy { max-width: 43rem; margin: 0; color: var(--site-bone); font-size: clamp(1rem, 1.2vw, 1.2rem); line-height: 1.65; }.site-copy + .site-copy { margin-top: var(--site-space-3); }
.site-wordmark { display: inline-flex; align-items: center; gap: var(--site-space-2); color: var(--site-bone); font-family: var(--site-font-display); font-size: 2rem; letter-spacing: 0; text-decoration: none; }.site-presence { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--site-ember); box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--site-ember) 18%, transparent); animation: presence 2.5s ease-in-out infinite; }
.site-hero { position: relative; min-height: calc(100svh - 7rem); display: flex; flex-direction: column; padding: 0 clamp(1.5rem, 5vw, 4rem) clamp(3rem, 8vw, 6rem); }.site-footer__inner, .machine-surface__header { width: min(100%, var(--site-content)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--site-space-3); }.site-auth-link { white-space: nowrap; }.surface-toggle { display: flex; overflow: hidden; border: 1px solid var(--site-line); border-radius: 999px; font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; }.surface-toggle__option { min-height: 2.75rem; display: grid; place-items: center; padding: 0 var(--site-space-4); color: var(--site-muted); text-decoration: none; transition: color var(--site-motion-fast), background-color var(--site-motion-fast); }.surface-toggle__option:hover, .surface-toggle__option:focus-visible { color: var(--site-bone); }.surface-toggle__option--active { background: color-mix(in srgb, var(--site-ember) 14%, transparent); color: var(--site-ember); }
.site-strip { display: flex; align-items: center; gap: var(--site-space-3); min-height: 2.5rem; padding: 0 clamp(1.5rem, 5vw, 4rem); background: var(--site-panel); border-bottom: 1px solid var(--site-line); color: var(--site-dim); font-family: var(--site-font-mono); font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; }.site-strip__controls { display: flex; align-items: center; gap: var(--site-space-3); margin-left: auto; }.site-strip__divider { color: var(--site-line); }.site-strip__link { color: var(--site-muted); text-decoration: none; text-transform: uppercase; }.site-strip__link:hover, .site-strip__link:focus-visible { color: var(--site-bone); }.site-strip .surface-toggle { border: 0; }.site-strip .surface-toggle__option { min-height: 2.5rem; padding: 0 var(--site-space-2); }
.site-header { position: sticky; top: 0; z-index: 60; background: color-mix(in srgb, var(--site-void) 94%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid transparent; transition: border-color var(--site-motion-fast); }.site-header--scrolled { border-bottom-color: var(--site-line); }.site-header__row { display: flex; align-items: center; gap: clamp(1.25rem, 3vw, 2.25rem); min-height: 4.5rem; padding: 0.6rem clamp(1.5rem, 5vw, 4rem); }.site-header__nav { display: flex; gap: var(--site-space-4); margin-left: auto; font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; }.site-header__nav-link { display: flex; align-items: center; gap: var(--site-space-2); color: var(--site-muted); text-decoration: none; transition: color var(--site-motion-fast); }.site-header__nav-link:hover, .site-header__nav-link:focus-visible { color: var(--site-bone); }.site-header__nav-num { color: var(--site-dim); }.site-header__cta { white-space: nowrap; }.site-header__menu-toggle { display: none; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; margin-left: auto; border: 1px solid var(--site-line); border-radius: 0.25rem; background: transparent; color: var(--site-bone); cursor: pointer; }.site-header__menu-toggle:hover, .site-header__menu-toggle:focus-visible { border-color: var(--site-violet); }
.site-header__menu { position: sticky; top: 4.5rem; z-index: 55; max-height: calc(100svh - 4.5rem); overflow-y: auto; background: var(--site-panel); border-bottom: 1px solid var(--site-line); padding: var(--site-space-2) clamp(1.5rem, 5vw, 4rem) var(--site-space-4); }.site-header__menu-link { display: flex; align-items: baseline; gap: var(--site-space-3); min-height: 3.375rem; padding: 0.8rem 0; border-bottom: 1px solid color-mix(in srgb, var(--site-line) 70%, transparent); color: var(--site-bone); font-family: var(--site-font-display); font-size: 1.5rem; text-decoration: none; }.site-header__menu-link .site-header__nav-num { font-family: var(--site-font-mono); font-size: 0.7rem; }.site-header__menu-cta { display: flex; justify-content: center; margin-top: var(--site-space-4); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.site-hero__content { position: relative; z-index: 1; width: min(100%, var(--site-content)); margin: auto; padding: clamp(5rem, 15vw, 11rem) 0; }.site-hero__heading { max-width: 9ch; margin: var(--site-space-3) 0 var(--site-space-4); color: var(--site-bone); font-family: var(--site-font-display); font-size: clamp(3.25rem, 10vw, 6.75rem); font-weight: 400; letter-spacing: 0; line-height: 0.88; }.site-hero__copy { max-width: 39rem; margin: 0; color: var(--site-bone); font-size: clamp(1.05rem, 1.5vw, 1.35rem); line-height: 1.6; }
.site-actions { display: flex; flex-wrap: wrap; gap: var(--site-space-3); margin-top: var(--site-space-5); }.site-button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.65rem 1rem; border: 1px solid transparent; border-radius: 0.25rem; background: var(--site-ember); color: var(--site-ember-ink); cursor: pointer; font-weight: 700; text-decoration: none; transition: background-color var(--site-motion-fast), color var(--site-motion-fast), transform var(--site-motion-fast); }.site-button:hover { background: var(--site-bone); transform: translateY(-1px); }.site-button:active { transform: translateY(0); }.site-button:focus-visible, .site-input:focus-visible { outline: 2px solid var(--site-bone); outline-offset: 3px; }.site-button--ghost { border-color: var(--site-line); background: transparent; color: var(--site-bone); }.site-button--ghost:hover { border-color: var(--site-violet); background: var(--site-panel); }.site-hero__note { margin: var(--site-space-3) 0 0; color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; line-height: 1.6; }
.familiar { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }.familiar__canvas { width: 100%; height: 100%; }.familiar__caption { position: absolute; bottom: var(--site-space-4); left: clamp(1.5rem, 5vw, 4rem); color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; line-height: 1.6; text-transform: uppercase; }.site-hero__content { pointer-events: none; }.site-hero__content a { pointer-events: auto; }
.quote-grid, .movement-grid { display: grid; gap: var(--site-space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--site-space-5); }.quote-card { min-height: 10rem; padding: var(--site-space-4); border: 1px solid var(--site-line); border-radius: 0.25rem; color: var(--site-bone); font-family: var(--site-font-mono); font-size: 0.9rem; line-height: 1.65; }.staff-heading { position: relative; }.staff-heading__line { position: relative; display: block; width: fit-content; line-height: 1; }.staff-lines { position: absolute; z-index: 0; top: 0.1em; bottom: 0.1em; left: 0; width: 100%; display: grid; grid-template-rows: repeat(5, 1px); align-content: space-between; pointer-events: none; }.staff-lines i { display: block; border-top: 1px solid color-mix(in srgb, var(--site-violet) 30%, transparent); }.staff-heading__line + span { position: relative; z-index: 1; display: block; }.movement { padding: var(--site-space-3) 0; }.movement__icon { width: 2rem; height: 2rem; margin-bottom: var(--site-space-3); color: var(--site-violet); }.movement__title { margin: 0 0 var(--site-space-2); color: var(--site-bone); font-family: var(--site-font-display); font-size: 1.8rem; font-weight: 400; line-height: 1; }.movement__copy { margin: 0; color: var(--site-muted); }
.receipt-layout { display: flex; align-items: center; justify-content: space-between; gap: clamp(2rem, 8vw, 8rem); }.receipt { width: min(100%, 28rem); flex: 1 0 20rem; padding: var(--site-space-4); border: 1px solid var(--site-line); border-radius: 0.375rem; background: var(--site-panel); box-shadow: 1rem 1rem 0 color-mix(in srgb, var(--site-void) 55%, transparent); color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.78rem; line-height: 1.9; overflow-wrap: anywhere; }.receipt__row { display: grid; grid-template-columns: 5rem 1fr; gap: var(--site-space-2); border-bottom: 1px solid var(--site-line); padding: var(--site-space-2) 0; }.receipt__row:last-child { border-bottom: 0; }.receipt__seal { float: right; width: 5rem; height: 5rem; display: grid; place-items: center; border: 1px solid var(--site-ember); border-radius: 50%; color: var(--site-ember); transform: rotate(-12deg); }.receipt__held { color: var(--site-violet); }.proof-chips { display: flex; flex-wrap: wrap; gap: var(--site-space-2); margin-top: var(--site-space-4); }.proof-chip { padding: 0.45rem 0.65rem; border: 1px solid var(--site-line); border-radius: 999px; color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; }
.founder { max-width: 43rem; margin-top: var(--site-space-5); padding-left: var(--site-space-4); border-left: 1px solid var(--site-violet); }.founder__heading { margin: 0 0 var(--site-space-3); font-family: var(--site-font-display); font-size: 2rem; font-style: italic; font-weight: 400; }.founder__signature { color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; }.signup { width: min(100%, 40rem); margin: 0 auto; }.signup .site-heading, .signup .site-copy { max-width: none; }.signup-form { display: grid; gap: var(--site-space-3); margin-top: var(--site-space-5); }.site-label { display: grid; gap: var(--site-space-2); }.site-input { width: 100%; min-height: 2.9rem; padding: 0.7rem 0.8rem; border: 1px solid var(--site-line); border-radius: 0.25rem; background: var(--site-panel); color: var(--site-bone); }.site-input::placeholder { color: var(--site-dim); }.site-input-group { display: flex; min-width: 0; }.site-input-group .site-input { flex: 1 1 auto; min-width: 0; width: auto; border-radius: 0.25rem 0 0 0.25rem; }.site-input-group > span { display: flex; align-items: center; padding: 0 var(--site-space-3); border: 1px solid var(--site-line); border-left: 0; border-radius: 0 0.25rem 0.25rem 0; background: var(--site-void); color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0; text-transform: none; white-space: nowrap; }.site-textarea { min-height: 8rem; resize: vertical; }.field-error { margin: 0; color: var(--site-danger); font-size: 0.85rem; }.signup-confirmation { padding: var(--site-space-4); border: 1px solid var(--site-ember); color: var(--site-bone); font-family: var(--site-font-mono); line-height: 1.7; }.signup-confirmation a { color: var(--site-ember); }
.site-footer { padding: var(--site-space-5) clamp(1.5rem, 5vw, 4rem); border-top: 1px solid var(--site-line); }.site-footer__inner { align-items: flex-start; }.site-footer__links { display: flex; flex-wrap: wrap; gap: var(--site-space-3); }.site-footer a { text-decoration: none; }.site-footer a:hover, .site-footer a:focus-visible { color: var(--site-bone); }.machine-surface { width: min(100%, 51rem); margin: 0 auto; padding: clamp(1.25rem, 4vw, 3rem) clamp(1.5rem, 5vw, 4rem); }.machine-surface__header { margin-bottom: clamp(4rem, 10vw, 7rem); }.machine-surface pre { padding: var(--site-space-4); border: 1px solid var(--site-line); background: var(--site-band); color: var(--site-bone); font-family: var(--site-font-mono); font-size: 0.84rem; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }.docs-shell { width: min(100%, var(--site-content)); margin: 0 auto; padding: clamp(5rem, 12vw, 9rem) clamp(1.5rem, 5vw, 4rem); }.docs-shell__nav { margin-bottom: var(--site-space-6); }.journey-shell { min-height: 100svh; display: grid; place-items: center; padding: var(--site-space-4); }.journey-card { width: min(100%, 40rem); padding: clamp(2rem, 8vw, 4rem); border: 1px solid var(--site-line); background: var(--site-band); }.journey-state { display: inline-flex; padding: 0.35rem 0.5rem; border: 1px solid var(--site-violet); color: var(--site-violet); }.journey-state--failed { border-color: var(--site-danger); color: var(--site-danger); }.journey-state--ready { border-color: var(--site-success); color: var(--site-success); }.access-shell { min-height: 100svh; display: grid; place-items: center; padding: var(--site-space-4); }.access-card { width: min(100%, 40rem); padding: clamp(2rem, 8vw, 4rem); border: 1px solid var(--site-line); background: var(--site-band); box-shadow: 1rem 1rem 0 color-mix(in srgb, var(--site-void) 55%, transparent); }.access-card .site-wordmark { margin-bottom: clamp(4rem, 12vw, 7rem); }.access-card .site-heading { max-width: 10ch; }.access-state, .access-note { margin: 0; color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; line-height: 1.6; text-transform: uppercase; }.access-note { margin-top: var(--site-space-5); max-width: 40rem; color: var(--site-dim); letter-spacing: 0.04em; }.account-shell { width: min(100%, var(--site-content)); min-height: 100svh; margin: 0 auto; padding: clamp(1.25rem, 4vw, 3rem) clamp(1.5rem, 5vw, 4rem) clamp(4rem, 9vw, 8rem); }.account-header { display: flex; align-items: center; justify-content: space-between; gap: var(--site-space-3); padding-bottom: var(--site-space-5); border-bottom: 1px solid var(--site-line); }.account-signout { min-height: 2.75rem; padding: 0.65rem 0; border: 0; background: transparent; color: var(--site-muted); cursor: pointer; font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; transition: color var(--site-motion-fast); }.account-signout:hover, .account-signout:focus-visible { color: var(--site-bone); }.account-signout:focus-visible { outline: 2px solid var(--site-bone); outline-offset: 3px; }.account-intro { max-width: 46rem; padding: clamp(4rem, 10vw, 8rem) 0 clamp(2.5rem, 6vw, 5rem); }.account-intro .site-heading { max-width: 11ch; }.account-identity { margin: 0; color: var(--site-muted); font-size: 0.95rem; }.account-card { display: flex; align-items: flex-end; justify-content: space-between; gap: clamp(2rem, 7vw, 7rem); padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid var(--site-line); background: var(--site-band); box-shadow: 1rem 1rem 0 color-mix(in srgb, var(--site-void) 55%, transparent); }.account-card__marker, .account-status { margin: 0; color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; line-height: 1.6; text-transform: uppercase; }.account-card__heading { max-width: 12ch; margin: var(--site-space-3) 0; color: var(--site-bone); font-family: var(--site-font-display); font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 400; line-height: 0.95; }.account-card__copy { max-width: 34rem; margin: 0; color: var(--site-muted); line-height: 1.65; }.account-card__action { display: grid; justify-items: start; gap: var(--site-space-3); flex: 0 0 auto; }.account-status strong { color: var(--site-bone); font-weight: 500; }.account-card__action form { margin: 0; }.account-nav { display: flex; flex-wrap: wrap; gap: var(--site-space-4); padding-top: var(--site-space-5); }.account-nav__link { color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; transition: color var(--site-motion-fast); }.account-nav__link:hover, .account-nav__link:focus-visible { color: var(--site-ember); }.account-nav__link:focus-visible { outline: 2px solid var(--site-bone); outline-offset: 3px; }
@keyframes presence { 50% { box-shadow: 0 0 0 0.45rem color-mix(in srgb, var(--site-ember) 0%, transparent); } } @media (max-width: 860px) { .site-strip__tag { display: none; }.site-header__nav, .site-header__cta { display: none; }.site-header__menu-toggle { display: inline-flex; } } @media (max-width: 720px) { .quote-grid, .movement-grid { grid-template-columns: 1fr; }.receipt-layout, .site-footer__inner, .account-card { align-items: flex-start; flex-direction: column; }.receipt { flex-basis: auto; }.site-nav, .machine-surface__header { gap: var(--site-space-2); }.machine-surface__header .site-wordmark { font-size: 1.75rem; }.site-auth-link { padding-right: 0.65rem; padding-left: 0.65rem; }.surface-toggle { flex: 0 0 auto; font-size: 0.68rem; letter-spacing: 0.05em; }.surface-toggle__option { min-height: 2.5rem; padding: 0 0.6rem; }.site-strip { min-height: 2.25rem; padding: 0 clamp(1.25rem, 5vw, 4rem); font-size: 0.62rem; letter-spacing: 0.08em; }.site-header__row { padding: 0.5rem clamp(1.25rem, 5vw, 4rem); }.site-header .site-wordmark { font-size: 1.75rem; }.site-hero { min-height: calc(100svh - 6.75rem); }.familiar__line--two { left: 49%; }.familiar__event--four { left: 88%; }.account-header { padding-bottom: var(--site-space-4); }.account-intro { padding-top: var(--site-space-6); }.account-card__action { width: 100%; }.account-card__action .site-button { width: 100%; } } @media (max-width: 400px) { .site-strip { flex-wrap: wrap; row-gap: 0.25rem; padding: 0.35rem 1rem; }.site-strip__controls { gap: var(--site-space-2); } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.site-presence { animation: none; }.site-button, .account-signout, .account-nav__link { transition: none; } }
@media (max-width: 420px) { .site-input-group { flex-direction: column; gap: var(--site-space-2); }.site-input-group .site-input { width: 100%; border-radius: 0.25rem; }.site-input-group > span { justify-content: center; border-left: 1px solid var(--site-line); border-radius: 0.25rem; } }

.account-home__back { color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; transition: color var(--site-motion-fast); }
.account-home__back:hover { color: var(--site-bone); }
.account-home__back:focus-visible, .mind-handoff__action .site-button:focus-visible { outline: 2px solid var(--site-ember); outline-offset: 4px; }
.mind-handoff { max-width: 48rem; margin: clamp(4rem, 12vw, 9rem) 0; padding: clamp(1.5rem, 5vw, 3.5rem); border: 1px solid var(--site-line); border-radius: 0.375rem; background: var(--site-band); box-shadow: 1rem 1rem 0 color-mix(in srgb, var(--site-void) 55%, transparent); }
.mind-handoff__hostname { margin: 0; color: var(--site-bone); font-family: var(--site-font-display); font-size: clamp(2.5rem, 8vw, 5.75rem); font-weight: 400; line-height: 0.9; overflow-wrap: anywhere; }
.mind-handoff__state { display: inline-flex; margin: var(--site-space-4) 0 0; padding: 0.35rem 0.5rem; border: 1px solid var(--site-violet); color: var(--site-violet); font-family: var(--site-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; }
.mind-handoff--ready .mind-handoff__state { border-color: var(--site-success); color: var(--site-success); }
.mind-handoff--action_needed .mind-handoff__state { border-color: var(--site-danger); color: var(--site-danger); }
.mind-handoff__title { margin: var(--site-space-4) 0 0; color: var(--site-bone); font-family: var(--site-font-display); font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1; }
.mind-handoff__detail { max-width: 38rem; margin: var(--site-space-3) 0 0; color: var(--site-muted); font-size: 1rem; line-height: 1.65; }
.mind-handoff__evidence { display: grid; gap: var(--site-space-2); margin: var(--site-space-5) 0 0; padding: var(--site-space-3) 0; border-top: 1px solid var(--site-line); border-bottom: 1px solid var(--site-line); font-family: var(--site-font-mono); font-size: 0.78rem; line-height: 1.6; }
.mind-handoff__evidence div { display: grid; grid-template-columns: minmax(11rem, 0.8fr) minmax(0, 1.2fr); gap: var(--site-space-3); }
.mind-handoff__evidence dt { color: var(--site-dim); }.mind-handoff__evidence dd { margin: 0; color: var(--site-bone); overflow-wrap: anywhere; }
.mind-handoff__reference { margin: var(--site-space-4) 0 0; color: var(--site-muted); font-family: var(--site-font-mono); font-size: 0.78rem; }.mind-handoff__reference strong { color: var(--site-bone); font-weight: 500; }
.mind-handoff__action { margin-top: var(--site-space-5); }.mind-handoff__action form { margin: 0; }
@media (max-width: 720px) { .mind-handoff { margin-top: var(--site-space-6); }.mind-handoff__evidence div { grid-template-columns: 1fr; gap: 0; }.mind-handoff__action .site-button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .account-home__back { transition: none; } }