/* Product stories below the hero. All selectors are scoped to this content. */
.screens .shot { image-rendering: auto; }
.screens .browser { border-radius: 12px; overflow: hidden; }
.screens__strip li { padding: .7rem; border: 1px solid var(--line); background: var(--bg-raised); border-radius: 8px; }
.screens__strip p { padding: .25rem .25rem .5rem; }
.screens__strip strong { margin-bottom: .25rem; }
.product-gallery { display:flex; justify-content:center; gap:.4rem; padding:.8rem; border:1px solid var(--line); border-radius:8px; background:var(--bg-raised); margin-top:1.4rem; overflow-x:auto; }
.product-gallery button { flex:none; border:1px solid transparent; background:transparent; color:var(--text-dim); padding:.65rem 1rem; border-radius:5px; font:500 .8rem var(--font-body); cursor:pointer; min-height:44px; }
.product-gallery button:hover { color:var(--text);background:#7df9ff05; }
.product-gallery button[aria-pressed=true] { color:var(--ice);background:#7df9ff0a;border-color:var(--line-strong); }
.product-gallery button:focus-visible { outline:2px solid var(--ice);outline-offset:2px; }
.how .section-title,.features .section-title { font-size: clamp(2.4rem,5vw,4.4rem); }
.how__steps .step { border-top: 1px solid var(--line-strong); padding-top: 1.6rem; }
.fit .compare { border-radius: 8px; overflow: hidden; }
.product-story { padding: clamp(4.5rem,8vw,8rem) var(--pad); border-top: 1px solid #7df9ff0c; position: relative; }
.product-story:nth-of-type(even) { background: #061017; }
.product-story__inner { max-width: 84rem; margin: auto; display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.5fr); gap: clamp(2.5rem,5vw,5.5rem); align-items: center; }
.product-story__copy { min-width: 0; }
.product-story__eyebrow { display:flex; align-items:center; gap: .75rem; font: 500 .67rem var(--font-body); letter-spacing: .15em; color: var(--ice-deep); margin-bottom: 1.6rem; }
.product-story__eyebrow > span { font-size:0.75rem; border:1px solid var(--line-strong); padding:.25rem .38rem; color:var(--text-dim); }
.product-story__copy h2 { font-family:var(--font-display); font-size:clamp(2.3rem,3.5vw,3.35rem); font-weight:650; letter-spacing:-.055em; line-height:1.08; margin-bottom:1.6rem; }
.product-story__copy h2 em { font-style:normal; color:var(--ice); }
.product-story__lede { font-size:1.02rem; color:var(--text-dim); line-height:1.8; max-width:34rem; }
.product-story__points { list-style:none; display:grid; gap:1.3rem; margin:2rem 0; }
.product-story__points li { display:flex; gap:.7rem; font-size:0.97rem; line-height:1.65; color:var(--text-dim); }
.product-story__points .p-icon { color:var(--ice-deep); width:17px; height:17px; margin-top:3px; }
.product-story__points strong { display:block; font-weight:500; color:var(--text); margin-bottom:.15rem; }
.product-story__link { display:inline-flex; gap:.75rem; align-items:center; color:var(--text); text-decoration:none; font-size:0.92rem; padding-bottom:.4rem; border-bottom:1px solid var(--line-strong); }
.product-story__link:hover { color:var(--ice); }
.p-icon { width:18px; height:18px; flex:none; vertical-align:middle; }
.p-demo { --p-muted:#8fa4af; --p-border:#d5edf111; --p-cyan:#7df9ff; --p-green:#64d9ae; --p-amber:#e8bd6f; --p-red:#f28b9e; min-width:0; margin:0; background:linear-gradient(135deg,#101e27,#09131b 60%); border:1px solid #b8e9f12b; border-radius:14px; box-shadow:0 25px 70px #0004,inset 0 1px 0 #ffffff07; color:#e3edf2; font-size:0.92rem; line-height:1.5; position:relative; }
.p-demo::before { content:''; position:absolute; inset:-32px; z-index:-1; background:radial-gradient(ellipse at 50% 45%,#37c8d60b,transparent 70%); pointer-events:none; }
.p-demo button,.p-demo input { font:inherit; }
.p-demo button { cursor:pointer; }
.p-demo :focus-visible,.product-story__link:focus-visible { outline:2px solid var(--ice); outline-offset:4px; }
.p-demo [hidden] { display:none!important; }
.p-chrome { min-height:47px; display:flex; align-items:center; gap:1rem; padding:0 1.15rem; border-bottom:1px solid var(--p-border); border-radius:14px 14px 0 0; background:#060c1299; }
.p-brand { display:flex; align-items:center; gap:6px; font:600 .53rem var(--font-body); letter-spacing:.12em; white-space:nowrap; }
.p-brand > span { color:var(--p-cyan); margin-left:-6px; }
.p-brand .p-icon { width:15px;height:15px;color:var(--p-cyan); }
.p-path { font-size:0.74rem; color:var(--p-muted); border-left:1px solid var(--p-border); padding-left:1rem; }
.p-example { margin-left:auto; font-size:0.65rem; letter-spacing:.11em; color:#8299a5; white-space:nowrap; }
.p-demo-foot { border-top:1px solid var(--p-border); min-height:50px; display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:.85rem 1.2rem; font-size:0.77rem; color:var(--p-muted); background:#050c133d; border-radius:0 0 14px 14px; }
.p-demo-foot > span { max-width:70%; }
.p-demo-foot a { display:flex; gap:.45rem; align-items:center; white-space:nowrap; color:#b3ccd8; text-decoration:none; }
.p-demo-foot a:hover { color:var(--p-cyan); }
.p-demo-foot .p-icon { width:13px; height:13px; }
.p-label { display:block; color:var(--p-muted); font-size:0.69rem; letter-spacing:.1em; font-weight:500; }
.p-badge { display:inline-flex; align-items:center; gap:.35rem; padding:.25rem .6rem; border-radius:5px; font-size:0.74rem; white-space:nowrap; font-weight:500; border:1px solid currentColor; }
.p-badge--green { color:var(--p-green); background:#64d9ae0b; border-color:#64d9ae30; }
.p-badge--amber { color:var(--p-amber); background:#e8bd6f0b; border-color:#e8bd6f30; }
.p-badge--red { color:var(--p-red); background:#f28b9e0b; border-color:#f28b9e30; }
.p-badge--cyan { color:var(--p-cyan); background:#7df9ff09; border-color:#7df9ff25; }
.p-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#12343c; color:#95e5de; flex:none; border:1px solid #ffffff13; }
.p-avatar--quill { background:linear-gradient(145deg,#4d4230,#252b2a); color:#eacb89; }
.p-avatar--sentinel { background:linear-gradient(145deg,#3c2d4e,#252339); color:#d3b8f5; }
.p-avatar--atlas { background:linear-gradient(145deg,#20495a,#192c3f); color:#94d8ed; }
.p-avatar .p-icon { width:21px; height:21px; }
.p-status-dot { display:inline-block; width:6px; height:6px; flex:none; background:var(--p-green); border-radius:50%; box-shadow:0 0 8px #64d9ae25; }
.p-status-dot.is-waiting { background:var(--p-amber); }
.p-live-layout { display:grid; grid-template-columns:155px minmax(0,1fr); }
.p-agent-list { padding:1.2rem .65rem; border-right:1px solid var(--p-border); display:flex; flex-direction:column; gap:.55rem; background:#060e1640; }
.p-agent-list > .p-label { margin:0 .5rem .65rem; display:flex; justify-content:space-between; }
.p-agent-list > .p-label b { color:var(--p-cyan); font-weight:400; }
.p-agent { color:var(--p-muted); display:flex; gap:.55rem; align-items:center; text-align:left; padding:.7rem .5rem; border:1px solid transparent; border-radius:8px; background:transparent; width:100%; }
.p-agent .p-avatar { width:29px;height:29px;border-radius:9px; }
.p-agent .p-avatar .p-icon { width:18px;height:18px; }
.p-agent strong,.p-agent small { display:block; }
.p-agent strong { font-size:0.84rem;font-weight:500;color:var(--text); }
.p-agent small { font-size:0.67rem;margin-top:.15rem; }
.p-agent .p-status-dot { margin-left:auto;width:4px;height:4px; }
.p-agent:hover { background:#ffffff04; }
.p-agent[aria-pressed=true] { background:#7df9ff09; border-color:#7df9ff30; }
.p-agent-list__bottom { margin-top:auto;padding:3rem .5rem .2rem;color:#758d9b;font-size:0.71rem;line-height:1.8; }
.p-agent-list__bottom .p-icon { margin-bottom:.6rem;display:block;color:#568494; }
.p-live-main { min-width:0;padding:1.4rem; }
.p-live-top { display:flex; align-items:center; position:relative; min-height:154px; }
.p-live-top > div:first-child { flex:1; position:relative; z-index:2; }
.p-live-top h3 { font-size:1.2rem;line-height:1.35;font-weight:500;letter-spacing:-.025em;margin:.45rem 0 .7rem;max-width:155px; }
.p-workstation { width:210px;flex:none;margin:-.5rem -1.6rem -.5rem -1.5rem; }
.p-workstation.iso { --anatomy-paper:#0b171f; --anatomy-top:#1b303d; --anatomy-shade-0:#071019; --anatomy-shade-1:#0c1c27; --anatomy-shade-2:#102330; --anatomy-shade-3:#172d3a; --anatomy-hi:#87a6b5; --anatomy-mid:#4b6b7e; --anatomy-lo:#2c4556; --anatomy-lit:#7df9ff; --anatomy-dot:#93c4d4; --anatomy-weight:.6px; }
.p-workstation[data-state=amber] .workstation-light { fill:var(--p-amber); }
.p-current-task { border:1px solid var(--p-border); background:#050e1680; padding:.85rem 1rem; border-radius:7px; margin:.6rem 0 1.1rem; }
.p-current-task strong { font-size:0.94rem;font-weight:500;display:block;margin:.35rem 0 .2rem; }
.p-current-task > span:last-child { font-size:0.75rem; color:var(--p-muted); }
.p-subhead { display:flex;align-items:center;justify-content:space-between;gap:.5rem; color:#b5c9d3; font-size:0.77rem; font-weight:500; }
.p-subhead .p-icon { width:14px;height:14px; }
.p-subhead > span { font-size:0.67rem;color:var(--p-muted);font-weight:400; }
.p-activity ol { list-style:none;margin:.6rem 0 1rem; }
.p-activity li { display:flex;align-items:center;gap:.55rem;padding:.5rem 0;position:relative; }
.p-activity li > span { color:#6d8796;font-size:0.68rem;width:25px;flex:none;font-variant-numeric:tabular-nums; }
.p-activity .p-icon { width:12px;height:12px;color:var(--p-green); }
.p-activity code { font: .77rem ui-monospace,monospace; color:#b7cbd5; }
.p-activity small { margin-left:auto;color:#78909f;font-size:0.71rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44%; }
.p-activity .is-current code { color:var(--p-cyan); }
.p-activity .is-current .p-status-dot { width:6px;height:6px;margin:0 3px; }
.p-demo--live[data-agent-state=amber] .is-current .p-status-dot { background:var(--p-amber); }
.p-run-metrics { display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;padding-top:1rem;border-top:1px solid var(--p-border); }
.p-run-metrics small { display:block;font-size:0.65rem;letter-spacing:.06em;color:var(--p-muted); }
.p-run-metrics b { display:block;font-size:0.88rem;font-weight:500;margin-top:.25rem;font-variant-numeric:tabular-nums; }
.p-review-heading { padding:1.5rem 1.5rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center; }
.p-review-heading h3,.p-budget-heading h3 { font-size:1.25rem;font-weight:500;letter-spacing:-.035em;line-height:1.4;margin-top:.4rem; }
.p-queue-count { font-size:0.72rem;color:var(--p-muted);display:flex;align-items:center;gap:.5rem;white-space:nowrap; }
.p-queue-count b { font-size:0.92rem;color:var(--p-amber);width:26px;height:26px;border:1px solid #e8bd6f30;border-radius:50%;display:grid;place-items:center; }
.p-review-card { margin:0 1.5rem;border:1px solid #e8bd6f30;border-radius:9px;background:linear-gradient(140deg,#e8bd6f05,#050e1660);padding:1.1rem; }
.p-review-author { display:flex;align-items:center;gap:.65rem;font-size:0.77rem;color:var(--p-muted); }
.p-review-author > span:nth-child(2) { flex:1; }
.p-review-author strong { color:#e5eef2;font-weight:500; }
.p-review-author small { display:block;font-size:0.68rem;margin-top:.2rem; }
.p-review-author .p-badge { margin-left:auto; }
.p-review-card h4 { font-size:1rem;font-weight:500;letter-spacing:-.025em;margin:1.2rem 0 .5rem; }
.p-review-note { font-size:0.84rem;color:var(--p-muted);line-height:1.8;margin-bottom:1rem;max-width:35rem; }
.p-deliverables { display:grid;border-top:1px solid var(--p-border); }
.p-deliverables > div { display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--p-border); }
.p-deliverables > div > .p-icon { width:16px;height:16px;color:#789aa8; }
.p-deliverables strong { display:block;font-size:0.84rem;font-weight:500; }
.p-deliverables small { display:block;font-size:0.71rem;color:#7f98a6;margin-top:.2rem; }
.p-task-status { margin-left:auto;color:var(--p-amber);font-size:0.68rem;white-space:nowrap; }
.p-review-actions { display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding-top:1.1rem; }
.p-button { border-radius:6px;border:1px solid #d4ecf129;padding:.6rem .8rem;min-height:38px;font-size:0.78rem!important;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background .2s; }
.p-button .p-icon { width:14px;height:14px; }
.p-button--quiet { color:#c3d3db;background:#ffffff03; }
.p-button--quiet:hover { background:#ffffff0a; }
.p-button--approve { background:#7df9ff;color:#06202a;border-color:#7df9ff; }
.p-button--approve:hover { background:#b7fcff; }
.p-decision-receipt { display:flex;align-items:center;gap:.6rem;padding:.9rem 1.5rem;color:#8da7b4;font-size:0.77rem;min-height:56px; }
.p-decision-receipt .p-icon { width:15px;height:15px; }
.p-demo--approval[data-decision=approved] .p-review-card { border-color:#64d9ae35; }
.p-demo--approval[data-decision=approved] .p-task-status,.p-demo--approval[data-decision=approved] .p-decision-receipt { color:var(--p-green); }
.p-demo--approval[data-decision=changes] .p-task-status,.p-demo--approval[data-decision=changes] .p-decision-receipt { color:var(--p-amber); }
.p-notification-row,.p-access-row { display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1.5rem;border-top:1px solid var(--p-border);font-size:0.69rem;color:var(--p-muted); }
.p-notification-row > span,.p-access-row > span { display:flex;align-items:center;gap:.5rem; }
.p-notification-row .p-icon,.p-access-row .p-icon { width:14px;height:14px; }
.p-notification-row > div,.p-access-row > div { display:flex;gap:.4rem;flex-wrap:wrap; }
.p-notification-row > div > span,.p-access-row > div > span { padding:.22rem .4rem;border:1px solid var(--p-border);border-radius:4px;color:#a9bfcb; }
.p-client-tabs { display:flex;gap:.4rem;padding:1.2rem 1.4rem 0; }
.p-client-tabs button { display:flex;align-items:center;gap:.45rem;flex:1;justify-content:center;background:#050e1650;border:1px solid var(--p-border);color:var(--p-muted);border-radius:6px;padding:.65rem .4rem;font-size:0.76rem; }
.p-client-tabs button[aria-pressed=true] { color:var(--p-cyan);background:#7df9ff09;border-color:#7df9ff35; }
.p-client-monogram { width:20px;height:20px;border-radius:4px;background:#ffffff06;display:grid;place-items:center;font-size:0.72rem; }
.p-client-workspace { padding:1.3rem 1.5rem; }
.p-client-heading { display:flex;align-items:center;gap:.8rem; }
.p-client-emblem { width:46px;height:46px;background:linear-gradient(135deg,#2a4547,#152b37);border:1px solid #b3e7ed20;border-radius:11px;display:grid;place-items:center;font-family:var(--font-display);font-size:1.2rem;color:#a8dae1; }
.p-client-heading h3 { font-size:1.15rem;font-weight:500;letter-spacing:-.03em;margin:.2rem 0; }
.p-client-heading p { font-size:0.77rem;color:var(--p-muted); }
.p-client-heading > .p-icon { margin-left:auto;color:#608d9f; }
.p-context-note { margin:1.1rem 0 1.3rem;padding:.6rem .75rem;border:1px solid #7df9ff1a;border-radius:5px;background:#7df9ff04;color:#99c4cd;font-size:0.74rem;display:flex;align-items:center;gap:.5rem; }
.p-context-note .p-icon { width:14px;height:14px; }
.p-client-columns { display:grid;grid-template-columns:1.2fr 1fr;gap:1rem; }
.p-client-columns .p-subhead { justify-content:flex-start;margin-bottom:.65rem; }
.p-client-columns .p-subhead > span { margin-left:auto; }
.p-client-project { background:#050d1570;border:1px solid var(--p-border);border-radius:7px;padding:.9rem; }
.p-client-project > .p-label { font-size:0.65rem;color:#668c9b; }
.p-client-project h4 { font-size:0.92rem;font-weight:500;line-height:1.5;margin:.4rem 0 .7rem; }
.p-project-tasks { display:grid;gap:.7rem; }
.p-project-tasks > span { display:flex;align-items:center;gap:.35rem;font-size:0.71rem;color:#a9becb; }
.p-project-tasks .p-icon { width:11px;height:11px;color:#729eaf; }
.p-project-tasks b { margin-left:auto;font-size:0.65rem;font-weight:400;color:#839ba9;white-space:nowrap; }
.p-file-list { list-style:none;display:grid;gap:.6rem; }
.p-file-list li { display:flex;align-items:center;gap:.45rem;padding:.55rem .6rem;background:#050d1570;border:1px solid var(--p-border);border-radius:5px;font-size:0.72rem;flex-wrap:wrap; }
.p-file-list .p-icon { width:13px;height:13px;color:#729eaf; }
.p-file-list small { display:block;width:100%;padding-left:1.3rem;color:#7b95a4;font-size:0.65rem; }
.p-client-assignment { display:flex;align-items:center;gap:.6rem;border-top:1px solid var(--p-border);margin-top:1.15rem;padding-top:1rem; }
.p-avatar-stack { display:flex;padding-left:0; }
.p-avatar-stack .p-avatar { width:28px;height:28px;border-radius:50%; }
.p-avatar-stack .p-avatar+.p-avatar { margin-left:-8px; }
.p-avatar-stack .p-avatar .p-icon { width:17px;height:17px; }
.p-client-assignment strong { display:block;font-size:0.77rem;font-weight:500; }
.p-client-assignment small { display:block;font-size:0.65rem;color:var(--p-muted); }
.p-client-assignment .p-badge { margin-left:auto; }
.p-budget-heading { padding:1.4rem 1.5rem;display:flex;align-items:center;justify-content:space-between; }
.p-budget-heading > .p-icon { width:27px;height:27px;color:#5b8b9d; }
.p-budget-agents { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:0 1.5rem; }
.p-budget-agents button { position:relative;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.8rem .7rem;background:#050e1640;color:#d6e5ed;border:1px solid var(--p-border);border-radius:7px;text-align:left; }
.p-budget-agents button[aria-pressed=true] { border-color:#7df9ff50;background:#7df9ff08; }
.p-budget-agents .p-avatar { width:27px;height:27px;border-radius:8px; }
.p-budget-agents .p-avatar .p-icon { width:18px;height:18px; }
.p-budget-agents strong { display:block;font-weight:500;font-size:0.82rem; }
.p-budget-agents small { display:block;font-size:0.67rem;color:var(--p-muted);margin-top:.15rem;font-variant-numeric:tabular-nums; }
.p-mini-bar { display:block;width:100%;height:3px;border-radius:2px;background:linear-gradient(to right,var(--p-green) var(--usage),#ffffff0a var(--usage));margin-top:.35rem; }
.p-mini-bar--paused { background:linear-gradient(to right,var(--p-red) var(--usage),#ffffff0a var(--usage)); }
.p-budget-detail { padding:1.5rem; }
.p-budget-summary { display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1.1rem; }
.p-budget-summary .p-label b { font-weight:400; }
.p-budget-summary > span > strong { display:block;font-size:2.1rem;font-family:var(--font-display);letter-spacing:-.05em;font-weight:500;margin-top:.35rem;font-variant-numeric:tabular-nums;line-height:1.2; }
.p-budget-summary strong small { font:400 .9rem var(--font-body);letter-spacing:0;color:var(--p-muted); }
.p-budget-track { height:12px;border-radius:3px;background:#ffffff09;position:relative; }
.p-budget-track > i { display:block;height:100%;background:var(--p-green);border-radius:3px;transition:background .2s; }
.p-warning-mark { position:absolute;left:80%;top:-5px;bottom:-5px;border-left:1px dashed #e8bd6f9c; }
.p-budget-scale { display:flex;justify-content:space-between;margin-top:.55rem;font-size:0.67rem;color:#718e9e;position:relative; }
.p-budget-scale > span:nth-child(2) { position:absolute;left:80%;transform:translateX(-70%);color:#c3a77e; }
.p-budget-message { display:flex;align-items:center;gap:.6rem;padding:.85rem .8rem;margin:1.3rem 0 1.1rem;background:#64d9ae08;border:1px solid #64d9ae20;border-radius:5px;color:#95cdb9;font-size:0.77rem;min-height:47px; }
.p-budget-message .p-icon { width:16px;height:16px; }
.p-budget-control { border-top:1px solid var(--p-border);padding-top:1rem; }
.p-budget-control label { display:flex;justify-content:space-between;align-items:center;font-size:0.77rem;color:#a7becb; }
.p-budget-control label > span { color:var(--p-cyan);font-variant-numeric:tabular-nums; }
.p-budget-control input { width:100%;height:32px;accent-color:#7df9ff;cursor:pointer;margin:.3rem 0; }
.p-budget-control > div { display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:0.69rem;color:#748e9e; }
.p-budget-control button { border:0;background:transparent;color:#9cb6c4;text-decoration:underline;padding:.3rem 0; }
.p-budget-truth { display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1.5rem;border-top:1px solid var(--p-border);color:#7897a7;font-size:0.71rem; }
.p-budget-truth > span { display:flex;align-items:center;gap:.4rem; }
.p-budget-truth .p-icon { width:13px;height:13px; }
.p-demo--budget[data-budget-state=warning] .p-budget-track > i { background:var(--p-amber); }
.p-demo--budget[data-budget-state=paused] .p-budget-track > i { background:var(--p-red); }
.p-demo--budget[data-budget-state=warning] .p-budget-message { background:#e8bd6f08;border-color:#e8bd6f25;color:var(--p-amber); }
.p-demo--budget[data-budget-state=paused] .p-budget-message { background:#f28b9e08;border-color:#f28b9e25;color:var(--p-red); }
@media(min-width:1100px) { #approvals .product-story__copy { order:2; } #approvals .product-story__inner { grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr); } }
@media(max-width:1100px) { .product-story__inner { grid-template-columns:minmax(0,1fr);max-width:760px;gap:2.5rem; } .product-story__copy { max-width:600px; } .product-story__copy h2 { font-size:clamp(2.4rem,5vw,3.4rem); } .product-story__points { grid-template-columns:1fr 1fr;gap:1.6rem;margin:1.5rem 0; } .product-story__lede { max-width:40rem; } }
@media(max-width:600px) {
 .product-gallery { justify-content:flex-start; padding:.4rem; }
 .product-gallery button { padding:.55rem .75rem; font-size:.75rem; }
 .product-story { padding:3.7rem 1.15rem; }
 .product-story__copy h2 { font-size:2.3rem; }
 .product-story__points { grid-template-columns:1fr;gap:1rem; }
 .product-story__lede { font-size:.95rem; }
 .p-demo { border-radius:10px; }
 /* Keep the decorative glow inside the phone viewport. */
 .p-demo::before { inset:0; }
 .p-chrome { min-height:43px;padding:0 .8rem;gap:.6rem; }
 .p-brand { font-size:0.65rem;letter-spacing:.08em; }
 .p-path { font-size:0.65rem;padding-left:.6rem; }
 .p-example { display:none; }
 .p-demo-foot { padding:.8rem;align-items:flex-start;font-size:0.72rem;gap:.6rem; }
 .p-demo-foot > span { max-width:65%; }
 .p-demo-foot a { font-size:0.67rem; }
 .p-live-layout { grid-template-columns:minmax(0,1fr); }
 .p-agent-list { flex-direction:row;padding:.7rem;gap:.3rem;border-right:0;border-bottom:1px solid var(--p-border); }
 .p-agent-list > .p-label,.p-agent-list__bottom,.p-agent small,.p-agent .p-status-dot { display:none; }
 .p-agent { padding:.5rem .4rem;gap:.4rem;justify-content:center; }
 .p-agent .p-avatar { width:23px;height:23px;border-radius:7px; }
 .p-agent .p-avatar .p-icon { width:15px;height:15px; }
 .p-agent strong { font-size:0.77rem; }
 .p-live-main { padding:.9rem; }
 .p-live-top { min-height:145px; }
 .p-live-top h3 { font-size:1.15rem; }
 .p-workstation { width:190px;margin:0 -1rem 0 -1.5rem; }
 .p-activity small { max-width:38%; }
 .p-review-heading { padding:1rem;align-items:flex-start; }
 .p-review-heading h3 { font-size:1.04rem; }
 .p-queue-count { flex-direction:column;font-size:0.65rem;gap:.3rem; }
 .p-review-card { margin:0 .8rem;padding:.85rem; }
 .p-review-author { gap:.45rem;flex-wrap:wrap;font-size:0.72rem; }
 .p-review-author small { font-size:0.65rem; }
 .p-review-author .p-avatar { width:28px;height:28px; }
 .p-review-author .p-badge { font-size:0.65rem;padding:.2rem .35rem; }
 .p-review-card h4 { font-size:.9rem;line-height:1.5;margin-top:1rem; }
 .p-review-note { font-size:0.77rem; }
 .p-deliverables strong { font-size:0.76rem; }
 .p-deliverables small { font-size:0.65rem; }
 .p-task-status { font-size:0.65rem; }
 .p-review-actions { gap:.4rem; }
 .p-button { font-size:0.71rem!important;padding:.6rem .55rem;min-height:44px; }
 .p-decision-receipt { padding:.8rem 1rem;font-size:0.72rem; }
 .p-notification-row,.p-access-row { padding:.8rem 1rem;flex-wrap:wrap;gap:.6rem; }
 .p-client-tabs { padding:.8rem .7rem 0;gap:.3rem; }
 .p-client-tabs button { font-size:0.7rem;gap:.3rem;min-height:44px; }
 .p-client-monogram { display:none; }
 .p-client-workspace { padding:1rem .9rem; }
 .p-client-heading { gap:.55rem; }
 .p-client-heading h3 { font-size:1rem; }
 .p-client-heading p { font-size:0.7rem; }
 .p-client-emblem { width:37px;height:37px;border-radius:8px; }
 .p-client-heading > .p-icon { display:none; }
 .p-context-note { font-size:0.69rem; }
 .p-client-columns { grid-template-columns:minmax(0,1fr);gap:1.2rem; }
 .p-client-project { padding:.8rem; }
 .p-project-tasks > span { font-size:0.76rem; }
 .p-project-tasks b { font-size:0.65rem; }
 .p-file-list { grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem; }
 .p-file-list li { padding:.5rem .4rem;font-size:0.67rem;display:block;overflow-wrap:anywhere; }
 .p-file-list .p-icon { display:block;margin-bottom:.35rem; }
 .p-file-list small { padding:0;font-size:0.65rem;margin-top:.25rem; }
 .p-budget-heading { padding:1rem; }
 .p-budget-heading h3 { font-size:1.1rem; }
 .p-budget-agents { padding:0 .8rem;gap:.35rem; }
 .p-budget-agents button { padding:.6rem .45rem;gap:.3rem; }
 .p-budget-agents .p-avatar { width:22px;height:22px;border-radius:6px; }
 .p-budget-agents .p-avatar .p-icon { width:15px;height:15px; }
 .p-budget-agents strong { font-size:0.72rem; }
 .p-budget-agents small { font-size:0.65rem; }
 .p-budget-detail { padding:1.1rem .9rem; }
 .p-budget-summary > span > strong { font-size:1.8rem; }
 .p-budget-summary strong small { font-size:0.84rem; }
 .p-budget-summary .p-badge { font-size:0.66rem; }
 .p-budget-scale { font-size:0.65rem; }
 .p-budget-scale > span:nth-child(2) { transform:translateX(-90%); }
 .p-budget-message { font-size:0.72rem;padding:.7rem; }
 .p-budget-truth { display:grid;grid-template-columns:1fr 1fr;padding:.8rem 1rem;gap:.6rem;font-size:0.68rem; }
 .p-budget-control button { min-height:32px; }
}
@media(prefers-reduced-motion:reduce) { .p-demo * { transition:none!important;animation:none!important; } }