/* @oslerpress/site-am: AccountMade's site CSS (packages/site-am/am, vendored by scripts/sync-accountmade.mjs) + src/port.css. Built by scripts/build.mjs. */
/* --- tokens.css --- */
/* GENERATED by scripts/sync-accountmade.mjs from AccountMade styles/tokens.css. Do not edit; run the script. */
/*
 * UI tokens v2 (final, Phase 2 foundation).
 *
 * The single source of truth for the authenticated application's visual language.
 * Imported once from app/globals.css. Every primitive in components/ui reads these
 * values; the legacy token layer (shadcn --background/--primary, --surface-*,
 * --ink-*, --app-*) is remapped onto them in foundation/ui-globals.css.
 *
 * Rules
 *   - Surfaces and primitives use --ui-* only (through the Tailwind `ui-*`
 *     utilities registered in ui-globals.css or var(--ui-*) in a CSS module).
 *   - No hex, rgb() or px font sizes outside this file (enforced by
 *     scripts/check-ui-tokens.mjs).
 *   - Light theme only for now. Dark values will be added under
 *     [data-theme="dark"] by overriding the colour block below; nothing else
 *     needs to change.
 *   - The -hsl companions exist only so the legacy `hsl(var(--surface-1))`
 *     layer can consume the same colours. New code never reads them.
 */
:where(.acmd-site-shell, .am-auth-page) {
  /* ---- Type ---- */
  --ui-font-sans: var(--font-geist), "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ui-font-code: var(--font-geist-mono), "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Scale: size / line height. 12 is the visible floor. */
  --ui-fs-caption: 12px;
  --ui-lh-caption: 16px;
  --ui-fs-ui: 13px; /* controls, tables, labels, menus */
  --ui-lh-ui: 20px;
  --ui-fs-body: 14px; /* messages, prose, form values on touch */
  --ui-lh-body: 22px;
  --ui-fs-md: 16px; /* section headings */
  --ui-lh-md: 24px;
  --ui-fs-title: 20px; /* page titles */
  --ui-lh-title: 28px;
  --ui-fw-regular: 400;
  --ui-fw-medium: 500;
  --ui-fw-semibold: 600;
  --ui-tracking-body: -0.005em; /* apply at >= 14px */

  /* ---- Neutrals ---- */
  --ui-bg: #ffffff;
  --ui-bg-canvas: #fafafa;
  --ui-subtle: #f4f4f5;
  --ui-hover: #efeff1;
  --ui-pressed: #e8e8eb;
  --ui-border: #e8e8eb;
  --ui-border-subtle: #f0f0f2; /* row dividers inside a bordered container */
  --ui-border-strong: #dcdce0;
  --ui-text-1: #18181b;
  --ui-text-2: #5e5e66;
  --ui-text-3: #6e6e78; /* meta, placeholders; 5:1 on white, 4.6:1 on the subtle fill */
  --ui-text-4: #b4b4bc; /* disabled text, decorative icons only */
  --ui-scrim: rgb(24 24 27 / 0.1);

  /* ---- Action and accent ---- */
  --ui-ink: #18181b; /* primary action fill */
  --ui-ink-hover: #2c2c31;
  --ui-ink-pressed: #0c0c0e;
  --ui-on-ink: #ffffff;
  --ui-brand: hsl(222 74% 53%); /* focus, links, selection, live states */
  --ui-brand-strong: hsl(222 74% 45%); /* link hover, brand text on tint */
  --ui-brand-tint: hsl(222 74% 53% / 0.08);
  --ui-selected: hsl(222 74% 53% / 0.06);
  --ui-selected-strong: hsl(222 74% 53% / 0.12);

  /* ---- Semantics: solid (dots, icons, fills), text (on white/tint), tint, border ---- */
  --ui-ok: #1f8a4c;
  --ui-ok-text: #177a41;
  --ui-ok-tint: rgb(31 138 76 / 0.08);
  --ui-ok-border: rgb(31 138 76 / 0.24);
  --ui-warn: #b7791f;
  --ui-warn-text: #8f5f12;
  --ui-warn-tint: rgb(183 121 31 / 0.08);
  --ui-warn-border: rgb(183 121 31 / 0.28);
  --ui-err: #d13b3b;
  --ui-err-text: #b72f2f;
  --ui-err-hover: #b72f2f;
  --ui-err-tint: rgb(209 59 59 / 0.07);
  --ui-err-border: rgb(209 59 59 / 0.26);

  /* ---- Spacing (4px grid) ---- */
  --ui-s-1: 4px;
  --ui-s-2: 8px;
  --ui-s-3: 12px;
  --ui-s-4: 16px;
  --ui-s-5: 20px;
  --ui-s-6: 24px;
  --ui-s-8: 32px;
  --ui-s-10: 40px;
  --ui-s-12: 48px;
  --ui-s-16: 64px;

  /* ---- Radii ---- */
  --ui-r-sm: 4px; /* kbd, inline code, tiny tags */
  --ui-r-control: 6px;
  --ui-r-card: 8px;
  --ui-r-pop: 12px; /* popovers, dialogs, composer */
  --ui-r-pill: 999px;

  /* ---- Control heights ---- */
  --ui-h-sm: 28px;
  --ui-h-md: 32px;
  --ui-h-lg: 36px;
  --ui-h-touch: 44px; /* coarse pointers */

  /* ---- Layout ---- */
  --ui-content-narrow: 720px;
  --ui-content-default: 1040px;
  --ui-content-wide: 1280px;
  --ui-detail-panel: 360px;
  --ui-page-gutter: 24px;

  /* ---- Sidebar ---- */
  --ui-sidebar-bg: #fafafa;
  --ui-sidebar-hover: #f0f0f2;
  --ui-sidebar-active: #ebebee;
  --ui-sidebar-border: #e8e8eb;
  --ui-sidebar-text: #5e5e66;
  --ui-sidebar-text-active: #18181b;
  --ui-sidebar-width: 232px;
  --ui-sidebar-width-collapsed: 56px;

  /* ---- Elevation: none by default; overlays only ---- */
  --ui-elev-none: none;
  --ui-elev-pop: 0 1px 2px rgb(0 0 0 / 0.04), 0 8px 24px -8px rgb(0 0 0 / 0.1);
  --ui-elev-modal: 0 1px 2px rgb(0 0 0 / 0.05), 0 24px 56px -16px rgb(0 0 0 / 0.22);
  --ui-elev-inset: inset 0 1px 2px rgb(0 0 0 / 0.06);

  /* ---- Motion ---- */
  --ui-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ui-dur-fast: 120ms; /* hover, press */
  --ui-dur-base: 180ms; /* enter, exit */
  --ui-dur-layout: 240ms; /* size and position changes */

  /* ---- Focus: keyboard only (:focus-visible) ---- */
  --ui-focus-ring: 0 0 0 2px var(--ui-bg), 0 0 0 4px var(--ui-brand);
  --ui-focus-ring-danger: 0 0 0 2px var(--ui-bg), 0 0 0 4px var(--ui-err);

  /* ---- Stacking ---- */
  --ui-z-sticky: 10;
  --ui-z-dropdown: 20;
  --ui-z-overlay: 30;
  --ui-z-modal: 40;
  --ui-z-popover: 50;
  --ui-z-toast: 60;
  --ui-z-tooltip: 70;

  /* ---- HSL companions for the legacy hsl(var(--x)) layer (same colours as above) ---- */
  --ui-bg-hsl: 0 0% 100%;
  --ui-bg-canvas-hsl: 0 0% 98%;
  --ui-subtle-hsl: 240 5% 96%;
  --ui-hover-hsl: 240 7% 94%;
  --ui-border-hsl: 240 7% 92%;
  --ui-border-strong-hsl: 240 6% 87%;
  --ui-text-1-hsl: 240 6% 10%;
  --ui-text-2-hsl: 240 4% 38%;
  --ui-text-3-hsl: 240 4% 48%;
  --ui-text-4-hsl: 240 6% 72%;
  --ui-brand-hsl: 222 74% 53%;
  --ui-ok-hsl: 145 63% 33%;
  --ui-warn-hsl: 36 71% 42%;
  --ui-err-hsl: 0 62% 53%;
}

@media (prefers-reduced-motion: reduce) {
  :where(.acmd-site-shell, .am-auth-page) {
    --ui-dur-fast: 0ms;
    --ui-dur-base: 0ms;
    --ui-dur-layout: 0ms;
  }
}

/*
 * Root for any UI that may render outside .pw-app-shell (portals: dialogs,
 * popovers, menus, toasts). Primitives add `ui-root` to portalled content so
 * font, colour and smoothing never depend on an ancestor.
 */
.ui-root {
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-ui);
  line-height: var(--ui-lh-ui);
  color: var(--ui-text-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Keyboard focus for UI primitives; mouse focus never draws a ring. */
.ui-focus:focus-visible {
  outline: none;
  box-shadow: var(--ui-focus-ring);
}

@keyframes ui-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ui-shimmer {
  to {
    background-position: -200% 0;
  }
}
@keyframes ui-pop-in {
  from {
    opacity: 0;
    transform: translateY(2px) scale(0.98);
  }
}

/* Spacing scale (ADR-019): the design-check --fix --fix-to var target. Values mirror plain-design's space scale. */
:where(.acmd-site-shell, .am-auth-page) {
  --p-space-0: 0px;
  --p-space-2: 2px;
  --p-space-4: 4px;
  --p-space-6: 6px;
  --p-space-8: 8px;
  --p-space-10: 10px;
  --p-space-12: 12px;
  --p-space-14: 14px;
  --p-space-16: 16px;
  --p-space-20: 20px;
  --p-space-24: 24px;
  --p-space-32: 32px;
  --p-space-40: 40px;
  --p-space-48: 48px;
  --p-space-64: 64px;
  --p-space-80: 80px;
  --p-space-96: 96px;
  --p-layout-width-wide: 1280px; /* plain-design layout.width.wide */
  --p-space-128: 128px;
}

/* design-check --fix: colours that matched no token within dE2000 2; one named token each. Name or merge them into roles. */
:where(.acmd-site-shell, .am-auth-page) {
  --accountmade-workspace-color-232629: #232629;
  --accountmade-workspace-color-f6f7fc: #f6f7fc;
  --accountmade-workspace-color-e9ecfa: #e9ecfa;
  --accountmade-workspace-color-707680: #707680;
  --accountmade-workspace-color-515760: #515760;
  --accountmade-workspace-color-18202f: #18202f;
  --accountmade-workspace-color-777d87: #777d87;
  --accountmade-workspace-color-4b5059: #4b5059;
  --accountmade-workspace-color-7455e8: #7455e8;
  --accountmade-workspace-color-34466b: #34466b;
  --accountmade-workspace-color-25304a: #25304a;
  --accountmade-workspace-color-d9dad7: #d9dad7;
  --accountmade-workspace-color-1a1d19: #1a1d19;
  --accountmade-workspace-color-6b6e68: #6b6e68;
  --accountmade-workspace-color-f0f1ee: #f0f1ee;
  --accountmade-workspace-color-141614: #141614;
  --accountmade-workspace-color-90959f: #90959f;
  --accountmade-workspace-color-d8dce4: #d8dce4;
  --accountmade-workspace-color-676e79: #676e79;
  --accountmade-workspace-color-e7e0fa: #e7e0fa;
  --accountmade-workspace-color-dbd7ed: #dbd7ed;
  --accountmade-workspace-color-c4c8cf: #c4c8cf;
  --accountmade-workspace-color-2e3238: #2e3238;
  --accountmade-workspace-color-1c2840: #1c2840;
  --accountmade-workspace-color-000000: #000000;
  --accountmade-workspace-color-eaeef4: #eaeef4;
  --accountmade-workspace-color-0b0e14: #0b0e14;
  --accountmade-workspace-color-121722: #121722;
  --accountmade-workspace-color-9aa3b2: #9aa3b2;
  --accountmade-workspace-color-16794a: #16794a;
  --accountmade-workspace-color-e6f3ec: #e6f3ec;
  --accountmade-workspace-color-a15c07: #a15c07;
  --accountmade-workspace-color-fbf1e2: #fbf1e2;
  --accountmade-workspace-color-b42318: #b42318;
  --accountmade-workspace-color-fdecea: #fdecea;
  --accountmade-workspace-color-ffffff: #ffffff;
  --accountmade-workspace-color-566070: #566070;
  --accountmade-workspace-color-0a1020: #0a1020;
  --accountmade-workspace-color-111a2e: #111a2e;
  --accountmade-workspace-color-6366f1: #6366f1;
  --accountmade-workspace-color-385cff: #385cff;
  --accountmade-workspace-color-2a1fc9: #2a1fc9;
  --accountmade-workspace-color-0c2df2: #0c2df2;
  --accountmade-workspace-color-1d4dff: #1d4dff;
  --accountmade-workspace-color-dde8ff: #dde8ff;
  --accountmade-workspace-color-eef4ff: #eef4ff;
  --accountmade-workspace-color-c9dbff: #c9dbff;
  --accountmade-workspace-color-f4f2ff: #f4f2ff;
  --accountmade-workspace-color-ddd6ff: #ddd6ff;
  --accountmade-workspace-color-dcf2ee: #dcf2ee;
  --accountmade-workspace-color-effaf8: #effaf8;
  --accountmade-workspace-color-c8ece8: #c8ece8;
  --accountmade-workspace-color-1e326e: #1e326e;
  --accountmade-workspace-color-080f28: #080f28;
  --accountmade-workspace-color-1d3fbf: #1d3fbf;
  --accountmade-workspace-color-e4eaf6: #e4eaf6;
  --accountmade-workspace-color-2a20b4: #2a20b4;
  --accountmade-workspace-color-1b39d8: #1b39d8;
  --accountmade-workspace-color-461ee6: #461ee6;
  --accountmade-workspace-color-96b2ff: #96b2ff;
  --accountmade-workspace-color-3e20ae: #3e20ae;
  --accountmade-workspace-color-5c31e0: #5c31e0;
  --accountmade-workspace-color-7d52ff: #7d52ff;
  --accountmade-workspace-color-241282: #241282;
  --accountmade-workspace-color-cdb4ff: #cdb4ff;
  --accountmade-workspace-color-0b5a6c: #0b5a6c;
  --accountmade-workspace-color-0c8079: #0c8079;
  --accountmade-workspace-color-12a894: #12a894;
  --accountmade-workspace-color-083755: #083755;
  --accountmade-workspace-color-96f5e1: #96f5e1;
  --accountmade-workspace-color-04081e: #04081e;
  --accountmade-workspace-color-4a5363: #4a5363;
  --accountmade-workspace-color-e0e5ec: #e0e5ec;
  --accountmade-workspace-color-8fa8ff: #8fa8ff;
  --accountmade-workspace-color-7c6cf0: #7c6cf0;
  --accountmade-workspace-color-b9c3d3: #b9c3d3;
  --accountmade-workspace-color-cfd6e1: #cfd6e1;
  --accountmade-workspace-color-b7e2c6: #b7e2c6;
  --accountmade-workspace-color-f2d49b: #f2d49b;
  --accountmade-workspace-color-fdf3df: #fdf3df;
  --accountmade-workspace-color-8a4b05: #8a4b05;
  --accountmade-workspace-color-101828: #101828;
  --accountmade-workspace-color-f2c879: #f2c879;
  --accountmade-workspace-color-166534: #166534;
  --accountmade-workspace-color-c3cffd: #c3cffd;
  --accountmade-workspace-color-ece9ff: #ece9ff;
  --accountmade-workspace-color-c28a2b: #c28a2b;
  --accountmade-workspace-color-465a82: #465a82;
  --accountmade-workspace-color-2d3a8c: #2d3a8c;
  --accountmade-workspace-color-1f2a6b: #1f2a6b;
  --accountmade-workspace-color-ff5f57: #ff5f57;
  --accountmade-workspace-color-febc2e: #febc2e;
  --accountmade-workspace-color-28c840: #28c840;
  --accountmade-workspace-color-2f5bea: #2f5bea;
  --accountmade-workspace-color-e6e5e3: #e6e5e3;
  --accountmade-workspace-color-cfcfcf: #cfcfcf;
  --accountmade-workspace-color-6f6f6f: #6f6f6f;
  --accountmade-workspace-color-c3cbd8: #c3cbd8;
  --accountmade-workspace-color-d2ddf3: #d2ddf3;
  --accountmade-workspace-color-4d6bff: #4d6bff;
  --accountmade-workspace-color-16a34a: #16a34a;
  --accountmade-workspace-color-6ee7a8: #6ee7a8;
  --accountmade-workspace-color-f59e0b: #f59e0b;
  --accountmade-workspace-color-fcd27b: #fcd27b;
  --accountmade-workspace-color-1d6f42: #1d6f42;
  --accountmade-workspace-color-c4471c: #c4471c;
  --accountmade-workspace-color-242a28: #242a28;
  --accountmade-workspace-color-6d7471: #6d7471;
  --accountmade-workspace-color-193d31: #193d31;
  --accountmade-workspace-color-1f644a: #1f644a;
  --accountmade-workspace-color-66716c: #66716c;
  --accountmade-workspace-color-cde4d4: #cde4d4;
  --accountmade-workspace-color-f0f8f2: #f0f8f2;
  --accountmade-workspace-color-266443: #266443;
  --accountmade-workspace-color-a34f34: #a34f34;
  --accountmade-workspace-color-78817d: #78817d;
  --accountmade-workspace-color-e5e9e6: #e5e9e6;
  --accountmade-workspace-color-318254: #318254;
  --accountmade-workspace-color-fff1e9: #fff1e9;
  --accountmade-workspace-color-2b7550: #2b7550;
  --accountmade-workspace-color-a9d2b6: #a9d2b6;
  --accountmade-workspace-color-f8fbf8: #f8fbf8;
  --accountmade-workspace-color-505d57: #505d57;
  --accountmade-workspace-color-293b32: #293b32;
  --accountmade-workspace-color-d68c6f: #d68c6f;
  --accountmade-workspace-color-fff8f4: #fff8f4;
  --accountmade-workspace-color-44514a: #44514a;
  --accountmade-workspace-color-59625e: #59625e;
  --accountmade-workspace-color-929a96: #929a96;
  --accountmade-workspace-color-3c6955: #3c6955;
  --accountmade-workspace-color-5e6863: #5e6863;
  --accountmade-workspace-color-9a6824: #9a6824;
  --accountmade-workspace-color-1f3527: #1f3527;
  --accountmade-workspace-color-dd9e58: #dd9e58;
  --accountmade-workspace-color-89928d: #89928d;
  --accountmade-workspace-color-34704f: #34704f;
  --accountmade-workspace-color-3a4540: #3a4540;
  --accountmade-workspace-color-707a75: #707a75;
  --accountmade-workspace-color-347a51: #347a51;
  --accountmade-workspace-color-1f4939: #1f4939;
  --accountmade-workspace-color-34453c: #34453c;
  --accountmade-workspace-color-3d5246: #3d5246;
  --accountmade-workspace-color-395442: #395442;
  --accountmade-workspace-color-5e6268: #5e6268;
  --accountmade-workspace-color-dce0e3: #dce0e3;
  --accountmade-workspace-color-484e53: #484e53;
  --accountmade-workspace-color-90a89b: #90a89b;
  --accountmade-workspace-color-376bb5: #376bb5;
  --accountmade-workspace-color-223c30: #223c30;
  --accountmade-workspace-color-d6e0da: #d6e0da;
  --accountmade-workspace-color-436851: #436851;
  --accountmade-workspace-color-656c70: #656c70;
  --accountmade-workspace-color-244834: #244834;
  --accountmade-workspace-color-deeee3: #deeee3;
  --accountmade-workspace-color-3b4245: #3b4245;
  --accountmade-workspace-color-879d91: #879d91;
  --accountmade-workspace-color-3c5c46: #3c5c46;
  --accountmade-workspace-color-1c2823: #1c2823;
  --accountmade-workspace-color-c1cdc6: #c1cdc6;
  --accountmade-workspace-color-526559: #526559;
  --accountmade-workspace-color-b9cabe: #b9cabe;
  --accountmade-workspace-color-cedbd2: #cedbd2;
  --accountmade-workspace-color-a2b7a9: #a2b7a9;
  --accountmade-workspace-color-c0d6c7: #c0d6c7;
  --accountmade-workspace-color-d6e4d9: #d6e4d9;
  --accountmade-workspace-color-4b755e: #4b755e;
  --accountmade-workspace-color-64877b: #64877b;
  --accountmade-workspace-color-315f4e: #315f4e;
  --accountmade-workspace-color-212121: #212121;
  --accountmade-workspace-color-69c7ff: #69c7ff;
  --accountmade-workspace-color-020638: #020638;
  --accountmade-workspace-color-2a2620: #2a2620;
  --accountmade-workspace-color-bc5d20: #bc5d20;
  --accountmade-workspace-color-8b4519: #8b4519;
  --accountmade-workspace-color-4f82de: #4f82de;
  --accountmade-workspace-color-151515: #151515;
  --accountmade-workspace-color-f6fbff: #f6fbff;
  --accountmade-workspace-color-56bd73: #56bd73;
  --accountmade-workspace-color-ebe6dc: #ebe6dc;
  --accountmade-workspace-color-5f7f3f: #5f7f3f;
  --accountmade-workspace-color-c2da94: #c2da94;
  --accountmade-workspace-color-fffdf2: #fffdf2;
  --accountmade-workspace-color-fff8ed: #fff8ed;
  --accountmade-workspace-color-36a269: #36a269;
  --accountmade-workspace-color-d99825: #d99825;
  --accountmade-workspace-color-c9573a: #c9573a;
  --accountmade-workspace-color-f2f0e8: #f2f0e8;
  --accountmade-workspace-color-9a5a16: #9a5a16;
  --accountmade-workspace-color-9f3d2f: #9f3d2f;
  --accountmade-workspace-color-030744: #030744;
  --accountmade-workspace-color-1ca0ff: #1ca0ff;
  --accountmade-workspace-color-4490ff: #4490ff;
  --accountmade-workspace-color-bac7ff: #bac7ff;
  --accountmade-workspace-color-f4d0b2: #f4d0b2;
  --accountmade-workspace-color-14120c: #14120c;
  --accountmade-workspace-color-5f5e5a: #5f5e5a;
  --accountmade-workspace-color-1e183c: #1e183c;
  --accountmade-workspace-color-141228: #141228;
  --accountmade-workspace-color-9a6a12: #9a6a12;
  --accountmade-workspace-color-000318: #000318;
  --accountmade-workspace-color-182343: #182343;
  --accountmade-workspace-color-536078: #536078;
  --accountmade-workspace-color-e5ecff: #e5ecff;
  --accountmade-workspace-color-e7eee9: #e7eee9;
  --accountmade-workspace-color-34c2a8: #34c2a8;
  --accountmade-workspace-color-647086: #647086;
  --accountmade-workspace-color-142f86: #142f86;
  --accountmade-workspace-color-0a1e5c: #0a1e5c;
  --accountmade-workspace-color-ede8d8: #ede8d8;
  --accountmade-workspace-color-1d6a4a: #1d6a4a;
  --accountmade-workspace-color-4a1620: #4a1620;
  --accountmade-workspace-color-2b0f14: #2b0f14;
  --accountmade-workspace-color-ffd9c4: #ffd9c4;
  --accountmade-workspace-color-f0a05a: #f0a05a;
  --accountmade-workspace-color-10123d: #10123d;
  --accountmade-workspace-color-1e185a: #1e185a;
  --accountmade-workspace-color-1e293b: #1e293b;
  --accountmade-workspace-color-dc2626: #dc2626;
  --accountmade-workspace-color-1f2937: #1f2937;
  --accountmade-workspace-color-f87171: #f87171;
  --accountmade-workspace-color-374155: #374155;
  --accountmade-workspace-color-c586c0: #c586c0;
  --accountmade-workspace-color-ce9178: #ce9178;
  --accountmade-workspace-color-dcdcaa: #dcdcaa;
  --accountmade-workspace-color-b5cea8: #b5cea8;
  --accountmade-workspace-color-6a9955: #6a9955;
  --accountmade-workspace-color-1e3a8a: #1e3a8a;
  --accountmade-workspace-color-3b82f6: #3b82f6;
  --accountmade-workspace-color-dbeafe: #dbeafe;
  --accountmade-workspace-color-14532d: #14532d;
  --accountmade-workspace-color-22c55e: #22c55e;
  --accountmade-workspace-color-bbf7d0: #bbf7d0;
  --accountmade-workspace-color-164e63: #164e63;
  --accountmade-workspace-color-06b6d4: #06b6d4;
  --accountmade-workspace-color-a5f3fc: #a5f3fc;
  --accountmade-workspace-color-713f12: #713f12;
  --accountmade-workspace-color-eab308: #eab308;
  --accountmade-workspace-color-fef08a: #fef08a;
  --accountmade-workspace-color-7f1d1d: #7f1d1d;
  --accountmade-workspace-color-ef4444: #ef4444;
  --accountmade-workspace-color-fecaca: #fecaca;
  --accountmade-workspace-color-064e3b: #064e3b;
  --accountmade-workspace-color-10b981: #10b981;
  --accountmade-workspace-color-a7f3d0: #a7f3d0;
  --accountmade-workspace-color-6b7280: #6b7280;
  --accountmade-workspace-color-374151: #374151;
  --accountmade-workspace-color-60a5fa: #60a5fa;
  --accountmade-workspace-color-b54726: #b54726;
  --accountmade-workspace-color-168249: #168249;
  --accountmade-workspace-color-0925d5: #0925d5;
  --accountmade-workspace-color-878b87: #878b87;
  --accountmade-workspace-color-4e74e8: #4e74e8;
  --accountmade-workspace-color-8a93a3: #8a93a3;
  --accountmade-workspace-color-1e3349: #1e3349;
  --accountmade-workspace-color-0e9e6e: #0e9e6e;
  --accountmade-workspace-color-c2870a: #c2870a;
  --accountmade-workspace-color-d64550: #d64550;
  --accountmade-workspace-color-20242d: #20242d;
  --accountmade-workspace-color-25405f: #25405f;
  --accountmade-workspace-color-16293c: #16293c;
  --accountmade-workspace-color-d5deec: #d5deec;
  --accountmade-workspace-color-b4c3da: #b4c3da;
  --accountmade-workspace-color-fdf1f2: #fdf1f2;
  --accountmade-workspace-color-a42a35: #a42a35;
  --accountmade-workspace-color-7a5206: #7a5206;
  --accountmade-workspace-color-2c3340: #2c3340;
  --accountmade-workspace-color-dcd9d0: #dcd9d0;
  --accountmade-workspace-color-191913: #191913;
  --accountmade-workspace-color-67665b: #67665b;
  --accountmade-workspace-color-2856d5: #2856d5;
  --accountmade-workspace-color-e8eddf: #e8eddf;
  --accountmade-workspace-color-486635: #486635;
  --accountmade-workspace-color-172e5b: #172e5b;
  --accountmade-workspace-color-aaa598: #aaa598;
  --accountmade-workspace-color-3d3a31: #3d3a31;
  --accountmade-workspace-color-2b281f: #2b281f;
  --accountmade-workspace-color-222b1c: #222b1c;
  --accountmade-workspace-color-1f3764: #1f3764;
  --accountmade-workspace-color-cce3af: #cce3af;
  --accountmade-workspace-color-625d54: #625d54;
  --accountmade-workspace-color-9a482f: #9a482f;
  --accountmade-workspace-color-70301e: #70301e;
  --accountmade-workspace-color-fffdf9: #fffdf9;
  --accountmade-workspace-color-245d41: #245d41;
  --accountmade-workspace-color-f1dfd7: #f1dfd7;
  --accountmade-workspace-color-211e18: #211e18;
  --accountmade-workspace-color-b6afa2: #b6afa2;
  --accountmade-workspace-color-df876a: #df876a;
  --accountmade-workspace-color-efa086: #efa086;
  --accountmade-workspace-color-38221d: #38221d;
  --accountmade-workspace-color-8fd6a9: #8fd6a9;
  --accountmade-workspace-color-ff9d8b: #ff9d8b;
  --accountmade-workspace-color-181d26: #181d26;
  --accountmade-workspace-color-5d616b: #5d616b;
  --accountmade-workspace-color-fff3c4: #fff3c4;
  --accountmade-workspace-color-2f6fd6: #2f6fd6;
  --accountmade-workspace-color-b9bcc5: #b9bcc5;
  --accountmade-workspace-color-1a1c22: #1a1c22;
  --accountmade-workspace-color-2a2d36: #2a2d36;
  --accountmade-workspace-color-e6ccd0: #e6ccd0;
  --accountmade-workspace-color-343431: #343431;
  --accountmade-workspace-color-6b6b66: #6b6b66;
  --accountmade-workspace-color-272725: #272725;
  --accountmade-workspace-color-c8ccc5: #c8ccc5;
  --accountmade-workspace-color-9db3d8: #9db3d8;
  --accountmade-workspace-color-315ed5: #315ed5;
  --accountmade-workspace-color-d7d9d1: #d7d9d1;
  --accountmade-workspace-color-7661d5: #7661d5;
  --accountmade-workspace-color-525b67: #525b67;
  --accountmade-workspace-color-6650ad: #6650ad;
  --accountmade-workspace-color-1b5e4b: #1b5e4b;
  --accountmade-workspace-color-c9ded7: #c9ded7;
  --accountmade-workspace-color-9a9d9a: #9a9d9a;
  --accountmade-workspace-color-494d4a: #494d4a;
  --accountmade-workspace-color-a7b3ac: #a7b3ac;
  --accountmade-workspace-color-17372d: #17372d;
  --accountmade-workspace-color-6e9684: #6e9684;
  --accountmade-workspace-color-87958c: #87958c;
  --accountmade-workspace-color-303a34: #303a34;
  --accountmade-workspace-color-26302b: #26302b;
  --accountmade-workspace-color-666b68: #666b68;
  --accountmade-workspace-color-aeb3b0: #aeb3b0;
  --accountmade-workspace-color-6f8f82: #6f8f82;
  --accountmade-workspace-color-cdd2cf: #cdd2cf;
  --accountmade-workspace-color-76a18e: #76a18e;
  --accountmade-workspace-color-547064: #547064;
  --accountmade-workspace-color-46584f: #46584f;
  --accountmade-workspace-color-8a6a42: #8a6a42;
  --accountmade-workspace-color-795b27: #795b27;
  --accountmade-workspace-color-4f5752: #4f5752;
  --accountmade-workspace-color-758b9d: #758b9d;
  --accountmade-workspace-color-8aa99b: #8aa99b;
  --accountmade-workspace-color-bdd9cd: #bdd9cd;
  --accountmade-workspace-color-9aa0a6: #9aa0a6;
  --accountmade-workspace-color-7a7f7c: #7a7f7c;
  --accountmade-workspace-color-434a4d: #434a4d;
  --accountmade-workspace-color-141e18: #141e18;
  --accountmade-workspace-color-7a4b10: #7a4b10;
  --accountmade-workspace-color-1e2d24: #1e2d24;
  --accountmade-workspace-color-8b5617: #8b5617;
  --accountmade-workspace-color-5e4930: #5e4930;
  --accountmade-workspace-color-6c573e: #6c573e;
  --accountmade-workspace-color-d9ded9: #d9ded9;
  --accountmade-workspace-color-31564a: #31564a;
  --accountmade-workspace-color-6c9b86: #6c9b86;
  --accountmade-workspace-color-245779: #245779;
  --accountmade-workspace-color-537d6c: #537d6c;
  --accountmade-workspace-color-3e715e: #3e715e;
  --accountmade-workspace-color-888888: #888888;
  --accountmade-workspace-color-333333: #333333;
  --accountmade-workspace-color-34d399: #34d399;
  --accountmade-workspace-color-808080: #808080;
  --accountmade-workspace-color-f47067: #f47067;
  --accountmade-workspace-color-6cb6ff: #6cb6ff;
  --accountmade-workspace-color-96d0ff: #96d0ff;
  --accountmade-workspace-color-768390: #768390;
  --accountmade-workspace-color-dcbdfb: #dcbdfb;
  --accountmade-workspace-color-8ddb8c: #8ddb8c;
  --accountmade-workspace-color-adbac7: #adbac7;
  --accountmade-workspace-color-005cc5: #005cc5;
  --accountmade-workspace-color-032f62: #032f62;
  --accountmade-workspace-color-6a737d: #6a737d;
  --accountmade-workspace-color-6f42c1: #6f42c1;
  --accountmade-workspace-color-22863a: #22863a;
  --accountmade-workspace-color-e36209: #e36209;
  --accountmade-workspace-color-0c0c0f: #0c0c0f;
  --accountmade-workspace-color-161619: #161619;
  --accountmade-workspace-color-8eb3d5: #8eb3d5;
  --accountmade-workspace-color-666b72: #666b72;
  --accountmade-workspace-color-143a5c: #143a5c;
  --accountmade-workspace-color-8c6528: #8c6528;
  --accountmade-workspace-color-a7504a: #a7504a;
  --accountmade-workspace-color-606060: #606060;
  --accountmade-workspace-color-1a1714: #1a1714;
  --accountmade-workspace-color-a4abb8: #a4abb8;
  --accountmade-workspace-color-0b7d57: #0b7d57;
  --accountmade-workspace-color-8a5f07: #8a5f07;
  --accountmade-workspace-color-5e6672: #5e6672;
  --accountmade-workspace-color-b78021: #b78021;
  --accountmade-workspace-color-7a5618: #7a5618;
  --accountmade-workspace-color-d9a441: #d9a441;
  --accountmade-workspace-color-6b4a11: #6b4a11;
  --accountmade-workspace-color-d7e5f4: #d7e5f4;
  --accountmade-workspace-color-9fc3df: #9fc3df;
  --accountmade-workspace-color-d4d2cc: #d4d2cc;
  --accountmade-workspace-color-90b882: #90b882;
  --accountmade-workspace-color-e8c87a: #e8c87a;
  --accountmade-workspace-color-7fb5d5: #7fb5d5;
  --accountmade-workspace-color-b09adb: #b09adb;
  --accountmade-workspace-color-7a8494: #7a8494;
  --accountmade-workspace-color-3b2f22: #3b2f22;
  --accountmade-workspace-color-221b12: #221b12;
  --accountmade-workspace-color-4a915e: #4a915e;
  --accountmade-workspace-color-bf8b40: #bf8b40;
  --accountmade-workspace-color-8d5b16: #8d5b16;
  --accountmade-workspace-color-b48446: #b48446;
  --accountmade-workspace-color-2f6c45: #2f6c45;
  --accountmade-workspace-color-f6ebd3: #f6ebd3;
  --accountmade-workspace-color-d7a55d: #d7a55d;
  --accountmade-workspace-color-2c251c: #2c251c;
  --accountmade-workspace-color-555555: #555555;
  --accountmade-workspace-color-0f151d: #0f151d;
  --accountmade-workspace-color-c59152: #c59152;
  --accountmade-workspace-color-c4cde2: #c4cde2;
  --accountmade-workspace-color-e0bd82: #e0bd82;
  --accountmade-workspace-color-3c2d1c: #3c2d1c;
  --accountmade-workspace-color-7086bd: #7086bd;
  --accountmade-workspace-color-e8ba74: #e8ba74;
  --accountmade-workspace-color-3cab6e: #3cab6e;
  --accountmade-workspace-color-5d554c: #5d554c;
  --accountmade-workspace-color-e1b268: #e1b268;
  --accountmade-workspace-color-281f12: #281f12;
  --accountmade-workspace-color-685f56: #685f56;
  --accountmade-workspace-color-9b8f82: #9b8f82;
  --accountmade-workspace-color-3c342d: #3c342d;
  --accountmade-workspace-color-57c581: #57c581;
  --accountmade-workspace-color-fbbf24: #fbbf24;
  --accountmade-workspace-color-4ade80: #4ade80;
  --accountmade-workspace-color-554e47: #554e47;
  --accountmade-workspace-color-433c36: #433c36;
  --accountmade-workspace-color-f3ce93: #f3ce93;
  --accountmade-workspace-color-6e5b46: #6e5b46;
  --accountmade-workspace-color-7b7166: #7b7166;
  --accountmade-workspace-color-8f8579: #8f8579;
  --accountmade-workspace-color-f7d2a3: #f7d2a3;
  --accountmade-workspace-color-67d394: #67d394;
  --accountmade-workspace-color-f0b267: #f0b267;
  --accountmade-workspace-color-4fcf88: #4fcf88;
  --accountmade-workspace-color-4d83ff: #4d83ff;
  --accountmade-workspace-color-2952b3: #2952b3;
  --accountmade-workspace-color-e9a640: #e9a640;
  --accountmade-workspace-color-43b66b: #43b66b;
  --accountmade-workspace-color-50463d: #50463d;
  --accountmade-workspace-color-362d25: #362d25;
  --accountmade-workspace-color-675b4f: #675b4f;
  --accountmade-workspace-color-483824: #483824;
  --accountmade-workspace-color-dabc90: #dabc90;
  --accountmade-workspace-color-2e8a58: #2e8a58;
  --accountmade-workspace-color-c99859: #c99859;
  --accountmade-workspace-color-584731: #584731;
  --accountmade-workspace-color-f0c487: #f0c487;
  --accountmade-workspace-color-dea458: #dea458;
  --accountmade-workspace-color-806649: #806649;
  --accountmade-workspace-color-836d52: #836d52;
  --accountmade-workspace-color-8a7e72: #8a7e72;
  --accountmade-workspace-color-8a99b2: #8a99b2;
  --accountmade-workspace-color-e5d9ca: #e5d9ca;
  --accountmade-workspace-color-ddd1c0: #ddd1c0;
  --accountmade-workspace-color-7a889e: #7a889e;
  --accountmade-workspace-color-473d31: #473d31;
  --accountmade-workspace-color-1a1916: #1a1916;
  --accountmade-workspace-color-f0f0f0: #f0f0f0;
  --accountmade-workspace-color-bbbbbb: #bbbbbb;
  --accountmade-workspace-color-a8a8a8: #a8a8a8;
  --accountmade-workspace-color-c2d2d5: #c2d2d5;
  --accountmade-workspace-color-cec3a6: #cec3a6;
  --accountmade-workspace-color-d1cdde: #d1cdde;
  --accountmade-workspace-color-d7bfcf: #d7bfcf;
  --accountmade-workspace-color-c8c8a8: #c8c8a8;
  --accountmade-workspace-color-f1f0ee: #f1f0ee;
  --accountmade-workspace-color-b0bfd5: #b0bfd5;
  --accountmade-workspace-color-bbd4e1: #bbd4e1;
  --accountmade-workspace-color-dbceb8: #dbceb8;
  --accountmade-workspace-color-d0cce3: #d0cce3;
  --accountmade-workspace-color-e1c7d2: #e1c7d2;
  --accountmade-workspace-color-c1d6c5: #c1d6c5;
}

/* --- chrome.css --- */
/* GENERATED by scripts/sync-accountmade.mjs from AccountMade app/(marketing)/marketing.css. Do not edit; run the script. */
.pw-suite-route,
.acmd-home,
.acmd-site-shell {
  --mkt-bg: var(--ui-bg);
  --mkt-ink: var(--accountmade-workspace-color-141614);
  --mkt-muted: color-mix(in srgb, var(--accountmade-workspace-color-141614) 62%, transparent);
  --mkt-soft: color-mix(in srgb, var(--accountmade-workspace-color-141614) 8%, transparent);
  --mkt-line: color-mix(in srgb, var(--accountmade-workspace-color-212121) 12%, transparent);
  --mkt-panel: var(--accountmade-workspace-color-f0f1ee);
  --mkt-dark: var(--accountmade-workspace-color-141614);
  --mkt-lime: var(--accountmade-workspace-color-0c2df2);
  --mkt-selection-bg: var(--accountmade-workspace-color-69c7ff);
  --mkt-selection-ink: var(--accountmade-workspace-color-020638);
  --mkt-radius: 8px;
  --mkt-shell: min(1184px, calc(100vw - 128px));
  --mkt-font: "TWK Lausanne", Arial, Helvetica, sans-serif;
  /* Role-based marketing type scale — SINGLE SOURCE OF TRUTH for heading sizes.
     Tags are decoupled from size: a heading's tier comes from its ROLE (see the
     shared type-scale block near the end of this file), never from being an h1/h2.
     px comments are mobile -> desktop (1rem = 16px). */
  --mkt-type-display: clamp(2.5rem, 1.75rem + 3.3vw, 4rem);        /* 40 -> 64  home hero h1 ONLY */
  --mkt-type-hero: clamp(2.125rem, 1.6rem + 2.35vw, 3.15rem);      /* 34 -> 50  interior page h1 */
  --mkt-type-title: clamp(1.85rem, 1.55rem + 1.35vw, 2.375rem);    /* 30 -> 38  utility page h1 */
  --mkt-type-section: clamp(1.6rem, 1.35rem + 1.15vw, 2.25rem);    /* 26 -> 36  true section h2 */
  --mkt-type-subsection: clamp(1.25rem, 1.13rem + 0.55vw, 1.5rem); /* 20 -> 24  h3 / demoted h2 / prose h2 */
  --mkt-type-card: clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem);     /* 17 -> 19  card titles */
  --mkt-type-lead: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);        /* 17 -> 20  hero subhead / intro */
  --mkt-type-prose: 1.125rem;                                      /* 18        long-form body copy */
  --mkt-type-body: 1rem;                                           /* 16        default copy */
  --mkt-leading-display: 1.03;
  --mkt-leading-hero: 1.06;
  --mkt-leading-title: 1.1;
  --mkt-leading-section: 1.12;
  --mkt-leading-sub: 1.2;
  --mkt-leading-card: 1.3;
  --mkt-tracking-display: -0.025em;
  --mkt-tracking-hero: -0.02em;
  --mkt-tracking-title: -0.02em;
  --mkt-tracking-section: -0.016em;
  --mkt-tracking-sub: -0.01em;
  --mkt-tracking-card: -0.005em;
  background: var(--mkt-bg);
  color: var(--mkt-ink);
  font-family: var(--mkt-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
.pw-suite-route::selection,
.pw-suite-route ::selection,
.acmd-home::selection,
.acmd-home ::selection,
.acmd-site-shell::selection,
.acmd-site-shell ::selection {
  background: var(--mkt-selection-bg);
  color: var(--mkt-selection-ink);
  text-shadow: none;
}
.pw-suite-route .page-shell,
.acmd-home .page-shell,
.home-shell,
.am-wrap {
  width: var(--mkt-shell);
  margin-inline: auto;
}
.acmd-skip-link {
  position: fixed;
  z-index: 300;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--mkt-ink, #171814);
  color: var(--ui-on-ink);
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  /* Hidden until focused, by clipping, not by parking it above the viewport (a fixed box above the top edge shows as a black
     pill at the left of every full-page capture). */
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
}
.acmd-skip-link:focus {
  clip-path: none;
  width: auto;
  height: auto;
  overflow: visible;
  padding: 10px 14px;
}
.acmd-main:focus {
  outline: none;
}
.acmd-main,
.am-blog-ref,
.am-article-ref {
  background: var(--ui-bg);
}
.acmd-site-popover-root {
  display: contents;
}
.acmd-home :is(
  button,
  .acmd-header-pill,
  .acmd-button,
  .navpage-actions a,
  .navpage-actions button):not(:where([data-hero-scene] *, .product-app *)) {
  font-weight: 500;
}
.acmd-home :is(
  button,
  input,
  .acmd-header-pill,
  .acmd-button,
  .lp-cta,
  .shared-final-cta,
  .navpage-actions a,
  .navpage-actions button,
  .am-help-search input):not(:where([data-hero-scene] *, .product-app *, [data-slot="input"])) {
  border-radius: 999px;
}
.acmd-site-shell {
  --chrome-bg: var(--accountmade-workspace-color-ffffff);
  --chrome-ink: var(--accountmade-workspace-color-1a1916);
  --chrome-grey: color-mix(in srgb, var(--chrome-ink) 66%, var(--chrome-bg));
  --chrome-rule: color-mix(in srgb, var(--chrome-ink) 14%, transparent);
  --chrome-rule-strong: color-mix(in srgb, var(--chrome-ink) 88%, transparent);
  --chrome-hover: color-mix(in srgb, var(--chrome-ink) 6%, transparent);
  --chrome-gutter: var(--p-space-16);
}
@media (min-width: 768px) {
.acmd-site-shell {
    --chrome-gutter: var(--p-space-24);
  }
}
.acmd-site-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 300;
  display: flex;
  height: var(--p-space-64);
  align-items: center;
  border-bottom: 1px solid transparent;
  background: var(--chrome-bg);
  color: var(--chrome-ink);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-body);
  transition: transform 0.2s ease, visibility 0s linear 0s;
}
.acmd-site-header[data-scrolled="true"] {
  border-bottom-color: var(--chrome-rule);
}
.acmd-site-header[data-nav-hidden="true"] {
  transform: translateY(-100%);
  visibility: hidden;
  transition: transform 0.2s ease, visibility 0s linear 0.2s;
}
.acmd-site-header .acmd-site-header-in {
  display: grid;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  margin-inline: auto;
  /* The row also carries .page-shell (24 top / 80 bottom padding), which is taller than the 64 px bar and pinned the logo and
     nav to its top edge: the bar draws no vertical padding, so the row centres in it. */
  padding-block: 0;
  padding-inline: var(--chrome-gutter);
}
.acmd-brand-wordmark {
  display: inline-flex;
  align-items: center;
  justify-self: start;
}
.acmd-brand-wordmark {
  margin-left: calc(var(--p-space-12) * -1);
}
.acmd-brand-wordmark img {
  width: auto;
  height: calc(var(--p-space-32) + var(--p-space-2));
}
.acmd-mobile-sheet-head .acmd-brand-wordmark {
  margin-left: 0;
}
.acmd-desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--p-space-4);
}
.acmd-site-header :is(.acmd-nav-link, .acmd-nav-button, .acmd-header-pill) {
  display: inline-flex;
  height: var(--p-space-32);
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--ui-r-pill);
  background: transparent;
  color: var(--chrome-ink);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-body);
  font-weight: 400;
  line-height: var(--p-space-20);
  padding: 0 var(--p-space-12);
  white-space: nowrap;
  transition: background-color 0.18s ease, color 0.18s ease;
}
.acmd-site-header :is(.acmd-nav-link, .acmd-nav-button, .acmd-header-pill-ghost):hover,
.acmd-site-header .acmd-nav-button[aria-expanded="true"] {
  background: var(--chrome-hover);
}
.acmd-nav-caret {
  margin-left: var(--p-space-6);
  border-top: 5px solid currentColor;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform 0.2s ease;
}
.acmd-nav-button[aria-expanded="true"] .acmd-nav-caret {
  transform: rotate(180deg);
}
.acmd-header-actions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: var(--p-space-8);
}
.acmd-site-header .acmd-header-pill-demo,
.acmd-mobile-actions .acmd-header-pill-demo {
  border-color: var(--chrome-rule-strong);
  background: var(--chrome-bg);
  padding-inline: var(--p-space-16);
}
.acmd-site-header .acmd-header-pill-demo:hover {
  background: var(--chrome-hover);
}
.acmd-mobile-menu-button {
  display: none;
  width: var(--p-space-40);
  height: var(--p-space-40);
  flex: none;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--chrome-ink);
}
.acmd-mobile-menu-button svg {
  width: var(--p-space-20);
  height: var(--p-space-20);
}
@media (max-width: 899px) {
.acmd-site-header .acmd-site-header-in {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--p-space-4);
  }
.acmd-desktop-nav {
    display: none;
  }
.acmd-header-actions {
    margin-left: auto;
    gap: var(--p-space-4);
  }
.acmd-mobile-menu-button {
    display: grid;
    margin-right: calc(var(--p-space-10) * -1);
  }
}
@media (max-width: 480px) {
.acmd-site-header :is(.acmd-nav-link, .acmd-nav-button, .acmd-header-pill) {
    padding-inline: var(--p-space-8);
  }
.acmd-site-header .acmd-header-pill-demo {
    padding-inline: var(--p-space-12);
  }
.acmd-brand-wordmark {
    margin-left: calc(var(--p-space-10) * -1);
  }
.acmd-brand-wordmark img {
    height: calc(var(--p-space-24) + var(--p-space-4));
  }
}
.acmd-mobile-actions .acmd-header-pill {
  display: inline-flex;
  width: 100%;
  height: var(--p-space-48);
  align-items: center;
  justify-content: center;
  border: 1px solid var(--chrome-rule-strong);
  border-radius: 0;
  background: var(--chrome-bg);
  color: var(--chrome-ink);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-md);
  font-weight: 400;
}
.acmd-site-footer {
  max-width: 1440px;
  margin-inline: auto;
  background: var(--chrome-bg);
  color: var(--chrome-ink);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-body);
  padding-inline: var(--chrome-gutter);
}
.acmd-footer-in {
  border-top: 1px solid var(--chrome-rule-strong);
}
.acmd-footer-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: var(--p-space-24);
  row-gap: var(--p-space-40);
  padding-block: var(--p-space-48);
}
.acmd-footer-brand {
  display: grid;
  align-content: start;
  gap: var(--p-space-24);
}
.acmd-footer-ask p {
  margin: 0;
  color: var(--chrome-grey);
  line-height: 21px;
  padding-block: var(--p-space-6);
}
.acmd-footer-ask ul {
  display: grid;
  justify-items: start;
  margin: 0;
  padding: 0;
  list-style: none;
}
.acmd-footer-col {
  display: grid;
  align-content: start;
}
.acmd-footer-col h2 {
  margin: 0;
  color: var(--chrome-grey);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-body);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 21px;
  padding-block: var(--p-space-6);
  text-transform: none;
}
.acmd-footer-links {
  display: grid;
}
.acmd-site-footer :is(.acmd-footer-col a, .acmd-footer-col button, .acmd-footer-ask a, .acmd-footer-bottom a) {
  display: block;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--chrome-ink);
  cursor: pointer;
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-body);
  font-weight: 400;
  line-height: 21px;
  padding: var(--p-space-6) 0;
  text-align: left;
  text-decoration: none;
}
.acmd-site-footer :is(.acmd-footer-col a, .acmd-footer-col button, .acmd-footer-ask a, .acmd-footer-bottom a):hover {
  color: var(--chrome-grey);
}
.acmd-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--p-space-24);
  border-top: 1px solid var(--chrome-rule-strong);
  padding-block: var(--p-space-16) var(--p-space-32);
}
.acmd-site-footer .acmd-footer-ask a {
  display: inline-flex;
  align-items: center;
  gap: var(--p-space-8);
}
.acmd-footer-ask svg {
  flex: none;
}
.acmd-footer-copyright {
  margin: 0;
  color: var(--chrome-grey);
  font-size: var(--ui-fs-body);
  line-height: 21px;
}
.acmd-footer-bottom-actions,
.acmd-footer-legal-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--p-space-20);
}
.acmd-footer-bottom-actions {
  column-gap: var(--p-space-24);
}
.acmd-site-footer .acmd-footer-bottom a.acmd-footer-social-link {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 899px) {
.acmd-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.acmd-footer-brand {
    grid-column: 1 / -1;
  }
.acmd-footer-ask ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--p-space-16);
  }
}
@media (max-width: 599px) {
.acmd-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--p-space-8);
  }
.acmd-footer-legal-links {
    column-gap: var(--p-space-16);
  }
}
.acmd-home .acmd-site-header :is(.acmd-nav-link, .acmd-nav-button, .acmd-header-pill) {
  font-weight: var(--ui-fw-regular);
}

/* --- attio.css --- */
/* GENERATED by scripts/sync-accountmade.mjs from AccountMade app/(marketing)/homepage/attio.css. Do not edit; run the script. */
/* AccountMade marketing system, modelled on folk.app (Jake, 2026-11-05). One layer for every marketing page that sits in
   .at-page (home, pricing, About, draft). Measured from folk.app at 1440 and 390:
   /Volumes/DEV4TB/Projects/_docs/2026-11-05-am-folk-revamp/data/folk-{1440,390}.json and STRATEGY.html.
   White page, near-black ink, 1px hairlines, square corners, one display face (Satoshi 500), body in Geist 400,
   tinted grain panels behind the product. Labels, chapter tags, step numbers and the form take the product's own chips,
   citation numbers and controls, and every panel is one brand family (2026-11-06 polish: less folk, more AccountMade). The pre-folk layer is in git history (before 2026-11-05). */
.at-page {
  --at-font: var(--font-satoshi), "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --at-body-font: var(--ui-font-sans);
  --at-mono: var(--ui-font-code);
  --at-ink: var(--accountmade-workspace-color-1a1916);
  --at-grey: color-mix(in srgb, var(--at-ink) 66%, var(--at-bg));
  --at-body: color-mix(in srgb, var(--at-ink) 72%, var(--ui-bg));
  --at-white: var(--accountmade-workspace-color-ffffff);
  --at-bg: var(--accountmade-workspace-color-ffffff);
  --at-rule: color-mix(in srgb, var(--at-ink) 14%, transparent);
  --at-rule-strong: color-mix(in srgb, var(--at-ink) 88%, transparent);
  --at-field: var(--accountmade-workspace-color-f0f0f0);
  --at-accent: var(--ui-brand);
  /* Product backdrops: tinted grain panels, one family. Hero, approvals and close carry the brand hue (258) at low chroma; every
     other panel is that colour mixed with paper: mist for the steps, then a step deeper per deal stage. */
  --at-fill-grey: var(--accountmade-workspace-color-a8a8a8);
  --at-fill-stone: var(--accountmade-workspace-color-f1f0ee);
  --at-fill-hero: var(--accountmade-workspace-color-b0bfd5);
  --at-fill-mist: color-mix(in oklab, var(--at-fill-hero) 24%, var(--at-white));
  --at-fill-1: color-mix(in oklab, var(--at-fill-hero) 40%, var(--at-white));
  --at-fill-2: color-mix(in oklab, var(--at-fill-hero) 55%, var(--at-white));
  --at-fill-3: color-mix(in oklab, var(--at-fill-hero) 70%, var(--at-white));
  --at-fill-4: color-mix(in oklab, var(--at-fill-hero) 85%, var(--at-white));
  /* Grain: grey noise drawn at one cell per device pixel on 2x screens (440-unit tile shown at 220px) and laid on the
     panel with soft-light, so it sharpens without shifting the fill's tone or hue. folk draws the same thing live on a canvas
     (measured 2026-11-05: rgb 168 base, grain sd 3.5-5 at 2x, soft light patches). */
  --at-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='440'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.35 0 0 0 .325 .35 0 0 0 .325 .35 0 0 0 .325 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --at-top: 64px; /* fixed header */
  --at-gutter: var(--p-space-16);
  --at-sec-pad: var(--p-space-64);
  /* Rhythm, measured on folk.app 2026-11-05 at 1440/768/390. Every block owns only the space above it, so no two paddings add up.
     --at-sec-gap: end of one section's content to the next section's top hairline (folk 192 / 192 / 128).
     --at-block-gap: end of a panel to the next chapter's tag bar inside one section (folk 160 / 160 / 96). */
  --at-sec-gap: var(--p-space-128);
  --at-block-gap: var(--p-space-96);
  position: relative;
  background: var(--at-bg);
  color: var(--at-ink);
  font-family: var(--at-body-font);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) { .at-page { --at-gutter: var(--p-space-24); --at-sec-pad: var(--p-space-96); --at-sec-gap: calc(var(--p-space-128) + var(--p-space-64)); --at-block-gap: calc(var(--p-space-128) + var(--p-space-32)); } }
@media (min-width: 1024px) { .at-page { --at-sec-pad: var(--p-space-128); } }
.at-page *, .at-page *::before, .at-page *::after { box-sizing: border-box; }
.at-page h1, .at-page h2, .at-page h3, .at-page h4, .at-page p { margin: 0; }

/* ---- One container: full width inside the gutter (folk: 24px at 1440, 16px at 390), capped for very wide screens ---- */
.at-container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 var(--at-gutter); }
.at-page .at-sec { padding-top: var(--at-sec-pad); padding-bottom: var(--at-sec-pad); }

/* ---- Type: one display face at one weight. folk 1440: H1 72/72, H2 64/64, H3 36/36; 390: 32/32, 32/32, 28/28.
   Satoshi 560 with tighter tracking matches the colour of folk's Uxum Grotesque 500 (side by side, 2026-11-05); 500 read light. ---- */
.at-page :is(.at-h1, .at-h2, .at-h3, .at-card-title) { font-family: var(--at-font); font-weight: 560; color: var(--at-ink); text-wrap: balance; }
.at-page .at-h1 { font-size: 32px; line-height: 32px; letter-spacing: -0.035em; }
.at-page .at-h2 { font-size: 32px; line-height: 32px; letter-spacing: -0.03em; }
.at-page .at-h3 { font-size: 28px; line-height: 28px; letter-spacing: -0.025em; }
.at-page .at-card-title { font-size: 20px; line-height: 24px; letter-spacing: -0.01em; }
@media (min-width: 768px) {
  .at-page .at-h1 { font-size: 56px; line-height: 56px; }
  .at-page .at-h2 { font-size: 48px; line-height: 48px; }
  .at-page .at-h3 { font-size: 32px; line-height: 32px; }
}
@media (min-width: 1024px) {
  .at-page .at-h1 { font-size: 72px; line-height: 72px; }
  .at-page .at-h2 { font-size: 64px; line-height: 64px; }
  .at-page .at-h3 { font-size: 36px; line-height: 36px; }
}
/* Headings are one colour: no two-tone lead/continuation. */
.at-page :is(.at-h1, .at-h2, .at-h3) em, .at-lead, .at-cont { font-style: normal; color: inherit; }

/* Sub and body: folk 20/24.5 at 1440, 16/20 at 390, ink. */
.at-page .at-sub { max-width: 672px; font-size: 16px; line-height: 20px; color: var(--at-ink); text-wrap: pretty; }
.at-page .at-card-line { margin-top: var(--p-space-8); max-width: 420px; font-size: 16px; line-height: 20px; color: var(--at-body); }
.at-page .at-quote { font-family: var(--at-font); font-weight: 560; font-size: 22px; line-height: 26px; letter-spacing: -0.01em; color: var(--at-ink); }
@media (min-width: 1024px) {
  .at-page .at-sub { font-size: 20px; line-height: 24.5px; }
  .at-page .at-quote { font-size: 28px; line-height: 34px; }
}
.at-page p { text-wrap: pretty; }

/* ---- Label: plain body text at 14, medium. A link inside one ends in an arrow, as the app's text links do. ---- */
.at-page .at-pill, .at-page .at-label {
  display: inline-flex; align-items: center; gap: var(--p-space-8); padding: 0; border-radius: 0; background: none;
  font-family: var(--at-body-font); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--at-ink);
}
.at-page :is(.at-pill, .at-label) * { font-family: inherit; font-size: inherit; }
.at-page :is(.at-pill, .at-label) a::after { content: "\2192"; margin-left: var(--p-space-4); display: inline-block; text-decoration: none; }

/* ---- Citation number: the step numbers, drawn as the editor draws a claim's number after a sentence (brand on brand tint). ---- */
.at-page .at-cite {
  display: inline-flex; align-items: center; justify-content: center; min-width: var(--p-space-24); height: var(--p-space-24); padding: 0 var(--p-space-6);
  border-radius: var(--ui-r-pill); background: var(--ui-brand-tint); color: var(--ui-brand);
  font: 600 13px/1 var(--at-body-font); font-variant-numeric: tabular-nums;
}

/* ---- Chapter tag: the app's status chip (hairline pill, stage dot, sentence case), sticky under the header. The dot takes the
   stage colour the Pipeline board gives that column. ---- */
.at-page .at-tag {
  display: inline-flex; align-items: center; gap: var(--p-space-8); height: calc(var(--p-space-24) + var(--p-space-4)); padding: 0 var(--p-space-12) 0 var(--p-space-10);
  border: 1px solid var(--ui-border); border-radius: var(--ui-r-pill); background: var(--at-bg);
  font: 500 13px/16px var(--at-body-font); color: var(--at-ink);
}
.at-page .at-tag-dot { width: var(--p-space-8); height: var(--p-space-8); border-radius: 50%; background: var(--at-stage, var(--ui-text-3)); }
.at-page [data-at-chapter="discovery"] { --at-stage: var(--ui-brand); }
.at-page [data-at-chapter="evaluation"] { --at-stage: var(--ui-warn); }
.at-page [data-at-chapter="decision"] { --at-stage: var(--ui-ok); }
.at-page [data-at-chapter="after-sale"] { --at-stage: var(--ui-brand-strong); }

/* ---- Hairlines ---- */
.at-page .at-rule-top { border-top: 1px solid var(--at-rule); }
.at-page .at-rule-bottom { border-bottom: 1px solid var(--at-rule); }

/* ---- Buttons: square ink primary, square outlined secondary. The header's demo pill lives in the site chrome. ---- */
.at-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--p-space-8); height: 48px; padding: 0 var(--p-space-20);
  border-radius: 0; border: 1px solid transparent; font: inherit; font-family: var(--at-body-font); font-size: 16px; font-weight: 400;
  text-decoration: none; cursor: pointer; white-space: nowrap;
}
.at-btn--primary { background: var(--at-ink); color: var(--at-white); }
.at-btn--primary:hover { background: color-mix(in srgb, var(--at-ink) 86%, var(--ui-bg)); }
.at-btn--secondary { background: var(--at-white); color: var(--at-ink); border-color: var(--at-rule-strong); }
.at-btn--secondary:hover { background: var(--at-fill-stone); }
.at-btn:focus-visible { outline: 2px solid var(--at-accent); outline-offset: 2px; }

/* ---- Tinted grain panel: the product backdrop. Pick a fill with --fill (or one of the modifiers). ---- */
.at-page .at-noise {
  position: relative; overflow: hidden;
  background:
    var(--at-grain),
    radial-gradient(60% 90% at 26% 8%, color-mix(in srgb, var(--accountmade-workspace-color-ffffff) 30%, transparent), transparent 70%),
    radial-gradient(55% 80% at 82% 88%, color-mix(in srgb, var(--accountmade-workspace-color-ffffff) 12%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--at-ink) 10%, transparent), transparent 45%),
    var(--fill, var(--at-fill-grey));
  background-size: 220px 220px, auto, auto, auto;
  background-blend-mode: soft-light, normal, normal, normal;
}
.at-page .at-noise--grey { --fill: var(--at-fill-grey); }
.at-page .at-noise--mist { --fill: var(--at-fill-mist); }
.at-page .at-noise--step1 { --fill: var(--at-fill-1); }
.at-page .at-noise--step2 { --fill: var(--at-fill-2); }
.at-page .at-noise--step3 { --fill: var(--at-fill-3); }
.at-page .at-noise--step4 { --fill: var(--at-fill-4); }
.at-page .at-noise--hero { --fill: var(--at-fill-hero); }
/* Product windows on a panel: square, hairline, no shadow. */
.at-page .at-window { background: var(--at-white); border: 1px solid var(--at-rule); border-radius: 0; box-shadow: none; overflow: hidden; }

/* ---- Card cell (pricing, About): hairline cell, no radius, no shadow ---- */
.at-card { background: var(--at-white); border: 1px solid var(--at-rule); border-radius: 0; box-shadow: none; }

/* ---- Centred band (close) ---- */
.at-band { padding: var(--at-sec-pad) 0; text-align: center; }
.at-band .at-h2 { margin-left: auto; margin-right: auto; }

/* ---- Close (close.tsx): the hero's brand grain panel again, a centred H2 and the inline form, equal space above and below.
   Global, not a CSS module: as a small module, Next's CSS chunking merged it with the homepage sections before it, and
   /pricing and /about paid for those sections' CSS. ---- */
.at-close { padding: var(--p-space-64) 0; }
.at-close-inner { display: flex; flex-direction: column; }
.at-close-panel { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--p-space-64) var(--p-space-16); overflow: hidden; }
.at-close-title { max-width: 47.5rem; }
.at-close-form { width: 100%; margin-top: var(--p-space-32); }
@media (min-width: 768px) { .at-close-panel { padding: var(--p-space-96) var(--p-space-24); } .at-close-form { margin-top: var(--p-space-48); } }
@media (min-width: 1024px) { .at-close { padding: var(--p-space-96) 0; } .at-close-panel { padding: var(--p-space-128) var(--p-space-24); } }

/* The marketing shell hides horizontal overflow on narrow screens, which makes it a scroll container and breaks
   position: sticky. `clip` keeps the same clipping without becoming one. */
.acmd-site-shell:has(.at-page) { overflow: visible; overflow-x: clip; }
.at-contents { display: contents; }

/* Product previews on marketing pages hold still: the chat's step dot does not pulse here (it does in the app). */
.at-page [class*="_pulse__"] { animation: none; opacity: 1; }

/* --- motion.css --- */
/* GENERATED by scripts/sync-accountmade.mjs from AccountMade app/(marketing)/homepage/motion.css. Do not edit; run the script. */
/* Scroll-driven motion layer. Transform and opacity only.
   A `Reveal` container carries data-m="idle" (first pose) or "play" (sequence). Children opt in with data-a.
   No data-m attribute means the final state (server render, reduced motion). Timings follow the Attio frames:
   60-90 ms stagger, 300-450 ms per element, ease-out. */
.at-page [data-m] [data-a] { --ease: cubic-bezier(0.22, 1, 0.36, 1); }

/* idle = pose before the entrance */
.at-page [data-m="idle"] [data-a] { opacity: 0; }
.at-page [data-m="idle"] [data-a="rise"] { transform: translateY(14px); }
.at-page [data-m="idle"] [data-a="row"] { transform: translateY(8px); }
.at-page [data-m="idle"] [data-a="up"] { transform: translateY(28px); }
.at-page [data-m="idle"] [data-a="right"] { transform: translateX(44px); }
.at-page [data-m="idle"] [data-a="pop"] { transform: scale(0.72); }
.at-page [data-m="idle"] [data-a="node"] { transform: translateY(10px) scale(0.96); }
.at-page [data-m="idle"] [data-a="grow"] { transform: scaleY(0); transform-origin: bottom; }
.at-page [data-m="idle"] [data-a="growx"] { transform: scaleX(0); transform-origin: left; }
.at-page [data-m="idle"] [data-a="drop"] { transform: scaleY(0); transform-origin: top; }
.at-page [data-m="idle"] [data-a="draw"] { stroke-dashoffset: 1; opacity: 1; }

/* play = the sequence; delay = --d + --i * 70 ms */
.at-page [data-m="play"] [data-a] {
  animation-duration: var(--dur, 420ms);
  animation-timing-function: var(--ease);
  animation-fill-mode: both;
  animation-delay: calc(var(--d, 0ms) + var(--i, 0) * var(--st, 70ms));
}
.at-page [data-m="play"] [data-a="fade"] { animation-name: at-fade; --dur: 400ms; }
.at-page [data-m="play"] [data-a="rise"] { animation-name: at-rise; --dur: 460ms; }
.at-page [data-m="play"] [data-a="row"] { animation-name: at-row; --dur: 360ms; }
.at-page [data-m="play"] [data-a="up"] { animation-name: at-up; --dur: 520ms; }
.at-page [data-m="play"] [data-a="right"] { animation-name: at-right; --dur: 520ms; }
.at-page [data-m="play"] [data-a="pop"] { animation-name: at-pop; --dur: 380ms; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } /* ease-out-quint: settles without overshoot */
.at-page [data-m="play"] [data-a="node"] { animation-name: at-node; --dur: 400ms; }
.at-page [data-m="play"] [data-a="grow"] { animation-name: at-grow; --dur: 650ms; }
.at-page [data-m="play"] [data-a="growx"] { animation-name: at-growx; --dur: 600ms; }
.at-page [data-m="play"] [data-a="drop"] { animation-name: at-drop; --dur: 420ms; }
.at-page [data-m="play"] [data-a="draw"] { animation-name: at-draw; --dur: 520ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.at-page [data-m="play"] [data-a="pulse"] { animation-name: at-pulse; --dur: 900ms; animation-timing-function: ease-out; }
.at-page [data-m="idle"] [data-a="pulse"] { opacity: 1; }

@keyframes at-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes at-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes at-row { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes at-up { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes at-right { from { opacity: 0; transform: translateX(44px); } to { opacity: 1; transform: none; } }
@keyframes at-pop { from { opacity: 0; transform: scale(0.72); } to { opacity: 1; transform: none; } }
@keyframes at-node { from { opacity: 0; transform: translateY(10px) scale(0.96); } to { opacity: 1; transform: none; } }
@keyframes at-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes at-growx { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes at-drop { from { opacity: 0; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } }
@keyframes at-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes at-pulse { 0% { transform: scale(1); } 45% { transform: scale(1.07); border-color: var(--ui-brand); } 100% { transform: scale(1); } }

/* Text that is being typed keeps its full layout; the untyped part is invisible. It lives in generated content
   (data-ghost), not in a text node, so no hidden copy of the words is ever in the DOM, the accessibility tree or a text scan. */
.at-ghost::before { content: attr(data-ghost); visibility: hidden; }

/* Hidden tab: freeze every running animation. */
html.at-tab-hidden .at-page * { animation-play-state: paused !important; }

@media (prefers-reduced-motion: reduce) {
  .at-page [data-a] { animation: none !important; opacity: 1 !important; transform: none !important; }
  .at-page [data-a="draw"] { stroke-dashoffset: 0 !important; }
}

/* --- cta-pill.css --- */
/* GENERATED by scripts/sync-accountmade.mjs from AccountMade app/(marketing)/homepage/cta-pill.css. Do not edit; run the script. */

/* The inline sign-up form (inline-signup.tsx): the site's email field (field.css, the same one as /login) and the square ink
   button (as .at-btn--primary and the /login submit) in one row (stacked on phones), 8 between them. Never restyle the field here. */
.at-page .at-signup { width: 100%; max-width: 480px; margin: 0 auto; text-align: left; }
.at-page .at-signup-row {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--p-space-8); height: 48px;
}
.at-page .at-signup-row [data-slot="button"] {
  height: 100%; padding: 0 var(--p-space-20); border: 0; border-radius: 0; background: var(--at-ink); color: var(--at-white);
  font: 400 16px/20px var(--at-body-font); white-space: nowrap;
}
.at-page .at-signup-row [data-slot="button"]:hover { background: color-mix(in srgb, var(--at-ink) 86%, var(--ui-bg)); }
.at-page .at-signup-row [data-slot="button"]:focus-visible { outline: 2px solid var(--ui-brand); outline-offset: 2px; box-shadow: none; }
.at-page .at-signup-note { margin-top: var(--p-space-12); font: 400 14px/20px var(--at-body-font); color: var(--at-grey); text-align: center; }
.at-page .at-signup-error { margin-top: var(--p-space-8); font: 400 14px/20px var(--at-body-font); color: var(--ui-err-text); text-align: left; }

@media (max-width: 767.98px) {
  .at-page .at-signup { max-width: none; }
  .at-page .at-signup-row { grid-template-columns: minmax(0, 1fr); height: auto; gap: var(--p-space-8); }
  .at-page .at-signup-row [data-slot="button"] { height: 48px; }
}

/* --- field.css --- */
/* GENERATED by scripts/sync-accountmade.mjs from AccountMade styles/marketing/field.css. Do not edit; run the script. */
/* The marketing site's email field: the kit Input marked data-auth-input, drawn square, 48 tall, Geist 16/400, a light grey
   fill and grey hairline; focus draws a 2 px ink outline inside the edge, an invalid email turns the hairline red.
   One definition for every page that asks for an email: sign-in and sign-up (auth.css) and the homepage sign-up form
   (homepage/cta-pill.css). Unlayered on purpose, so it wins over the kit's layered utilities. */
input[data-auth-input][data-slot="input"] {
  --ui-field-ink: var(--accountmade-workspace-color-1a1916);
  --ui-field-fill: var(--accountmade-workspace-color-f0f0f0);
  --ui-field-grey: color-mix(in srgb, var(--ui-field-ink) 66%, var(--accountmade-workspace-color-ffffff));
  height: var(--ui-s-12);
  min-height: var(--ui-s-12);
  padding: 0 var(--ui-s-4);
  border: thin solid var(--ui-field-grey);
  border-radius: 0;
  background: var(--ui-field-fill);
  box-shadow: none;
  color: var(--ui-field-ink);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-md);
  font-weight: var(--ui-fw-regular);
  line-height: var(--ui-s-5);
  letter-spacing: normal;
}

input[data-auth-input][data-slot="input"]::placeholder {
  color: var(--ui-field-grey);
  opacity: 1;
}

input[data-auth-input][data-slot="input"]:focus-visible {
  border-color: var(--ui-field-ink);
  outline: var(--p-space-2) solid var(--ui-field-ink);
  outline-offset: calc(var(--p-space-2) * -1);
  box-shadow: none;
}

input[data-auth-input][data-slot="input"][aria-invalid="true"] {
  border-color: var(--ui-err);
}

/* --- connectors.module.css --- */
.at-page .am-connectors__band { padding-top: var(--at-sec-pad); padding-bottom: 0; }
.am-connectors__table { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid var(--at-rule-strong); }
.am-connectors__lead { display: flex; flex-direction: column; gap: var(--p-space-8); padding: var(--p-space-16); border-bottom: 1px solid var(--at-rule-strong); }
.am-connectors__title { max-width: 420px; }
.am-connectors__line { margin-top: 0; max-width: 420px; color: var(--at-grey); }
.am-connectors__cells { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.am-connectors__cell {
  display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 64px; padding: var(--p-space-12) var(--p-space-16);
  border-right: 1px solid var(--at-rule-strong); border-bottom: 1px solid var(--at-rule-strong);
}
.am-connectors__cell:nth-child(2n) { border-right: 0; }
.am-connectors__cell:last-child { grid-column: 1 / -1; border-bottom: 0; border-right: 0; }
.am-connectors__brand { display: flex; align-items: center; gap: var(--p-space-10); min-width: 0; }
.am-connectors__logo { flex: none; width: auto; height: 26px; filter: grayscale(1); }
.am-connectors__name { font: 500 18px/24px var(--at-font); letter-spacing: -0.01em; color: var(--at-ink); white-space: nowrap; }
@media (min-width: 768px) {
.am-connectors__lead { padding: var(--p-space-24); }
}
@media (min-width: 1024px) {
.am-connectors__lead { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--p-space-48); }
.am-connectors__cells { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.am-connectors__cell { border-bottom: 0; border-right: 1px solid var(--at-rule-strong); }
.am-connectors__cell:nth-child(2n) { border-right: 1px solid var(--at-rule-strong); }
.am-connectors__cell:last-child { grid-column: auto; border-right: 0; }
}

/* --- control.module.css --- */
.am-control__wrap { padding-top: var(--at-sec-gap); padding-bottom: var(--p-space-64); }
@media (min-width: 1024px) {
.am-control__wrap { padding-bottom: var(--p-space-96); }
}
.am-control__rule { padding-top: var(--p-space-24); border-top: thin solid var(--at-rule-strong); }
.am-control__title { max-width: 960px; }
.am-control__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--p-space-32); margin-top: var(--p-space-32); }
@media (min-width: 1024px) {
.am-control__grid { grid-template-columns: minmax(0, 1fr) calc(var(--p-space-128) * 5 + var(--p-space-64)); gap: var(--p-space-48); margin-top: var(--p-space-48); }
}
.am-control__rows { list-style: none; margin: 0; padding: 0; }
.am-control__row { border-top: thin solid var(--at-rule-strong); }
.am-control__row:last-child { border-bottom: thin solid var(--at-rule-strong); }
.am-control__tab { display: block; width: 100%; padding: var(--p-space-20) 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.am-control__row:not([data-open]) .am-control__tab { opacity: 0.5; transition: opacity 0.15s; }
.am-control__row:not([data-open]) .am-control__tab:hover { opacity: 1; }
.am-control__tab:focus-visible { outline: 2px solid var(--at-ink); outline-offset: 4px; }
.am-control__detail { padding-bottom: var(--p-space-24); }
.am-control__detail .am-control__at-card-line { margin-top: var(--p-space-12); max-width: 480px; }
.am-control__trigger { display: inline-flex; align-items: center; gap: var(--p-space-8); margin: 0; padding: var(--p-space-4) var(--p-space-12); border: thin solid var(--at-rule-strong); border-radius: var(--ui-r-pill); background: var(--ui-bg); font-size: var(--ui-fs-caption); }
.am-control__trigger span { width: var(--p-space-6); height: var(--p-space-6); border-radius: var(--ui-r-pill); background: var(--ui-brand); }
.am-control__more { margin-top: var(--p-space-24); }
.am-control__more a { color: var(--at-ink); text-decoration: underline; text-underline-offset: var(--p-space-4); }
.am-control__panel { display: flex; align-items: center; justify-content: center; padding: var(--p-space-12); }
.am-control__scene { width: min(100%, calc(var(--p-space-64) * 5 + var(--p-space-48))); border-radius: var(--ui-r-card); box-shadow: var(--ui-elev-pop); }
@media (min-width: 768px) {
.am-control__panel { padding: var(--p-space-24); }
}

/* --- faq-list.module.css --- */
.am-faq-list__root { margin: 0 auto; max-width: 40.5rem; /* kit-allow: stylelint-token-drift folk FAQ measure 648 px, no ui token */; }
.am-faq-list__root .am-faq-list__title { margin: 0 auto var(--ui-s-12); text-align: center; }
.am-faq-list__title:not(.at-page *) {
  color: var(--ui-text-1);
  font-family: var(--font-satoshi), "Satoshi", ui-sans-serif, system-ui, sans-serif;
  font-size: 2rem; /* kit-allow: stylelint-token-drift the homepage at-h2 size; no ui token is this size */
  line-height: 1.15; /* kit-allow: stylelint-token-drift the homepage at-h2 line height */
  font-weight: var(--ui-fw-medium);
}
.am-faq-list__list { border-top: thin solid var(--ui-border); }
.am-faq-list__item { border-bottom: thin solid var(--ui-border); }
.am-faq-list__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-s-4);
  min-height: var(--ui-h-touch);
  padding: var(--ui-s-5) 0;
  cursor: pointer;
  list-style: none;
}
.am-faq-list__question {
  color: var(--ui-text-1);
  font-family: var(--at-font, var(--font-satoshi), "Satoshi", ui-sans-serif, system-ui, sans-serif);
  font-size: var(--ui-fs-md);
  line-height: var(--ui-lh-md);
  font-weight: var(--ui-fw-medium);
}
.am-faq-list__question::-webkit-details-marker { display: none; }
.am-faq-list__question::after {
  content: "";
  flex: none;
  width: var(--ui-s-2);
  height: var(--ui-s-2);
  margin: 0 var(--ui-s-1) var(--ui-s-1) 0;
  border-right: thin solid currentColor;
  border-bottom: thin solid currentColor;
  transform: rotate(45deg);
}
.am-faq-list__item[open] .am-faq-list__question::after { margin: var(--ui-s-1) var(--ui-s-1) 0 0; transform: rotate(225deg); }
.am-faq-list__question:focus-visible { outline: none; box-shadow: var(--ui-focus-ring); }
.am-faq-list__item .am-faq-list__answer { display: grid; justify-items: start; gap: var(--ui-s-2); max-width: none; margin: 0; padding: 0 0 var(--ui-s-5); }
.am-faq-list__answer:not(.at-page *) { color: var(--ui-text-2); font-size: var(--ui-fs-md); line-height: var(--ui-lh-md); }
.am-faq-list__answer p { margin: 0; }
.am-faq-list__answer a { font-weight: var(--ui-fw-medium); text-decoration: underline; text-underline-offset: 0.2em; }

/* --- formats.module.css --- */
.am-formats__wrap { padding-top: var(--at-sec-gap); }
.am-formats__rule { padding-top: var(--p-space-24); border-top: thin solid var(--at-rule-strong); }
.am-formats__title { max-width: 720px; }
.am-formats__grid { list-style: none; margin: var(--p-space-24) 0 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--p-space-16); }
@media (min-width: 640px) {
.am-formats__grid { gap: var(--p-space-24); }
.am-formats__card { max-width: 448px; }
.am-formats__card.am-formats__wide { max-width: 684px; }
}
@media (min-width: 1280px) {
.am-formats__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.am-formats__card, .am-formats__card.am-formats__wide { max-width: none; grid-column: span 2; }
.am-formats__card.am-formats__wide { grid-column: span 3; }
}
.am-formats__card { position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--at-white); border: thin solid var(--at-ink); border-radius: 0; box-shadow: none; }
.am-formats__card h3 a { color: inherit; text-decoration: none; }
.am-formats__card h3 a::after { content: ""; position: absolute; inset: 0; }
.am-formats__card h3 a:focus-visible { outline: thin solid var(--at-ink); outline-offset: calc(var(--p-space-4) * -1); }
.am-formats__panel { display: flex; align-items: center; justify-content: center; padding: var(--p-space-24) var(--p-space-16); border-bottom: thin solid var(--at-ink); text-align: left; font-family: var(--ui-font-sans); }
@media (min-width: 640px) {
.am-formats__panel { padding: var(--p-space-32); }
}
@media (min-width: 1280px) {
.am-formats__panel { height: var(--ph); }
.am-formats__card { --ph: calc(var(--p-space-128) * 3); }
.am-formats__card.am-formats__wide { --ph: calc(var(--p-space-128) * 4 + var(--p-space-48)); }
}
.am-formats__deck { position: relative; width: min(100%, calc(var(--p-space-128) * 4)); aspect-ratio: 16 / 9; margin: var(--p-space-48) var(--p-space-32) var(--p-space-24) var(--p-space-24); }
.am-formats__deck img { position: absolute; inset: 0 auto auto 0; width: 100%; height: auto; display: block; box-shadow: var(--ui-elev-pop); }
.am-formats__deck .am-formats__back { transform: translate(var(--p-space-32), calc(var(--p-space-48) * -1)) scale(0.92); transform-origin: top right; filter: brightness(0.96); }
.am-formats__deck .am-formats__front { transform: translate(calc(var(--p-space-24) * -1), var(--p-space-24)); }
.am-formats__page { display: block; width: auto; height: auto; max-width: 100%; box-shadow: var(--ui-elev-pop); }
.am-formats__phone { border-radius: var(--p-space-20); }
@media (max-width: 639px) {
.am-formats__page { width: min(100%, calc(var(--p-space-96) * 3)); }
}
@media (min-width: 640px) {
.am-formats__page { height: calc(var(--p-space-96) * 5); }
}
.am-formats__sheet { width: min(100%, calc(var(--p-space-96) * 6)); background: var(--ui-bg); box-shadow: var(--ui-elev-pop); color: var(--ui-text-1); font-size: var(--ui-fs-caption); line-height: var(--p-space-16); }
.am-formats__fx { display: flex; align-items: center; height: var(--p-space-32); border-bottom: thin solid var(--ui-border); }
.am-formats__ref { display: grid; place-items: center; width: var(--p-space-48); height: 100%; border-right: thin solid var(--ui-border); font-weight: var(--ui-fw-medium); }
.am-formats__f { padding: 0 var(--p-space-8); color: var(--ui-text-3); font-style: italic; font-family: Georgia, serif; }
.am-formats__v { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-formats__sheet table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.am-formats__sheet th, .am-formats__sheet td { padding: var(--p-space-6) var(--p-space-8); border: thin solid var(--ui-border-subtle); text-align: left; vertical-align: top; }
.am-formats__sheet thead th { padding: var(--p-space-2); background: var(--ui-subtle); color: var(--ui-text-3); font-weight: var(--ui-fw-medium); text-align: center; }
.am-formats__sheet tbody th { background: var(--ui-subtle); color: var(--ui-text-3); font-weight: var(--ui-fw-medium); text-align: center; }
.am-formats__cRow { width: var(--p-space-32); }
.am-formats__cId { width: var(--p-space-48); }
.am-formats__cQ { width: 36%; }
.am-formats__cSrc { width: 22%; }
.am-formats__sheet .am-formats__hrow td { background: var(--ui-subtle); font-weight: var(--ui-fw-semibold); }
.am-formats__id { font-family: var(--ui-font-code); color: var(--ui-text-2); }
.am-formats__src { color: var(--ui-brand); }
.am-formats__sheet .am-formats__sel { position: relative; background: var(--ui-brand-tint); outline: var(--p-space-2) solid var(--ui-brand); outline-offset: calc(var(--p-space-2) * -1); }
.am-formats__tabs { display: flex; align-items: stretch; gap: var(--p-space-2); height: var(--p-space-32); padding: 0 var(--p-space-8); background: var(--ui-subtle); border-top: thin solid var(--ui-border); }
.am-formats__tabs span { display: flex; align-items: center; padding: 0 var(--p-space-12); color: var(--ui-text-2); }
.am-formats__tabs .am-formats__on { background: var(--ui-bg); color: var(--ui-brand); font-weight: var(--ui-fw-semibold); box-shadow: inset 0 calc(var(--p-space-2) * -1) 0 var(--ui-brand); }
@media (max-width: 639px) {
.am-formats__fx { height: auto; min-height: var(--p-space-32); align-items: stretch; }
.am-formats__fx .am-formats__v { padding: var(--p-space-8) var(--p-space-8) var(--p-space-8) 0; white-space: normal; }
.am-formats__fx .am-formats__f { display: flex; align-items: center; }
.am-formats__fx .am-formats__ref { height: auto; }
.am-formats__sheet col.am-formats__cSrc, .am-formats__sheet th:last-child, .am-formats__sheet td:last-child { display: none; }
.am-formats__cRow { width: var(--p-space-24); }
}
.am-formats__body { flex: 1; padding: var(--p-space-16); }
.am-formats__card .at-card-line { margin-top: var(--p-space-8); }
.am-formats__card .am-formats__replaces { display: flex; flex-wrap: wrap; align-items: center; gap: var(--p-space-4) var(--p-space-8); margin-top: var(--p-space-24); font-family: var(--at-mono); font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.02em; color: var(--at-grey); }
.am-formats__replaces::before { content: ""; flex-basis: 100%; height: 0; margin-bottom: var(--p-space-8); border-top: thin solid var(--at-ink); }
.am-formats__replaces a { position: relative; z-index: 1; color: var(--at-ink); text-decoration: underline; text-underline-offset: var(--p-space-4); }
.am-formats__replaces a:hover { text-decoration-thickness: 2px; }

/* --- hero-v1.module.css --- */
.am-hero-v1__hero { position: relative; background: var(--at-bg); overflow-x: clip; color: var(--at-ink); }
.am-hero-v1__inner { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--p-space-32) var(--at-gutter) 0; }
.at-page .am-hero-v1__eyebrow { gap: var(--p-space-8); padding: var(--p-space-4) var(--p-space-12) var(--p-space-4) var(--p-space-10); border: 1px solid var(--ui-border); border-radius: var(--ui-r-pill); background: var(--at-bg); font-size: 13px; line-height: 18px; }
.at-page .am-hero-v1__eyebrow::before { content: ""; flex: none; width: var(--p-space-6); height: var(--p-space-6); border-radius: 50%; background: var(--ui-brand); }
@media (max-width: 767.98px) {
.at-page .am-hero-v1__eyebrow { border-radius: var(--p-space-12); text-align: left; }
}
.am-hero-v1__eyebrow a { color: inherit; text-decoration: none; }
.am-hero-v1__eyebrow a:hover { text-decoration: underline; text-underline-offset: 3px; }
.at-page .am-hero-v1__hero .am-hero-v1__title { margin-top: var(--p-space-24); max-width: 760px; text-wrap: balance; }
.at-page .am-hero-v1__hero .am-hero-v1__sub { margin-top: var(--p-space-16); max-width: 520px; }
.am-hero-v1__form { width: 100%; margin-top: var(--p-space-32); }
.am-hero-v1__inner.am-hero-v1__head { padding-top: var(--p-space-16); padding-bottom: var(--p-space-48); }
.at-page .am-hero-v1__head .am-hero-v1__title { margin-top: 0; }
@media (min-width: 768px) {
.am-hero-v1__inner.am-hero-v1__head { padding-top: var(--p-space-40); padding-bottom: var(--p-space-64); }
}
@media (min-width: 1024px) {
.am-hero-v1__inner.am-hero-v1__head { padding-top: calc(var(--p-space-48) + var(--p-space-8)); padding-bottom: var(--p-space-96); }
}
.am-hero-v1__cta { margin-top: var(--p-space-32); }
.am-hero-v1__stage { margin-top: var(--p-space-64); }
.am-hero-v1__panel { padding: var(--p-space-32) var(--p-space-16); }
@media (min-width: 768px) {
.am-hero-v1__inner { padding-top: var(--p-space-40); }
.am-hero-v1__form { margin-top: var(--p-space-40); }
.am-hero-v1__stage { margin-top: var(--p-space-80); }
.am-hero-v1__panel { padding: var(--p-space-48) var(--p-space-32); }
}
@media (min-width: 1024px) {
.am-hero-v1__inner { padding-top: calc(var(--p-space-128) + var(--p-space-24)); }
.at-page .am-hero-v1__hero .am-hero-v1__titleOne { max-width: none; white-space: nowrap; font-size: min(72px, 5vw); line-height: 1; }
.at-page .am-hero-v1__hero .am-hero-v1__sub { max-width: none; margin-top: var(--p-space-16); }
.am-hero-v1__form { margin-top: var(--p-space-48); }
.am-hero-v1__stage { margin-top: var(--p-space-64); }
.am-hero-v1__panel { padding: calc(var(--p-space-64) + var(--p-space-8)) var(--p-space-64) var(--p-space-80); }
}

/* --- how-it-works.module.css --- */
.am-how-it-works__intro { padding-top: var(--at-sec-gap); padding-bottom: var(--p-space-64); }
.am-how-it-works__introRule { padding-top: var(--p-space-24); border-top: thin solid var(--at-rule-strong); }
.am-how-it-works__steps { display: flex; flex-direction: column; gap: var(--p-space-64); }
.am-how-it-works__step { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--p-space-24); }
@media (min-width: 64em) {
.am-how-it-works__step { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.am-how-it-works__panel { min-height: calc(var(--p-space-128) * 4 + var(--p-space-32)); }
}
.am-how-it-works__text { display: flex; flex-direction: column; align-items: flex-start; padding-top: var(--p-space-24); border-top: thin solid var(--at-rule-strong); }
.am-how-it-works__text .am-how-it-works__title { max-width: 480px; margin-top: var(--p-space-16); }
.am-how-it-works__text .am-how-it-works__at-sub { margin-top: var(--p-space-8); }
.am-how-it-works__text .am-how-it-works__link { margin-top: var(--p-space-16); }
.am-how-it-works__link a { color: inherit; text-decoration: underline; text-underline-offset: var(--p-space-4); }
.am-how-it-works__panel { position: relative; display: flex; flex-direction: column; border: thin solid var(--at-rule); padding: var(--p-space-24) 0 0 var(--p-space-24); }
@media (min-width: 48em) {
.am-how-it-works__panel { padding: var(--p-space-40) 0 0 var(--p-space-40); }
}
.am-how-it-works__panel.am-how-it-works__livePanel { justify-content: center; padding: var(--p-space-40); }
.am-how-it-works__livePanel > div { box-shadow: var(--ui-elev-pop); }

/* --- marketing-cta.module.css --- */
form.am-marketing-cta__signup button {
  white-space: nowrap;
  flex: none;
}
form.am-marketing-cta__signup input {
  flex: 1 1 auto;
  min-width: 0;
}
.am-marketing-cta__description {
  margin: var(--ui-s-3) auto var(--ui-s-6);
  max-width: var(--ui-content-narrow);
  color: var(--ui-text-2);
  font-size: var(--ui-fs-md);
  line-height: var(--ui-lh-md);
  text-align: center;
}
.am-marketing-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--ui-s-3);
}
.am-marketing-cta__actions > [data-slot="button"][data-variant] {
  border-radius: 0;
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-md);
  font-weight: var(--ui-fw-regular);
  letter-spacing: normal;
}
.am-marketing-cta__actions > [data-slot="button"][data-variant="default"] {
  border-color: var(--accountmade-workspace-color-1a1916); /* kit-allow: stylelint-token-drift folk ink, same token as .at-btn on the home */
  background: var(--accountmade-workspace-color-1a1916); /* kit-allow: stylelint-token-drift folk ink, same token as .at-btn on the home */
  color: var(--ui-on-ink);
}
.am-marketing-cta__actions > [data-slot="button"][data-variant="default"]:hover {
  border-color: color-mix(in srgb, var(--accountmade-workspace-color-1a1916) 86%, var(--accountmade-workspace-color-ffffff)); /* kit-allow: stylelint-token-drift folk ink, same token as .at-btn on the home */
  background: color-mix(in srgb, var(--accountmade-workspace-color-1a1916) 86%, var(--accountmade-workspace-color-ffffff)); /* kit-allow: stylelint-token-drift folk ink, same token as .at-btn on the home */
}
.am-marketing-cta__actions > [data-slot="button"][data-variant="secondary"] {
  border-color: var(--accountmade-workspace-color-1a1916); /* kit-allow: stylelint-token-drift folk ink, same token as .at-btn on the home */
  background: var(--accountmade-workspace-color-ffffff); /* kit-allow: stylelint-token-drift folk outline button is pure white, not the bluish --ui-bg */
  color: var(--accountmade-workspace-color-1a1916); /* kit-allow: stylelint-token-drift folk ink, same token as .at-btn on the home */
}
.am-marketing-cta__actions > [data-slot="button"][data-variant="secondary"]:hover {
  background: var(--ui-bg-canvas);
}
.am-marketing-cta__block { display: grid; justify-content: stretch; }
.am-marketing-cta__block > [data-slot="button"][data-variant] { width: 100%; }

/* --- platform.module.css --- */
.am-platform__intro { padding-top: var(--at-sec-gap); padding-bottom: var(--p-space-64); }
.am-platform__introRule { padding-top: var(--p-space-24); border-top: thin solid var(--at-rule-strong); }
@media (min-width: 64em) {
.am-platform__intro { padding-bottom: var(--p-space-96); }
}
.am-platform__chapter { padding-top: var(--p-space-2); }
.am-platform__chapter + .am-platform__chapter { padding-top: var(--at-block-gap); }
.am-platform__container { position: relative; }
.am-platform__tagbar { position: sticky; top: var(--at-top); z-index: 5; display: flex; padding: var(--p-space-8) 0; background: var(--at-bg); border-bottom: thin solid var(--at-rule-strong); }
.am-platform__chapter .am-platform__tagbar .at-tag { height: var(--p-space-24); }
.am-platform__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--p-space-16); margin-top: var(--p-space-16); }
.am-platform__title { max-width: 42rem; }
.am-platform__side { display: flex; flex-direction: column; align-items: flex-start; gap: var(--p-space-16); }
.am-platform__link a { color: inherit; text-decoration: underline; text-underline-offset: var(--p-space-4); }
.am-platform__panel { position: relative; height: calc(var(--p-space-96) * 5 + var(--p-space-64)); margin-top: var(--p-space-24); border: thin solid var(--at-rule); }
.am-platform__slot { position: absolute; inset: var(--p-space-24) 0 0 var(--p-space-24); min-width: 0; }
@media (min-width: 48em) {
.am-platform__slot { inset: var(--p-space-48) 0 0 var(--p-space-48); }
}
@media (min-width: 48em) {
.am-platform__head { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--p-space-32); align-items: center; }
}
@media (min-width: 64em) {
.am-platform__head { column-gap: var(--p-space-48); min-height: calc(var(--p-space-48) + var(--p-space-2) / 2); }
.am-platform__panel { height: calc(var(--p-space-128) * 5 + var(--p-space-16)); }
.am-platform__slot { inset: var(--p-space-64) 0 0 calc(var(--p-space-64) + var(--p-space-24)); }
}
@media (min-width: 48em) {
.am-platform__chapter[data-at-chapter="discovery"] .am-platform__panel { height: calc(var(--p-space-48) + var(--p-space-96) * 5 + var(--p-space-12)); }
}
@media (min-width: 64em) {
.am-platform__chapter[data-at-chapter="discovery"] .am-platform__panel { height: calc(var(--p-space-64) + var(--p-space-128) * 4 + var(--p-space-48) + var(--p-space-8) + var(--p-space-4)); }
}
.am-platform__chapter[data-at-chapter="decision"] .am-platform__panel { height: auto; }
.am-platform__chapter[data-at-chapter="decision"] .am-platform__slot { position: relative; inset: auto; margin: var(--p-space-24) 0 0 var(--p-space-24); }
@media (min-width: 48em) {
.am-platform__chapter[data-at-chapter="decision"] .am-platform__slot { margin: var(--p-space-48) 0 0 var(--p-space-48); }
}
@media (min-width: 64em) {
.am-platform__chapter[data-at-chapter="decision"] .am-platform__slot { margin: var(--p-space-64) 0 0 calc(var(--p-space-64) + var(--p-space-24)); }
}
@media (max-width: 47.99em) {
.am-platform__chapter .am-platform__panel, .am-platform__chapter[data-at-chapter="decision"] .am-platform__panel, :is(.am-platform__chapter[data-at-chapter="discovery"], .am-platform__chapter[data-at-chapter="evaluation"]) .am-platform__panel { height: calc(var(--p-space-128) * 5 + var(--p-space-4)); overflow: hidden; }
:is(.am-platform__chapter[data-at-chapter="discovery"], .am-platform__chapter[data-at-chapter="evaluation"]) .am-platform__slot { position: relative; inset: auto; margin: var(--p-space-24) 0 var(--p-space-24) var(--p-space-24); }
.am-platform__chapter[data-at-chapter="discovery"] .am-platform__slot { margin-bottom: 0; }
}
@media (min-width: 48em) and (max-width: 63.99em) {
.am-platform__chapter[data-at-chapter="evaluation"] .am-platform__panel { height: auto; }
.am-platform__chapter[data-at-chapter="evaluation"] .am-platform__slot { position: relative; inset: auto; margin: var(--p-space-48); }
}
.am-platform__chapter .am-platform__panel:has(.am-platform__shot) { height: auto; display: flex; justify-content: center; padding: var(--p-space-64) calc(var(--p-space-64) + var(--p-space-24)); }
.am-platform__chapter .am-platform__panel:has(.am-platform__shot) .am-platform__slot { position: relative; inset: auto; margin: 0; width: 100%; display: flex; justify-content: center; }
.am-platform__slot .am-platform__shot { display: block; width: 100%; max-width: calc(var(--p-space-128) * 8 + var(--p-space-64)); height: auto; border-radius: var(--ui-r-card); box-shadow: var(--ui-elev-pop); background: var(--ui-bg); }

/* --- pricing-cards.module.css --- */
.am-pricing-cards__root { display: grid; gap: var(--ui-s-4); }
.am-pricing-cards__plans { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-s-4); align-items: stretch; }
@media (min-width: 48rem) {
.am-pricing-cards__plans { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(4, auto) 1fr auto; }
.am-pricing-cards__card { grid-row: span 6; grid-template-rows: subgrid; }
}
@media (min-width: 64rem) {
.am-pricing-cards__plans { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.am-pricing-cards__switch { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--ui-s-3); }
.am-pricing-cards__save { color: var(--ui-text-2); font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); }
.am-pricing-cards__card {
  display: grid;
  align-content: start;
  gap: 0; /* a subgrid card would otherwise inherit the grid's row gap */
  padding: var(--ui-s-6);
  border: thin solid var(--at-rule-strong);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.am-pricing-cards__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ui-s-3); min-height: var(--ui-s-6); }
.am-pricing-cards__card .am-pricing-cards__name {
  margin: 0;
  font-family: var(--at-font);
  font-size: 1.5rem; /* kit-allow: stylelint-token-drift folk plan name 24/24, no ui token */
  line-height: 1.5rem; /* kit-allow: stylelint-token-drift folk plan name 24/24, no ui token */
  font-weight: 560; /* kit-allow: stylelint-token-drift homepage display weight (.at-h1 in attio.css), folk's plan name reads at its 500 */
  letter-spacing: -0.01em;
  color: var(--ui-text-1);
}
.am-pricing-cards__chip { padding: var(--ui-s-1) var(--ui-s-2); background: var(--at-field, var(--ui-bg-canvas)); color: var(--at-ink, var(--ui-text-1)); font-size: var(--ui-fs-caption); line-height: var(--ui-lh-caption); text-transform: uppercase; letter-spacing: 0.02em; }
.am-pricing-cards__card .am-pricing-cards__price { margin: var(--ui-s-6) 0 0; }
.am-pricing-cards__price .am-pricing-cards__note { display: block; margin-top: var(--ui-s-1); color: var(--ui-text-2); font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); font-weight: var(--ui-fw-medium); }
.am-pricing-cards__price .am-pricing-cards__unit { font-weight: 560; /* kit-allow: stylelint-token-drift homepage display weight, folk's price line is medium */ }
.am-pricing-cards__card .am-pricing-cards__who { margin: var(--ui-s-2) 0 0; max-width: none; padding-bottom: var(--ui-s-6); border-bottom: thin solid var(--at-rule); color: var(--ui-text-2); font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); }
.am-pricing-cards__who span { display: block; }
.am-pricing-cards__who .am-pricing-cards__band { color: var(--ui-text-1); font-weight: var(--ui-fw-medium); }
.am-pricing-cards__card .am-pricing-cards__intro { margin: var(--ui-s-6) 0 var(--ui-s-3); font-family: var(--at-body-font); font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); font-weight: var(--ui-fw-medium); color: var(--at-ink, var(--ui-text-1)); }
.am-pricing-cards__lines { margin: 0; padding: 0; list-style: none; display: grid; align-content: start; gap: var(--ui-s-2); }
.am-pricing-cards__lines li { margin: 0; max-width: none; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: var(--ui-s-2); color: var(--ui-text-2); font-size: var(--ui-fs-md); line-height: var(--ui-lh-body); }
.am-pricing-cards__dot { display: inline-flex; align-items: center; justify-content: center; width: var(--ui-s-3); height: var(--ui-s-3); margin-top: var(--ui-s-1); border-radius: 50%; background: var(--ui-text-1); color: var(--ui-on-ink); }
.am-pricing-cards__dot svg { width: var(--ui-s-2); height: var(--ui-s-2); stroke-width: 3; }
.am-pricing-cards__action { margin-top: var(--ui-s-8); }
.am-pricing-cards__footnote { margin: 0; color: var(--ui-text-2); font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); }

/* --- pricing-view.module.css --- */
.am-pricing-view__plans { padding-bottom: 0; }
.am-pricing-view__measure { display: grid; gap: var(--ui-s-4); width: 100%; max-width: 72rem; /* kit-allow: stylelint-token-drift folk's 1152 px measure, no ui token */ margin-inline: auto; }
.am-pricing-view__more { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-s-4); padding: var(--ui-s-4) var(--ui-s-6); border: thin solid var(--at-rule-strong); background: transparent; }
.am-pricing-view__more .am-pricing-view__moreText { margin: 0; color: var(--ui-text-1); font-size: var(--ui-fs-md); line-height: var(--ui-lh-md); }
@media (max-width: 47.99rem) {
.am-pricing-view__more { flex-direction: column; align-items: flex-start; padding: var(--ui-s-4); }
}
.am-pricing-view__faq { padding-top: 0; }

/* --- auth-base.css --- */
/* GENERATED by scripts/sync-accountmade.mjs from AccountMade styles/marketing/accountmade-modern.css. Do not edit; run the script. */
.am-page,
.am-share,
.am-auth-page {
  --am-bg: var(--ui-bg-canvas);
  --am-ink: var(--accountmade-workspace-color-0b0e14);
  --am-soft: var(--accountmade-workspace-color-4a5363);
  --am-faint: var(--accountmade-workspace-color-8a93a3);
  --am-line: color-mix(in srgb, var(--accountmade-workspace-color-0b0e14) 8.6%, transparent);
  --am-line-2: color-mix(in srgb, var(--accountmade-workspace-color-0b0e14) 6.3%, transparent);
  --am-blue: var(--ui-brand);
  --am-blue-light: var(--accountmade-workspace-color-96b2ff);
  --am-blue-deep: var(--accountmade-workspace-color-1e3349);
  --am-ink-dk: var(--accountmade-workspace-color-0b0e14);
  --am-ok: var(--accountmade-workspace-color-0e9e6e);
  --am-warn: var(--accountmade-workspace-color-c2870a);
  --am-bad: var(--accountmade-workspace-color-d64550);
  --am-card: var(--ui-bg);
  --am-paper: var(--accountmade-workspace-color-f6f7fc);
  --am-matte: var(--accountmade-workspace-color-eaeef4);
  --am-frame: 14px;
  --am-radius: 18px;
  /* motion tokens (§2.1) */
  --am-e1: cubic-bezier(0.22, 0.68, 0.16, 1);
  --am-e2: cubic-bezier(0.4, 0, 0.2, 1);
  --am-e3: cubic-bezier(0.34, 1.56, 0.64, 1);
  --am-e4: cubic-bezier(0.7, 0, 0.84, 0);
  --am-e5: cubic-bezier(0.37, 0, 0.63, 1);
  --am-gutter: clamp(20px, 3.5vw, 40px);
  --am-wrap: 1240px;
  --am-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --am-font: "Geist", var(--font-satoshi, -apple-system), BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --am-mono: var(--font-geist-mono), "Geist Mono", ui-monospace, monospace;
  color: var(--am-ink);
  font-family: var(--am-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.am-page *,
.am-share *,
.am-auth-page * {
  box-sizing: border-box;
}
.am-brand {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  color: var(--am-ink);
  text-decoration: none;
}
.am-brand-logo {
  display: block;
  width: auto;
  height: 24px;
  flex: none;
  object-fit: contain;
}
.am-page .pw-suite-field,
.am-auth-field {
  display: grid;
  gap: var(--p-space-8);
  color: var(--am-soft);
  font-size: 13px;
}
.am-page .pw-suite-field span,
.am-auth-field label {
  color: var(--ui-text-2);
  font-weight: 500;
}
.am-page .pw-suite-field input,
.am-page .pw-suite-field select,
.am-page .pw-suite-field textarea,
.am-auth-field input {
  width: 100%;
  border: 1px solid var(--am-line);
  border-radius: 11px;
  background: var(--am-card);
  color: var(--am-ink);
  font-family: var(--am-font);
  font-size: 15px;
  padding: 12px 14px;
}
.am-page .pw-suite-field input:focus,
.am-page .pw-suite-field select:focus,
.am-page .pw-suite-field textarea:focus,
.am-auth-field input:focus {
  border-color: var(--am-blue);
  outline: none;
  box-shadow: 0 0 0 3px var(--ui-selected-strong);
}
.am-auth-page {
  min-height: 100dvh;
  background: var(--am-matte);
  padding: var(--am-frame);
}
.am-auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.72fr);
  min-height: calc(100dvh - var(--am-frame) * 2);
  overflow: hidden;
  border-radius: 24px;
  background: var(--am-bg);
  box-shadow:
    0 1px 2px color-mix(in srgb, var(--accountmade-workspace-color-121722) 5.1%, transparent),
    0 18px 50px -30px color-mix(in srgb, var(--accountmade-workspace-color-121722) 18.8%, transparent);
}
.am-auth-pane {
  display: flex;
  flex-direction: column;
  min-height: 550px;
  padding: clamp(24px, 4vw, 48px);
}
.am-auth-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.am-auth-switch {
  color: var(--am-soft);
  font-family: var(--am-font);
  font-size: 13px;
  white-space: nowrap;
}
.am-auth-switch a {
  color: var(--am-blue);
  text-decoration: none;
}
.am-auth-card {
  width: min(100%, 440px);
  margin: auto;
}
.am-auth-card h1 {
  margin-top: 10px;
  color: var(--am-ink);
  font-size: clamp(34px, 5vw, 52px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.03;
}
.am-auth-sub {
  margin-top: 14px;
  color: var(--am-soft);
  font-size: 16px;
  line-height: 1.5;
}
.am-oauth {
  display: grid;
  gap: 10px;
  margin-top: var(--p-space-32);
}
.am-oauth button,
.am-auth-btn,
.am-auth-submit {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--am-line);
  border-radius: 11px;
  background: var(--am-card);
  color: var(--am-ink);
  font-family: var(--am-font);
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
.am-auth-submit,
.am-auth-btn--primary {
  border-color: var(--am-ink);
  background: var(--am-ink);
  color: var(--ui-on-ink);
}
.am-auth-submit:hover,
.am-auth-btn--primary:hover {
  border-color: var(--am-blue);
  background: var(--am-blue);
}
.am-auth-btn:hover:not(.am-auth-btn--primary):not(:disabled) {
  background: var(--am-matte);
}
.am-auth-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.am-auth-btn:focus-visible,
.am-oauth button:focus-visible,
.am-auth-submit:focus-visible {
  outline: 2px solid var(--am-blue);
  outline-offset: 2px;
}
.am-auth-card h1.am-auth-title-sm {
  margin-top: 0;
}
.am-auth-body {
  margin-top: 10px;
  color: var(--am-soft);
  font-size: 15px;
  line-height: 1.55;
}
.am-auth-body strong {
  color: var(--am-ink);
  font-weight: 500;
}
.am-auth-actions {
  display: grid;
  gap: 10px;
  margin-top: var(--p-space-32);
}
.am-auth-note {
  margin-top: 20px;
  padding: 12px 14px;
  border: 1px solid var(--am-line);
  border-radius: 11px;
  background: var(--am-card);
  color: var(--am-soft);
  font-size: 13px;
  line-height: 1.5;
}
.am-auth-error {
  margin-top: 12px;
  color: var(--accountmade-workspace-color-b42318);
  font-size: 13px;
  line-height: 1.5;
}
.am-auth-link {
  color: var(--am-blue);
  font-size: 13px;
  text-decoration: none;
}
.am-auth-link:hover {
  text-decoration: underline;
}
.am-auth-spinner {
  width: 24px;
  height: 24px;
  margin-bottom: 20px;
  border: 2px solid var(--am-line);
  border-top-color: var(--am-ink);
  border-radius: 50%;
  animation: am-auth-spin 0.8s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.am-auth-spinner {
    animation: none;
  }
}
.am-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: var(--p-space-24) 0;
  color: var(--am-soft);
  font-family: var(--am-font);
  font-size: 13px;
}
.am-divider::before,
.am-divider::after {
  height: 1px;
  flex: 1;
  background: var(--am-line);
  content: "";
}
.am-auth-form {
  display: grid;
  gap: 14px;
}
.am-auth-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 2px;
  color: var(--am-soft);
  font-size: 13px;
}
.am-auth-form-footer button,
.am-auth-form-footer a,
.am-auth-meta-link {
  border: 0;
  background: none;
  color: var(--am-blue);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}
.am-auth-help,
.am-auth-legal {
  color: var(--am-soft);
  font-size: 12.5px;
  line-height: 1.5;
}
.am-auth-help {
  margin-top: 6px;
}
.am-auth-help a,
.am-auth-legal a {
  color: var(--am-blue);
  text-decoration: none;
}
.am-auth-legal {
  margin-top: var(--p-space-20);
  text-align: center;
}
.am-auth-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: clamp(32px, 4vw, 64px);
  background: var(--ui-bg-canvas);
  color: var(--am-ink);
  border-left: 1px solid var(--ui-border);
}
.am-auth-showline {
  max-width: none;
  color: var(--am-ink);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.08;
}
@media (max-width: 640px) {
.am-page,
  .am-auth-page {
    --am-frame: 0px;
    --am-gutter: 18px;
    padding: 0;
  }
.am-surface,
  .am-auth-shell {
    border-radius: 0;
    box-shadow: none;
  }
.am-auth-shell {
    display: block;
  }
.am-auth-visual {
    display: none;
  }
.am-auth-pane {
    min-height: 100dvh;
  }
}
.am-page
  :is(
    .am-card,
    .am-tile,
    .am-tier,
    .am-mini-card,
    .am-share-gate-card,
    .am-auth-card,
    .pw-suite-blog-card,
    .ex-card,
    .cover-card
  ) {
  border-radius: var(--am-radius, 18px);
}
.am-auth-shell {
  grid-template-columns: 1fr 1fr;
}
.am-auth-pane {
  min-height: calc(100dvh - var(--am-frame) * 2);
  padding: clamp(32px, 3.4vw, 64px);
}
.am-auth-card {
  max-width: 360px;
}
.am-auth-eyebrow {
  color: var(--am-blue);
  font-family: var(--am-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
}
.am-auth-card h1 {
  margin-top: 12px;
  font-size: clamp(26px, 3vw, 32px);
  letter-spacing: -0.025em;
  line-height: 1.08;
}
.am-auth-sub {
  margin-top: 10px;
  font-size: 14.5px;
}
.am-oauth {
  margin-top: var(--p-space-32);
}
.am-oauth button,
.am-auth-btn,
.am-auth-submit {
  min-height: 45px;
  border-radius: 11px;
  font-size: 14.5px;
}
.am-auth-submit {
  margin-top: 2px;
  transition:
    background 0.15s var(--am-ease),
    border-color 0.15s var(--am-ease);
}
.am-divider {
  margin: var(--p-space-24) 0;
}
.am-auth-field label {
  font-size: 12.5px;
}
.am-auth-field input {
  border-radius: 11px;
  background: var(--am-card);
}
.am-auth-form-footer {
  min-height: 20px;
  font-size: 13px;
}
.am-auth-remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--am-soft);
}
.am-auth-remember input {
  width: 15px;
  height: 15px;
  accent-color: var(--am-blue);
}
.am-auth-meta-link {
  justify-self: start;
  margin-top: 4px;
}
.am-auth-foot {
  margin-top: auto;
  color: var(--am-soft);
  font-family: var(--am-mono);
  font-size: 11px;
  text-align: center;
}
.am-auth-visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(32px, 3.4vw, 64px);
  background: var(--ui-bg-canvas);
  color: var(--am-ink);
  border-left: 1px solid var(--ui-border);
}
.am-auth-panel {
  /* kit-allow: stylelint-token-drift brand panel gap moved from home.module.css .authPanel */
  gap: var(--p-space-24);
  overflow: hidden;
}
.am-auth-panel-title {
  margin: 0;
  /* kit-allow: stylelint-token-drift display title size moved from home.module.css .authTitle */
  font-size: 40px;
  font-weight: var(--ui-fw-medium);
  letter-spacing: -.04em;
  /* kit-allow: stylelint-token-drift display title line height moved from home.module.css .authTitle */
  line-height: 1.1;
}
.am-auth-panel-preview {
  width: 100%;
  /* kit-allow: stylelint-token-drift scene preview height moved from home.module.css .authPreview */
  height: 590px;
  overflow: hidden;
  /* kit-allow: no-literal-design-values preview border colour moved from home.module.css .authPreview */
  border: 1px solid var(--accountmade-workspace-color-d9ded9);
  border-radius: var(--ui-r-pop);
  background: var(--ui-bg);
}
@media (min-width: 641px) {
.am-auth-visual[data-slot="empty"] .am-auth-panel-preview {
    /* kit-allow: stylelint-token-drift still of the scene until the live scene loads */
    background: var(--ui-bg) url("/auth/sign-in-panel-poster.webp") top left / 100% auto no-repeat;
  }
}
.am-auth-visual .am-brand {
  color: var(--accountmade-workspace-color-f6f7fc);
}
.am-auth-showline {
  max-width: none;
  color: var(--am-ink);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.08;
}
.am-auth-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.am-auth-badges span {
  display: inline-flex;
  align-items: center;
  padding: var(--p-space-8) 12px;
  border: 1px solid color-mix(in srgb, var(--ui-bg) 12.2%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--ui-bg) 3.1%, transparent);
  color: var(--accountmade-workspace-color-c3cbd8);
  font-family: var(--am-mono);
  font-size: 11px;
  letter-spacing: 0.02em;
}
.am-auth-rule {
  height: 1px;
  margin: var(--p-space-20) 0;
  background: color-mix(in srgb, var(--ui-bg) 7.8%, transparent);
}
.am-auth-trust p {
  max-width: 34ch;
  color: var(--accountmade-workspace-color-9aa3b2);
  font-size: 12.5px;
  line-height: 1.55;
}
@media (max-width: 820px) {
.am-auth-shell {
    grid-template-columns: 1fr;
  }
.am-auth-visual[data-slot="empty"] {
    min-height: 48rem;
  }
}

/* --- auth.css --- */
/* GENERATED by scripts/sync-accountmade.mjs from AccountMade app/(auth)/auth.css. Do not edit; run the script. */

/* Links inside running text must not rely on colour alone. */
.am-auth-legal a[data-kit-link] {
  text-decoration: underline !important;
  text-underline-offset: var(--ui-s-1);
}

/* Sign-in, sign-up and the auth status pages in the marketing system (folk, Jake 2026-11-05: the same site as the home page).
   A white page with no frame or shadow; the marketing header's bar (64 tall, the header's gutter, the header's logo size) with no
   nav; one centred 360 px column in the space under it; Satoshi 560 heading, Geist body, square 48 px controls, an ink primary. */
.am-auth-page {
  --am-font: var(--font-satoshi), "Satoshi", ui-sans-serif, system-ui, sans-serif;
  --ui-bg: var(--accountmade-workspace-color-ffffff); /* the home page's white (--ui-auth-bg); the app's --ui-bg here is a faint blue tint */
  --ui-auth-ink: var(--accountmade-workspace-color-1a1916);
  --ui-auth-grey: color-mix(in srgb, var(--ui-auth-ink) 66%, var(--ui-bg));
  --ui-auth-rule: color-mix(in srgb, var(--ui-auth-ink) 14%, transparent);
  --ui-auth-rule-strong: color-mix(in srgb, var(--ui-auth-ink) 88%, transparent);
  --ui-auth-field: var(--accountmade-workspace-color-f0f0f0);
  --ui-auth-stone: var(--accountmade-workspace-color-f1f0ee);
  --ui-auth-gutter: var(--ui-s-4);
  padding: 0;
  background: var(--ui-bg);
  color: var(--ui-auth-ink);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-md);
  line-height: var(--ui-s-5);
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 768px) {
  .am-auth-page { --ui-auth-gutter: var(--ui-s-6); }
}

.am-auth-page .am-auth-shell {
  display: block;
  min-height: 100dvh;
  border-radius: 0;
  box-shadow: none;
  background: var(--ui-bg);
  overflow: visible;
}

/* One column under the header bar. The pane is the full viewport; the card sits at a fixed height under the bar (not centred, so an error line never moves it), the same on sign-in and sign-up. */
.am-auth-page .am-auth-pane {
  min-height: 100dvh;
  padding: 0 0 var(--ui-s-16);
}

.am-auth-page .am-auth-top {
  height: var(--ui-s-16);
  padding: 0 var(--ui-auth-gutter);
  flex: none;
}

.am-auth-page .am-auth-top .am-brand {
  /* the logo image carries empty margin on its left; pull it back so the wordmark sits on the gutter, as the header does */
  margin-left: calc(var(--ui-s-3) * -1);
}

.am-auth-page .am-auth-top .am-brand-logo {
  width: auto;
  height: calc(var(--ui-s-8) + var(--p-space-2));
}

@media (max-width: 480px) {
  .am-auth-page .am-auth-top .am-brand { margin-left: calc(var(--p-space-10) * -1); }
  .am-auth-page .am-auth-top .am-brand-logo { height: calc(var(--ui-s-6) + var(--ui-s-1)); }
}

.am-auth-page .am-auth-switch {
  color: var(--ui-auth-grey);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-ui);
}

.am-auth-page .am-auth-switch a {
  color: var(--ui-auth-ink);
  text-decoration: underline;
  text-underline-offset: var(--p-space-2);
}

.am-auth-page .am-auth-card {
  /* kit-allow: no-literal-design-values the sign-in column, as folk's sign-in (about 360 wide) plus the gutters */
  /* kit-allow: stylelint-token-drift the sign-in column width */
  width: min(100%, calc(360px + var(--ui-auth-gutter) * 2));
  max-width: none; /* a shared rule caps the card at 360 with its padding inside, which left a 31 px phone gutter; folk's is 16 */
  margin: clamp(var(--ui-s-12), 12dvh, var(--p-space-128)) auto 0;
  padding: 0 var(--ui-auth-gutter);
  text-align: center;
}

.am-auth-page .am-auth-card h1 {
  margin: 0;
  color: var(--ui-auth-ink);
  font-family: var(--am-font);
  font-weight: 560; /* the homepage display weight (.at-h1 in homepage/attio.css) */
  font-size: var(--ui-s-8);
  line-height: var(--ui-s-8);
  letter-spacing: -0.035em;
  text-wrap: balance;
}

@media (min-width: 768px) {
  .am-auth-page .am-auth-card h1 {
    font-size: calc(var(--ui-s-8) + var(--ui-s-1));
    line-height: var(--ui-s-10);
  }
}

.am-auth-page .am-auth-sub {
  margin: var(--ui-s-3) 0 0;
  color: var(--ui-auth-grey);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-md);
  line-height: var(--ui-s-5);
}

.am-auth-page .am-oauth {
  margin-top: var(--ui-s-8);
}

/* Google, the email field and the submit: one height (48), square, Geist 16/400. */
.am-auth-page .am-oauth > [data-slot="button"],
.am-auth-page .am-auth-form > [data-slot="button"],
.am-auth-page .am-auth-field input[data-auth-input] {
  height: var(--ui-s-12);
  min-height: var(--ui-s-12);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-md);
  font-weight: 400;
  letter-spacing: normal;
}

.am-auth-page .am-oauth > [data-slot="button"],
.am-auth-page .am-auth-form > [data-slot="button"] {
  width: 100%;
  padding: 0 var(--ui-s-5);
  gap: var(--ui-s-2);
}

.am-auth-page .am-oauth > [data-slot="button"]:focus-visible,
.am-auth-page .am-auth-form > [data-slot="button"]:focus-visible {
  outline: 2px solid var(--ui-brand);
  outline-offset: 2px;
  box-shadow: none;
}

.am-auth-page .am-oauth > [data-slot="button"] {
  border: 1px solid var(--ui-auth-rule-strong);
  background: var(--ui-bg);
  color: var(--ui-auth-ink);
}

.am-auth-page .am-oauth > [data-slot="button"]:hover {
  background: var(--ui-auth-stone);
}

.am-auth-page .am-oauth > [data-slot="button"] svg {
  width: var(--ui-s-4);
  height: var(--ui-s-4);
}

.am-auth-page .am-divider {
  gap: var(--ui-s-4);
  margin: var(--ui-s-6) 0;
  color: var(--ui-auth-grey);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-ui);
}

.am-auth-page .am-divider::before,
.am-auth-page .am-divider::after {
  background: var(--ui-auth-rule);
}

.am-auth-page .am-auth-form {
  gap: var(--ui-s-4);
}

.am-auth-page .am-auth-card .am-auth-field {
  gap: var(--ui-s-2);
  text-align: start;
}

.am-auth-page .am-auth-field label {
  color: var(--ui-auth-ink);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-body);
  font-weight: 400;
  line-height: var(--ui-s-5);
}

/* The email field's fill, hairline, placeholder, focus and invalid state: styles/marketing/field.css (shared with the homepage form). */

/* The square ink primary (.at-btn--primary): no brand blue. */
.am-auth-page .am-auth-form > [data-slot="button"][data-variant="default"] {
  border-color: transparent;
  background: var(--ui-auth-ink);
  color: var(--ui-bg);
}

.am-auth-page .am-auth-form > [data-slot="button"][data-variant="default"]:hover {
  background: color-mix(in srgb, var(--ui-auth-ink) 86%, var(--ui-bg));
}

/* Error alerts under the forms: square, no shadow, one gap. */
.am-auth-page .am-auth-card [role="alert"] {
  margin-top: var(--ui-s-3);
  border-radius: 0;
  box-shadow: none;
  text-align: start;
  font-size: var(--ui-fs-body);
}

/* Small print and the sign-in / sign-up switch: Geist 14, grey, links ink and underlined (never blue). */
.am-auth-page .am-auth-legal {
  margin-top: var(--ui-s-6);
  color: var(--ui-auth-grey);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-body);
  line-height: var(--ui-s-5);
  text-wrap: balance;
}

.am-auth-page .am-auth-legal + .am-auth-legal {
  margin-top: var(--ui-s-2);
}

.am-auth-page .am-auth-legal a {
  color: var(--ui-auth-ink);
  text-decoration: underline;
  text-underline-offset: var(--p-space-2);
  white-space: nowrap;
}

/* The status pages' (check email, link expired) buttons and note, same spec as the forms above. */
.am-auth-page .am-auth-btn,
.am-auth-page .am-auth-submit {
  height: var(--ui-s-12);
  padding: 0 var(--ui-s-5);
  border: 1px solid var(--ui-auth-rule-strong);
  border-radius: 0;
  background: var(--ui-bg);
  color: var(--ui-auth-ink);
  font-family: var(--ui-font-sans);
  font-size: var(--ui-fs-md);
  font-weight: 400;
}

.am-auth-page .am-auth-btn:hover:not(.am-auth-btn--primary):not(:disabled) {
  background: var(--ui-auth-stone);
}

.am-auth-page .am-auth-btn--primary,
.am-auth-page .am-auth-submit {
  border-color: transparent;
  background: var(--ui-auth-ink);
  color: var(--ui-bg);
}

.am-auth-page .am-auth-btn--primary:hover,
.am-auth-page .am-auth-submit:hover {
  border-color: transparent;
  background: color-mix(in srgb, var(--ui-auth-ink) 86%, var(--ui-bg));
}

.am-auth-page .am-auth-actions {
  gap: var(--ui-s-4);
}

.am-auth-page .am-auth-note {
  border-color: var(--ui-auth-rule);
  border-radius: 0;
  background: var(--ui-bg);
  color: var(--ui-auth-grey);
  font-size: var(--ui-fs-body);
  line-height: var(--ui-s-5);
}

.am-auth-page .am-auth-body {
  color: var(--ui-auth-grey);
  font-size: var(--ui-fs-md);
  line-height: var(--ui-s-5);
}

.am-auth-page .am-auth-body strong {
  color: var(--ui-auth-ink);
}

/* --- port.css --- */
/* Port glue, loaded after AccountMade's vendored CSS (scripts/build.mjs). It supplies what AccountMade gets from next/font,
   next/image and its kit (Button, SegmentedControl), and points AccountMade's type, greys and corners at the Osler Press card
   (the --p-* tokens). Nothing here changes a section's layout; the files in am/ do that. */

:where(.acmd-site-shell, .am-auth-page) {
  /* No blue anywhere (PLAN section 3): AccountMade's brand hue becomes the card ink. */
  --ui-brand-hsl: 0 0% 8%;
  --accountmade-workspace-color-96b2ff: #5e6461;
  background: var(--ui-bg);
  color: var(--ui-text-1);
  font-family: var(--ui-font-sans);
  -webkit-font-smoothing: antialiased;
}
.acmd-site-shell a { color: inherit; }

/* The Osler Press card under AccountMade's names (yield item 1, 2026-11-11). AccountMade's own faces (Satoshi, Geist, and
   TWK Lausanne, which had no licensed file and drew as Arial), its zinc greys, 999px/50% pills and off-scale sizes all
   resolve to the card's --p-* tokens. Set on the three scopes that declare them (.acmd-site-shell, .am-auth-page, .at-page)
   so this, last in the cascade, wins over each. The fallbacks only matter on a host page without the kit's tokens. */
.acmd-site-shell, .am-auth-page, .at-page {
  --sa-sans: var(--p-font-family-sans, "Instrument Sans", ui-sans-serif, system-ui, sans-serif);
  --sa-display: var(--p-font-family-display, "Instrument Sans", ui-sans-serif, system-ui, sans-serif);
  --sa-mono: var(--p-font-family-mono, "Instrument Sans", ui-sans-serif, system-ui, sans-serif);
  --sa-ink: var(--p-color-text-primary, #191919);
  --ui-font-sans: var(--sa-sans);
  --ui-font-code: var(--sa-mono);
  --mkt-font: var(--sa-sans);
  --am-font: var(--sa-display);
  --am-mono: var(--sa-mono);
  --ui-fs-caption: var(--p-type-caption-size, 12px);
  --ui-fs-ui: var(--p-type-body-s-size, 13px);
  --ui-fs-body: var(--p-type-body-m-size, 14px);
  --ui-fs-md: var(--p-type-body-l-size, 16px);
  --ui-fs-title: var(--p-type-title-l-size, 20px);
  --ui-bg: var(--p-color-bg-default, #fff);
  --ui-bg-canvas: var(--p-color-bg-canvas, #f8f7f4);
  --ui-subtle: var(--p-color-surface-sunken, #f8f7f4);
  --ui-hover: var(--p-color-surface-hover, #f3f2ef);
  --ui-pressed: var(--p-color-surface-pressed, #efeeeb);
  --ui-border: var(--p-color-border-subtle, #e3e3dd);
  --ui-border-subtle: var(--p-color-border-hairline, rgb(26 25 22 / 0.08));
  --ui-border-strong: var(--p-color-border-control, rgb(26 25 22 / 0.18));
  --ui-text-1: var(--sa-ink);
  --ui-text-2: var(--p-color-text-secondary, #5e6461);
  --ui-text-3: var(--p-color-text-tertiary, #6a6964);
  --ui-text-4: var(--p-color-text-disabled, #959490);
  --ui-ink: var(--sa-ink);
  --ui-on-ink: var(--p-color-text-on-accent, #fff);
  --ui-brand: var(--sa-ink);
  --ui-brand-strong: var(--sa-ink);
  --ui-brand-tint: color-mix(in srgb, var(--sa-ink) 6%, transparent);
  --ui-selected: color-mix(in srgb, var(--sa-ink) 4%, transparent);
  --ui-ok: var(--p-color-success-solid, #1f8a4c);
  --ui-ok-text: var(--p-color-success-text, #177a41);
  --ui-warn: var(--p-color-warning-solid, #b7791f);
  --ui-warn-text: var(--p-color-warning-text, #8f5f12);
  --ui-err: var(--p-color-danger-solid, #d13b3b);
  --ui-err-text: var(--p-color-danger-text, #b72f2f);
  --ui-r-sm: var(--p-radius-4, 4px);
  --ui-r-control: var(--p-radius-6, 6px);
  --ui-r-card: var(--p-radius-8, 8px);
  --ui-r-pop: var(--p-radius-12, 12px);
  --ui-r-pill: var(--p-radius-full, 9999px);
  --mkt-radius: var(--p-radius-8, 8px);
  --accountmade-workspace-color-1a1916: var(--sa-ink);
  --accountmade-workspace-color-141614: var(--sa-ink);
  --accountmade-workspace-color-0b0e14: var(--sa-ink);
  --accountmade-workspace-color-212121: var(--sa-ink);
  --accountmade-workspace-color-1e3349: var(--sa-ink);
  --accountmade-workspace-color-ffffff: var(--p-color-bg-default, #fff);
  --accountmade-workspace-color-f0f0f0: var(--p-color-surface-pressed, #efeeeb);
  --accountmade-workspace-color-f0f1ee: var(--p-color-bg-canvas, #f8f7f4);
  --accountmade-workspace-color-f1f0ee: var(--p-color-bg-canvas, #f8f7f4);
  --chrome-grey: var(--p-color-text-tertiary, #6a6964);
  --ui-auth-grey: var(--p-color-text-tertiary, #6a6964);
}
.at-page {
  --at-font: var(--sa-display);
  --at-body-font: var(--sa-sans);
  --at-mono: var(--sa-mono);
  --at-grey: var(--p-color-text-tertiary, #6a6964);
  --at-body: var(--p-color-text-secondary, #5e6461);
}
input[data-auth-input][data-slot="input"] { --ui-field-grey: var(--p-color-border-strong, #7b7a76); }
.am-wordmark__name { font-family: var(--sa-display); }
.am-faq-list__title:not(.at-page *), .am-faq-list__question { font-family: var(--sa-display); }
.at-page .at-quote { font-size: var(--p-type-display-s-size, 24px); line-height: var(--p-type-display-s-line-height, 32px); }
.at-page .at-tag-dot, .am-pricing-cards__dot, .am-auth-spinner,
.at-page .am-hero-v1__eyebrow::before { border-radius: var(--p-radius-full, 9999px); }
.am-auth-badges span { border-radius: var(--p-radius-full, 9999px); }
.acmd-home :is(
  button,
  input,
  .acmd-header-pill,
  .acmd-button,
  .lp-cta,
  .shared-final-cta,
  .navpage-actions a,
  .navpage-actions button,
  .am-help-search input):not(:where([data-hero-scene] *, .product-app *, [data-slot="input"])) {
  border-radius: var(--p-radius-full, 9999px);
}

/* AccountMade's grain panels mix from a blue-grey (#b0bfd5). Osler Press is dark only (Jake 2026-11-12): the hero panel is the 3D
   stage's own deep slate, so the product window reads as one object on the page; the grain and highlights stay. */
.at-page { --at-fill-hero: var(--p-color-stage-bg, #0b1016); }
.acmd-site-header a, .acmd-site-footer a { text-decoration: none; }
.am-footer-note { margin-top: 16px; }

/* The logo: the press seal lockup (logo.ts, from HQ/design/brand/oslerpress), in currentColor; the name stays in the DOM for
   readers and search, visually hidden. 36 px tall on desktop, 30 px on phone (brand.json sizes.header). */
.am-wordmark { display: inline-flex; align-items: center; gap: 12px; margin-left: 0; text-decoration: none; color: inherit; }
.am-wordmark__logo { display: block; height: 36px; flex: none; }
.am-wordmark__logo svg { display: block; height: 100%; width: auto; }
.am-wordmark .am-wordmark__name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 760px) { .am-wordmark__logo { height: 30px; } }
.am-wordmark__name { font: 600 19px/1 var(--sa-display); letter-spacing: -0.02em; color: var(--accountmade-workspace-color-1a1916); }
.am-wordmark__tag { font: 500 13px/16px var(--ui-font-sans); color: var(--ui-text-3); }

/* next/image in AccountMade's panels. */
.at-page .am-shot { display: block; width: 100%; height: auto; }
.at-page .am-shot--hero { max-width: 1152px; margin: 0 auto; border-radius: var(--ui-r-card); box-shadow: var(--ui-elev-pop); }
.at-page .am-shot--fit { width: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.at-page .am-at { color: var(--at-grey); }
.at-page .am-panel { padding: 24px; display: grid; gap: 8px; color: var(--at-body); }

/* The kit Button (size comfortable) under AccountMade's .actions rules: square, 40 px, the label on one line. */
:where(.acmd-site-shell [data-slot="button"][data-variant]) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 40px; padding: 0 16px; border: thin solid transparent;
  white-space: nowrap; text-decoration: none; cursor: pointer;
}
.am-close-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ui-s-3); }

/* The kit SegmentedControl (Monthly/Annual) as two radios: a grey track, the chosen side white with a hairline. */
.am-seg { display: inline-flex; padding: 2px; gap: 2px; border-radius: var(--ui-r-md, 6px); background: var(--p-color-surface-sunken, #f4f4f5); }
.am-seg label { position: relative; display: inline-flex; cursor: pointer; }
.am-seg input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.am-seg span { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: var(--ui-r-sm); font: 500 14px/20px var(--ui-font-sans); color: var(--ui-text-2); }
.am-seg input:checked + span { background: var(--ui-bg); color: var(--ui-text-1); box-shadow: 0 0 0 1px var(--ui-border); }
.am-seg input:focus-visible + span { outline: 2px solid var(--ui-text-1); outline-offset: 2px; }
.am-cycle [data-cycle] { display: contents; }
.am-cycle:not(:has(input[value="annual"]:checked)) [data-cycle="annual"],
.am-cycle:has(input[value="annual"]:checked) [data-cycle="monthly"] { display: none; }

/* AccountMade's 4-up plan grid at 1024+, 3-up when a host sells three plans, 2-up for two. */
@media (min-width: 1024px) {
  .at-page [role='list'][data-count='3'] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .at-page [role='list'][data-count='2'] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.am-auth-page .am-auth-top .am-wordmark { display: inline-flex; align-items: center; gap: 12px; margin-left: 0; }

/* Accessibility overrides (the site-am fixture run, scripts/a11y.mjs: detect2 + axe WCAG 2.2 AA at 390/1440). AccountMade's
   files in am/ stay byte-for-byte; a fix that needs CSS lands here, last in the cascade, and is listed in the kit DECISIONS.
   - A closed control row's question sits at opacity .5 (control.module.css): #8d8c8b on white, 3.35:1 for 22px text. .66 gives
     the ink #686764, 5.7:1, and still reads as the inactive row. */
.am-control__row:not([data-open]) .am-control__tab { opacity: 0.66; }

/* A linked connector cell (LandingCopy.connectors.cells as { label, href }): the same cell as a name, ink not link blue, with an
   underline on hover and the kit focus ring. Edu's school list uses it. */
a.am-connectors__brand { color: inherit; text-decoration: none; }
a.am-connectors__brand:hover .am-connectors__name { text-decoration: underline; text-underline-offset: 3px; }
a.am-connectors__brand:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.am-connectors-after { padding: var(--p-space-16); border-top: 1px solid var(--at-rule-strong); }
@media (min-width: 768px) { .am-connectors-after { padding: var(--p-space-24); } }

/* Kit markers (plain-check coverage): AccountMade's controls carry the kit's data-plain="button" / "field" marker beside their own
   class (the CTA row: "action-row") and keep their own look. The kit's base rules for those markers sit in @layer plain-components; this unlayered,
   zero-specificity revert drops them, so each control draws exactly as before and every class rule above still wins. Touch-action, user-select and the tap highlight stay the kit's:
   the values these buttons already had. */
:where([data-plain='button']):where(.am-control__tab, .am-auth-submit, .at-signup-row > button) {
  position: revert; display: revert; align-items: revert; justify-content: revert; gap: revert;
  min-height: revert; min-width: revert; max-width: revert; padding: revert; border: revert; border-radius: revert;
  background: revert; color: revert; box-shadow: revert; font: revert; letter-spacing: revert;
  white-space: revert; word-break: revert; cursor: revert;
  transition: revert;
}
:where([data-plain='button']):where(.am-control__tab, .am-auth-submit, .at-signup-row > button)::after {
  content: revert; position: revert; left: revert; right: revert; top: revert; bottom: revert;
}
:where([data-plain='field']):where(.am-auth-field, .at-signup-row) {
  display: revert; flex-direction: revert; gap: revert; min-width: revert; text-align: revert;
}
:where([data-plain='action-row']):where(.am-marketing-cta__actions) {
  display: revert; flex-wrap: revert; align-items: revert; gap: revert; min-width: revert;
}

/* Phone tap targets (fit check, 12 Nov): every link in the site chrome and page bodies is at least 24 px tall. Zero specificity, so a
   link class that sets its own padding still wins; inline padding grows the hit box without moving the line. The wordmark is a 44 px row,
   and the skip link keeps its clip-until-focus pattern (am/chrome.css). */
:where(.acmd-site-shell, .at-page, .am-auth-page) :where(a) { padding-block: 3px; }
.acmd-brand-wordmark, .am-auth-top > a { display: inline-flex; align-items: center; min-height: 44px; }