:root {
  --ink: #12221f;
  --muted: #66736f;
  --paper: #f8f9f5;
  --card: #ffffff;
  --line: #dfe5df;
  --green: #155f50;
  --green-2: #197462;
  --mint: #e3f0e9;
  --lime: #dff238;
  --gold: #e0af43;
  --coral: #d86e55;
  --navy: #183238;
  --shadow: 0 20px 60px rgba(20, 44, 39, 0.09);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}

.voice-operations-panel { grid-column: 1 / -1; }
.voice-readiness { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 4px 0 14px; }
.voice-readiness > div { display: flex; align-items: flex-start; gap: 10px; padding: 14px; background: #f7f8f3; border: 1px solid var(--line); border-radius: 14px; }
.voice-readiness p, .voice-session-row p { display: grid; gap: 3px; margin: 0; }
.voice-readiness small, .voice-session-row small, .voice-simulation-note { color: var(--muted); line-height: 1.45; }
.readiness-dot { width: 10px; height: 10px; border-radius: 50%; background: #d18a47; box-shadow: 0 0 0 4px #f7e6d3; flex: 0 0 auto; margin-top: 5px; }
.readiness-dot.ready { background: #4c8a63; box-shadow: 0 0 0 4px #dcecdf; }
.mock-chip.live { background: #dcecdf; color: #28583a; }
.voice-guardrails { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.voice-guardrails span { padding: 7px 10px; border-radius: 999px; color: #324438; background: #eef2e9; font-size: .75rem; font-weight: 700; }
.voice-guardrails span::before { content: "✓"; color: #4d7c59; margin-right: 6px; }
.voice-simulator { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(180px, 1fr) auto; gap: 12px; align-items: end; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.voice-simulator label { display: grid; gap: 6px; font-size: .78rem; font-weight: 700; }
.voice-simulator select { min-height: 44px; border: 1px solid var(--line); border-radius: 10px; padding: 0 12px; background: #fff; color: var(--ink); }
.voice-simulation-note { margin: 9px 2px 20px; font-size: .78rem; }
.voice-history-head { margin-top: 4px; }
.voice-history-head h3 { margin: 2px 0 0; font-family: var(--display); font-size: 1.15rem; }
.voice-session-list { display: grid; gap: 8px; }
.voice-session-row { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 12px 2px; border-top: 1px solid var(--line); }
.voice-session-row > div:first-child { display: flex; align-items: center; gap: 10px; }
.voice-language { display: grid; place-items: center; min-width: 36px; height: 36px; border-radius: 10px; background: #1f2d26; color: #fff; font-size: .7rem; font-weight: 800; }
.voice-session-outcome { display: grid; justify-items: end; gap: 3px; }

@media (max-width: 760px) {
  .voice-readiness, .voice-simulator { grid-template-columns: 1fr; }
  .voice-simulator .button { width: 100%; }
  .voice-session-row { align-items: flex-start; }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: var(--paper); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.topbar { height: 76px; display: flex; align-items: center; gap: 32px; padding: 0 clamp(20px, 4vw, 64px); border-bottom: 1px solid rgba(23,37,34,.1); background: rgba(255,255,255,.92); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 10; }
.brand { color: var(--ink); text-decoration: none; display: flex; gap: 11px; align-items: center; min-width: 190px; }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1; }
.brand strong { font-family: Georgia, serif; font-size: 24px; letter-spacing: -.5px; }
.brand small { text-transform: uppercase; letter-spacing: 3px; font-size: 8px; margin-top: 4px; color: var(--green); }
.brand-button { border: 0; background: transparent; padding: 0; text-align: left; }
.brand-mark { width: 36px; height: 36px; border-radius: 50% 50% 50% 10%; background: var(--green); display: grid; place-items: center; transform: rotate(-15deg); }
.brand-mark span { width: 13px; height: 18px; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(55deg); border-radius: 50%; }
nav { display: flex; align-items: stretch; align-self: stretch; gap: 8px; }
.nav-link { border: 0; background: transparent; color: var(--muted); padding: 0 15px; position: relative; font-size: 14px; }
.nav-link.active { color: var(--ink); font-weight: 650; }
.nav-link.active::after { content: ""; position: absolute; height: 3px; left: 16px; right: 16px; bottom: 0; border-radius: 3px 3px 0 0; background: var(--green); }
.header-cta { margin-left: auto; background: var(--ink); color: #fff; padding: 11px 16px; }
.safety-pill { margin-left: auto; border: 1px solid #cbd8ce; background: #edf4ed; color: #41634d; border-radius: 99px; padding: 8px 12px; font-size: 12px; white-space: nowrap; }
.safety-pill span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #4e9a64; margin-right: 7px; }
main { max-width: 1460px; margin: auto; padding: 46px clamp(20px, 4vw, 64px) 80px; }
.view { display: none; animation: appear .25s ease; }
.view.active { display: block; }
@keyframes appear { from { opacity: 0; transform: translateY(5px); } }
.page-head { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 28px; }
.eyebrow { text-transform: uppercase; letter-spacing: 2.4px; font-size: 10px; font-weight: 800; color: var(--green-2); margin: 0 0 12px; }
h1 { font: 500 clamp(40px, 5vw, 68px)/.98 Georgia, serif; letter-spacing: -2.5px; margin: 0; max-width: 800px; }
h1 em { font-weight: 400; color: var(--green); }
.lede { max-width: 640px; color: var(--muted); line-height: 1.6; margin: 20px 0 0; }
.head-actions { display: flex; align-items: end; gap: 10px; }
.admin-key-label { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); }
.admin-key-label input { display: block; margin-top: 6px; min-width: 180px; }
input, select, textarea { width: 100%; border: 1px solid #d7dad1; border-radius: 11px; padding: 13px 14px; color: var(--ink); background: #fff; outline: none; transition: border .15s, box-shadow .15s; }
input:focus, select:focus, textarea:focus { border-color: var(--green-2); box-shadow: 0 0 0 3px rgba(15,125,106,.11); }
textarea { resize: vertical; line-height: 1.5; }
.button { border: 0; border-radius: 11px; padding: 13px 18px; font-weight: 700; transition: transform .12s, background .12s; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: white; background: var(--green); box-shadow: 0 8px 18px rgba(13,102,88,.16); }
.button.secondary { background: var(--mint); color: var(--green); }
.button.danger { background: #f8e3de; color: #9d3f2e; }
.button.full { width: 100%; padding: 16px 18px; display: flex; justify-content: space-between; }
.notice { display: flex; gap: 14px; border-radius: 14px; padding: 16px 18px; }
.safety-notice { background: #e7efe7; border: 1px solid #cadccf; margin-bottom: 22px; }
.notice-icon { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: var(--green); color: #fff; }
.notice strong { font-size: 13px; }
.notice p { margin: 3px 0 0; color: #53685c; font-size: 12px; line-height: 1.5; }
.metric-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 18px; }
.metric { background: var(--card); border: 1px solid var(--line); border-radius: 15px; padding: 20px; min-height: 130px; display: flex; flex-direction: column; }
.metric span { color: var(--muted); font-size: 12px; }
.metric strong { font: 500 38px/1 Georgia, serif; margin: 18px 0 5px; }
.metric small { color: #84908b; font-size: 10px; }
.metric.accent { border-top: 3px solid var(--gold); }
.metric.dark { background: var(--navy); color: white; border-color: var(--navy); }
.metric.dark span, .metric.dark small { color: #aec1bd; }
.dashboard-grid { display: grid; grid-template-columns: 1.45fr .8fr; gap: 16px; align-items: start; }
.panel { background: var(--card); border: 1px solid var(--line); border-radius: 16px; min-width: 0; overflow: hidden; }
.panel.wide { grid-column: 1; }
.panel-head { display: flex; justify-content: space-between; align-items: center; padding: 21px 22px 15px; border-bottom: 1px solid #e7e7e0; }
.panel-head .eyebrow { margin-bottom: 5px; }
h2 { margin: 0; font: 500 24px/1.2 Georgia, serif; }
.text-button { border: 0; background: transparent; color: var(--green); font-weight: 700; }
.count-badge { background: var(--ink); color: white; border-radius: 99px; padding: 4px 9px; font-size: 11px; }
.empty-state { color: var(--muted); font-size: 13px; padding: 28px 22px; }
.application-row { display: grid; grid-template-columns: 1.4fr .8fr .75fr .55fr; align-items: center; gap: 16px; padding: 16px 22px; border-bottom: 1px solid #ecece6; }
.application-row:last-child { border-bottom: 0; }
.application-row:hover { background: #faf9f4; }
.application-main { display: flex; gap: 12px; align-items: center; min-width: 0; }
.avatar { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--mint); color: var(--green); font: 600 15px Georgia, serif; }
.application-main b, .application-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.application-main b { font-size: 13px; }
.application-main small, .cell-label { color: var(--muted); font-size: 10px; margin-top: 4px; }
.application-row .amount { font: 500 15px Georgia, serif; }
.status { display: inline-flex; border-radius: 99px; padding: 6px 9px; background: #edf0eb; color: #51605b; font-size: 10px; text-transform: capitalize; white-space: nowrap; }
.status.internal_verification, .status.strong_match { background: #dceee7; color: #246452; }
.status.documents_pending, .status.needs_review { background: #f6e9c9; color: #876821; }
.status.submitted, .status.approved { background: #dfe7f3; color: #3d5e85; }
.status.rejected, .status.failed { background: #f5dfd9; color: #9a4937; }
.open-workspace { border: 0; background: transparent; color: var(--green); font-size: 12px; font-weight: 750; }
.task-item { padding: 17px 20px; border-bottom: 1px solid #ecece6; }
.task-item:last-child { border: 0; }
.task-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.task-item b { font-size: 12px; }
.task-item p { font-size: 11px; line-height: 1.5; color: var(--muted); margin: 7px 0 10px; }
.priority { color: #976131; background: #f8ebd3; border-radius: 99px; padding: 4px 7px; text-transform: uppercase; font-size: 8px; letter-spacing: .7px; }
.resolve-task { border: 0; background: transparent; padding: 0; color: var(--green); font-size: 10px; font-weight: 750; }
.integration-list { padding: 8px 20px 16px; }
.integration-item { display: grid; grid-template-columns: 9px 1fr auto; gap: 10px; align-items: center; padding: 11px 0; border-bottom: 1px solid #ecece6; }
.integration-item:last-child { border: 0; }
.mode-dot { width: 8px; height: 8px; border-radius: 50%; background: #c5c9c3; }
.mode-dot.live { background: #48a36b; box-shadow: 0 0 0 3px #dcf0e2; }
.integration-item b { display: block; font-size: 11px; }
.integration-item small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.3; }
.mode-label { font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); }
.audit-list { max-height: 340px; overflow: auto; }
.audit-row { display: grid; grid-template-columns: 150px 1fr 100px; gap: 16px; padding: 12px 22px; border-bottom: 1px solid #ecece6; font-size: 11px; }
.audit-row time, .audit-row small { color: var(--muted); }

/* Permission-first lead generation studio */
.acquisition-view { padding-top: 16px; }
.acquisition-head { align-items: center; }
.source-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 20px 0 18px; }
.source-grid article { display: flex; gap: 11px; align-items: center; min-height: 76px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.source-grid article > span, .source-token { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: var(--mint); color: var(--green); font-size: 8px; font-weight: 850; letter-spacing: .8px; }
.source-grid b, .source-grid small { display: block; }
.source-grid b { font-size: 10px; }
.source-grid small { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.4; }
.acquisition-metrics { margin-top: 0; }
.studio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.campaign-builder { grid-row: span 2; }
.campaign-builder .panel-head { background: #f3f7f3; }
.partner-chip, .mock-chip { display: inline-flex; align-items: center; border-radius: 99px; padding: 6px 9px; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; }
.partner-chip { background: var(--ink); color: white; }
.mock-chip { background: #f7e8c9; color: #7d5e20; }
.studio-form-body { padding: 22px; }
.studio-form-body label { color: #47534f; font-size: 10px; font-weight: 700; }
.studio-form-body input, .studio-form-body select, .studio-form-body textarea { margin-top: 7px; font-size: 11px; }
.import-label { display: block; margin-top: 20px; }
.import-help { display: flex; justify-content: space-between; gap: 12px; align-items: start; margin: 8px 0 18px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.import-help .text-button { flex: 0 0 auto; padding: 0; font-size: 9px; }
.campaign-list { padding: 0; }
.campaign-item { padding: 16px 19px; border-bottom: 1px solid #ecece6; }
.campaign-item:last-child { border: 0; }
.campaign-title { display: flex; gap: 10px; align-items: center; }
.campaign-title b, .campaign-title small { display: block; }
.campaign-title b { font-size: 11px; }
.campaign-title small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.campaign-numbers { display: flex; gap: 16px; margin: 14px 0 11px; color: var(--muted); font-size: 8px; }
.campaign-numbers b { color: var(--ink); font-size: 11px; }
.prospects-panel { grid-column: 1 / -1; }
.prospect-list { padding: 0; }
.prospect-row { display: grid; grid-template-columns: 1.25fr .85fr auto auto .8fr; gap: 14px; align-items: center; min-height: 78px; padding: 13px 19px; border-bottom: 1px solid #ecece6; }
.prospect-row:last-child { border: 0; }
.prospect-main { display: flex; align-items: center; gap: 10px; min-width: 0; }
.prospect-main b, .prospect-main small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.prospect-main b { font-size: 11px; }
.prospect-main small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.prospect-requirement { display: block; margin-top: 4px; font-size: 9px; }
.permission { border-radius: 99px; padding: 6px 8px; background: #f1f1ed; color: #5f6a66; font-size: 8px; white-space: nowrap; }
.permission.verified { background: #dceee7; color: #246452; }
.permission.review_required { background: #f6e9c9; color: #876821; }
.permission.blocked { background: #f5dfd9; color: #9a4937; }
.prospect-actions { display: flex; justify-content: end; gap: 7px; align-items: center; }
.prospect-actions .text-button { padding: 0; font-size: 8px; }
.status.interested, .status.converted { background: #dceee7; color: #246452; }
.status.not_interested { background: #eee; color: #69716e; }
.form-view { display: none; grid-template-columns: minmax(280px, .82fr) minmax(480px, 1.18fr); gap: clamp(35px, 7vw, 100px); align-items: start; max-width: 1180px; margin: 30px auto; }
.form-view.active { display: grid; }
.form-intro { position: sticky; top: 125px; }
.form-intro p:not(.eyebrow) { color: var(--muted); line-height: 1.7; max-width: 500px; }
.mini-steps { display: grid; grid-template-columns: auto auto 1fr auto auto 1fr auto auto; align-items: center; gap: 8px; margin-top: 38px; color: #8a948f; font-size: 9px; }
.mini-steps span { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #cbd0c9; border-radius: 50%; }
.mini-steps span.done { color: white; background: var(--green); border-color: var(--green); }
.mini-steps i { height: 1px; background: #d1d4ce; }
.mini-steps b { font-weight: 600; white-space: nowrap; }
.form-card { background: var(--card); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); padding: clamp(24px, 4vw, 42px); }
.form-card-head { display: flex; gap: 14px; align-items: center; margin-bottom: 30px; }
.form-card-head > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #bdd3c8; border-radius: 50%; color: var(--green); font: 600 14px Georgia, serif; }
.form-card-head p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.fields { display: grid; gap: 17px; }
.fields.two { grid-template-columns: 1fr 1fr; }
.form-card > label, .fields label { font-size: 11px; font-weight: 700; color: #47534f; }
.form-card label input, .form-card label select { margin-top: 7px; font-weight: 450; }
label small { float: right; color: #939b97; font-weight: 450; }
fieldset { border: 0; padding: 0; margin: 28px 0; }
legend { font-size: 11px; font-weight: 700; color: #47534f; margin-bottom: 10px; }
.choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.choice { border: 1px solid #d8dbd4; border-radius: 13px; padding: 15px 12px; cursor: pointer; position: relative; }
.choice:has(input:checked) { border-color: var(--green); background: #eff6f2; box-shadow: inset 0 0 0 1px var(--green); }
.choice input { position: absolute; opacity: 0; }
.choice-icon { display: block; color: var(--green); font-size: 20px; margin-bottom: 10px; }
.choice b, .choice small { display: block; float: none; }
.choice b { font-size: 11px; }
.choice small { font-size: 9px; margin-top: 4px; }
.money-input { display: flex; align-items: center; margin: 7px 0 24px; border: 1px solid #d7dad1; border-radius: 11px; background: #fff; }
.money-input span { padding-left: 14px; color: var(--green); font-weight: 700; }
.money-input input { border: 0; margin: 0 !important; box-shadow: none; }
.consent-box { display: flex; gap: 12px; align-items: start; background: #f3f5ef; border: 1px solid #dfe5dc; padding: 14px; border-radius: 12px; margin-bottom: 18px; cursor: pointer; }
.consent-box input { width: 17px; height: 17px; margin: 2px 0 0 !important; accent-color: var(--green); }
.consent-box span { flex: 1; }
.consent-box b, .consent-box small { display: block; float: none; }
.consent-box small { margin-top: 4px; line-height: 1.5; }
.form-result { font-size: 12px; margin-top: 12px; line-height: 1.5; }
.form-result.success { color: var(--green); }
.form-result.error { color: #a74432; }
.result-link { margin-top: 8px; padding: 0; border: 0; background: transparent; color: var(--green); font-size: 11px; font-weight: 750; }
.partner-promise { margin-top: 35px; display: flex; gap: 12px; align-items: center; border-top: 1px solid #d9dcd5; padding-top: 20px; }
.partner-promise > span { width: 38px; height: 38px; display: grid; place-items: center; color: var(--green); background: var(--mint); border-radius: 50%; }
.partner-promise b, .partner-promise small { display: block; }
.partner-promise b { font-size: 12px; }
.partner-promise small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.workspace-dialog { border: 0; padding: 0; background: transparent; width: min(1040px, calc(100vw - 30px)); max-width: none; }
.workspace-dialog::backdrop { background: rgba(15,31,28,.66); backdrop-filter: blur(4px); }
.workspace-shell { background: var(--paper); border-radius: 20px; max-height: 90vh; overflow: auto; box-shadow: 0 30px 100px rgba(0,0,0,.3); }
.workspace-shell > header { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; padding: 25px 28px; background: rgba(246,244,237,.93); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.workspace-shell header p:last-child { margin: 5px 0 0; font-size: 11px; color: var(--muted); }
.icon-button { border: 0; width: 34px; height: 34px; border-radius: 50%; background: #e6e8e2; font-size: 21px; }
.workspace-body { padding: 24px 28px 32px; }
.workspace-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 16px; }
.summary-card { background: var(--card); border: 1px solid var(--line); border-radius: 13px; padding: 14px; }
.summary-card small { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.summary-card b { display: block; margin-top: 7px; font: 500 15px Georgia, serif; }
.workspace-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.workspace-card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 18px; }
.workspace-card h3 { font: 500 17px Georgia, serif; margin: 0 0 13px; }
.workspace-card.full { grid-column: 1 / -1; }
.check-row, .doc-row, .match-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #ecece6; font-size: 11px; }
.check-row:last-child, .doc-row:last-child, .match-row:last-child { border: 0; }
.check-row b, .doc-row b, .match-row b { text-transform: capitalize; }
.doc-row small, .match-row small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }
.tiny-button { border: 0; border-radius: 7px; background: var(--mint); color: var(--green); padding: 6px 8px; font-size: 9px; font-weight: 750; }
.upload-form { display: grid; grid-template-columns: 150px 1fr auto; gap: 8px; margin-top: 14px; }
.upload-form input, .upload-form select { padding: 9px; font-size: 10px; }
.profile-grid { display: grid; grid-template-columns: repeat(6, 1fr) auto; gap: 8px; align-items: end; }
.profile-grid label { color: var(--muted); font-size: 9px; }
.profile-grid input { margin-top: 5px; padding: 9px; font-size: 10px; }
.gate-box { padding: 14px; border-radius: 11px; background: #eef5ef; color: #3d6850; font-size: 11px; line-height: 1.5; }
.gate-box.blocked { background: #f7ece0; color: #7d5732; }
.gate-box ul { margin: 7px 0 0; padding-left: 18px; }
.action-row { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.loading { padding: 50px; text-align: center; color: var(--muted); }
.toast { position: fixed; right: 24px; bottom: 24px; padding: 13px 17px; color: white; background: var(--ink); border-radius: 10px; box-shadow: var(--shadow); opacity: 0; transform: translateY(10px); pointer-events: none; transition: .2s; z-index: 100; font-size: 12px; }
.toast.show { opacity: 1; transform: translateY(0); }

/* Agent-first product experience */
.landing-view { margin-top: -46px; }
.hero { min-height: 650px; display: grid; grid-template-columns: .98fr 1.02fr; gap: clamp(42px, 7vw, 100px); align-items: center; padding: 70px 0 78px; position: relative; }
.hero::before { content: ""; position: absolute; inset: 0 -5vw auto 42%; height: 580px; background: radial-gradient(circle, rgba(37,124,99,.12), transparent 64%); pointer-events: none; }
.hero-copy, .workflow-console { position: relative; z-index: 1; }
.product-pill { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 28px; padding: 8px 12px; border: 1px solid #d4ddd6; border-radius: 999px; background: rgba(255,255,255,.76); color: #53645f; font-size: 11px; font-weight: 650; }
.product-pill span, .trust-row i { width: 7px; height: 7px; border-radius: 50%; background: var(--green-2); }
.hero h1 { max-width: 700px; font: 650 clamp(52px, 6vw, 82px)/.98 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -4.5px; }
.hero h1 em { font-style: normal; color: var(--green-2); }
.hero-lede { max-width: 650px; margin: 27px 0 0; color: #5d6b67; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; margin: 32px 0 18px; }
.button.large { padding: 15px 21px; border-radius: 10px; font-size: 13px; }
.button.ghost { border: 1px solid #d2d9d3; background: #fff; color: var(--ink); box-shadow: 0 7px 22px rgba(28,49,43,.04); }
.button.lime { background: var(--lime); color: #1b2d29; }
.trust-row { display: flex; flex-wrap: wrap; gap: 8px; }
.trust-row span { display: inline-flex; align-items: center; gap: 7px; border: 1px solid #dce2dc; background: rgba(255,255,255,.7); border-radius: 999px; padding: 7px 10px; color: #65716d; font-size: 10px; }
.workflow-console { border: 1px solid #dce3dd; border-radius: 18px; background: rgba(255,255,255,.9); box-shadow: 0 30px 90px rgba(28,64,53,.12); overflow: hidden; }
.console-bar { height: 54px; display: flex; align-items: center; gap: 13px; padding: 0 20px; border-bottom: 1px solid #e4e8e4; color: #71807b; font-size: 10px; }
.console-bar > b { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 500; }
.console-dots { display: flex; gap: 5px; }
.console-dots i { width: 8px; height: 8px; border-radius: 50%; background: #e69e91; }
.console-dots i:nth-child(2) { background: #eadc73; }
.console-dots i:nth-child(3) { background: #7aa998; }
.live-label { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; color: var(--green); }
.live-label i { width: 7px; height: 7px; border-radius: 50%; background: #62a889; box-shadow: 0 0 0 4px #e4f1eb; }
.case-head { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 22px 24px 17px; }
.case-avatar, .mini-avatar { display: grid; place-items: center; border-radius: 50%; background: var(--mint); color: var(--green); font-weight: 750; }
.case-avatar { width: 46px; height: 46px; }
.case-head small, .case-head strong { display: block; }
.case-head small { margin-bottom: 5px; color: var(--muted); font-size: 10px; }
.case-head strong { font-size: 14px; }
.amount-chip { border: 1px solid #dbe2dc; border-radius: 999px; padding: 8px 11px; background: #f9fbf9; color: #42544f; font-size: 10px; }
.workflow-list { margin: 0; padding: 0 24px 17px; list-style: none; }
.workflow-list li { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; min-height: 67px; padding: 9px 12px; color: #8b9793; border-top: 1px solid #edf0ed; }
.workflow-list li > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #f2f4f2; font-size: 9px; font-weight: 750; }
.workflow-list li b, .workflow-list li small { display: block; }
.workflow-list li b { color: #68736f; font-size: 12px; }
.workflow-list li small { margin-top: 4px; font-size: 9px; }
.workflow-list li em { padding: 5px 8px; border-radius: 999px; background: #f2f4f2; font-size: 8px; font-style: normal; }
.workflow-list li.complete { color: #5b746b; }
.workflow-list li.complete > span { background: #78a696; color: white; }
.workflow-list li.active { margin: 0 -1px; border: 1px solid #cbdcd4; border-radius: 11px; background: #f4f8f5; color: var(--green); }
.workflow-list li.active b { color: var(--ink); }
.workflow-list li.active > span { background: var(--green); color: #fff; }
.workflow-list li.active em { background: var(--lime); color: #31433e; }
.console-foot { min-height: 54px; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 24px; border-top: 1px solid #e4e8e4; color: #75817d; font-size: 9px; }
.console-foot span:first-child { display: flex; align-items: center; gap: 8px; color: var(--green); }
.pulse-bars { width: 34px; height: 12px; background: repeating-linear-gradient(90deg,var(--green) 0 2px,transparent 2px 4px); mask-image: linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent); }
.proof-strip { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #dde3dd; background: #fff; border-radius: 15px; overflow: hidden; }
.proof-strip div { min-height: 108px; display: flex; flex-direction: column; justify-content: center; padding: 20px 26px; border-right: 1px solid #e3e7e3; }
.proof-strip div:last-child { border: 0; }
.proof-strip strong { font-size: 24px; letter-spacing: -1px; }
.proof-strip span { margin-top: 6px; color: var(--muted); font-size: 10px; }
.landing-section { padding: 130px 0 120px; }
.section-heading { max-width: 760px; margin-bottom: 54px; }
.section-heading h2, .landing-cta h2 { margin: 0; font: 650 clamp(36px,4vw,58px)/1.04 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing: -2.7px; }
.section-heading > p:last-child { max-width: 620px; margin: 20px 0 0; color: var(--muted); line-height: 1.65; }
.engine-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #dfe5df; border-radius: 16px; background: #fff; overflow: hidden; }
.engine-grid article { min-height: 330px; padding: 25px; border-right: 1px solid #e4e8e4; position: relative; }
.engine-grid article:last-child { border: 0; }
.engine-grid article > span { color: #8a9692; font-size: 9px; letter-spacing: 1px; }
.feature-icon { width: 45px; height: 45px; display: grid; place-items: center; margin: 65px 0 25px; border-radius: 50%; background: var(--mint); color: var(--green); font-size: 20px; }
.engine-grid h3, .control-card h3 { margin: 0; font-size: 20px; letter-spacing: -.5px; }
.engine-grid p, .control-card p { margin: 13px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.partner-value { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(50px,8vw,120px); align-items: center; margin: 0 -4vw; padding: 110px 4vw; border-radius: 24px; background: var(--ink); color: white; overflow: hidden; }
.section-heading.light { margin: 0; }
.section-heading.light .eyebrow { color: #8ed1ba; }
.section-heading.light > p:last-child { color: #aebbb7; }
.value-board { border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 30px 80px rgba(0,0,0,.25); overflow: hidden; }
.value-tabs { display: flex; gap: 28px; height: 54px; align-items: center; padding: 0 20px; border-bottom: 1px solid #e5e9e5; color: #85908d; font-size: 10px; }
.value-tabs span.active { color: var(--green); font-weight: 750; }
.value-row { display: grid; grid-template-columns: 38px 1.1fr .7fr .7fr; gap: 12px; align-items: center; min-height: 80px; padding: 12px 20px; border-bottom: 1px solid #edf0ed; }
.value-row:last-child { border: 0; }
.mini-avatar { width: 34px; height: 34px; font-size: 10px; }
.value-row b, .value-row small { display: block; }
.value-row b { font-size: 11px; }
.value-row small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.value-row strong { color: #4e625c; font-size: 9px; text-align: right; }
.progress { height: 6px; border-radius: 999px; background: #e8ede9; overflow: hidden; }
.progress i { display: block; height: 100%; background: var(--green-2); border-radius: inherit; }
.control-section { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; padding: 100px 0; }
.control-card { min-height: 230px; padding: 26px; border: 1px solid #dfe5df; border-radius: 15px; background: #fff; }
.control-card > span { display: inline-block; margin-bottom: 58px; color: var(--green); font-size: 9px; letter-spacing: 1px; }
.landing-cta { text-align: center; padding: 92px 30px; border-radius: 22px; background: linear-gradient(135deg,#e9f3ed,#f6f9eb); }
.landing-cta .eyebrow { color: var(--green); }
.landing-cta h2 { max-width: 780px; margin: auto; }
.landing-cta > p:not(.eyebrow) { margin: 22px auto 28px; color: var(--muted); }
.cases-head { padding-top: 16px; }
.site-footer { max-width: 1460px; margin: 0 auto; padding: 30px clamp(20px,4vw,64px) 45px; display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; border-top: 1px solid #dfe4df; color: var(--muted); }
.footer-brand { display: flex; align-items: center; gap: 11px; }
.footer-brand strong, .footer-brand small { display: block; }
.footer-brand strong { color: var(--ink); font-family: Georgia,serif; }
.footer-brand small { margin-top: 4px; font-size: 9px; }
.site-footer > div:nth-child(2) { display: flex; flex-wrap: wrap; justify-content: end; gap: 6px; }
.site-footer button { border: 0; background: transparent; color: #53625d; font-size: 10px; }
.site-footer > p { grid-column: 1/-1; margin: 0; font-size: 9px; }
@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; }
  .workflow-console { max-width: 700px; }
  .engine-grid { grid-template-columns: 1fr 1fr; }
  .engine-grid article:nth-child(2) { border-right: 0; }
  .engine-grid article:nth-child(-n+2) { border-bottom: 1px solid #e4e8e4; }
  .partner-value { grid-template-columns: 1fr; }
  .proof-strip { grid-template-columns: 1fr 1fr; }
  .proof-strip div:nth-child(2) { border-right: 0; }
  .proof-strip div:nth-child(-n+2) { border-bottom: 1px solid #e3e7e3; }
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .panel.wide { grid-column: auto; }
  .form-view.active { grid-template-columns: 1fr; }
  .form-intro { position: static; }
  .head-actions { flex-direction: column; align-items: stretch; }
  .source-grid { grid-template-columns: repeat(3, 1fr); }
  .studio-grid { grid-template-columns: 1fr; }
  .campaign-builder { grid-row: auto; }
  .prospects-panel { grid-column: auto; }
  .prospect-row { grid-template-columns: 1.2fr .8fr auto; }
  .prospect-row > :nth-child(2), .prospect-row > .permission { display: none; }
}
@media (max-width: 700px) {
  .topbar { height: auto; min-height: 68px; flex-wrap: wrap; padding: 12px 18px; gap: 8px; }
  .brand { min-width: 0; margin-right: auto; }
  .safety-pill { display: none; }
  .header-cta { display: none; }
  nav { order: 3; width: 100%; height: 42px; overflow-x: auto; }
  .nav-link { flex: 1; min-width: max-content; }
  main { padding: 28px 16px 60px; }
  .page-head { align-items: start; flex-direction: column; }
  h1 { font-size: 43px; letter-spacing: -1.5px; }
  .landing-view { margin-top: -28px; }
  .hero { min-height: 0; padding: 48px 0 60px; gap: 38px; }
  .hero::before { display: none; }
  .hero h1 { font-size: 48px; letter-spacing: -3px; }
  .hero-lede { font-size: 15px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .trust-row { display: grid; }
  .workflow-console { border-radius: 13px; }
  .case-head { padding: 17px 15px; }
  .workflow-list { padding: 0 14px 14px; }
  .workflow-list li { grid-template-columns: 30px 1fr auto; padding: 8px 5px; }
  .console-foot { padding: 0 15px; }
  .proof-strip, .engine-grid, .control-section { grid-template-columns: 1fr; }
  .proof-strip div { border-right: 0; border-bottom: 1px solid #e3e7e3; }
  .engine-grid article { border-right: 0; border-bottom: 1px solid #e4e8e4; min-height: 250px; }
  .feature-icon { margin-top: 38px; }
  .landing-section { padding: 82px 0; }
  .section-heading h2, .landing-cta h2 { font-size: 38px; letter-spacing: -2px; }
  .partner-value { margin: 0; padding: 64px 18px; gap: 36px; }
  .value-row { grid-template-columns: 34px 1fr auto; }
  .value-row .progress { display: none; }
  .control-section { padding: 65px 0; }
  .control-card { min-height: 200px; }
  .landing-cta { padding: 62px 18px; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer > div:nth-child(2) { justify-content: start; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .application-row { grid-template-columns: 1fr auto; }
  .application-row > :nth-child(2), .application-row > :nth-child(3) { display: none; }
  .fields.two, .choice-grid { grid-template-columns: 1fr; }
  .form-card { padding: 22px 17px; }
  .workspace-summary, .workspace-grid { grid-template-columns: 1fr 1fr; }
  .workspace-card.full { grid-column: 1 / -1; }
  .upload-form { grid-template-columns: 1fr; }
  .profile-grid { grid-template-columns: 1fr 1fr; }
  .audit-row { grid-template-columns: 1fr; gap: 3px; }
  .source-grid { grid-template-columns: 1fr 1fr; }
  .prospect-row { grid-template-columns: 1fr; gap: 8px; align-items: start; }
  .prospect-actions { justify-content: start; }
}