@font-face{font-family:SignalGeist;src:url('/fonts/geist/Geist-Variable.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#24282f;font:12px/1.4 Arial,Helvetica,sans-serif}
.signal-scene{position:relative;width:100%;max-width:560px;height:430px;margin:auto;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 55% 60%,#edf4fb 0,transparent 70%)}
.window{position:absolute;background:#fff;border:1px solid #e0e2e7;border-radius:9px;box-shadow:0 14px 28px -20px #263e6466;overflow:hidden}
.reveal{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.7,.25,1),visibility .9s}
.reveal.is-revealed{opacity:1;visibility:visible;transform:translateY(0)}
.back{inset:13px 15px auto 7px;height:236px;transform:rotate(-.8deg);z-index:1}
.bar{display:flex;align-items:center;gap:7px;min-height:34px;padding:8px 11px;border-bottom:1px solid #e6e7ec;background:white}
.bar img{width:18px;height:18px;object-fit:contain}.bar strong{font-size:13px}.bar small{font-size:10px;color:#747d8b}.menu{margin-left:auto;color:#8b94a0;letter-spacing:2px}
.toolbar{display:flex;align-items:center;gap:11px;padding:8px 10px;border-bottom:1px solid #e5e6eb;color:#737985;font-size:10px}.toolbar strong{color:#333840;font-weight:500}.toolbar .add{margin-left:auto;color:#fff;background:#2d8548;border-radius:3px;padding:4px 7px;white-space:nowrap}
table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}th{text-align:left;background:#f7f7f9;color:#77808e;font-weight:400;font-size:10px;padding:7px 9px;border-bottom:1px solid #e5e6eb}td{padding:8px 9px;border-bottom:1px solid #ececf0;height:33px}td:first-child{font-weight:600}th:first-child{width:42%}.muted{color:#7d8490}.pill{display:inline-block;background:#f1f2f5;color:#616874;border-radius:3px;padding:2px 5px;font-size:10px;white-space:nowrap}.pill.amber{color:#8b651d;background:#fff4de}.pill.green{color:#276f53;background:#eaf6ef}.selected td{background:#f1f6ff}.selected td:first-child{box-shadow:inset 2px 0 #3286ee}
/* Pipedrive: purple application rail, white list view and green actions. */
.pipedrive{padding-left:29px;font-family:Arial,Helvetica,sans-serif}.pd-rail{position:absolute;inset:0 auto 0 0;width:29px;background:#211c50;color:#fff;display:flex;flex-direction:column;align-items:center;gap:7px;padding:3px 0}.pd-mark{font:bold 28px/31px Arial}.pd-rail svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.pd-rail span:not(.pd-mark){width:23px;height:24px;display:grid;place-items:center;border-radius:3px}.pd-rail .active{background:#6851dc}.pd-rail .more{margin-top:auto;font-size:10px}
.pd-search{margin-left:auto;border:1px solid #dddde1;border-radius:16px;color:#7a7d82;padding:3px 8px;font-size:10px;font-weight:400}.pipedrive .bar{padding-inline:9px}.pipedrive .bar strong{font-size:11px}.pipedrive th:first-child{width:41%}
.news{top:142px;left:3%;width:82%;z-index:2;font-family:SignalGeist,Arial,sans-serif}.news .bar{min-height:30px;padding:6px 10px}.news .bar strong{font-size:11px}.news-body{padding:9px 11px 14px}.news-body strong{display:block;font-size:13px;color:#202633}.news-meta{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#747e8b;margin-top:6px}.news-meta span:last-child{color:#977026}
/* Lemlist: compact message editor, not a miniature full application. */
.email{left:13%;right:5px;top:252px;z-index:3;font-family:Arial,Helvetica,sans-serif}.email .bar{padding:7px 11px;min-height:33px}.email .bar strong{color:#151619;font-size:13px}.email .bar small{font-size:10px}.recipient{display:flex;gap:9px;align-items:center;padding:8px 12px 3px;font-size:10px;color:#798190}.recipient b{font-weight:400;color:#333c48;background:#fafafa;border:1px solid #e7e8eb;border-radius:4px;padding:2px 6px}.subject{padding:3px 12px 7px;border-bottom:1px solid #ececf0;font-size:11px;font-weight:600;color:#151619}.mail-copy{padding:8px 12px 10px;font-size:11px;line-height:1.45;color:#566073}.mail-copy p{margin:0 0 5px}.mail-copy p:last-child{margin-bottom:0}.mail-copy mark{background:#e9f1ff;color:#326db8;padding:0 1px}.problem .email{top:251px}
/* Clay keeps its spreadsheet grid, field types and neutral/lilac shell. */
.clay{font-family:SignalGeist,Arial,sans-serif;border-color:#e3e1eb;box-shadow:0 0 0 3px #f6f4fa,0 14px 28px -20px #263e6466}.clay .bar strong{font-size:14px;color:#121317}.clay .toolbar{padding:7px 10px}.clay th,.clay td{border-right:1px solid #e9e7ef}.clay th:first-child{width:35%}.clay th:nth-child(2){width:35%}.clay td:first-child{font-weight:400;text-decoration:underline;text-underline-offset:3px}.clay td{height:35px}.clay .row-number{display:inline-block;color:#9299a7;font-size:9px;margin-right:8px;text-decoration:none}.signal-cell{position:relative}.signal-cell .new-value{position:absolute;inset:8px 6px;background:#f1f6ff;font-size:10px;transform:none}.signal-cell .is-revealed{color:#276f53}
/* HubSpot company priority inspector: dark navigation and teal account links. */
.hubspot{top:139px;left:6%;right:10px;z-index:2;border-radius:6px;color:#33475b}.hubspot .bar{background:#2d3e50;color:#fff;min-height:30px;padding:5px 10px;border:0}.hubspot .bar img{width:17px;height:17px}.hubspot .bar small{color:#d2dce5}.hs-condition{padding:6px 10px;font-size:10px;color:#536b7b;border-bottom:1px solid #e1e9ef;background:#f5f8fa;display:flex;justify-content:space-between;gap:5px}.hs-condition b{color:#287a5a;font-weight:500}.priority-list{position:relative;height:60px;margin:0;padding:0;list-style:none;background:white}.priority-row{display:grid;grid-template-columns:1fr 68px 43px;align-items:center;height:28px;padding:0 10px;border-bottom:1px solid #e6edf2;font-size:11px}.priority-row strong{font-weight:500;color:#008da8}.priority-row.target{position:absolute;top:28px;left:0;right:0;transition:transform .95s ease,background .95s ease}.priority-row.other{transition:transform .95s ease}.priority-list.is-revealed .target{transform:translateY(-28px);background:#eaf7f8}.priority-list.is-revealed .other{transform:translateY(28px)}.priority-row .after{display:none}.priority-list.is-revealed .before{display:none}.priority-list.is-revealed .after{display:inline;color:#27765a}.priority-row .rank{color:#8293a2;text-align:right;font-size:10px}.solution .email{top:271px}.solution .mail-copy{padding-top:7px;font-size:11px}.solution .subject{font-size:11px}
@media(max-width:380px){.back{left:5px;right:9px}.pd-search{font-size:9px;padding-inline:6px}.pipedrive .toolbar{gap:6px;padding-inline:7px}td,th{padding-inline:6px}.news{width:92%;left:2%;top:145px}.news-body strong{font-size:12px}.news-meta{font-size:9px}.email{left:5%;right:4px}.hubspot{left:3%;right:6px}.hs-condition{font-size:9px;gap:3px}.clay td{font-size:10px}.clay .row-number{margin-right:4px}.bar small{font-size:9px}.solution .email{top:271px}.mail-copy{font-size:11px}}
/* Leave the two CRM priorities readable above the overlapping news window. */
.pipedrive .toolbar{padding:4px 9px;height:29px}
.pipedrive .toolbar .add{padding:3px 6px}
.pipedrive td{height:31px;padding-block:6px}
.pipedrive td:first-child{font-size:10px;white-space:nowrap}
.news{top:174px}
.news .bar{min-height:28px;padding:5px 10px}
.news-body{padding:7px 11px 10px}
.news-meta{margin-top:4px}
.problem .email{top:263px}
.problem .mail-copy{padding:6px 12px 8px}
.solution .email{top:250px}
@media(max-width:380px){.news{top:174px}.problem .email{top:263px}.solution .email{top:240px}.pipedrive th:first-child{width:43%}.pipedrive td:first-child{font-size:9px}}
[data-paused=true] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}