/* IAMANCIE: unique stylesheet for onboarding and client portal. */
:root {
  --iam-ink: #121923;
  --iam-muted: #627083;
  --iam-line: #dde4ec;
  --iam-surface: #ffffff;
  --iam-canvas: #f5f7fa;
  --iam-deep: #132318;
  --iam-green: #5fe38c;
  --iam-green-dark: #197044;
  --iam-blue: #3a63f3;
  --iam-orange: #e88349;
  --iam-shadow: 0 18px 45px rgba(24, 42, 61, .10);
  --iam-radius: 20px;
  --iam-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.iam-app { box-sizing: border-box; color: var(--iam-ink); font-family: var(--iam-font); line-height: 1.45; }
.iam-app *, .iam-app *::before, .iam-app *::after { box-sizing: border-box; }
.iam-app svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.iam-app a { color: inherit; text-decoration: none; }
.iam-app button { font: inherit; }
.iam-wrap { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.iam-brand { align-items: center; display: inline-flex; font-size: 21px; font-weight: 760; letter-spacing: -.05em; gap: 9px; }
.iam-brand__glyph { align-items: center; background: var(--iam-green); border-radius: 8px; color: var(--iam-deep); display: inline-flex; font-family: Georgia, serif; font-size: 19px; font-weight: 700; height: 27px; justify-content: center; letter-spacing: -.08em; line-height: 1; width: 27px; }
.iam-button { align-items: center; border: 1px solid transparent; border-radius: 11px; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 650; gap: 9px; justify-content: center; min-height: 46px; padding: 0 18px; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.iam-button:hover { transform: translateY(-1px); }
.iam-button svg { height: 17px; width: 17px; }
.iam-button--primary { background: var(--iam-green); box-shadow: 0 8px 20px rgba(95, 227, 140, .2); color: #102016; }
.iam-button--primary:hover { box-shadow: 0 11px 25px rgba(95, 227, 140, .33); }
.iam-button--ghost { background: transparent; border-color: rgba(255,255,255,.26); color: #fff; }
.iam-button--small { background: var(--iam-deep); color: white; min-height: 37px; padding: 0 13px; }
.iam-text-link { color: var(--iam-muted); font-size: 14px; font-weight: 600; }
.iam-text-link:hover { color: var(--iam-blue); }
.iam-eyebrow, .iam-kicker { color: var(--iam-green-dark); font-size: 12px; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; }
.iam-eyebrow { align-items: center; display: inline-flex; gap: 7px; }
.iam-eyebrow i { align-items: center; background: #d9f7e4; border-radius: 50%; display: inline-flex; height: 23px; justify-content: center; width: 23px; }
.iam-eyebrow svg { height: 14px; width: 14px; }
.iam-kicker { margin: 0 0 7px; }
.iam-status { align-items: center; color: #406072; display: inline-flex; font-size: 11px; font-weight: 700; gap: 5px; white-space: nowrap; }
.iam-status span { background: #9aaaba; border-radius: 50%; height: 6px; width: 6px; }
.iam-status--ready { color: #237244; }.iam-status--ready span { background: #3cbe70; }
.iam-status--review { color: #a65d1c; }.iam-status--review span { background: #e99a3b; }
.iam-status--pending { color: #4b5e74; }.iam-status--pending span { background: #8b9daf; }
.iam-status--muted { color: #7c8795; }.iam-status--muted span { background: #c2cbd4; }

/* The portal owns its two WordPress pages; the default theme chrome stays available elsewhere. */
body.iamancie-page .wp-site-blocks > header,
body.iamancie-page .wp-site-blocks > footer,
body.iamancie-page .wp-block-post-title { display: none; }
body.iamancie-page .wp-site-blocks > main { margin: 0; max-width: none; padding: 0; }
body.iamancie-page .wp-block-post-content { margin-block-start: 0; }

/* Onboarding */
.iam-start { background: #fff; margin: -1.5rem -1.5rem 0; min-height: 100vh; overflow: hidden; padding: 0 0 76px; }
.iam-topbar { align-items: center; display: flex; justify-content: space-between; padding-block: 23px; }
.iam-topbar__actions { align-items: center; display: flex; gap: 20px; }
.iam-hero { display: grid; gap: 54px; grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr); padding: 86px 0 106px; }
.iam-hero__copy { align-self: center; max-width: 625px; }
.iam-hero h1 { font-size: clamp(43px, 5vw, 71px); font-weight: 720; letter-spacing: -.065em; line-height: .98; margin: 17px 0 23px; }
.iam-hero h1 em { color: var(--iam-green-dark); font-family: Georgia, serif; font-weight: 500; }
.iam-lead { color: var(--iam-muted); font-size: 18px; line-height: 1.58; margin: 0; max-width: 570px; }
.iam-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.iam-hero__actions .iam-button--ghost { border-color: var(--iam-line); color: var(--iam-ink); }
.iam-trust { color: #5a6979; display: flex; flex-wrap: wrap; font-size: 12px; gap: 13px 18px; margin-top: 29px; }
.iam-trust span { align-items: center; display: inline-flex; gap: 5px; }.iam-trust svg { color: var(--iam-green-dark); height: 16px; width: 16px; }
.iam-agent-preview { background: var(--iam-deep); border-radius: 23px; box-shadow: 0 25px 50px rgba(16, 39, 26, .18); color: #eef9f0; overflow: hidden; padding: 14px; position: relative; }
.iam-agent-preview::after { background: radial-gradient(circle, rgba(95,227,140,.16) 0, rgba(95,227,140,0) 66%); content: ""; height: 460px; pointer-events: none; position: absolute; right: -130px; top: -210px; width: 460px; }
.iam-agent-preview__bar { align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); color: #d5e7d9; display: flex; font-size: 12px; font-weight: 650; gap: 8px; padding: 6px 5px 15px; position: relative; z-index: 1; }.iam-agent-preview__bar small { color: #91aa97; font-weight: 500; margin-left: auto; }.iam-live { background: var(--iam-green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(95,227,140,.12); height: 7px; width: 7px; }
.iam-conversation { display: flex; flex-direction: column; gap: 15px; padding: 25px 7px 10px; position: relative; z-index: 1; }
.iam-bubble { border-radius: 13px; font-size: 14px; line-height: 1.5; max-width: 84%; padding: 12px 14px; }.iam-bubble--client { align-self: flex-end; background: #264530; }.iam-bubble--agent { align-items: flex-start; display: flex; gap: 9px; }.iam-avatar { align-items: center; background: var(--iam-green); border-radius: 50%; color: #16351f; display: inline-flex; flex: 0 0 auto; font-family: Georgia, serif; font-size: 16px; font-weight: 700; height: 27px; justify-content: center; width: 27px; }
.iam-task { align-items: center; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; display: flex; gap: 10px; padding: 12px; }.iam-task i { align-items: center; background: rgba(95,227,140,.14); border-radius: 8px; color: var(--iam-green); display: inline-flex; height: 34px; justify-content: center; width: 34px; }.iam-task i svg { height: 17px; width: 17px; }.iam-task div { display: flex; flex: 1; flex-direction: column; }.iam-task strong { font-size: 12px; }.iam-task span { color: #a5b8aa; font-size: 10px; }.iam-task .iam-status { color: #b8c9bb; font-size: 9px; }.iam-task .iam-status--review { color: #f0bc7d; }
.iam-process { border-top: 1px solid var(--iam-line); padding-top: 81px; }.iam-section-heading { max-width: 670px; }.iam-section-heading > span { color: var(--iam-green-dark); font-size: 12px; font-weight: 750; text-transform: uppercase; }.iam-section-heading h2, .iam-callout h2 { font-size: clamp(30px, 3.4vw, 46px); letter-spacing: -.055em; line-height: 1.04; margin: 10px 0 13px; }.iam-section-heading p { color: var(--iam-muted); font-size: 15px; line-height: 1.55; }
.iam-steps { display: grid; gap: 13px; grid-template-columns: repeat(4, 1fr); margin-top: 39px; }.iam-steps article { border: 1px solid var(--iam-line); border-radius: 15px; min-height: 237px; padding: 21px; position: relative; }.iam-steps b { color: #a1b0ba; font-size: 11px; }.iam-steps i { align-items: center; background: #eaf7ef; border-radius: 9px; color: var(--iam-green-dark); display: flex; height: 37px; justify-content: center; margin-top: 35px; width: 37px; }.iam-steps i svg { height: 19px; width: 19px; }.iam-steps h3 { font-size: 17px; letter-spacing: -.025em; margin: 13px 0 7px; }.iam-steps p { color: var(--iam-muted); font-size: 12px; line-height: 1.55; margin: 0; }
.iam-callout { align-items: center; background: var(--iam-deep); border-radius: 21px; color: #fff; display: flex; justify-content: space-between; margin-top: 76px; padding: 42px 45px; }.iam-callout .iam-eyebrow { color: var(--iam-green); }.iam-callout .iam-eyebrow i { background: rgba(95,227,140,.12); }.iam-callout h2 { max-width: 680px; margin-bottom: 0; }

/* Login gate */
.iam-gate { align-items: center; background: var(--iam-canvas); display: flex; justify-content: center; margin: -1.5rem -1.5rem 0; min-height: 100vh; padding: 26px; }.iam-gate__card { background: #fff; border: 1px solid var(--iam-line); border-radius: 22px; box-shadow: var(--iam-shadow); max-width: 465px; padding: 44px; text-align: center; }.iam-gate__card .iam-brand { justify-content: center; }.iam-gate__icon { align-items: center; background: #e7f8ed; border-radius: 15px; color: var(--iam-green-dark); display: flex; height: 52px; justify-content: center; margin: 32px auto 17px; width: 52px; }.iam-gate__icon svg { height: 25px; width: 25px; }.iam-gate h1 { font-size: 31px; letter-spacing: -.05em; margin: 0; }.iam-gate p { color: var(--iam-muted); font-size: 14px; line-height: 1.6; margin: 13px 0 25px; }.iam-gate__actions { display: grid; gap: 10px; }.iam-gate__actions .iam-button--ghost { border-color: var(--iam-line); color: var(--iam-ink); }.iam-gate .iam-text-link { display: inline-block; margin-top: 25px; }

/* Dashboard */
.iam-portal { background: var(--iam-canvas); display: flex; margin: -1.5rem -1.5rem 0; min-height: 100vh; }.iam-sidebar { background: var(--iam-deep); color: #eaf6ed; display: flex; flex: 0 0 257px; flex-direction: column; min-height: 100vh; padding: 25px 17px 20px; }.iam-sidebar .iam-brand { color: #fff; margin: 0 9px; }.iam-workspace { border-bottom: 1px solid rgba(255,255,255,.11); border-top: 1px solid rgba(255,255,255,.11); display: flex; flex-direction: column; gap: 3px; margin: 29px 0 15px; padding: 15px 9px; }.iam-workspace span { font-size: 13px; font-weight: 650; }.iam-workspace small { color: #91a998; font-size: 10px; }.iam-nav { display: grid; gap: 3px; }.iam-nav a { align-items: center; border-radius: 9px; color: #acc3b2; display: flex; font-size: 13px; gap: 11px; padding: 10px 9px; }.iam-nav a:hover, .iam-nav a.is-active { background: rgba(95,227,140,.12); color: #fff; }.iam-nav a.is-active { font-weight: 650; }.iam-nav svg { height: 17px; width: 17px; }.iam-sidebar__bottom { align-items: center; border-top: 1px solid rgba(255,255,255,.11); display: flex; gap: 9px; margin-top: auto; padding: 17px 9px 0; }.iam-sidebar__bottom strong { display: block; font-size: 11px; }.iam-sidebar__bottom small { color: #95ae9c; display: block; font-size: 9px; margin-top: 2px; }
.iam-dashboard { margin: 0 auto; max-width: 1300px; padding: 49px 48px 72px; width: 100%; }.iam-dashboard__header { align-items: flex-start; display: flex; justify-content: space-between; margin-bottom: 31px; }.iam-dashboard h1 { font-size: 32px; letter-spacing: -.055em; line-height: 1; margin: 0; }.iam-dashboard__header > div > p:not(.iam-kicker) { color: var(--iam-muted); font-size: 14px; margin: 8px 0 0; }.iam-header-actions { align-items: center; display: flex; gap: 14px; }.iam-demo-banner { align-items: center; background: #fff8eb; border: 1px solid #f3d8a5; border-radius: 10px; color: #79521c; display: flex; font-size: 12px; gap: 9px; margin: 0 0 22px; padding: 10px 13px; }.iam-demo-banner i { color: var(--iam-orange); }.iam-demo-banner i svg { height: 17px; width: 17px; }.iam-demo-banner a { color: #9c5e16; font-weight: 700; margin-left: auto; white-space: nowrap; }
.iam-metrics { display: grid; gap: 13px; grid-template-columns: repeat(4, 1fr); margin-bottom: 14px; }.iam-metrics article, .iam-card { background: var(--iam-surface); border: 1px solid var(--iam-line); border-radius: var(--iam-radius); }.iam-metrics article { min-height: 119px; padding: 18px; }.iam-metrics span { color: var(--iam-muted); display: block; font-size: 11px; }.iam-metrics strong { display: block; font-size: 18px; letter-spacing: -.035em; margin-top: 9px; }.iam-metrics small { display: block; font-size: 11px; margin-top: 8px; }.iam-grid { display: grid; gap: 14px; margin-bottom: 14px; }.iam-grid--main { grid-template-columns: 1.12fr .88fr; }.iam-grid--split { grid-template-columns: 1.08fr .92fr; }.iam-card { padding: 23px; }.iam-card__head { align-items: flex-start; display: flex; justify-content: space-between; }.iam-card__head h2 { font-size: 21px; letter-spacing: -.045em; line-height: 1.1; margin: 0; }.iam-card__head > svg { color: var(--iam-green-dark); height: 22px; width: 22px; }.iam-card__head > a { color: var(--iam-blue); font-size: 12px; font-weight: 680; }.iam-card--agent { background: #f0faf2; border-color: #d4ebd9; }.iam-card--agent > p { color: #496153; font-size: 13px; line-height: 1.55; margin: 17px 0; max-width: 585px; }.iam-agent-orb { align-items: center; background: var(--iam-deep); border-radius: 13px; color: var(--iam-green); display: flex; font-family: Georgia, serif; font-size: 21px; height: 43px; justify-content: center; width: 43px; }.iam-proposal { align-items: center; background: #fff; border: 1px solid #d9eadd; border-radius: 12px; display: flex; justify-content: space-between; padding: 13px; }.iam-proposal div { display: grid; gap: 3px; }.iam-proposal__type { color: var(--iam-green-dark); font-size: 10px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }.iam-proposal strong { font-size: 13px; }.iam-proposal small { color: var(--iam-muted); font-size: 11px; }.iam-card__actions { display: flex; gap: 10px; margin-top: 13px; }.iam-card__actions button { background: transparent; border: 0; color: var(--iam-green-dark); cursor: not-allowed; font-size: 12px; font-weight: 700; padding: 0; }.iam-card__actions button + button { color: var(--iam-muted); }
.iam-site-preview { background: #f4f6f8; border: 1px solid #e8edf1; border-radius: 11px; display: flex; flex-direction: column; gap: 8px; height: 130px; justify-content: center; margin: 17px 0 14px; overflow: hidden; padding: 19px; position: relative; }.iam-site-preview::after { background: #dce8e0; border-radius: 8px; content: ""; height: 55px; opacity: .7; position: absolute; right: 14px; top: 18px; width: 32%; }.iam-site-preview > div { background: #cad4dc; border-radius: 7px; height: 8px; width: 51%; }.iam-site-preview > div:nth-child(2) { width: 69%; }.iam-site-preview > div:nth-child(3) { background: #a8d5b5; width: 30%; }.iam-site-preview span { bottom: 14px; color: #7a8995; font-size: 10px; left: 19px; position: absolute; }.iam-card__footer { align-items: center; border-top: 1px solid var(--iam-line); color: var(--iam-muted); display: flex; font-size: 10px; gap: 8px; justify-content: space-between; padding-top: 13px; }.iam-card__footer a { color: var(--iam-blue); font-weight: 700; white-space: nowrap; }
.iam-integration-list, .iam-checklist { list-style: none; margin: 17px 0 0; padding: 0; }.iam-integration-list { display: grid; gap: 1px; }.iam-integration-list li { align-items: center; border-top: 1px solid var(--iam-line); display: flex; gap: 10px; padding: 11px 0; }.iam-integration-list li:first-child { border-top: 0; padding-top: 0; }.iam-provider { align-items: center; border-radius: 8px; display: inline-flex; font-size: 14px; font-weight: 760; height: 30px; justify-content: center; width: 30px; }.iam-provider--google { background: #eaf0ff; color: #3765d4; }.iam-provider--analytics { background: #fff2e3; color: #e1872d; }.iam-provider--meta { background: #f2ecff; color: #7754d1; }.iam-integration-list div { display: flex; flex: 1; flex-direction: column; }.iam-integration-list strong { font-size: 12px; }.iam-integration-list small { color: var(--iam-muted); font-size: 10px; margin-top: 2px; }.iam-integration-list .iam-status { font-size: 9px; }.iam-checklist { display: grid; gap: 12px; }.iam-checklist li { align-items: center; display: flex; font-size: 12px; gap: 9px; }.iam-checklist i { align-items: center; background: #e0f6e6; border-radius: 50%; color: #268951; display: inline-flex; height: 20px; justify-content: center; width: 20px; }.iam-checklist i svg { height: 12px; width: 12px; }.iam-checklist i.is-waiting { background: #edf0f3; position: relative; }.iam-checklist i.is-waiting::after { background: #a8b4be; border-radius: 50%; content: ""; height: 5px; width: 5px; }
.iam-security { align-items: center; background: #182d21; border: 0; color: white; display: flex; justify-content: space-between; padding: 28px; }.iam-security .iam-kicker { color: var(--iam-green); }.iam-security h2 { font-size: 22px; letter-spacing: -.045em; margin: 0; }.iam-security p:not(.iam-kicker) { color: #aec6b5; font-size: 12px; line-height: 1.5; margin: 8px 0 0; max-width: 540px; }.iam-security__items { display: grid; gap: 9px; }.iam-security__items span { align-items: center; color: #d7ece0; display: flex; font-size: 11px; gap: 7px; }.iam-security__items svg { color: var(--iam-green); height: 17px; width: 17px; }

@media (max-width: 940px) {
  .iam-hero { gap: 35px; grid-template-columns: 1fr; padding-top: 48px; }.iam-agent-preview { max-width: 630px; }.iam-steps { grid-template-columns: repeat(2, 1fr); }.iam-sidebar { flex-basis: 206px; }.iam-dashboard { padding: 37px 24px; }.iam-grid--main, .iam-grid--split { grid-template-columns: 1fr; }.iam-metrics { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 670px) {
  .iam-wrap { width: min(100% - 32px, 1160px); }.iam-start, .iam-gate, .iam-portal { margin: -1.5rem -1rem 0; }.iam-topbar { padding-block: 16px; }.iam-topbar .iam-text-link { display: none; }.iam-topbar__actions { gap: 0; }.iam-hero { padding: 47px 0 62px; }.iam-hero h1 { font-size: 43px; }.iam-lead { font-size: 16px; }.iam-agent-preview { border-radius: 17px; }.iam-agent-preview__bar small { display: none; }.iam-steps { grid-template-columns: 1fr; }.iam-steps article { min-height: auto; }.iam-steps i { margin-top: 20px; }.iam-callout { align-items: flex-start; flex-direction: column; gap: 22px; padding: 29px; }.iam-callout h2 { font-size: 31px; }.iam-gate__card { padding: 32px 24px; }
  .iam-portal { display: block; }.iam-sidebar { min-height: 0; padding: 16px; }.iam-workspace, .iam-sidebar__bottom { display: none; }.iam-nav { display: flex; margin-top: 17px; overflow-x: auto; }.iam-nav a { flex: 0 0 auto; font-size: 11px; }.iam-nav a svg { display: none; }.iam-dashboard { padding: 29px 16px 52px; }.iam-dashboard__header { display: block; }.iam-dashboard h1 { font-size: 29px; }.iam-header-actions { justify-content: space-between; margin-top: 18px; }.iam-header-actions .iam-button { font-size: 12px; min-height: 39px; padding: 0 11px; }.iam-demo-banner { align-items: flex-start; flex-wrap: wrap; }.iam-demo-banner a { margin-left: 26px; }.iam-metrics { grid-template-columns: 1fr 1fr; }.iam-metrics article { min-height: 105px; padding: 14px; }.iam-metrics strong { font-size: 15px; }.iam-card { padding: 18px; }.iam-card__head h2 { font-size: 19px; }.iam-proposal { align-items: flex-start; flex-direction: column; gap: 8px; }.iam-card__footer { align-items: flex-start; flex-direction: column; }.iam-security { align-items: flex-start; flex-direction: column; }.iam-security__items { grid-template-columns: 1fr 1fr; }
}