/* Editable screen content: projected onto the laptop, then into the viewport. */
:root { --dash-bg:#f4f6f8; --dash-card:#fff; --dash-text:#172b3b; --dash-muted:#637180; --dash-line:#e3e8ed; --dash-green:#19734a; --dash-tint:#e7f6ec; --dash-blue:#253d54; }
.growth-story.is-enhanced { height:650svh; }
.laptop-sequence { transform-origin:0 0; }
.agency-dashboard { position:absolute;left:0;top:0;z-index:8;width:100%;height:100%;overflow:hidden;background:var(--dash-bg);color:var(--dash-text);transform-origin:0 0;opacity:0;visibility:hidden;pointer-events:none; font-family:Manrope,Arial,sans-serif; }
.agency-dashboard.is-interactive { pointer-events:auto; }
.dash-topbar {height:62px;padding:0 28px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--dash-line);background:var(--dash-card);}
.dash-logo {font-size:22px;color:var(--dash-green);display:flex;align-items:center;gap:10px;}.dash-logo b {font-size:12px;letter-spacing:.09em;color:var(--dash-text);}.dash-demo {font:10px 'DM Mono',monospace;letter-spacing:.04em;color:var(--dash-muted);margin-left:auto;}.dash-avatar {width:29px;height:29px;display:grid;place-items:center;background:var(--dash-tint);border-radius:50%;font-size:10px;font-weight:800;}
.dash-layout {display:grid;grid-template-columns:190px minmax(0,1fr);height:calc(100% - 62px);}.dash-sidebar {display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--dash-line);background:var(--dash-card);padding:23px 14px;color:var(--dash-muted);font-size:12px;}.dash-sidebar>span,.dash-sidebar>b {padding:13px 12px;font-weight:500;}.dash-sidebar .dash-workspace {border:1px solid var(--dash-line);border-radius:7px;font-size:10px;margin-bottom:22px;display:flex;justify-content:space-between;}.dash-active {background:var(--dash-tint);color:var(--dash-green);border-radius:6px;}.dash-partner {margin-top:auto;font-size:11px;padding:16px 5px;line-height:2;}.dash-partner i,.dash-dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dash-green);margin-right:5px;}.dash-partner small {font-size:9px;}
.dash-main {padding:28px 32px 18px;min-width:0;display:flex;flex-direction:column;gap:20px;overflow:hidden;}.dash-heading {display:flex;justify-content:space-between;align-items:center;gap:15px;}.dash-kicker {font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--dash-green);margin:0 0 7px;}.growth-stage .agency-dashboard h2 {font-size:clamp(22px,2.3vw,34px);font-weight:750;line-height:1.2;letter-spacing:-.04em;margin:0;}.dash-heading p:not(.dash-kicker) {font-size:12px;color:var(--dash-muted);margin:9px 0 0;}.dash-period {font-size:11px;white-space:nowrap;border:1px solid var(--dash-line);padding:10px 12px;border-radius:6px;background:var(--dash-card);}
.dash-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}.dash-metrics article {border:1px solid var(--dash-line);border-radius:8px;background:var(--dash-card);padding:18px 17px;display:flex;flex-direction:column;gap:8px;}.dash-metrics span {font-size:10px;color:var(--dash-muted);}.dash-metrics strong {font-size:clamp(24px,2.8vw,40px);font-weight:750;letter-spacing:-.06em;line-height:1.15;font-variant-numeric:tabular-nums;}.dash-metrics small {font-size:8px;color:var(--dash-muted);}.dash-metrics .dash-metric-focus {background:var(--dash-tint);border-color:var(--dash-tint);}.dash-metric-focus strong {color:var(--dash-green);}
.dash-middle {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);gap:16px;}.dash-chart,.dash-activity,.dash-clients {background:var(--dash-card);border:1px solid var(--dash-line);border-radius:8px;padding:18px 20px;}.dash-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}.dash-panel-heading h3 {font-size:12px;margin:0;font-weight:750;letter-spacing:-.015em;}.dash-panel-heading>span {font-size:9px;color:var(--dash-muted);}.dash-chart-plot {height:clamp(105px,16vh,185px);display:flex;gap:12px;}.dash-chart-labels {display:flex;flex-direction:column;justify-content:space-between;padding:12px 0;font-size:8px;color:var(--dash-muted);}.dash-chart svg {width:100%;height:100%;overflow:visible;}.chart-grid {fill:none;stroke:var(--dash-line);stroke-width:1;}.chart-line {fill:none;stroke:var(--dash-green);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:var(--chart-offset,0);}.chart-stop {stop-color:var(--dash-green);stop-opacity:.2;}.chart-stop-clear {stop-color:var(--dash-green);stop-opacity:0;}.chart-area {fill:url(#chart-fill);opacity:var(--chart-fill-opacity,1);}.dash-months {display:flex;justify-content:space-between;padding:10px 0 0 35px;color:var(--dash-muted);font-size:8px;}
.dash-activity>div:not(.dash-panel-heading) {display:flex;gap:10px;margin-top:16px;}.dash-activity i {font-style:normal;width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--dash-tint);color:var(--dash-green);font-size:11px;}.dash-activity p {margin:0;display:flex;flex-direction:column;gap:4px;}.dash-activity b {font-size:10px;font-weight:700;}.dash-activity p span {font-size:9px;color:var(--dash-muted);}
.dash-clients {padding-bottom:5px;}.dash-client-row {display:grid;grid-template-columns:1.2fr 1.3fr .6fr;align-items:center;padding:11px 0;border-top:1px solid var(--dash-line);gap:10px;font-size:10px;}.dash-client-row>span:first-child {display:flex;align-items:center;gap:9px;font-weight:650;}.client-icon {display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:var(--dash-bg);font-style:normal;font-weight:750;color:var(--dash-blue);}.dash-client-row>span:nth-child(2) {color:var(--dash-muted);}.dash-client-row b {font-size:9px;color:var(--dash-green);font-weight:650;}.dash-table-head {font-size:8px;letter-spacing:.07em;color:var(--dash-muted);}.dash-bottom {margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;}.dash-bottom p {font-size:9px;color:var(--dash-muted);max-width:330px;line-height:1.5;margin:0;}.dash-bottom a {display:flex;align-items:center;gap:20px;min-height:44px;background:var(--dash-green);color:var(--dash-card);border-radius:6px;padding:10px 17px;text-decoration:none;font-size:11px;font-weight:650;white-space:nowrap;}.dash-bottom a:hover {background:var(--dash-blue);}.dash-bottom a:focus-visible {outline:3px solid var(--accent);outline-offset:3px;}.dash-bottom a:active {transform:scale(.98);}
.nav.is-dashboard {opacity:0;pointer-events:none;}.growth-stage:has(.agency-dashboard.is-interactive)::after {opacity:0;}
@media(max-width:900px) and (min-width:701px) { .dash-layout {grid-template-columns:150px minmax(0,1fr);}.dash-main {padding:22px;gap:15px;}.dash-metrics article {padding:14px 10px;}.dash-middle {grid-template-columns:minmax(0,1.4fr) minmax(190px,1fr);}.dash-chart,.dash-activity,.dash-clients {padding:15px;}}
@media(max-width:700px) { .laptop-sequence {top:40%;bottom:8%;left:-35%;width:145%;}.dash-topbar {height:55px;padding:0 16px;gap:10px;}.dash-logo b {font-size:9px;}.dash-demo {font-size:7px;max-width:115px;line-height:1.5;}.dash-avatar {display:none;}.dash-layout {display:block;height:calc(100% - 55px);}.dash-sidebar {display:none;}.dash-main {padding:20px 16px 16px;height:100%;gap:15px;}.dash-period {display:none;}.dash-heading p:not(.dash-kicker) {font-size:11px;max-width:260px;line-height:1.5;}.dash-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.dash-metrics article {padding:12px;gap:5px;}.dash-metrics strong {font-size:28px;}.dash-metrics small {font-size:7px;}.dash-middle {display:block;}.dash-chart {padding:14px;}.dash-chart-plot {height:90px;}.dash-activity {display:none;}.dash-clients {padding:13px 14px 3px;}.dash-client-row {grid-template-columns:1.5fr 1fr .7fr;font-size:8px;padding:9px 0;gap:5px;}.dash-client-row .client-icon {display:none;}.dash-client-row b {font-size:8px;}.dash-panel-heading {margin-bottom:8px;}.dash-bottom p {font-size:7px;}.dash-bottom a {padding:10px;font-size:9px;gap:8px;}}
@media(max-height:740px) { .dash-main {gap:12px;padding-top:18px;}.dash-chart-plot {height:90px;}.dash-metrics article {padding-block:12px;}.dash-client-row {padding-block:8px;}.dash-activity>div:not(.dash-panel-heading) {margin-top:12px;}}
@media(max-height:650px) { .dash-clients {display:none;}.dash-main {gap:12px;}}
@media(prefers-reduced-motion:reduce) { .agency-dashboard {position:relative;height:auto;min-height:650px;opacity:1;visibility:visible;transform:none!important;pointer-events:auto;}.dash-layout {height:auto;}.dash-main {min-height:590px;}.laptop-sequence {transform:none!important;}.nav.is-dashboard {opacity:1;pointer-events:auto;}}