.hero { position:relative; isolation:isolate; background:var(--bg); }
.hero-scene { padding:100px 0; isolation:auto; }
.hero-art { inset:-55px 0 -55px -65px; width:calc(100% + 65px);height:calc(100% + 110px); object-fit:cover;object-position:center;opacity:.95; }
.desk-preview { margin:30px 12px; background:color-mix(in srgb,var(--surface) 96%,transparent); }
.workspace-intro,.workspace-top { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0; }
.workspace-intro p { max-width:610px; }
.workspace-page main { max-width:1600px;margin:0 auto;padding:0 24px 30px; }
.workspace-top { max-width:1600px;margin:auto;padding:20px 24px;font-size:14px; }
.workspace-disclaimer { font-size:13px;padding:16px 0; }
.crm-app-content { min-width:0; }
.crm-sidebar button[aria-pressed=true] { background:var(--tag);color:var(--ink);font-weight:700; }
.client-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0; }
.client-stats>div { border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface); }
.client-stats strong { display:block;font-size:28px;line-height:1.2;letter-spacing:-1px; }
.client-stats span { display:block;font-size:12px;margin-top:7px; }
.work-badge { display:inline-flex;align-items:center;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.5;margin:0 5px 5px 0;background:#eaf0f8;color:#244976; }
.work-badge.green { background:#e5f2e8;color:#235937; }.work-badge.amber { background:#fff0d4;color:#714910; }.work-badge.purple { background:#eee9f8;color:#59417c; }.work-badge.grey { background:#eaecef;color:#444c57; }
[data-theme=dark] .work-badge { background:#263e5b;color:#d5e6ff; }[data-theme=dark] .work-badge.green { background:#234333;color:#cbebd5; }[data-theme=dark] .work-badge.amber { background:#533d1e;color:#ffe3b3; }[data-theme=dark] .work-badge.purple { background:#423253;color:#edddff; }[data-theme=dark] .work-badge.grey { background:#3a3f47;color:#e5e8ee; }
.task-stack { display:grid;gap:10px; }
.work-task { display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--line);border-left:3px solid #839bb9;border-radius:10px;background:var(--surface);margin-bottom:10px; }
.work-task.green { border-left-color:#6a9877; }.work-task.amber { border-left-color:#c49a50; }
.work-task-time { min-width:90px;font-weight:700;font-size:15px; }.work-task-time small { display:block;font-size:11px;font-weight:400; }
.work-task-copy { flex:1;min-width:0; }.work-task-copy strong { display:block;line-height:1.4;font-size:15px; }.work-task-copy p { font-size:12px;margin-top:4px; }
.work-task .text-button { font-size:12px;white-space:nowrap; }
.empty-state { padding:30px;border:1px dashed var(--line);border-radius:12px; }
.customer-layout { display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px; }
.customer-list { display:flex;flex-direction:column;gap:6px; }.customer-list button { display:flex;gap:10px;align-items:center;text-align:left;border:0;background:transparent;padding:12px 8px;border-radius:8px; }.customer-list button[aria-pressed=true] { background:var(--tag); }.customer-list small { display:block;font-size:11px; }.customer-list strong { font-size:12px; }.avatar { display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:10px;background:var(--surface); }
.customer-profile { display:flex;justify-content:space-between;align-items:start;gap:15px; }.customer-profile h3 { font-size:23px; }.customer-profile p { font-size:12px;overflow-wrap:anywhere; }
.inbound-message { padding:16px;background:var(--soft);border-radius:10px;margin:20px 0 12px; }.inbound-message .eyebrow { font-size:10px; }.inbound-message blockquote { margin:10px 0 0;font-size:14px; }
.customer-columns { display:grid;grid-template-columns:1fr 1fr;gap:15px; }.customer-columns h4 { margin-bottom:10px; }
.compact-record { padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:var(--surface);overflow-wrap:anywhere; }.compact-record strong { display:block;font-size:14px; }.compact-record p { font-size:13px;margin:7px 0; }.compact-record h4 { margin:8px 0; }.compact-record .text-button { font-size:12px; }
.customer-history { list-style:none;padding:0; }.customer-history li { display:flex;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;font-size:13px; }.customer-history li>div { min-width:0;flex:1; }.customer-history p { font-size:11px;margin:3px 0 8px; }.customer-history blockquote { margin:10px 0;font-size:13px; }.history-dot { width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#839bb9;margin-top:7px; }
.customer-history pre,.client-modal-body pre,.compact-record pre { white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 Arial,sans-serif;max-width:100%; }
.week-strip { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:20px 0; }.week-strip button { border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px 4px; }.week-strip button[aria-pressed=true] { background:var(--tag);border-color:#b4a18b; }.week-strip span,.week-strip strong,.week-strip small { display:block; }.week-strip strong { font-size:22px; }.week-strip span,.week-strip small { font-size:11px; }
.studio-tabs { display:flex;flex-wrap:wrap;gap:8px;margin:18px 0; }.studio-tabs button { padding:9px 14px;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:12px; }.studio-tabs button[aria-pressed=true] { background:var(--tag);font-weight:700; }
.studio-card { display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface); }.studio-card h3 { font-size:23px;margin:8px 0 16px; }.studio-card p,.studio-card details { font-size:13px; }.studio-card .button { margin-top:18px; }
.studio-art { display:flex;flex-direction:column;justify-content:space-between;min-height:230px;padding:20px;border-radius:10px;background:#e8d7c1;color:#35291f; }.studio-art span { font-size:40px; }.studio-art strong { font-size:24px;line-height:1.1; }.studio-art small { font-size:11px; }
.studio-grid,.opportunity-grid,.staff-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }.recording-card { display:block; }.recording-card video { width:100%;max-height:260px;background:#111;border-radius:8px; }.video-placeholder { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;background:var(--soft);border-radius:8px; }.video-placeholder span { font-size:35px; }.video-placeholder small { font-size:11px; }
.clip-card { border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface); }.clip-poster { min-height:170px;background:#e5eaf0;color:#263b53;padding:22px;display:flex;flex-direction:column;justify-content:space-between; }.clip-poster strong { font-size:24px;line-height:1.2;max-width:220px; }.clip-poster span,.clip-poster small { font-size:11px; }.clip-body { padding:18px;font-size:13px; }.clip-body .button { margin-top:14px; }
.check-row { display:flex;gap:10px;align-items:start;font-size:13px;padding:9px 0; }.check-row input { width:16px;height:16px;margin-top:4px;accent-color:#647b95;flex-shrink:0; }
.permission-scroll { overflow:auto;margin:20px 0; }.permission-table { width:100%;border-collapse:collapse;font-size:12px; }.permission-table th,.permission-table td { padding:9px;border-bottom:1px solid var(--line);text-align:center; }.permission-table th:first-child { text-align:left; }.permission-table input { width:17px;height:17px;accent-color:#647b95; }
.tool-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;margin:15px 0 28px; }.connection-card { text-align:left; }.connection-card small { display:block;margin-top:8px;font-size:11px; }
.client-modal-body { margin-top:20px; }.client-modal-body>p { margin-bottom:12px; }.client-modal-body form { margin-top:16px; }.client-modal-body .brief-field { margin-bottom:14px; }.client-modal-body h4 { margin:20px 0 8px; }
.recording-card>small { display:block; }.recording-card>.text-button { display:block;margin-top:14px; }.workspace-page #demo-workspace { padding:20px; }
@media(max-width:1100px){.customer-layout { grid-template-columns:1fr; }.customer-list { flex-direction:row;overflow:auto; }.customer-list button { flex-shrink:0; }.customer-columns { grid-template-columns:1fr; }}
@media(max-width:800px){.hero-scene { padding:80px 0; }.hero-art { inset:0 -15px;width:calc(100% + 30px);height:100%;object-fit:cover; }.desk-preview { margin:25px 10px; }.workspace-intro,.workspace-top { align-items:start;flex-wrap:wrap;gap:12px; }.workspace-page main { padding:0 10px 20px; }.workspace-top { padding:16px; }.workspace-top>span { display:none; }.workspace-page .demo-toolbar { padding:14px;font-size:12px; }.client-stats { gap:7px; }.client-stats>div { padding:12px 9px; }.client-stats strong { font-size:23px; }.client-stats span { font-size:10px; }.work-task { flex-wrap:wrap;gap:10px;padding:12px; }.work-task-time { min-width:65px; }.work-task-copy { flex-basis:55%; }.work-task>.text-button { margin-left:auto; }.studio-grid,.opportunity-grid,.staff-grid { grid-template-columns:1fr; }.studio-card { grid-template-columns:1fr; }.studio-art { min-height:135px; }.studio-art strong { font-size:20px; }.studio-art span { font-size:26px; }.week-strip { gap:3px; }.week-strip strong { font-size:19px; }.week-strip small { font-size:9px; }.tool-grid { grid-template-columns:1fr 1fr; }.scenario-bar label { min-width:0;flex:1 1 150px; }.scenario-bar select { width:100%; }.customer-profile { flex-direction:column; }.workspace-heading { flex-wrap:wrap; }.permission-table th,.permission-table td { padding:8px 5px; }}