.work-preview{margin:24px -8px 23px;padding:18px 14px 12px;border-radius:6px;background:#f6f6f3;color:#363b31}.wp-canvas{height:126px;display:flex;align-items:center;justify-content:center;gap:8px}.wp-caption{display:block;margin-top:14px;border-top:1px solid #e3e5dd;padding-top:10px;font-size:10px;line-height:1.5;color:#73786c}.wp-directory,.wp-findings,.wp-paper,.wp-ready,.wp-worker{background:white;border:1px solid #dfe3d6;border-radius:4px;padding:12px}.wp-paper{width:43%;min-height:100px}.wp-directory>span,.wp-findings>span,.wp-jobs>span,.wp-paper>span,.wp-worker>span{display:block;margin-bottom:10px;font-size:9px}.wp-paper>i{display:block;width:85%;height:5px;background:#e6e8e1;margin:8px 0}.wp-paper>i:nth-of-type(2n){width:65%}.wp-paper>i.wp-highlight{background:#d5dfa7}.wp-connector{width:18px;height:1px;background:#b6c095;flex-shrink:0}.wp-findings{width:50%}.wp-findings>div{display:flex;align-items:center;gap:5px;font-size:9px;padding:7px 0;border-top:1px solid #eef0e9}.wp-findings i{width:5px;height:5px;border-radius:50%;background:#96a94e}.wp-findings>div:last-child i{background:#c5c7bf}.wp-pages{position:relative;width:39%;height:93px;margin-left:6px}.wp-pages>div{position:absolute;inset:0;border:1px solid #d8ddcf;border-radius:3px;background:#fafbf8;transform:translate(-8px,-8px)}.wp-pages>div:nth-child(2){transform:translate(-4px,-4px)}.wp-pages>div:last-child{transform:none;background:white;padding:12px}.wp-pages span{font-size:9px}.wp-pages i{display:block;height:4px;margin-top:10px;background:#e0e5d6}.wp-directory{width:48%;padding:10px}.wp-directory>i{display:block;font-style:normal;font:8px/1.8 var(--font-mono),monospace;border-top:1px solid #eceee7;padding:3px 0}.wp-jobs{width:25%}.wp-jobs>i{display:block;height:18px;margin-top:5px;border:1px solid #dbe0cf;background:white;border-radius:3px}.wp-worker{width:38%;padding:10px}.wp-worker>div{display:flex;gap:4px}.wp-worker i{width:8px;height:27px;background:#bccb7e}.wp-worker i:nth-child(2){height:18px}.wp-worker i:nth-child(3){height:23px}.wp-ready{padding:8px;font-size:8px}.wp-ready>span{display:block;margin-top:9px;font-size:22px}.wp-timeline{width:100%;position:relative}.wp-timeline>div:first-child{display:flex;justify-content:space-between;margin-bottom:13px;font-size:8px;color:#797f70}.wp-timeline>div:not(:first-child){position:relative;height:22px;background:#e9ece3;margin:6px 0;border-radius:3px}.wp-timeline i{position:absolute;inset:0 auto 0 0;width:34%;border-radius:3px;background:#747e63}.wp-timeline>div:nth-child(2)>i:last-child{left:75%;width:25%}.wp-timeline>div:nth-child(3)>i{left:34%;width:18%;background:#bca178}.wp-timeline>div:nth-child(4)>i{left:52%;width:23%;background:#a7b68a}.wp-timeline>b{position:absolute;top:20px;bottom:-4px;left:62%;border-left:1px solid #353c2b}.wp-trace{width:100%}.wp-trace>span{display:block;font-size:9px;margin-bottom:15px}.wp-trace>div{display:flex;align-items:center;height:19px;gap:12px;border-top:1px solid #e0e4d7}.wp-trace>div>span{font-size:8px;color:#929789}.wp-trace i{width:82%;height:7px;background:#b7c780;border-radius:2px}.wp-trace>div:nth-child(3) i{margin-left:7%;width:20%}.wp-trace>div:nth-child(4) i{margin-left:27%;width:26%;background:#b5b9ad}.wp-trace>div:nth-child(5) i{margin-left:53%;width:20%}.wp-evaluation{width:100%;display:flex;gap:12px}.wp-evaluation>div{width:50%;padding:12px 10px;background:white;border:1px solid #dfe3d6;border-radius:4px}.wp-evaluation>div>span{font-size:10px}.wp-evaluation i{display:block;margin:10px 0;background:#e5e8dd;height:5px}.wp-evaluation i:nth-of-type(2){width:65%}.wp-evaluation>div>div{border-top:1px solid #eceee6;padding-top:9px;font-size:8px;display:flex;align-items:center;gap:5px}.wp-evaluation b{width:5px;height:5px;background:#9aae58;border-radius:50%}.wp-evaluation>div:last-child b{background:#c2aa7c}.wp-records{width:100%;padding:0 12px;background:#fff;border:1px solid #e0e4d8;border-radius:4px}.wp-records>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eceee7;padding:9px 0;font-size:9px}.wp-records>div:first-child{color:#828776;font-size:8px}.wp-records>div:last-child{border:0}.wp-records b{display:inline-block;width:6px;height:6px;background:#ced9aa;margin-right:6px}.wp-flow{display:flex;width:100%;justify-content:space-between}.wp-flow>div{width:30%;text-align:center;position:relative}.wp-flow>div>span{font:9px/1.5 var(--font-mono),monospace;color:#89907d}.wp-flow>div>i{display:block;width:40px;height:36px;margin:12px auto;border:1px solid #c1cca5;border-radius:4px;background:#fff}.wp-flow>div:nth-child(2)>i{background:#e1e8c9}.wp-flow>div:not(:last-child):after{content:"";position:absolute;height:1px;top:43px;left:calc(50% + 23px);width:calc(66% - 27px);background:#bac69c}.wp-flow strong{font-weight:400;font-size:10px}.work-illustration{width:min(1140px,calc(100% - 64px));margin:32px auto 60px;border:1px solid #e2e4dd;border-radius:10px;background:#fafbf8;overflow:hidden}.work-illustration>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 32px;border-bottom:1px solid #e2e4dd}.work-illustration h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:9px 0 0}.work-illustration-canvas{padding:32px;background:#fff}.work-illustration-canvas>.scene{width:100%;max-width:850px;margin:auto;min-height:0}.work-illustration-note{margin:0;padding:16px 32px;border-top:1px solid #e2e4dd;color:#757a6b;font-size:11px;line-height:1.6}.delivery-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.delivery-path>div{padding:20px;border:1px solid #e0e3d9;border-radius:5px}.delivery-path>div[data-state=passed]{background:#f2f6e8;border-color:#c4d5a2}.delivery-path>div[data-state=failed]{background:#fcf5eb;border-color:#d9c3a3}.delivery-path span{font:10px/1.6 var(--font-mono),monospace;color:#858c79}.delivery-path strong{display:block;margin:16px 0;font-size:18px;font-weight:500}.delivery-path p{font-size:13px;line-height:1.7;color:#777d6d}.delivery-diff{display:grid;gap:8px}.delivery-diff i{font:10px/1.6 var(--font-mono),monospace;color:#718444}.delivery-controls{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.delivery-controls button{border:1px solid #d8decc;border-radius:5px;padding:10px 16px;font-size:12px;background:#fff;cursor:pointer}.delivery-controls button:hover{background:#f1f5e9}.delivery-controls button:focus-visible{outline:2px solid #788e45;outline-offset:3px}.delivery-example>p{font-size:13px;color:#747b67}@media (max-width:700px){.work-illustration{width:calc(100% - 40px);margin:24px auto 36px}.work-illustration>header{padding:22px;display:block}.work-illustration h2{font-size:21px}.work-illustration-canvas{padding:12px}.work-illustration-note{padding:16px 22px}.delivery-path{grid-template-columns:1fr;gap:10px}.delivery-example{padding:10px}}.product-example{max-width:620px;margin:auto;padding:10px}.product-example-sheet{border:1px solid #e0e4d6;border-radius:6px;padding:28px;background:#fafbf7}.product-example-sheet h3{margin:16px 0;font-size:27px;font-weight:500;letter-spacing:-.03em}.product-example p{font-size:13px;line-height:1.7;color:#737a67}.product-example button{padding:10px 16px;font-size:12px;border:1px solid #d6ddc7;border-radius:4px;background:white;cursor:pointer}.product-example button[aria-pressed=true]{background:#e9efdc;border-color:#a8b786}.product-example button:disabled{opacity:.5;cursor:default}.product-example button:focus-visible,.sample-shopping input:focus-visible{outline:2px solid #788e45;outline-offset:3px}.product-example-controls{display:flex;gap:8px;margin-bottom:20px}.product-example-permissions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.product-example-permissions>span{display:block;border-top:1px solid #dfe4d3;padding-top:14px;font-size:12px;color:#7a826b}.product-example-permissions b{display:block;margin-top:8px;font-size:16px;color:#3c442e;font-weight:500}.sample-link{overflow-wrap:anywhere;padding:15px;margin:24px 0;border:1px solid #e1e5d8;border-radius:4px;background:white;font:12px/2 var(--font-mono),monospace}.sample-link mark{background:#e4edcd;color:#46522e}.sample-shopping{display:grid}.sample-shopping label{padding:15px 0;display:flex;align-items:center;gap:12px;border-top:1px solid #dfe4d4;font-size:15px;cursor:pointer}.sample-shopping input{accent-color:#75884d;width:16px;height:16px}.sample-shopping label[data-checked=true] span{text-decoration:line-through;color:#858c79}.financial-event-card{align-self:center;max-width:390px}.financial-event-card h3{font-size:clamp(23px,2.7vw,34px);line-height:1.2;margin:18px 0;letter-spacing:-.035em}.financial-event-card p,.financial-notification p{font-size:14px;line-height:1.65;color:#666}.financial-channel-note{border-top:1px solid #ddd;margin-top:28px;padding-top:20px}.financial-channel-note>span{display:block;font-weight:600;margin-bottom:7px}.financial-notification{padding:18px 14px;border:1px solid #e5e5e5;background:white;border-radius:10px;margin-top:20px}.financial-notification strong{display:block;margin:14px 0 7px;font-size:15px}.financial-message-example .phone-frame{width:270px}@media (max-width:680px){.financial-message-example .communication-layout{grid-template-columns:minmax(0,1fr);gap:28px}}.financial-notification{transition:opacity .4s,transform .4s}.financial-notification[data-delivered=false]{opacity:.25;transform:translateY(6px)}.work-card-impact{display:flex;align-items:baseline;gap:8px;font-size:12px}.work-card-impact strong{font-size:22px;letter-spacing:-.04em;color:#282824}.wp-connector{position:relative}.wp-connector:after{content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#768447;animation:preview-signal 3s ease-in-out infinite}.wp-timeline>b{animation:preview-timeline 10s linear infinite}.wp-directory i,.wp-evaluation>div>div,.wp-findings>div,.wp-flow>div>i,.wp-jobs i,.wp-paper .wp-highlight,.wp-records>div:not(:first-child),.wp-trace i,.wp-worker i{animation:preview-step 6s ease-in-out infinite}.wp-directory i:nth-child(2),.wp-evaluation>div:nth-child(2)>div,.wp-findings>div:nth-child(2),.wp-flow>div:nth-child(2)>i,.wp-records>div:nth-child(3),.wp-trace>div:nth-child(3) i,.wp-worker i:nth-child(2){animation-delay:1.2s}.wp-directory i:nth-child(3),.wp-flow>div:nth-child(3)>i,.wp-records>div:nth-child(4),.wp-trace>div:nth-child(4) i,.wp-worker i:nth-child(3){animation-delay:2.4s}@keyframes preview-signal{0%,15%{left:0;opacity:0}25%{opacity:1}80%{left:100%;opacity:1}to{left:100%;opacity:0}}@keyframes preview-timeline{0%{left:0}to{left:100%}}@keyframes preview-step{0%,65%,to{opacity:.45}20%,45%{opacity:1}}