/* AIFF design tokens — shadcn's vocabulary and default "neutral" values, verbatim.
   Sites override any of these via kernel({ theme: { light: {...}, dark: {...} } }).
   Any shadcn / tweakcn theme pastes in unchanged. */

:root {
  --radius: 0.625rem;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);

  /* AIFF additions: the agent's presence — ghosting, approvals, the dock. */
  --agent: oklch(0.627 0.265 303.9);
  --agent-foreground: oklch(0.985 0 0);
  --agent-soft: oklch(0.627 0.265 303.9 / 8%);

  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  color-scheme: light;
}

:root[data-theme="dark"],
:root:not([data-theme="light"]):where(.aiff-dark) {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: oklch(0.145 0 0);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.205 0 0);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.205 0 0);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.922 0 0);
    --primary-foreground: oklch(0.205 0 0);
    --secondary: oklch(0.269 0 0);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.269 0 0);
    --muted-foreground: oklch(0.708 0 0);
    --accent: oklch(0.269 0 0);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --destructive-foreground: oklch(0.985 0 0);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.556 0 0);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --agent: oklch(0.714 0.203 305.5);
    --agent-soft: oklch(0.714 0.203 305.5 / 12%);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --agent: oklch(0.714 0.203 305.5);
  --agent-soft: oklch(0.714 0.203 305.5 / 12%);
  color-scheme: dark;
}


/* AIFF components — one stylesheet keyed on the semantic markup the tree emits.
   Contract: data-aiff-kind, data-aiff-region, data-variant, data-size, data-ghost.
   Vocabulary follows shadcn: default · secondary · outline · ghost · destructive · link. */

/* ─── Base ─────────────────────────────────────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; }
html { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
body { margin: 0; padding: 2rem 1.5rem 8rem; background: var(--background); color: var(--foreground); max-width: 72rem; margin-inline: auto; }
h1, h2, h3, h4, p { margin: 0; }
a { color: var(--foreground); text-underline-offset: 4px; }
a:hover { color: var(--muted-foreground); }
:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent); }

/* ─── Page layout ──────────────────────────────────────────────────────── */

#aiff-root { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: flex-start; }
#aiff-root > :not(section[data-aiff-region]) { flex: 1 1 100%; }
#aiff-root > button, #aiff-root > a { flex: 0 0 auto; }
#aiff-root > h1 { margin-bottom: -0.5rem; }

/* Regions are cards. */
section[data-aiff-region] {
  flex: 1 1 22rem; min-width: 0;
  display: flex; flex-direction: column; gap: 1rem;
  background: var(--card); color: var(--card-foreground);
  border: 1px solid var(--border); border-radius: var(--radius-xl);
  padding: 1.5rem;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
}
section[data-side="left"], section[data-side="right"] { flex: 0 1 20rem; }
section[data-side="right"] { order: 2; }
section[data-side="top"], section[data-side="bottom"] { flex: 1 1 100%; }
section[data-side="bottom"] { order: 3; }
section[data-aiff-region] > h2:first-child { margin-bottom: -0.25rem; }

div[data-aiff-layout="row"] { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-start; }
div[data-aiff-layout="row"] > label { flex: 1 1 10rem; }
div[data-aiff-layout="row"] > article[data-aiff-kind="card"] { flex: 1 1 16rem; }
div[data-aiff-layout="stack"] { display: flex; flex-direction: column; gap: 0.75rem; }

article[data-aiff-kind="card"] {
  display: flex; flex-direction: column; gap: 0.5rem;
  background: var(--card); color: var(--card-foreground);
  border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 1.25rem;
}
article[data-aiff-kind="card"] > h3 { font-size: 1rem; font-weight: 600; letter-spacing: -0.01em; }
article[data-aiff-kind="card"] > button { align-self: flex-start; margin-top: 0.25rem; }

/* ─── Typography ───────────────────────────────────────────────────────── */

h1 { font-size: 1.875rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; }
h2 { font-size: 1.25rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; }
h3 { font-size: 1.0625rem; font-weight: 600; line-height: 1.35; }
h4 { font-size: 0.9375rem; font-weight: 600; }
p[data-aiff-kind="text"] { color: var(--foreground); }
p[data-variant="muted"] { color: var(--muted-foreground); }
p[data-variant="small"] { font-size: 0.8125rem; color: var(--muted-foreground); }
p[data-variant="lead"] { font-size: 1.125rem; color: var(--muted-foreground); }
p[data-variant="code"] { font-family: var(--font-mono); font-size: 0.8125rem; background: var(--muted); padding: 0.15rem 0.4rem; border-radius: var(--radius-sm); display: inline-block; }

hr[data-aiff-kind="divider"] { border: 0; border-top: 1px solid var(--border); margin: 0.25rem 0; width: 100%; }
img[data-aiff-kind="image"] { max-width: 100%; height: auto; align-self: flex-start; border-radius: var(--radius-md); }

/* ─── Badge & alert ────────────────────────────────────────────────────── */

span[data-aiff-kind="badge"] {
  display: inline-flex; align-items: center; align-self: flex-start;
  font-size: 0.75rem; font-weight: 500; line-height: 1;
  padding: 0.3rem 0.55rem; border-radius: var(--radius-md);
  border: 1px solid transparent; background: var(--primary); color: var(--primary-foreground);
}
span[data-aiff-kind="badge"][data-variant="secondary"] { background: var(--secondary); color: var(--secondary-foreground); }
span[data-aiff-kind="badge"][data-variant="outline"] { background: transparent; color: var(--foreground); border-color: var(--border); }
span[data-aiff-kind="badge"][data-variant="destructive"] { background: var(--destructive); color: var(--destructive-foreground); }
span[data-aiff-kind="badge"][data-variant="agent"] { background: var(--agent); color: var(--agent-foreground); }

div[data-aiff-kind="alert"] {
  display: grid; gap: 0.25rem;
  padding: 0.875rem 1rem; border: 1px solid var(--border); border-radius: var(--radius-lg);
  background: var(--card); color: var(--card-foreground); font-size: 0.875rem;
}
div[data-aiff-kind="alert"] > strong { font-weight: 600; letter-spacing: -0.01em; }
div[data-aiff-kind="alert"] > span { color: var(--muted-foreground); }
div[data-aiff-kind="alert"][data-variant="destructive"] { border-color: color-mix(in oklch, var(--destructive) 40%, transparent); color: var(--destructive); }
div[data-aiff-kind="alert"][data-variant="destructive"] > span { color: color-mix(in oklch, var(--destructive) 85%, var(--foreground)); }
div[data-aiff-kind="alert"][data-variant="agent"] { border-color: var(--agent); background: var(--agent-soft); }

/* ─── Forms ────────────────────────────────────────────────────────────── */

label { display: flex; flex-direction: column; gap: 0.4rem; font-size: 0.875rem; font-weight: 500; line-height: 1; }
label > span { color: var(--foreground); }
label:has(> input[type="checkbox"]), fieldset label { flex-direction: row; align-items: center; gap: 0.5rem; font-weight: 400; line-height: 1.25; }

input, textarea, select {
  font: inherit; font-size: 0.875rem; line-height: 1.25; width: 100%;
  min-height: 2.25rem; padding: 0.4rem 0.75rem;
  color: var(--foreground); background: transparent;
  border: 1px solid var(--input); border-radius: var(--radius-md);
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  transition: border-color .15s, box-shadow .15s;
}
input::placeholder, textarea::placeholder { color: var(--muted-foreground); }
input:focus-visible, textarea:focus-visible, select:focus-visible { border-color: var(--ring); box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent); }
input:disabled, textarea:disabled, select:disabled { opacity: 0.5; cursor: not-allowed; }
input[aria-invalid="true"], textarea[aria-invalid="true"] { border-color: var(--destructive); }
textarea { min-height: 4.5rem; resize: vertical; line-height: 1.5; }
select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted-foreground) 50%), linear-gradient(135deg, var(--muted-foreground) 50%, transparent 50%); background-position: calc(100% - 1rem) 55%, calc(100% - 0.7rem) 55%; background-size: 0.3rem 0.3rem; background-repeat: no-repeat; padding-right: 2rem; }
input[type="checkbox"], input[type="radio"] { width: 1rem; height: 1rem; min-height: 0; padding: 0; margin: 0; accent-color: var(--primary); box-shadow: none; flex: none; }
input[type="date"] { min-width: 10rem; }

fieldset { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
legend { font-size: 0.875rem; font-weight: 500; padding: 0; margin-bottom: 0.25rem; }

/* ─── Buttons ──────────────────────────────────────────────────────────── */

button {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  font: inherit; font-size: 0.875rem; font-weight: 500; line-height: 1; white-space: nowrap;
  height: 2.25rem; padding: 0 1rem; border-radius: var(--radius-md);
  border: 1px solid transparent; cursor: pointer; user-select: none;
  background: var(--primary); color: var(--primary-foreground);
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  transition: background-color .15s, color .15s, opacity .15s;
}
button:hover { background: color-mix(in oklch, var(--primary) 90%, transparent); }
button[data-variant="primary"] { /* alias of default */ }
button[data-variant="secondary"] { background: var(--secondary); color: var(--secondary-foreground); }
button[data-variant="secondary"]:hover { background: color-mix(in oklch, var(--secondary) 80%, var(--foreground) 5%); }
button[data-variant="outline"] { background: var(--background); color: var(--foreground); border-color: var(--input); }
button[data-variant="outline"]:hover { background: var(--accent); color: var(--accent-foreground); }
button[data-variant="ghost"] { background: transparent; color: var(--foreground); box-shadow: none; }
button[data-variant="ghost"]:hover { background: var(--accent); color: var(--accent-foreground); }
button[data-variant="destructive"], button[data-variant="danger"] { background: var(--destructive); color: var(--destructive-foreground); }
button[data-variant="destructive"]:hover, button[data-variant="danger"]:hover { background: color-mix(in oklch, var(--destructive) 90%, transparent); }
button[data-variant="link"] { background: transparent; color: var(--foreground); box-shadow: none; text-decoration: underline; text-underline-offset: 4px; padding: 0; height: auto; }
button[data-variant="agent"] { background: var(--agent); color: var(--agent-foreground); }
button[data-size="sm"] { height: 2rem; padding: 0 0.75rem; font-size: 0.8125rem; border-radius: var(--radius-md); }
button[data-size="lg"] { height: 2.5rem; padding: 0 1.5rem; font-size: 0.9375rem; }
button:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
button[aria-busy] { opacity: 0.6; cursor: progress; }
section[data-aiff-region] > button, dialog[data-aiff-region] > button, article[data-aiff-kind="card"] > button { align-self: flex-start; }
button[data-align$="-right"] { align-self: flex-end; }
button[data-align$="-center"], button[data-align="center"] { align-self: center; }
button[data-align^="top-"] { order: -1; }

/* ─── Table ────────────────────────────────────────────────────────────── */

table { width: 100%; border-collapse: collapse; font-size: 0.875rem; caption-side: bottom; }
caption { color: var(--muted-foreground); font-size: 0.8125rem; padding-top: 0.75rem; text-align: left; }
th { text-align: left; font-weight: 500; color: var(--muted-foreground); height: 2.5rem; padding: 0 0.75rem; vertical-align: middle; }
td { padding: 0.6rem 0.75rem; vertical-align: middle; border-top: 1px solid var(--border); }
tbody tr:hover { background: color-mix(in oklch, var(--muted) 50%, transparent); }
td:last-child, th:last-child { text-align: right; }
td:first-child, th:first-child { text-align: left; }

/* ─── Agent presence ───────────────────────────────────────────────────── */

[data-ghost="agent"] > input, [data-ghost="agent"] > textarea, [data-ghost="agent"] > select,
input[data-ghost="agent"], textarea[data-ghost="agent"], select[data-ghost="agent"], fieldset[data-ghost="agent"], label:has(> input[data-ghost="agent"]) {
  border-color: var(--agent); box-shadow: 0 0 0 3px var(--agent-soft); transition: box-shadow .3s, border-color .3s;
}
fieldset[data-ghost="agent"] { border-radius: var(--radius-md); padding: 0.5rem; margin: -0.5rem; }
label[data-ghost="agent"] { border-radius: var(--radius-md); }
[data-ghost="pending"] { box-shadow: 0 0 0 3px var(--agent-soft), 0 0 0 1px var(--agent); animation: aiff-pulse 1.2s ease-in-out infinite; }
@keyframes aiff-pulse { 50% { box-shadow: 0 0 0 6px transparent, 0 0 0 1px var(--agent); } }

dialog[data-aiff-region="aiff:approvals"] { border-color: var(--agent); max-width: 34rem; }
dialog[data-aiff-region="aiff:approvals"] > h2 { color: var(--agent); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
dialog[data-aiff-region="aiff:approvals"] p[data-variant="lead"] { color: var(--foreground); font-size: 1.0625rem; font-weight: 500; }
dialog[data-aiff-region="aiff:approvals"] button[data-aiff-id$=":approve"] { background: var(--agent); color: var(--agent-foreground); }

section[data-aiff-region="aiff:tour"] { display: none; }

/* ─── The dock ─────────────────────────────────────────────────────────── */

/* A column on the right, full height, floating with a little depth; the page keeps to its left. */
section[data-aiff-region="aiff:agent"] {
  position: fixed; top: 1rem; right: 1rem; bottom: 1rem; z-index: 10;
  width: min(22rem, calc(100vw - 2rem)); overflow: auto;
  flex: none; gap: 0.5rem; padding: 1rem;
  background: var(--popover); color: var(--popover-foreground);
  border: 1px solid var(--border); border-radius: var(--radius-xl);
  box-shadow: 0 12px 40px rgb(0 0 0 / 12%), 0 1px 3px rgb(0 0 0 / 6%);
}
section[data-aiff-region="aiff:agent"]::before { content: attr(aria-label); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--agent); position: sticky; top: -1rem; margin: -1rem -1rem 0; padding: 1rem 1rem 0.5rem; background: var(--popover); }
section[data-aiff-region="aiff:agent"] > textarea { margin-top: auto; }
/* The page steps aside for it. */
@media (min-width: 64rem) {
  #aiff-root:has(> section[data-aiff-region="aiff:agent"]) { padding-right: calc(22rem + 2.5rem) !important; }
}
section[data-aiff-region="aiff:agent"] p { font-size: 0.875rem; padding: 0.5rem 0.75rem; border-radius: var(--radius-lg); max-width: 90%; white-space: pre-wrap; }
section[data-aiff-region="aiff:agent"] p[data-variant="user"] { align-self: flex-end; background: var(--primary); color: var(--primary-foreground); }
section[data-aiff-region="aiff:agent"] p[data-variant="agent"] { align-self: flex-start; background: var(--muted); color: var(--foreground); }
section[data-aiff-region="aiff:agent"] p[data-variant="status"] { padding: 0; color: var(--muted-foreground); font-style: italic; font-size: 0.8125rem; }
section[data-aiff-region="aiff:agent"] textarea { min-height: 3rem; }
section[data-aiff-region="aiff:agent"] button { align-self: flex-end; background: var(--agent); color: var(--agent-foreground); }
@media (max-width: 64rem) {
  section[data-aiff-region="aiff:agent"] { top: auto; max-height: 60vh; }
}
@media (max-width: 40rem) {
  section[data-aiff-region="aiff:agent"] { right: 0; bottom: 0; left: 0; width: auto; border-radius: var(--radius-xl) var(--radius-xl) 0 0; max-height: 60vh; }
}

/* ─── Calendar ─────────────────────────────────────────────────────────── */

div[data-aiff-kind="calendar"] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1px; width: 100%; background: var(--border); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; }
div[data-aiff-kind="calendar"] > span { background: var(--muted); padding: 0.45rem 0.5rem; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted-foreground); }
div[data-aiff-kind="calendar"] > button[role="gridcell"] {
  display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0.2rem; min-height: 6rem; height: auto; padding: 0.4rem;
  background: var(--card); color: var(--foreground); border: 0; border-radius: 0; box-shadow: none; text-align: left; font-weight: 400; min-width: 0;
}
div[data-aiff-kind="calendar"] > button[role="gridcell"]:hover { background: color-mix(in oklch, var(--muted) 60%, var(--card)); }
div[data-aiff-kind="calendar"] > button[data-outside] { background: color-mix(in oklch, var(--muted) 35%, var(--card)); color: var(--muted-foreground); }
div[data-aiff-kind="calendar"] > button[aria-selected="true"] { box-shadow: inset 0 0 0 2px var(--primary); }
div[data-aiff-kind="calendar"] > button > b { align-self: flex-start; font-size: 0.8rem; font-weight: 600; line-height: 1; padding: 0.3rem 0.35rem; border-radius: 999px; }
div[data-aiff-kind="calendar"] > button[data-today] > b { background: var(--agent); color: var(--agent-foreground); }
div[data-aiff-kind="calendar"] > button > i { display: block; font-style: normal; font-size: 0.72rem; line-height: 1.25; padding: 0.15rem 0.35rem; border-radius: 4px; background: var(--muted); color: var(--foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div[data-aiff-kind="calendar"] > button > i > time { color: var(--muted-foreground); }
div[data-aiff-kind="calendar"] > button > i[data-kind="event"] { background: var(--agent-soft); color: var(--agent); }
div[data-aiff-kind="calendar"] > button > i[data-kind="event"] > time { color: inherit; opacity: 0.8; }
div[data-aiff-kind="calendar"] > button > i[data-emphasis] { box-shadow: inset 2px 0 0 var(--destructive); }
div[data-aiff-kind="calendar"] > button > i[data-done] { text-decoration: line-through; opacity: 0.5; }
div[data-aiff-kind="calendar"] > button > i[data-more] { background: none; color: var(--muted-foreground); padding-left: 0.1rem; }
@media (max-width: 48rem) {
  div[data-aiff-kind="calendar"] > button[role="gridcell"] { min-height: 3.5rem; padding: 0.25rem; }
  div[data-aiff-kind="calendar"] > button > i { display: none; }
  div[data-aiff-kind="calendar"] > button > i:first-of-type { display: block; }
}

/* ─── Modal ────────────────────────────────────────────────────────────── */

.aiff-backdrop { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 1rem; background: rgb(0 0 0 / 50%); backdrop-filter: blur(2px); }
dialog[data-aiff-region] {
  position: static; margin: 0; max-width: min(32rem, 100%); width: 100%; max-height: 90vh; overflow: auto;
  display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem;
  background: var(--popover); color: var(--popover-foreground);
  border: 1px solid var(--border); border-radius: var(--radius-xl);
  box-shadow: 0 20px 60px rgb(0 0 0 / 30%);
}
dialog[data-aiff-region] > h2 { font-size: 1.125rem; }

/* ─── Tabs ─────────────────────────────────────────────────────────────── */

div[data-aiff-kind="tabs"] { display: inline-flex; gap: 0.25rem; padding: 0.25rem; background: var(--muted); border-radius: var(--radius-lg); align-self: flex-start; max-width: 100%; overflow-x: auto; }
div[data-aiff-kind="tabs"] > button[role="tab"] { height: 2rem; padding: 0 0.875rem; font-size: 0.875rem; background: transparent; color: var(--muted-foreground); box-shadow: none; border-radius: var(--radius-md); }
div[data-aiff-kind="tabs"] > button[role="tab"]:hover { color: var(--foreground); }
div[data-aiff-kind="tabs"] > button[aria-selected="true"] { background: var(--background); color: var(--foreground); box-shadow: 0 1px 2px rgb(0 0 0 / 8%); }

/* ─── Switch, checkbox groups ──────────────────────────────────────────── */

input[type="checkbox"][data-variant="switch"] {
  appearance: none; width: 2.25rem; height: 1.25rem; border-radius: 999px; background: var(--input); border: 0; position: relative; cursor: pointer; transition: background .15s;
}
input[type="checkbox"][data-variant="switch"]::after { content: ""; position: absolute; top: 2px; left: 2px; width: calc(1.25rem - 4px); height: calc(1.25rem - 4px); border-radius: 999px; background: var(--background); box-shadow: 0 1px 2px rgb(0 0 0 / 20%); transition: transform .15s; }
input[type="checkbox"][data-variant="switch"]:checked { background: var(--primary); }
input[type="checkbox"][data-variant="switch"]:checked::after { transform: translateX(1rem); }
fieldset[data-aiff-kind="checks"] label { font-weight: 400; }

/* ─── Hints & errors ───────────────────────────────────────────────────── */

small[data-aiff-hint] { font-size: 0.8125rem; font-weight: 400; color: var(--muted-foreground); }
small[data-aiff-error] { font-size: 0.8125rem; font-weight: 500; color: var(--destructive); }
label[data-invalid] > span, fieldset[data-invalid] > legend { color: var(--destructive); }
label[data-invalid] input, label[data-invalid] textarea, label[data-invalid] select { border-color: var(--destructive); }

/* ─── Facts, stats, nav ────────────────────────────────────────────────── */

dl[data-aiff-kind="facts"] { display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1.5rem; margin: 0; font-size: 0.875rem; }
dl[data-aiff-kind="facts"] > div { display: contents; }
dl[data-aiff-kind="facts"] dt { color: var(--muted-foreground); }
dl[data-aiff-kind="facts"] dd { margin: 0; font-weight: 500; }

div[data-aiff-kind="stat"] { display: flex; flex-direction: column; gap: 0.25rem; padding: 1rem 1.25rem; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--card); min-width: 10rem; flex: 1 1 10rem; }
div[data-aiff-kind="stat"] > span { font-size: 0.8125rem; font-weight: 500; color: var(--muted-foreground); }
div[data-aiff-kind="stat"] > strong { font-size: 1.75rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; }
div[data-aiff-kind="stat"] > em { font-style: normal; font-size: 0.8125rem; color: var(--chart-2); }
div[data-aiff-kind="stat"] > small { font-size: 0.75rem; color: var(--muted-foreground); }

nav[data-aiff-kind="nav"] { display: flex; gap: 0.25rem; flex-wrap: wrap; }
nav[data-aiff-kind="nav"] > a { text-decoration: none; padding: 0.4rem 0.75rem; border-radius: var(--radius-md); font-size: 0.875rem; font-weight: 500; color: var(--muted-foreground); }
nav[data-aiff-kind="nav"] > a:hover { background: var(--accent); color: var(--accent-foreground); }
nav[data-aiff-kind="nav"] > a[aria-current="page"] { background: var(--secondary); color: var(--foreground); }
section[data-side="left"] nav[data-aiff-kind="nav"] { flex-direction: column; }

/* ─── Table extras ─────────────────────────────────────────────────────── */

th > button[role=""], th > button { height: auto; padding: 0; font-weight: 500; color: var(--muted-foreground); }
th > button:hover { color: var(--foreground); background: transparent; }
th > span[aria-hidden] { font-size: 0.6rem; margin-left: 0.3rem; color: var(--muted-foreground); }
td > button { margin-left: 0.375rem; }
td:has(> button), td:first-child { white-space: nowrap; }
td[data-aiff-empty] { text-align: center; color: var(--muted-foreground); padding: 2rem; }
tfoot td { border-top: 1px solid var(--border); padding-top: 0.75rem; text-align: right; }
tfoot td > span { color: var(--muted-foreground); font-size: 0.8125rem; margin-right: 0.75rem; }
tfoot td > button { margin-left: 0.375rem; }

/* ─── Notices (toasts) ─────────────────────────────────────────────────── */

section[data-aiff-region="aiff:notices"] { position: fixed; top: 1rem; right: 1rem; z-index: 30; width: min(22rem, calc(100vw - 2rem)); flex: none; padding: 0; gap: 0.5rem; background: transparent; border: 0; box-shadow: none; }
section[data-aiff-region="aiff:notices"] > p { padding: 0.75rem 1rem; font-size: 0.875rem; background: var(--popover); color: var(--popover-foreground); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: 0 10px 30px rgb(0 0 0 / 15%); animation: aiff-toast .25s ease-out; }
section[data-aiff-region="aiff:notices"] > p[data-variant="success"] { border-color: var(--chart-2); }
section[data-aiff-region="aiff:notices"] > p[data-variant="destructive"] { border-color: var(--destructive); color: var(--destructive); }
@keyframes aiff-toast { from { opacity: 0; transform: translateY(-6px); } }

/* ─── Errors ───────────────────────────────────────────────────────────── */

#aiff-root[data-aiff-error]::after { content: attr(data-aiff-error); flex-basis: 100%; color: var(--destructive); font-size: 0.875rem; }


:root {
  --background: #f6f6f6;
  --foreground: #2a2a2e;
  --card: #ffffff;
  --card-foreground: #2a2a2e;
  --muted-foreground: #6b6b83;
  --border: #dcdcdc;
  --input: #cfcfd6;
  --primary: #1a1a1a;
  --primary-foreground: #ffffff;
  --radius: 4px;
  --agent: #ff6a1a;
  --agent-soft: rgb(255 106 26 / 12%);
}


@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');
:root { --font-sans: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace; }
html { font-size: 15px; }
body { padding: 0; max-width: none; background: #f6f6f6; color: #2a2a2e; }

/* Landing pages (they have a hero) flow as a document; app pages keep the grid, padded. */
#aiff-root:has(> section[data-aiff-region="hero"]) { display: block; }
#aiff-root:not(:has(> section[data-aiff-region="hero"])) { padding: 0 3rem 3rem; gap: 1.5rem; }

/* Nav: logo left, links right, the login link as the one accent. */
nav[data-aiff-kind="nav"] { display: flex; align-items: center; gap: 2rem; padding: 1.5rem 3rem; border-bottom: 1px solid #dcdcdc; margin: 0 -3rem 1rem; }
#aiff-root:has(> section[data-aiff-region="hero"]) nav[data-aiff-kind="nav"] { margin: 0; }
nav[data-aiff-kind="nav"] > a { font-size: 1rem; color: #3a3a3e; padding: 0; border-radius: 0; background: none; }
nav[data-aiff-kind="nav"] > a:hover { background: none; color: #111; }
nav[data-aiff-kind="nav"] > a[aria-current="page"] { background: none; color: #111; text-decoration: underline; text-underline-offset: 6px; }
nav[data-aiff-kind="nav"] > a:first-child { font-size: 1.35rem; font-weight: 600; color: #1a1a1a; margin-right: auto; text-decoration: none; }
nav[data-aiff-kind="nav"] > a:first-child::before { content: "\25D0  "; }
nav[data-aiff-kind="nav"] > a[href$="/login"] { background: #ff6a1a; color: #fff; padding: .7rem 1.4rem; border-radius: 4px; text-transform: uppercase; letter-spacing: .05em; font-size: .95rem; text-decoration: none; }
nav[data-aiff-kind="nav"] > a[href$="/login"]:hover { background: #ea5a0e; color: #fff; }

/* Hero. */
section[data-aiff-region="hero"] {
  position: relative; overflow: hidden; min-height: calc(100vh - 5.5rem);
  display: flex; flex-direction: column; justify-content: center; gap: 1.75rem;
  padding: 5rem 3rem; margin: 0; background: none; border: 0; border-radius: 0; box-shadow: none;
}
section[data-aiff-region="hero"] > * { position: relative; z-index: 1; max-width: 44%; }
section[data-aiff-region="hero"]::after {
  content: ""; position: absolute; z-index: 0; right: 1rem; top: 0; width: 52%; height: 100%;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201040%20780%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2245%25%22%20r%3D%2260%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff6a1a%22%20stop-opacity%3D%220.18%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6a1a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20.piece%20%7B%20animation%3A%20none%2012s%20cubic-bezier(.2%2C.8%2C.2%2C1)%20infinite%3B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%2050%25%2080%25%3B%20%7D%0A%20%20%20%20.piece.phone%20%7B%20animation-name%3A%20phone%3B%20%7D%0A.piece.calendar%20%7B%20animation-name%3A%20calendar%3B%20%7D%0A.piece.tasks%20%7B%20animation-name%3A%20tasks%3B%20%7D%0A.piece.people%20%7B%20animation-name%3A%20people%3B%20%7D%0A.piece.memory%20%7B%20animation-name%3A%20memory%3B%20%7D%0A.piece.chart%20%7B%20animation-name%3A%20chart%3B%20%7D%0A.piece.badge%20%7B%20animation-name%3A%20badge%3B%20%7D%0A.piece.mail%20%7B%20animation-name%3A%20mail%3B%20%7D%0A%20%20%20%20%0A%20%20%20%20%20%20%40keyframes%20phone%20%7B%0A%20%20%20%20%20%20%20%200%25%2C%208.3%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%20scale(0.6)%3B%20%7D%0A%20%20%20%20%20%20%20%2012.5%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-4px)%20scale(1.04)%3B%20%7D%0A%20%20%20%20%20%20%20%2014.6%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2045.8%25%20%7B%20transform%3A%20translate(0%2C%200px)%3B%20%7D%0A%20%20%20%20%20%20%20%2058.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2063.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-10px)%20scale(1.03)%3B%20%7D%0A%20%20%20%20%20%20%20%2071.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(229.49px%2C%20367.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(229.49px%2C%20367.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%40keyframes%20calendar%20%7B%0A%20%20%20%20%20%20%20%200%25%2C%2011.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%20scale(0.6)%3B%20%7D%0A%20%20%20%20%20%20%20%2015.8%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-4px)%20scale(1.04)%3B%20%7D%0A%20%20%20%20%20%20%20%2017.9%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2045.8%25%20%7B%20transform%3A%20translate(0%2C%200px)%3B%20%7D%0A%20%20%20%20%20%20%20%2058.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2063.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-10px)%20scale(1.03)%3B%20%7D%0A%20%20%20%20%20%20%20%2071.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(-168.87px%2C%20257.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(-168.87px%2C%20257.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%40keyframes%20tasks%20%7B%0A%20%20%20%20%20%20%20%200%25%2C%2015.0%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%20scale(0.6)%3B%20%7D%0A%20%20%20%20%20%20%20%2019.2%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-4px)%20scale(1.04)%3B%20%7D%0A%20%20%20%20%20%20%20%2021.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2045.8%25%20%7B%20transform%3A%20translate(0%2C%20-3px)%3B%20%7D%0A%20%20%20%20%20%20%20%2058.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2063.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-10px)%20scale(1.03)%3B%20%7D%0A%20%20%20%20%20%20%20%2071.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(-38.97000000000003px%2C%2082.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(-38.97000000000003px%2C%2082.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%40keyframes%20people%20%7B%0A%20%20%20%20%20%20%20%200%25%2C%2018.3%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%20scale(0.6)%3B%20%7D%0A%20%20%20%20%20%20%20%2022.5%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-4px)%20scale(1.04)%3B%20%7D%0A%20%20%20%20%20%20%20%2024.6%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2045.8%25%20%7B%20transform%3A%20translate(0%2C%20-3px)%3B%20%7D%0A%20%20%20%20%20%20%20%2058.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2063.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-10px)%20scale(1.03)%3B%20%7D%0A%20%20%20%20%20%20%20%2071.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(-134.23000000000002px%2C%20-52.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(-134.23000000000002px%2C%20-52.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%40keyframes%20memory%20%7B%0A%20%20%20%20%20%20%20%200%25%2C%2021.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%20scale(0.6)%3B%20%7D%0A%20%20%20%20%20%20%20%2025.8%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-4px)%20scale(1.04)%3B%20%7D%0A%20%20%20%20%20%20%20%2027.9%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2045.8%25%20%7B%20transform%3A%20translate(0%2C%20-3px)%3B%20%7D%0A%20%20%20%20%20%20%20%2058.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2063.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-10px)%20scale(1.03)%3B%20%7D%0A%20%20%20%20%20%20%20%2071.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(264.13px%2C%2057.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(264.13px%2C%2057.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%40keyframes%20chart%20%7B%0A%20%20%20%20%20%20%20%200%25%2C%2025.0%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%20scale(0.6)%3B%20%7D%0A%20%20%20%20%20%20%20%2029.2%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-4px)%20scale(1.04)%3B%20%7D%0A%20%20%20%20%20%20%20%2031.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2045.8%25%20%7B%20transform%3A%20translate(0%2C%20-3px)%3B%20%7D%0A%20%20%20%20%20%20%20%2058.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2063.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-10px)%20scale(1.03)%3B%20%7D%0A%20%20%20%20%20%20%20%2071.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(56.289999999999964px%2C%20-62.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(56.289999999999964px%2C%20-62.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%40keyframes%20badge%20%7B%0A%20%20%20%20%20%20%20%200%25%2C%2030.0%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%20scale(0.6)%3B%20%7D%0A%20%20%20%20%20%20%20%2034.2%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-4px)%20scale(1.04)%3B%20%7D%0A%20%20%20%20%20%20%20%2036.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2045.8%25%20%7B%20transform%3A%20translate(0%2C%20-8px)%3B%20%7D%0A%20%20%20%20%20%20%20%2058.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2063.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-10px)%20scale(1.03)%3B%20%7D%0A%20%20%20%20%20%20%20%2071.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(-394.03px%2C%2057.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(-394.03px%2C%2057.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%40keyframes%20mail%20%7B%0A%20%20%20%20%20%20%20%200%25%2C%2032.5%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%20scale(0.6)%3B%20%7D%0A%20%20%20%20%20%20%20%2036.7%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-4px)%20scale(1.04)%3B%20%7D%0A%20%20%20%20%20%20%20%2038.8%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2045.8%25%20%7B%20transform%3A%20translate(0%2C%20-8px)%3B%20%7D%0A%20%20%20%20%20%20%20%2058.3%25%20%7B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%20%20%2063.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translate(0%2C%20-10px)%20scale(1.03)%3B%20%7D%0A%20%20%20%20%20%20%20%2071.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(90.93px%2C%20367.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(90.93px%2C%20367.5px)%20scale(0.08)%3B%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20platform%20%7B%200%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2060px)%3B%20%7D%205.8%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2070.0%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2076.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2024px)%20scale(0.96)%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.platform%20%7B%20animation%3A%20platform%2012s%20ease-in-out%20infinite%3B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%20center%3B%20%7D%0A%20%20%20%20%40keyframes%20bubble%20%7B%200%25%2C%20var(--in)%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%206px)%20scale(0.9)%3B%20%7D%20var(--out)%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%20100%25%20%7B%20opacity%3A%201%3B%20%7D%20%7D%0A%20%20%20%20.bubble%20%7B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%20center%3B%20opacity%3A%200%3B%20animation%3A%2012s%20ease-out%20infinite%3B%20%7D%0A%20%20%20%20.bubble.u%20%7B%20animation-name%3A%20bu%3B%20%7D%20.bubble.a%20%7B%20animation-name%3A%20ba%3B%20%7D%20.bubble.d%20%7B%20animation-name%3A%20bd%3B%20%7D%0A%20%20%20%20%40keyframes%20bu%20%7B%200%25%2C%2035.0%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%206px)%3B%20%7D%2037.5%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2061.7%25%20%7B%20opacity%3A%201%3B%20%7D%2066.7%25%20%7B%20opacity%3A%200%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20ba%20%7B%200%25%2C%2041.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%206px)%3B%20%7D%2044.2%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2061.7%25%20%7B%20opacity%3A%201%3B%20%7D%2066.7%25%20%7B%20opacity%3A%200%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20bd%20%7B%200%25%2C%2050.0%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%206px)%3B%20%7D%2052.5%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2061.7%25%20%7B%20opacity%3A%201%3B%20%7D%2066.7%25%20%7B%20opacity%3A%200%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.bar%20%7B%20animation%3A%20bar%2012s%20ease-out%20infinite%3B%20%7D%0A%20%20%20%20%40keyframes%20bar%20%7B%200%25%2C%2027.5%25%20%7B%20transform%3A%20scaleY(0)%3B%20%7D%2033.3%25%20%7B%20transform%3A%20scaleY(1)%3B%20%7D%20100%25%20%7B%20transform%3A%20scaleY(1)%3B%20%7D%20%7D%0A%20%20%20%20.bar.b1%20%7B%20animation-delay%3A%20.1s%3B%20%7D%20.bar.b2%20%7B%20animation-delay%3A%20.2s%3B%20%7D%20.bar.b3%20%7B%20animation-delay%3A%20.3s%3B%20%7D%0A%20%20%20%20%40keyframes%20orb%20%7B%200%25%2C%2068.3%25%20%7B%20opacity%3A%200%3B%20transform%3A%20scale(0.2)%3B%20%7D%2074.2%25%20%7B%20opacity%3A%201%3B%20transform%3A%20scale(1.08)%3B%20%7D%2077.5%25%20%7B%20transform%3A%20scale(1)%3B%20%7D%2093.3%25%20%7B%20opacity%3A%201%3B%20transform%3A%20scale(1)%3B%20%7D%2098.3%25%20%7B%20opacity%3A%200%3B%20transform%3A%20scale(0.9)%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.orb%20%7B%20animation%3A%20orb%2012s%20cubic-bezier(.2%2C.8%2C.2%2C1)%20infinite%3B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%20center%3B%20%7D%0A%20%20%20%20%40keyframes%20ring%20%7B%200%25%2C%2073.3%25%20%7B%20opacity%3A%200%3B%20transform%3A%20scale(0.6)%3B%20%7D%2075.0%25%20%7B%20opacity%3A%20.5%3B%20%7D%2086.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20scale(1.9)%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.ring%20%7B%20animation%3A%20ring%2012s%20ease-out%20infinite%3B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%20center%3B%20%7D%0A%20%20%20%20.ring.r2%20%7B%20animation-delay%3A%20.5s%3B%20%7D%0A%20%20%20%20%40keyframes%20label%20%7B%200%25%2C%2075.0%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%208px)%3B%20%7D%2079.2%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2093.3%25%20%7B%20opacity%3A%201%3B%20%7D%2098.3%25%20%7B%20opacity%3A%200%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.label%20%7B%20animation%3A%20label%2012s%20ease-out%20infinite%3B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%20center%3B%20%7D%0A%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%0A%20%20%20%20%3Cg%20transform%3D%22translate(455.1%2C%20167.5)%22%3E%3Cg%20class%3D%22platform%22%3E%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%2264.9%22%20cy%3D%22342.5%22%20rx%3D%22360%22%20ry%3D%2280%22%20fill%3D%22%23000%22%20opacity%3D%220.06%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3Cpolygon%20points%3D%22536.9%2C310.0%20129.9%2C545.0%20129.9%2C573.0%20536.9%2C338.0%22%20fill%3D%22%23d2d2d8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22-407.0%2C235.0%20129.9%2C545.0%20129.9%2C573.0%20-407.0%2C263.0%22%20fill%3D%22%23e6e6ea%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(0.866%200.5%20-0.866%200.5%200%200)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22620%22%20height%3D%22470%22%20rx%3D%2210%22%20fill%3D%22%23fafafa%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(290.5%2C%2072.5)%22%3E%3Cg%20class%3D%22piece%20phone%22%3E%3Cg%20transform%3D%22matrix(0.866%20-0.5%200%201%200%200)%22%3E%3Crect%20x%3D%22120%22%20y%3D%220%22%20width%3D%226%22%20height%3D%22230%22%20fill%3D%22%23d2d2d8%22%20transform%3D%22matrix(0.866%200.5%200%201%200%200)%22%2F%3E%3Crect%20width%3D%22120%22%20height%3D%22230%22%20rx%3D%2214%22%20fill%3D%22%231a1a1e%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%22108%22%20height%3D%22218%22%20rx%3D%2210%22%20fill%3D%22%23f6f6f6%22%2F%3E%0A%20%20%20%20%3Cg%20class%3D%22bubble%20u%22%3E%3Crect%20x%3D%2230%22%20y%3D%2252%22%20width%3D%2276%22%20height%3D%2234%22%20rx%3D%228%22%20fill%3D%22%23ff6a1a%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2238%22%20y%3D%2262%22%20width%3D%2258%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%2238%22%20y%3D%2270%22%20width%3D%2240%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%0A%20%20%20%20%3Cg%20class%3D%22bubble%20a%22%3E%3Crect%20x%3D%2214%22%20y%3D%2296%22%20width%3D%2276%22%20height%3D%2234%22%20rx%3D%228%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2222%22%20y%3D%22106%22%20width%3D%2256%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%232a2a2e%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%22114%22%20width%3D%2230%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%232a2a2e%22%2F%3E%3C%2Fg%3E%0A%20%20%20%20%3Cg%20class%3D%22bubble%20d%22%3E%3Crect%20x%3D%2230%22%20y%3D%22140%22%20width%3D%2276%22%20height%3D%2226%22%20rx%3D%228%22%20fill%3D%22%232a2a2e%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2244%22%20cy%3D%22153%22%20r%3D%226%22%20fill%3D%22%23ff6a1a%22%2F%3E%3Cpath%20d%3D%22M41%20153%20l2.5%202.5%20l4.5%20-5%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2256%22%20y%3D%22150%22%20width%3D%2240%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2260%22%20cy%3D%22210%22%20r%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%238a8a94%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(688.9%2C%20182.5)%22%3E%3Cg%20class%3D%22piece%20calendar%22%3E%3Cg%20transform%3D%22matrix(0.866%200.5%200%201%200%200)%22%3E%3Crect%20width%3D%22200%22%20height%3D%22150%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%22200%22%20height%3D%2230%22%20rx%3D%2210%22%20fill%3D%22%232a2a2e%22%2F%3E%3Crect%20y%3D%2220%22%20width%3D%22200%22%20height%3D%2210%22%20fill%3D%22%232a2a2e%22%2F%3E%0A%20%20%20%20%3Ctext%20x%3D%2214%22%20y%3D%2220%22%20font-size%3D%2211%22%20fill%3D%22%23fff%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%221%22%3ECALENDAR%3C%2Ftext%3E%0A%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2244%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2238%22%20y%3D%2244%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2262%22%20y%3D%2244%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2286%22%20y%3D%2244%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22110%22%20y%3D%2244%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23ff6a1a%22%2F%3E%3Crect%20x%3D%22134%22%20y%3D%2244%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22158%22%20y%3D%2244%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2266%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2238%22%20y%3D%2266%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2262%22%20y%3D%2266%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2286%22%20y%3D%2266%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22110%22%20y%3D%2266%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22134%22%20y%3D%2266%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22158%22%20y%3D%2266%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23ff6a1a%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2288%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2238%22%20y%3D%2288%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2262%22%20y%3D%2288%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2286%22%20y%3D%2288%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22110%22%20y%3D%2288%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22134%22%20y%3D%2288%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22158%22%20y%3D%2288%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%22110%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2238%22%20y%3D%22110%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23ff6a1a%22%2F%3E%3Crect%20x%3D%2262%22%20y%3D%22110%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%2286%22%20y%3D%22110%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22110%22%20y%3D%22110%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22134%22%20y%3D%22110%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3Crect%20x%3D%22158%22%20y%3D%22110%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23efeff2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(559.0%2C%20357.5)%22%3E%3Cg%20class%3D%22piece%20tasks%22%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22164.5%2C95.0%2052.0%2C160.0%2052.0%2C172.0%20164.5%2C107.0%22%20fill%3D%22%23d2d2d8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22-112.6%2C65.0%2052.0%2C160.0%2052.0%2C172.0%20-112.6%2C77.0%22%20fill%3D%22%23e6e6ea%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(0.866%200.5%20-0.866%200.5%200%200)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22190%22%20height%3D%22130%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3Ctext%20x%3D%2214%22%20y%3D%2222%22%20font-size%3D%2211%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%221%22%3ETASKS%3C%2Ftext%3E%0A%20%20%20%20%0A%20%20%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2236%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%23ff6a1a%22%20stroke%3D%22%23ff6a1a%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2234%22%20y%3D%2240%22%20width%3D%22120%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2258%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%238a8a94%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2234%22%20y%3D%2262%22%20width%3D%22102%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2280%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%238a8a94%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2234%22%20y%3D%2284%22%20width%3D%2284%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%22102%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%238a8a94%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2234%22%20y%3D%22106%22%20width%3D%2266%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(654.2%2C%20492.5)%22%3E%3Cg%20class%3D%22piece%20people%22%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22129.9%2C75.0%2026.0%2C135.0%2026.0%2C147.0%20129.9%2C87.0%22%20fill%3D%22%23d2d2d8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22-103.9%2C60.0%2026.0%2C135.0%2026.0%2C147.0%20-103.9%2C72.0%22%20fill%3D%22%23e6e6ea%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(0.866%200.5%20-0.866%200.5%200%200)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22150%22%20height%3D%22120%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3Ctext%20x%3D%2214%22%20y%3D%2222%22%20font-size%3D%2211%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%221%22%3EPEOPLE%3C%2Ftext%3E%0A%20%20%20%20%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2246%22%20r%3D%229%22%20fill%3D%22%23d6d6dc%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%2242%22%20width%3D%2270%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%20opacity%3D%220.9%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%2251%22%20width%3D%2240%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2272%22%20r%3D%229%22%20fill%3D%22%23ff6a1a%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%2268%22%20width%3D%2260%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%20opacity%3D%220.65%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%2277%22%20width%3D%2240%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2298%22%20r%3D%229%22%20fill%3D%22%23d6d6dc%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%2294%22%20width%3D%2250%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%20opacity%3D%220.4%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%22103%22%20width%3D%2240%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(255.9%2C%20382.5)%22%3E%3Cg%20class%3D%22piece%20memory%22%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22129.9%2C75.0%2052.0%2C120.0%2052.0%2C130.0%20129.9%2C85.0%22%20fill%3D%22%23d2d2d8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22-77.9%2C45.0%2052.0%2C120.0%2052.0%2C130.0%20-77.9%2C55.0%22%20fill%3D%22%23e6e6ea%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(0.866%200.5%20-0.866%200.5%200%200)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22150%22%20height%3D%2290%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3Ctext%20x%3D%2214%22%20y%3D%2222%22%20font-size%3D%2211%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%221%22%3EMEMORY%3C%2Ftext%3E%0A%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2236%22%20width%3D%2278%22%20height%3D%2218%22%20rx%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%232a2a2e%22%2F%3E%3Ctext%20x%3D%2224%22%20y%3D%2249%22%20font-size%3D%2210%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%3Efact%3C%2Ftext%3E%0A%20%20%20%20%3Crect%20x%3D%2298%22%20y%3D%2236%22%20width%3D%2240%22%20height%3D%2218%22%20rx%3D%229%22%20fill%3D%22%23ff6a1a%22%2F%3E%3Ctext%20x%3D%22107%22%20y%3D%2249%22%20font-size%3D%2210%22%20fill%3D%22%23fff%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%3Erule%3C%2Ftext%3E%0A%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2260%22%20width%3D%22110%22%20height%3D%2218%22%20rx%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(463.7%2C%20502.5)%22%3E%3Cg%20class%3D%22piece%20chart%22%3E%0A%20%20%20%20%0A%20%20%20%20%3Cpolygon%20points%3D%22121.2%2C70.0%2026.0%2C125.0%2026.0%2C137.0%20121.2%2C82.0%22%20fill%3D%22%23d2d2d8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22-95.3%2C55.0%2026.0%2C125.0%2026.0%2C137.0%20-95.3%2C67.0%22%20fill%3D%22%23e6e6ea%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(0.866%200.5%20-0.866%200.5%200%200)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22140%22%20height%3D%22110%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2214%22%20y%3D%2222%22%20font-size%3D%2211%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%221%22%3EMONEY%3C%2Ftext%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(18%2C26)%22%3E%3Cg%20class%3D%22bar%20b0%22%20style%3D%22transform-origin%3A-46.8px%2043.0px%22%3E%3Crect%20x%3D%22-55.8%22%20y%3D%229.0%22%20width%3D%2218%22%20height%3D%2234%22%20rx%3D%223%22%20fill%3D%22%23c9c9d0%22%2F%3E%3C%2Fg%3E%3Cg%20class%3D%22bar%20b1%22%20style%3D%22transform-origin%3A-22.5px%2057.0px%22%3E%3Crect%20x%3D%22-31.5%22%20y%3D%225.0%22%20width%3D%2218%22%20height%3D%2252%22%20rx%3D%223%22%20fill%3D%22%23c9c9d0%22%2F%3E%3C%2Fg%3E%3Cg%20class%3D%22bar%20b2%22%20style%3D%22transform-origin%3A1.7px%2071.0px%22%3E%3Crect%20x%3D%22-7.3%22%20y%3D%2231.0%22%20width%3D%2218%22%20height%3D%2240%22%20rx%3D%223%22%20fill%3D%22%23c9c9d0%22%2F%3E%3C%2Fg%3E%3Cg%20class%3D%22bar%20b3%22%20style%3D%22transform-origin%3A26.0px%2085.0px%22%3E%3Crect%20x%3D%2217.0%22%20y%3D%2219.0%22%20width%3D%2218%22%20height%3D%2266%22%20rx%3D%223%22%20fill%3D%22%23ff6a1a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(914.0%2C%20382.5)%22%3E%3Cg%20class%3D%22piece%20badge%22%3E%3Ccircle%20r%3D%2216%22%20fill%3D%22%23ff6a1a%22%2F%3E%3Cpath%20d%3D%22M-6%200%20l4%204%20l8%20-9%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(429.1%2C%2072.5)%22%3E%3Cg%20class%3D%22piece%20mail%22%3E%3Crect%20x%3D%22-16%22%20y%3D%22-11%22%20width%3D%2232%22%20height%3D%2222%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%232a2a2e%22%2F%3E%3Cpath%20d%3D%22M-16%20-9%20l16%2011%20l16%20-11%22%20stroke%3D%22%232a2a2e%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%0A%20%20%20%20%0A%20%20%20%20%3Cg%20transform%3D%22translate(520%2C%20440)%22%3E%0A%20%20%20%20%20%20%3Ccircle%20class%3D%22ring%22%20r%3D%2290%22%20fill%3D%22none%22%20stroke%3D%22%23ff6a1a%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20class%3D%22ring%20r2%22%20r%3D%2290%22%20fill%3D%22none%22%20stroke%3D%22%232a2a2e%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22orb%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20r%3D%2286%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20r%3D%2286%22%20fill%3D%22url(%23glow)%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-30%200%20a30%2030%200%200%201%2060%200%20a30%2030%200%200%201%20-60%200%20z%20M0%20-30%20a30%2030%200%200%200%200%2060%20z%22%20fill%3D%22%232a2a2e%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%20-30%20a30%2030%200%200%201%200%2060%20z%22%20fill%3D%22%23ff6a1a%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22label%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20y%3D%22126%22%20text-anchor%3D%22middle%22%20font-size%3D%2222%22%20font-weight%3D%22600%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%3EOvoxio%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20y%3D%22150%22%20text-anchor%3D%22middle%22%20font-size%3D%2212%22%20fill%3D%22%238a8a94%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%222%22%3EYOUR%20ASSISTANT%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fsvg%3E") no-repeat center / contain; pointer-events: none;
}
section[data-aiff-region="hero"] h1 { font-size: clamp(2.4rem, 4.4vw, 4rem); font-weight: 400; line-height: 1.12; letter-spacing: -0.02em; color: #2a2a2e; margin: 0; }
section[data-aiff-region="hero"] p[data-variant="lead"] { font-size: 1.2rem; line-height: 1.55; color: #6b6b83; }
section[data-aiff-region="hero"] a[data-variant="outline"] {
  display: inline-block; align-self: flex-start; margin-top: .5rem; padding: .85rem 1.6rem;
  border: 1px solid #9c9c9c; border-radius: 4px; background: #fff; color: #8a8a8a;
  text-transform: uppercase; letter-spacing: .1em; font-size: .9rem; text-decoration: none;
}
section[data-aiff-region="hero"] a[data-variant="outline"]:hover { color: #2a2a2e; border-color: #2a2a2e; }
section[data-aiff-region="hero"] div[data-aiff-layout="row"] { gap: .75rem; }
section[data-aiff-region="hero"] a[data-variant="solid"] {
  display: inline-block; margin-top: .5rem; padding: .85rem 1.6rem; border: 1px solid #1a1a1a; border-radius: 4px; background: #1a1a1a; color: #fff;
  text-transform: uppercase; letter-spacing: .1em; font-size: .9rem; text-decoration: none;
}
section[data-aiff-region="hero"] a[data-variant="solid"]:hover { background: #ff6a1a; border-color: #ff6a1a; }

/* "Alongside you": text left, the companion scene right, like the hero. */
section[data-aiff-region="safe"] { position: relative; overflow: hidden; min-height: 42rem; justify-content: center; }
section[data-aiff-region="safe"] > * { position: relative; z-index: 1; max-width: 42%; }
section[data-aiff-region="safe"]::after {
  content: ""; position: absolute; z-index: 0; right: 1rem; top: 0; width: 54%; height: 100%;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20640%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%3CradialGradient%20id%3D%22glow2%22%20cx%3D%2250%25%22%20cy%3D%2245%25%22%20r%3D%2260%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff6a1a%22%20stop-opacity%3D%220.2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff6a1a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20.p2%20%7B%20animation%3A%20none%209s%20cubic-bezier(.2%2C.8%2C.2%2C1)%20infinite%3B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%2050%25%2080%25%3B%20%7D%0A%20%20%20%20.p2.tasks2%20%7B%20animation-name%3A%20tasks2%3B%20%7D%0A.p2.people2%20%7B%20animation-name%3A%20people2%3B%20%7D%0A.p2.ask2%20%7B%20animation-name%3A%20ask2%3B%20%7D%0A.p2.approval2%20%7B%20animation-name%3A%20approval2%3B%20%7D%0A%20%20%20%20%0A%20%20%20%20%40keyframes%20tasks2%20%7B%0A%20%20%20%20%20%200%25%2C%2010.0%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2030px)%20scale(0.85)%3B%20%7D%0A%20%20%20%20%20%2015.6%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%2084.4%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%2092.2%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2014px)%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20people2%20%7B%0A%20%20%20%20%20%200%25%2C%2013.3%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2030px)%20scale(0.85)%3B%20%7D%0A%20%20%20%20%20%2018.9%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%2084.4%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%2092.2%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2014px)%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20ask2%20%7B%0A%20%20%20%20%20%200%25%2C%2016.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2030px)%20scale(0.85)%3B%20%7D%0A%20%20%20%20%20%2022.2%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%2084.4%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%2092.2%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2014px)%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20approval2%20%7B%0A%20%20%20%20%20%200%25%2C%2051.1%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2030px)%20scale(0.85)%3B%20%7D%0A%20%20%20%20%20%2056.7%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%2084.4%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%0A%20%20%20%20%20%2092.2%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2014px)%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20platform2%20%7B%200%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2040px)%3B%20%7D%206.7%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2086.7%25%20%7B%20opacity%3A%201%3B%20%7D%2094.4%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%2020px)%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.platform2%20%7B%20animation%3A%20platform2%209s%20ease-in-out%20infinite%3B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%20center%3B%20%7D%0A%20%20%20%20.say%2C%20.reply%2C%20.orb2%2C%20.approve%2C%20.done%2C%20.typed%2C%20.row.hot%20%3E%20rect%3Afirst-child%20%7B%20transform-box%3A%20fill-box%3B%20transform-origin%3A%20center%3B%20%7D%0A%20%20%20%20%40keyframes%20say2%20%7B%200%25%2C%2022.2%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%206px)%3B%20%7D%2025.6%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2084.4%25%20%7B%20opacity%3A%201%3B%20%7D%2092.2%25%20%7B%20opacity%3A%200%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.say%20%7B%20opacity%3A%200%3B%20animation%3A%20say2%209s%20ease-out%20infinite%3B%20%7D%0A%20%20%20%20%40keyframes%20reply2%20%7B%200%25%2C%2071.1%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%206px)%3B%20%7D%2074.4%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2084.4%25%20%7B%20opacity%3A%201%3B%20%7D%2092.2%25%20%7B%20opacity%3A%200%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.reply%20%7B%20opacity%3A%200%3B%20animation%3A%20reply2%209s%20ease-out%20infinite%3B%20%7D%0A%20%20%20%20%40keyframes%20orb2%20%7B%200%25%2C%2028.9%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translate(0%2C%20-20px)%20scale(0.6)%3B%20%7D%2034.4%25%20%7B%20opacity%3A%201%3B%20transform%3A%20none%3B%20%7D%2048.9%25%20%7B%20transform%3A%20translate(0%2C%20-6px)%3B%20%7D%2060.0%25%20%7B%20transform%3A%20none%3B%20%7D%2084.4%25%20%7B%20opacity%3A%201%3B%20%7D%2092.2%25%20%7B%20opacity%3A%200%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.orb2%20%7B%20opacity%3A%200%3B%20animation%3A%20orb2%209s%20ease-in-out%20infinite%3B%20%7D%0A%20%20%20%20%40keyframes%20beam2%20%7B%200%25%2C%2035.6%25%20%7B%20opacity%3A%200%3B%20%7D%2038.9%25%20%7B%20opacity%3A%201%3B%20%7D%2051.1%25%20%7B%20opacity%3A%201%3B%20%7D%2055.6%25%20%7B%20opacity%3A%200%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.beam%20%7B%20opacity%3A%200%3B%20animation%3A%20beam2%209s%20linear%20infinite%3B%20%7D%0A%20%20%20%20%40keyframes%20typed2%20%7B%200%25%2C%2037.8%25%20%7B%20transform%3A%20scaleX(0)%3B%20%7D%2048.9%25%20%7B%20transform%3A%20scaleX(1)%3B%20%7D%20100%25%20%7B%20transform%3A%20scaleX(1)%3B%20%7D%20%7D%0A%20%20%20%20.typed%20%7B%20transform-origin%3A%20left%20center%3B%20animation%3A%20typed2%209s%20ease-out%20infinite%3B%20%7D%0A%20%20%20%20%40keyframes%20hot2%20%7B%200%25%2C%2036.7%25%20%7B%20opacity%3A%200%3B%20%7D%2040.0%25%20%7B%20opacity%3A%20.35%3B%20%7D%2051.1%25%20%7B%20opacity%3A%20.14%3B%20%7D%2084.4%25%20%7B%20opacity%3A%20.14%3B%20%7D%20100%25%20%7B%20opacity%3A%200%3B%20%7D%20%7D%0A%20%20%20%20.row.hot%20%3E%20rect%3Afirst-child%20%7B%20animation%3A%20hot2%209s%20ease-out%20infinite%3B%20%7D%0A%20%20%20%20%40keyframes%20approve2%20%7B%200%25%2C%2063.3%25%20%7B%20transform%3A%20none%3B%20%7D%2065.0%25%20%7B%20transform%3A%20scale(0.92)%3B%20%7D%2066.7%25%20%7B%20transform%3A%20none%3B%20%7D%20100%25%20%7B%20transform%3A%20none%3B%20%7D%20%7D%0A%20%20%20%20.approve%20%7B%20animation%3A%20approve2%209s%20ease-out%20infinite%3B%20%7D%0A%20%20%20%20%40keyframes%20done2%20%7B%200%25%2C%2066.7%25%20%7B%20opacity%3A%200%3B%20transform%3A%20scale(0.4)%3B%20%7D%2070.0%25%20%7B%20opacity%3A%201%3B%20transform%3A%20scale(1.1)%3B%20%7D%2072.2%25%20%7B%20transform%3A%20none%3B%20%7D%20100%25%20%7B%20opacity%3A%201%3B%20%7D%20%7D%0A%20%20%20%20.done%20%7B%20opacity%3A%200%3B%20animation%3A%20done2%209s%20cubic-bezier(.2%2C.8%2C.2%2C1)%20infinite%3B%20%7D%0A%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%0A%20%20%20%20%3Cg%20transform%3D%22translate(402.4%2C%20187.5)%22%3E%3Cg%20class%3D%22platform2%22%3E%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%2247.6%22%20cy%3D%22252.5%22%20rx%3D%22260%22%20ry%3D%2260%22%20fill%3D%22%23000%22%20opacity%3D%220.06%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3Cpolygon%20points%3D%22381.0%2C220.0%2095.3%2C385.0%2095.3%2C409.0%20381.0%2C244.0%22%20fill%3D%22%23d2d2d8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22-285.8%2C165.0%2095.3%2C385.0%2095.3%2C409.0%20-285.8%2C189.0%22%20fill%3D%22%23e6e6ea%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(0.866%200.5%20-0.866%200.5%200%200)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22440%22%20height%3D%22330%22%20rx%3D%2210%22%20fill%3D%22%23fafafa%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(385.1%2C%20237.5)%22%3E%3Cg%20class%3D%22p2%20tasks2%22%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22173.2%2C100.0%2052.0%2C170.0%2052.0%2C182.0%20173.2%2C112.0%22%20fill%3D%22%23d2d2d8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22-121.2%2C70.0%2052.0%2C170.0%2052.0%2C182.0%20-121.2%2C82.0%22%20fill%3D%22%23e6e6ea%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(0.866%200.5%20-0.866%200.5%200%200)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22200%22%20height%3D%22140%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3Ctext%20x%3D%2214%22%20y%3D%2222%22%20font-size%3D%2211%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%221%22%3EFOLLOW-UPS%3C%2Ftext%3E%0A%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%228%22%20y%3D%2232%22%20width%3D%22184%22%20height%3D%2220%22%20rx%3D%226%22%20fill%3D%22none%22%20opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2236%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22%23ff6a1a%22%20stroke%3D%22%23ff6a1a%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22%22%20x%3D%2234%22%20y%3D%2240%22%20width%3D%22120%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22row%20hot%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%228%22%20y%3D%2256%22%20width%3D%22184%22%20height%3D%2220%22%20rx%3D%226%22%20fill%3D%22%23ff6a1a%22%20opacity%3D%220.14%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2260%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%238a8a94%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22typed%22%20x%3D%2234%22%20y%3D%2264%22%20width%3D%22128%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%228%22%20y%3D%2280%22%20width%3D%22184%22%20height%3D%2220%22%20rx%3D%226%22%20fill%3D%22none%22%20opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2284%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%238a8a94%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22%22%20x%3D%2234%22%20y%3D%2288%22%20width%3D%2284%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%228%22%20y%3D%22104%22%20width%3D%22184%22%20height%3D%2220%22%20rx%3D%226%22%20fill%3D%22none%22%20opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%22108%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22%20fill%3D%22none%22%20stroke%3D%22%238a8a94%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22%22%20x%3D%2234%22%20y%3D%22112%22%20width%3D%2266%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(454.3%2C%20407.5)%22%3E%3Cg%20class%3D%22p2%20people2%22%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22129.9%2C75.0%2034.6%2C130.0%2034.6%2C142.0%20129.9%2C87.0%22%20fill%3D%22%23d2d2d8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22-95.3%2C55.0%2034.6%2C130.0%2034.6%2C142.0%20-95.3%2C67.0%22%20fill%3D%22%23e6e6ea%22%2F%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(0.866%200.5%20-0.866%200.5%200%200)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22150%22%20height%3D%22110%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%3Ctext%20x%3D%2214%22%20y%3D%2222%22%20font-size%3D%2211%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%221%22%3EPEOPLE%3C%2Ftext%3E%0A%20%20%20%20%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2244%22%20r%3D%228%22%20fill%3D%22%23ff6a1a%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%2241%22%20width%3D%2266%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%20opacity%3D%220.9%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2268%22%20r%3D%228%22%20fill%3D%22%23d6d6dc%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%2265%22%20width%3D%2256%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%20opacity%3D%220.65%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2226%22%20cy%3D%2292%22%20r%3D%228%22%20fill%3D%22%23d6d6dc%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2242%22%20y%3D%2289%22%20width%3D%2246%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%20opacity%3D%220.4%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(211.8%2C%20127.5)%22%3E%3Cg%20class%3D%22p2%20ask2%22%3E%3Cg%20transform%3D%22matrix(0.866%20-0.5%200%201%200%200)%22%3E%3Crect%20x%3D%22110%22%20y%3D%220%22%20width%3D%226%22%20height%3D%22200%22%20fill%3D%22%23d2d2d8%22%20transform%3D%22matrix(0.866%200.5%200%201%200%200)%22%2F%3E%3Crect%20width%3D%22110%22%20height%3D%22200%22%20rx%3D%2214%22%20fill%3D%22%231a1a1e%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%2298%22%20height%3D%22188%22%20rx%3D%2210%22%20fill%3D%22%23f6f6f6%22%2F%3E%0A%20%20%20%20%3Cg%20class%3D%22say%22%3E%3Crect%20x%3D%2224%22%20y%3D%2240%22%20width%3D%2272%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%23ff6a1a%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2232%22%20y%3D%2250%22%20width%3D%2256%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2258%22%20width%3D%2244%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2266%22%20width%3D%2230%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%0A%20%20%20%20%3Cg%20class%3D%22reply%22%3E%3Crect%20x%3D%2214%22%20y%3D%2296%22%20width%3D%2272%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2222%22%20y%3D%22106%22%20width%3D%2254%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%232a2a2e%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%22114%22%20width%3D%2228%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%232a2a2e%22%2F%3E%3C%2Fg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2255%22%20cy%3D%22180%22%20r%3D%225%22%20fill%3D%22none%22%20stroke%3D%22%238a8a94%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(566.9%2C%20182.5)%22%3E%3Cg%20class%3D%22p2%20approval2%22%3E%3Cg%20transform%3D%22matrix(0.866%200.5%200%201%200%200)%22%3E%3Crect%20width%3D%22230%22%20height%3D%22130%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%22230%22%20height%3D%2228%22%20rx%3D%2210%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%3Ctext%20x%3D%2214%22%20y%3D%2220%22%20font-size%3D%2210%22%20fill%3D%22%23ff6a1a%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20letter-spacing%3D%221.5%22%20font-weight%3D%22600%22%3ETHE%20AGENT%20IS%20ASKING%3C%2Ftext%3E%0A%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2240%22%20width%3D%22190%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2250%22%20width%3D%22140%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22%232a2a2e%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2214%22%20y%3D%2266%22%20width%3D%22120%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%3Cg%20class%3D%22approve%22%3E%3Crect%20x%3D%2214%22%20y%3D%2286%22%20width%3D%2282%22%20height%3D%2228%22%20rx%3D%226%22%20fill%3D%22%23ff6a1a%22%2F%3E%3Ctext%20x%3D%2230%22%20y%3D%22105%22%20font-size%3D%2211%22%20fill%3D%22%23fff%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%20font-weight%3D%22600%22%3EApprove%3C%2Ftext%3E%3C%2Fg%3E%0A%20%20%20%20%3Crect%20x%3D%22106%22%20y%3D%2286%22%20width%3D%2270%22%20height%3D%2228%22%20rx%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23dcdcdc%22%2F%3E%3Ctext%20x%3D%22121%22%20y%3D%22105%22%20font-size%3D%2211%22%20fill%3D%22%232a2a2e%22%20font-family%3D%22JetBrains%20Mono%2C%20monospace%22%3EReject%3C%2Ftext%3E%0A%20%20%20%20%3Cg%20class%3D%22done%22%3E%3Ccircle%20cx%3D%22205%22%20cy%3D%22100%22%20r%3D%2213%22%20fill%3D%22%232a2a2e%22%2F%3E%3Cpath%20d%3D%22M199%20100%20l4%204%20l8%20-9%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(411.0%2C%20172.5)%22%3E%0A%20%20%20%20%3Cg%20class%3D%22orb2%22%3E%0A%20%20%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22120.0%22%20stroke%3D%22%23ff6a1a%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%223%206%22%20class%3D%22beam%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20r%3D%2234%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23dcdcdc%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20r%3D%2234%22%20fill%3D%22url(%23glow2)%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M-12%200%20a12%2012%200%200%201%2024%200%20a12%2012%200%200%201%20-24%200%20z%20M0%20-12%20a12%2012%200%200%200%200%2024%20z%22%20fill%3D%22%232a2a2e%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M0%20-12%20a12%2012%200%200%201%200%2024%20z%22%20fill%3D%22%23ff6a1a%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%3C%2Fg%3E%0A%20%20%3C%2Fsvg%3E") no-repeat center / contain; pointer-events: none;
}
section[data-aiff-region="safe"] div[data-aiff-layout="stack"] { gap: .75rem; }
section[data-aiff-region="safe"] article[data-aiff-kind="card"] { padding: 1rem 1.25rem 1rem 1.25rem; border: 0; border-left: 2px solid #ff6a1a; border-radius: 0; background: none; box-shadow: none; gap: .3rem; }
section[data-aiff-region="safe"] article > h3 { font-size: 1.05rem; font-weight: 600; color: #1a1a1a; }
section[data-aiff-region="safe"] article > p { line-height: 1.55; }

/* Talk to us: one calm form, whether on the landing page or on /contact. */
section[data-aiff-region="talk"] { margin: 0; padding: 4.5rem 3rem 5rem; border: 0; border-top: 1px solid #dcdcdc; border-radius: 0; box-shadow: none; background: #fff; gap: 1.25rem; }
section[data-aiff-region="talk"] > * { max-width: 40rem; }
section[data-aiff-region="talk"] h2 { font-size: .8rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #ff6a1a; margin: 0; }
section[data-aiff-region="talk"] > p { font-size: 1.15rem; line-height: 1.55; color: #2a2a2e; }
section[data-aiff-region="talk"] input, section[data-aiff-region="talk"] textarea { background: #fff; }
section[data-aiff-region="talk"] textarea { min-height: 8rem; }
section[data-aiff-region="talk"] > button { align-self: flex-start; padding: .85rem 1.6rem; background: #1a1a1a; border-color: #1a1a1a; text-transform: uppercase; letter-spacing: .1em; font-size: .9rem; }
section[data-aiff-region="talk"] > button:hover { background: #ff6a1a; border-color: #ff6a1a; }
section[data-aiff-region="talk"] div[data-aiff-kind="alert"] { max-width: 40rem; }
/* The honeypot: present for bots, absent for people (off-screen, never focused, never announced). */
label:has(> input.aiff-hp) { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
input.aiff-hp { pointer-events: none; }
#aiff-root:has(> section[data-aiff-region="talk"]:first-of-type) { padding: 0; }

/* Landing sections: full-width bands, alternating, one small label and plain sentences each. */
section[data-aiff-region="who"], section[data-aiff-region="what"], section[data-aiff-region="safe"], section[data-aiff-region="how"], section[data-aiff-region="foot"] {
  margin: 0; padding: 4.5rem 3rem; border: 0; border-top: 1px solid #dcdcdc; border-radius: 0; box-shadow: none; gap: 1.5rem; background: #f6f6f6;
}
section[data-aiff-region="what"], section[data-aiff-region="how"] { background: #fff; }
section[data-aiff-region="who"] h2, section[data-aiff-region="what"] h2, section[data-aiff-region="safe"] h2, section[data-aiff-region="how"] h2 {
  font-size: .8rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #ff6a1a; margin: 0;
}
section[data-aiff-region="who"] > p, section[data-aiff-region="how"] > p { max-width: 46rem; font-size: 1.25rem; line-height: 1.6; color: #2a2a2e; margin: 0; }
section[data-aiff-region="how"] > p { font-size: 1.1rem; }
section[data-aiff-region="what"] div[data-aiff-layout="row"] { gap: 1.25rem; }
section[data-aiff-region="what"] article[data-aiff-kind="card"] { flex: 1 1 16rem; padding: 1.6rem; gap: .6rem; border-color: #e3e3e3; box-shadow: none; border-radius: 6px; background: #f6f6f6; }
section[data-aiff-region="what"] article > h3 { font-size: 1.05rem; font-weight: 600; letter-spacing: -0.01em; color: #1a1a1a; }
section[data-aiff-region="what"] article > p { line-height: 1.55; }
section[data-aiff-region="how"] a[data-variant="outline"] {
  display: inline-block; align-self: flex-start; margin-top: .5rem; padding: .85rem 1.6rem;
  border: 1px solid #2a2a2e; border-radius: 4px; background: #2a2a2e; color: #fff;
  text-transform: uppercase; letter-spacing: .1em; font-size: .9rem; text-decoration: none;
}
section[data-aiff-region="how"] a[data-variant="outline"]:hover { background: #ff6a1a; border-color: #ff6a1a; }
section[data-aiff-region="foot"] { padding: 2rem 3rem; }
section[data-aiff-region="foot"] > p { margin: 0; }

/* Auth screens: one centered card. */
section[data-aiff-region="login"], section[data-aiff-region="register"], section[data-aiff-region="mfa"],
section[data-aiff-region="backup"], section[data-aiff-region="account"] {
  flex: 0 1 30rem; width: 100%; max-width: 30rem; margin: 3rem auto 0;
  background: #fff; border: 1px solid #dcdcdc; border-radius: 6px; box-shadow: none; padding: 2rem;
}
section[data-aiff-region="mfa"] { max-width: 34rem; }
section[data-aiff-region="backup"] { max-width: 40rem; }
section[data-aiff-region="login"] h2, section[data-aiff-region="register"] h2, section[data-aiff-region="mfa"] h2,
section[data-aiff-region="backup"] h2, section[data-aiff-region="account"] h2 { font-weight: 500; letter-spacing: -0.01em; }

/* HQ home: an overview strip of module cards, each one a link. */
section[data-aiff-region="overview"] { background: none; border: 0; padding: 0; }
section[data-aiff-region="overview"] > div[data-aiff-layout="row"] { gap: 1.25rem; align-items: stretch; }
article[data-aiff-id^="home-"] {
  position: relative; flex: 1 1 14rem; gap: 0.6rem; padding: 1.4rem 1.5rem; background: #fff; border: 1px solid #dcdcdc; border-radius: 6px;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
article[data-aiff-id^="home-"]:hover { border-color: #ff6a1a; transform: translateY(-2px); box-shadow: 0 6px 18px rgb(0 0 0 / 6%); }
article[data-aiff-id^="home-"] > h3 { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; font-weight: 600; color: #6b6b83; }
article[data-aiff-id^="home-"] > div[data-aiff-kind="stat"] { border: 0; padding: 0; background: none; min-width: 0; flex: 0 0 auto; }
article[data-aiff-id^="home-"] > div[data-aiff-kind="stat"] > span { display: none; }
article[data-aiff-id^="home-"] > div[data-aiff-kind="stat"] > strong { font-size: 2.25rem; font-weight: 500; letter-spacing: -0.03em; }
article[data-aiff-id^="home-"] > div[data-aiff-kind="stat"] > small { font-size: .8rem; }
article[data-aiff-id^="home-"] > p { flex: 1; min-height: 2.6em; }
article[data-aiff-id^="home-"] > a { font-size: .85rem; color: #ff6a1a; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; }
article[data-aiff-id^="home-"] > a::before { content: ""; position: absolute; inset: 0; }
article[data-aiff-id^="home-"] > a::after { content: "  \2192"; }
article[data-aiff-id="home-account"] > div[data-aiff-kind="stat"] > strong { font-size: 1.5rem; word-break: break-all; }

/* HQ home: Today is the big one. */
/* HQ home: the briefing feed. */
section[data-aiff-region="quick"] { padding: 1rem 1.25rem; background: #fafafa; }
section[data-aiff-region="quick"] label { flex: 1 1 24rem; }
section[data-aiff-region="overdue"], section[data-aiff-region="today"], section[data-aiff-region="tomorrow"], section[data-aiff-region="week"] { background: #fff; gap: .25rem; }
section[data-aiff-region="overdue"] { border-color: #ffb48a; }
section[data-aiff-region="overdue"] h2, section[data-aiff-region="today"] h2, section[data-aiff-region="tomorrow"] h2, section[data-aiff-region="week"] h2 { margin-bottom: .5rem; }
section[data-aiff-region="week"] h3 { font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; color: #6b6b83; margin-top: 1rem; }
section[data-aiff-region="today"] > a { font-size: .85rem; color: #6b6b83; align-self: flex-start; }
section[data-aiff-region="notes"] { flex: 0 1 24rem; }

/* Demo: the buttons the director presses are not for people. */
section[data-aiff-region="demo-controls"] { display: none; }

/* App tables: quiet header, strong first column, roomy rows, actions tucked right. */
table { font-size: .9rem; }
th { font-size: .7rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #8a8a94; height: 2.25rem; border-bottom: 1px solid #dcdcdc; }
td { padding: .85rem .75rem; border-top: 1px solid #ececef; }
td:first-child { font-weight: 600; color: #1a1a1a; }
td:empty::before { content: "—"; color: #c4c4cc; font-weight: 400; }
tbody tr:hover { background: #fafafa; }
td:last-child button { opacity: .55; }
tbody tr:hover td:last-child button { opacity: 1; }
div[data-aiff-layout="row"].title { align-items: center; gap: .6rem; }
div[data-aiff-layout="row"].title span[data-aiff-kind="badge"] { font-size: .9rem; padding: .25rem .6rem; margin-top: .35rem; }
section[data-aiff-region="toolbar"] { padding: 1rem 1.25rem; gap: .75rem; background: #fafafa; }
section[data-aiff-region="capture"] { padding: 1rem 1.25rem; gap: .75rem; background: #fafafa; }
section[data-aiff-region="capture"] > div[data-aiff-layout="row"]:first-child label { flex: 1 1 22rem; }
div[data-aiff-layout="row"].month { align-items: center; gap: .5rem; }
div[data-aiff-layout="row"].month h2 { min-width: 12rem; text-align: center; }
div[data-aiff-layout="row"].item { align-items: center; gap: .6rem; padding: .35rem 0; border-bottom: 1px solid #ececef; }
div[data-aiff-layout="row"].item > p { flex: 1 1 auto; margin: 0; }
div[data-aiff-layout="row"].title div[data-aiff-kind="tabs"] { margin-left: auto; }
section[data-aiff-region="toolbar"] > div[data-aiff-layout="row"]:first-child label { flex: 1 1 18rem; }

/* App pages: cards stay quiet. */
section[data-aiff-region] { box-shadow: none; }
button { border-radius: 4px; }
h1 { font-weight: 500; letter-spacing: -0.02em; }

@media (max-width: 48rem) {
  nav[data-aiff-kind="nav"] { padding-left: 1.25rem; padding-right: 1.25rem; margin-left: -1.25rem; margin-right: -1.25rem; }
  #aiff-root:not(:has(> section[data-aiff-region="hero"])) { padding: 0 1.25rem 2rem; }
  section[data-aiff-region="hero"], section[data-aiff-region="who"], section[data-aiff-region="what"], section[data-aiff-region="safe"], section[data-aiff-region="how"], section[data-aiff-region="foot"] { padding-left: 1.25rem; padding-right: 1.25rem; }
  section[data-aiff-region="hero"] > *, section[data-aiff-region="safe"] > * { max-width: 100%; }
  section[data-aiff-region="hero"]::after, section[data-aiff-region="safe"]::after { opacity: .25; width: 100%; right: 0; }
}