1import{l as u}from"./kit-DJWY4RH8.js";import"./workPage-CGdPZHgp.js";import"./index-B6mD_PsP.js";import"./react-BmSfbuTI.js";import"./router-S_mV4VdI.js";import"./constants-0zg0ZfeY.js";import"./landing-Ds-gZ9ov.js";import"./reviews-CP-2I3hx.js";const U={mode:"light",font:{family:"Overpass",href:"https://fonts.googleapis.com/css2?family=Overpass:wght@500;600;700;800&family=Overpass+Mono:wght@500;600&display=swap"},colors:{bg:"#F2F4F1",ink:"#17201B",mute:"#55605A",accent:"#00704A",line:"rgba(23,32,27,.14)",band:"#00704A",bandInk:"#FFFFFF",bandMute:"rgba(255,255,255,.82)",flowBg:"#1B1F23",flowInk:"#FFFFFF",flowMute:"rgba(255,255,255,.68)",flowAccent:"#FFC726",flowCard:"#252A2F",proseDark:"#4CC38A",proseLight:"#00704A"},alt:{colors:{bg:"#121614",ink:"#EEF2EF",mute:"#9CA8A1",accent:"#3DBE7E",line:"rgba(255,255,255,.12)",band:"#0B5A3B",bandInk:"#FFFFFF",bandMute:"rgba(255,255,255,.80)",flowBg:"#181C1F",flowInk:"#FFFFFF",flowMute:"rgba(255,255,255,.66)",flowAccent:"#FFC726",flowCard:"#22272B",proseDark:"#4CC38A",proseLight:"#00704A"}},eyebrow:"Case study · State-contracted transport · USA",display:{lead:"Invoices in ",em:"7 days,",tail:" not 30+."},art:{src:"/images/work/gohighlevel-make-transportation-invoice-automation-hero.webp",srcSmall:"/images/work/gohighlevel-make-transportation-invoice-automation-hero-840.webp",alt:"Illustration of the trip-to-invoice system: a Retool trip log fills row by row from approved referrals, the Friday report is approved, a client signs through GoHighLevel, Claude checks every invoice field and flags one for review, and the state invoice exports to Google Sheets with the invoice cycle down from 30+ days to 7",width:1680,height:1280},cover:{src:"/images/work/gohighlevel-make-transportation-invoice-automation-cover.webp",width:1600,height:900},stats:[{n:"30+ â 7 days",t:"to prepare a state invoice, 77% less processing time"},{n:"31 hours",t:"of manual work saved every week"},{n:"23 days",t:"sooner paid on state government contracts"}],flowTitle:"Every trip entered once, invoiced on the 2nd",flow:[{label:"Intake",detail:"A referral in GoHighLevel gets a client ID from Make.com and one record in NocodeBackend",tool:"GoHighLevel"},{label:"Log",detail:"VAs log daily trips in Retool from smart dropdowns that only offer approved referrals",tool:"Retool"},{label:"Approve",detail:"Every Friday Make.com compiles the weekly report and Retool asks the manager to approve it",tool:"Make.com"},{label:"Sign",detail:"Approved trip logs become documents that GoHighLevel sends to each client for e-signature",tool:"GoHighLevel"},{label:"Invoice",detail:"On the 2nd of every month Claude validates every field and the state-format invoice exports to Google Sheets",tool:"Claude"}],media:[{eyebrow:"The invoice check",title:"Claude checks every field in 60 seconds, not 2 to 3 days",body:"Before each state submission someone spent 2 to 3 days checking the month by hand. Now Claude receives the raw trip JSON, validates each field against the state contract schema, flags anomalies with a confidence score and returns an invoice-ready object in under 60 seconds.",points:["Every field checked against the state contract schema","Anomalies flagged with a confidence score","An invoice-ready object, exported to Google Sheets"],scene:"tr-claude",caption:"Trip values and the flagged field are illustrative."},{eyebrow:"Six scenarios, one record",title:"A referral is never dropped or entered twice",body:"A new referral in GoHighLevel gets a client ID from Make.com and one record in NocodeBackend. A three-path router handles new clients, existing clients and error recovery with resume logic, so a failure picks up where it stopped instead of creating a duplicate.",points:["Three paths: new, existing, recover and resume","NocodeBackend as the single source of truth","2,181+ operations in the busiest of the six scenarios"],scene:"tr-router",caption:"Simplified from Scenario 1, client intake."},{eyebrow:"The month, on schedule",title:"Daily logs, Friday approvals, an invoice on the 2nd",body:"Trips are logged every day, the weekly report reaches the manager every Friday, approved logs go out for client e-signature and the state invoice is built on the 2nd of every month. Every trip, approval and signature is timestamped, which is the audit trail the state contract asks for.",points:["Weekly and monthly reports with no manual compilation","Client e-signature through GoHighLevel","A full digital audit trail for state compliance"],scene:"tr-month",caption:"Dates and counts are illustrative."}]},d="15s",c="'Overpass Mono', 'IBM Plex Mono', ui-monospace, monospace",F="var(--ct-font, 'Overpass', system-ui, sans-serif)",f='html:not([data-theme="light"])',_=t=>t.replace(/ · /g,'<i class="tr-d"></i>'),o=(t,r,a="translateY(6px)")=>`@keyframes ${t}{0%,${r}%{opacity:0;transform:${a}}${+(r+1.2).toFixed(2)}%,96%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}`,J=(t,r)=>t.replace(/([{}]\s*)([\d.]+%(?:\s*,\s*[\d.]+%)*)(\s*\{)/g,(a,i,e,L)=>i+e.replace(/[\d.]+/g,w=>+w<96?String(+(+w*r).toFixed(2)):w)+L),j=[["Jun 8","C-1042","Jefferson Co.","Franklin Co.","18.4"],["Jun 8","C-1043","Clay Co.","Jefferson Co.","22.1"],["Jun 9","C-1044","Madison Co.","Lincoln Co.","96.0"],["Jun 10","C-1045","Franklin Co.","Clay Co.","14.7"],["Jun 11","C-1046","Lincoln Co.","Madison Co.","31.2"]],T=2,C=[6,11,16,21,26],Y=C.map(t=>t-4),N=55,R=2.5,B=t=>`<svg viewBox="0 0 16 16" aria-hidden="true"><path d="${t}" fill="none" stroke="currentColor" stroke-width="1.4"/></svg>`,D={trips:B("M3 2.5h10a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 12V4A1.5 1.5 0 0 1 3 2.5zM1.5 6.5h13M6 6.5v7"),report:B("M4 1.5h5.5L13 5v9.5H4zM6.5 8.5h4M6.5 11h4"),invoice:B("M4 1.5h8a1.5 1.5 0 0 1 1.5 1.5v10a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 13V3A1.5 1.5 0 0 1 4 1.5zM5.5 5h5M5.5 8h5M5.5 11h3"),clients:B("M10.8 5.5a2.8 2.8 0 1 1-5.6 0 2.8 2.8 0 0 1 5.6 0zM2.5 14c.6-3 2.8-4.5 5.5-4.5s4.9 1.5 5.5 4.5")},H=["C-1041","C-1042","C-1043","C-1044","C-1045","C-1046","C-1047"],K=_(`<div class="ca-stage ca-tr"><div class="pad"> 2<div class="win"> 3 <div class="tb">${u("Retool","lg rl",32)}<b>Trip operations</b><span class="crumb">
3/ Trips</span><span class="av">VA</span></div> 4 <nav class="sd"><p>Pages</p> 5 <div class="pg on">${D.trips}Trips</div> 6 <div class="pg">${D.report}Weekly reports<span class="bd bw">1</span></div> 7 <div class="pg">${D.invoice}Invoices<span class="bd bi">1</span></div> 8 <div class="pg">${D.clients}Clients</div> 9 </nav> 10 <div class="mn"> 11 <div class="hd"><b>Trips</b><span>Week of Jun 8</span></div> 12 <div class="tst"><small>Friday · weekly report</small><b><i>â</i> Approved by manager</b></div> 13 <div class="frm"> 14 <div class="fld dd"><span class="v"><span>${H.slice(1,6).map(t=>`<i>${t}</i>`).join("")}</span></span><span class="chip">approved referral</span><span class="car">â¾</span></div> 15 <div class="fld f2">Pickup â drop-off</div><div class="fld f3">Miles</div><div class="btn">Log trip</div> 16 </div> 17 <div class="dl"><p>Approved referrals only</p><div class="vp"><ul>${H.map(t=>`<li>${t}<span class="chip">approved referral</span></li>`).join("")}</ul></div></div> 18 <div class="cb">${u("Claude","lg cl",32)}<div class="tx"><b>Claude · invoice check <span>2nd of the month</span></b><span class="ft">â Miles over contract schema · confidence 0.62</span></div> 19 <div class="bg2"><em class="k1">Checking 5 trips</em><em class="k2">4 valid · 1 for review</em></div></div> 20 <div class="tbl"> 21 <div class="th"><span>Date</span><span>Client</span><span>Pickup â drop-off</span><span class="r">Miles</span><span>Status</span></div> 22 ${j.map((t,r)=>`<div class="tr r${r}"><span>${t[0]}</span><b>${t[1]}</b><span class="rt">${t[2]} <i>â</i> ${t[3]}</span><span class="mi${r===T?" fl":""}"><span>${t[4]}</span></span><span class="st"><em class="s1 s1-${r}">Logged</em><em class="s2 s2-${r} ${r===T?"rv":"ok"}">${r===T?"â Review":"â Valid"}</em></span></div>`).join("")} 23 <span class="sw"></span> 24 </div> 25 </div> 26</div> 27<div class="doc"> 28 <div class="pgi"><i></i><i></i><i style="width:70%"></i><i></i><i style="width:55%"></i></div> 29 <div class="dt"><b>Trip log · Week of Jun 8</b><span>C-1042 · 3 trips · approved Friday</span> 30 <div class="sgrow"><div class="sig"><svg viewBox="0 0 120 30" aria-hidden="true"><path d="M4 22c6-14 10-16 12-8s-2 12 3 6 8-15 11-10-1 12 4 9 6-8 9-6 3 6 8 3 8-6 12-5 4 4 10 2 10-3 14-2" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div> 31 <span class="gh">${u("GoHighLevel","lg",32)}Signed via GoHighLevel</span></div> 32 </div> 33</div> 34<div class="inv"> 35 <div class="it">${u("Google Sheets","lg",32)}<div><b>State invoice · June</b><span><i>â</i> Exported to Google Sheets</span><small>Built on the 2nd · state format</small></div></div> 36</div> 37<div class="cyc"> 38 <div class="lb"><span>Invoice cycle</span><b><em class="c1">30+ days</em><em class="c2">7 days</em></b></div> 39 <div class="trk"><span class="was"></span><i></i></div> 40</div> 41</div></div>`),q=t=>t.map(([r,a])=>`${r}%{${a}}`).join(""),Q=[...j.map((t,r)=>`@keyframes tr-r${r}{0%,${C[r]}%{opacity:0;transform:translateY(-8px);background:transparent}${C[r]+1}%{opacity:1;transform:none;background:var(--r-new)}${C[r]+7}%,96%{opacity:1;transform:none;background:transparent}99%,100%{opacity:0;background:transparent}}`),`@keyframes tr-dv{${q([[0,"transform:translateY(0)"],...Y.slice(1).flatMap((t,r)=>[[t-.01,`transform:translateY(-${r*18}px)`],[t,`transform:translateY(-${(r+1)*18}px)`]]),[100,"transform:translateY(-72px)"]])}}`,`@keyframes tr-dl{0%{opacity:0;transform:translateY(-4px)}${Y.map(t=>`${t}%{opacity:0;transform:translateY(-4px)}${t+.6}%,${t+2.8}%{opacity:1;transform:none}${t+3.4}%{opacity:0;transform:none}`).join("")}100%{opacity:0}}`,`@keyframes tr-dlu{${Y.map((t,r)=>`${Math.max(0,t-.5)}%,${t+3.6}%{transform:translateY(-${r*30}px)}`).join("")}100%{transform:translateY(-120px)}}`,`@keyframes tr-btn{0%{transform:none}${C.map(t=>`${t-1}%{transform:none}${t-.5}%{transform:scale(.93)}${t}%{transform:none}`).join("")}100%{transform:none}}`,...j.map((t,r)=>{const a=+(N+.8+r*R).toFixed(2);return`@keyframes tr-s1-${r}{0%,${a}%{opacity:1}${+(a+.6).toFixed(2)}%,100%{opacity:0}
41}@keyframes tr-s2-${r}{0%,${a}%{opacity:0;transform:scale(.8)}${+(a+.9).toFixed(2)}%,100%{opacity:1;transform:none}}`})].join(` 42`),Z=J(` 43/* Retool trip log in highway green, light and dark */ 44.ca-tr{--r-bg:#FFFFFF;--r-side:#F7F8F9;--r-line:#E3E6EA;--r-ink:#1B1F23;--r-ink2: #3A4148;--r-mute:#5D6670;--r-head:#F5F7F8; 45 --r-acc:#00704A;--r-acc-soft:#E2F3EA;--r-acc-ink:#00663F;--r-new:#FFF6D6;--r-chip:#EEF0F2;--r-yel:#FFC726; 46 --r-amb:#7A4E00;--r-amb-bg:#FFF1C2;--r-amb-line:#E5A800;--r-cl:#C15F3C;--r-cl-bg:#FBF7F2;--r-cl-line:#EADFD2;--r-sweep:rgba(217,119,87,.10); 47 --r-gh:#0F5FAE;--r-gh-bg:#E6F0FB;--r-card:#FFFFFF;--r-paper:#FFFFFF;--r-shadow:rgba(23,32,27,.16); 48 font-family:${F};color:var(--r-ink);white-space:nowrap} 49${f} .ca-tr{--r-bg:#1C2024;--r-side:#171A1D;--r-line:#2F353B;--r-ink:#E9EDF0;--r-ink2: #C9D0D6;--r-mute:#9BA5AE;--r-head:#22272C; 50 --r-acc:#2E9E6A;--r-acc-soft:rgba(61,190,126,.16);--r-acc-ink:#74DBA6;--r-new:rgba(255,199,38,.14);--r-chip:#2A3036; 51 --r-amb:#FFD25E;--r-amb-bg:rgba(255,199,38,.15);--r-amb-line:#B78600;--r-cl:#EB9A79;--r-cl-bg:#26221F;--r-cl-line:#3D3630;--r-sweep:rgba(235,154,121,.12); 52 --r-gh:#8CC2F5;--r-gh-bg:rgba(23,128,219,.18);--r-card:#1C2024;--r-paper:#F4F5F6;--r-shadow:rgba(0,0,0,.5)} 53.ca-tr .win{position:absolute;left:0;top:0;width:760px;height:352px;background:var(--r-bg);border:1px solid var(--r-line);border-radius:12px;overflow:hidden;box-shadow:0 28px 56px -20px var(--r-shadow)} 54.ca-tr .tb{height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--r-line);font-size:13.5px} 55.ct-art .ca-tr img.lg, .ca-tr img.lg{display:block;height:18px;width:auto;flex:none} 56${f} .ca-tr img.rl{filter:invert(1)} 57.ca-tr .tb b{font-weight:700} 58.ca-tr .crumb{color:var(--r-mute)} 59.ca-tr .av{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--r-acc);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center} 60.ca-tr .sd{position:absolute;left:0;top:40px;bottom:0;width:148px;background:var(--r-side);border-right:1px solid var(--r-line);padding:12px 8px} 61.ca-tr .sd p{margin:0 0 6px 8px;font: 600 11px ${c};letter-spacing:.08em;text-transform:uppercase;color:var(--r-mute)} 62.ca-tr .pg{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border-radius:6px;font-size:13px;color:var(--r-ink2)} 63.ca-tr .pg svg{width:15px;height:15px;flex:none;color:var(--r-mute)} 64.ca-tr .pg.on{background:var(--r-acc-soft);color:var(--r-acc-ink);font-weight:700} 65.ca-tr .pg.on svg{color:var(--r-acc-ink)} 66.ca-tr .bd{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--r-yel);color:#1B1F23;font-size:11px;font-weight:800;display:grid;place-items:center} 67.ca-tr .bw{animation-name:tr-bw} .ca-tr .bi{animation-name:tr-bi} 68.ca-tr .mn{position:absolute;left:148px;top:40px;right:0;bottom:0} 69.ca-tr .hd{position:absolute;left:14px;top:13px;display:flex;align-items:baseline;gap:10px} 70.ca-tr .hd b{font-size:20px;font-weight:800;letter-spacing:-.01em} 71.ca-tr .hd span{font-size:12.5px;color:var(--r-mute)} 72.ca-tr .tst{position:absolute;right:12px;top:6px;width:252px;height:42px;padding:5px 12px 0;background:var(--r-card);border:1px solid var(--r-line);border-left:3px solid var(--r-acc);border-radius:8px;box-shadow:0 10px 24px -10px var(--r-shadow);z-index:3;animation: tr-tst ${d} cubic-bezier(.2,.8,.2,1) infinite both} 73.ca-tr .tst small{display:block;font: 600 10.5px ${c};letter-spacing:.08em;text-transform:uppercase;color:var(--r-mute)} 74.ca-tr .tst b{display:block;margin-top:1px;font-size:13.5px;font-weight:700} 75.ca-tr .tst i{font-style:normal;color:var(--r-acc-ink)} 76.ca-tr .frm, .ca-tr .cb{position:absolute;left:14px;right:14px;top:54px;height:46px;display:flex;align-items:center;gap:8px;border-radius:9px} 77.ca-tr .frm{padding:0 7px;border:1px solid var(--r-line);background:var(--r-side);opacity:0;animation-name:tr-frm} 78.ca-tr .fld{height:32px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--r-line);border-radius:6px;background:var(--r-bg);font-size:13px;color:var(--r-mute)} 79.ca-tr .dd{width:236px;border-color:var(--r-acc);box-shadow:0 0 0 3px var(--r-acc-soft);color:var(--r-ink)} 80.ca-tr .dd .v{height:18px;overflow:hidden;font: 600 13px/18px ${c}} 81.ca-tr .dd .v >
81 span{display:block;transform:translateY(-72px);animation: tr-dv ${d} steps(1, end) infinite both} 82.ca-tr .dd .v i{display:block;height:18px;font-style:normal} 83.ca-tr .chip{font-size:11px;font-weight:700;line-height:1;padding:4px 7px 3px;border-radius:10px;background:var(--r-acc-soft);color:var(--r-acc-ink)} 84.ca-tr .car{margin-left:auto;color:var(--r-mute);font-size:12px} 85.ca-tr .f2{flex:1;min-width:0} .ca-tr .f3{width:62px} 86.ca-tr .btn{height:32px;padding:0 14px;border-radius:6px;background:var(--r-acc);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;animation-name:tr-btn} 87.ca-tr .dl{position:absolute;left:22px;top:96px;width:236px;background:var(--r-card);border:1px solid var(--r-line);border-radius:8px;box-shadow:0 18px 34px -12px var(--r-shadow);overflow:hidden;z-index:6;opacity:0;animation-name:tr-dl} 88.ca-tr .dl p{margin:0;padding:6px 10px 5px;font-size:11px;color:var(--r-mute);border-bottom:1px solid var(--r-line)} 89.ca-tr .vp{position:relative;height:90px;overflow:hidden} 90.ca-tr .vp::before{content:'';position:absolute;left:4px;right:4px;top:30px;height:30px;border-radius:5px;background:var(--r-acc-soft)} 91.ca-tr .vp ul{position:relative;list-style:none;margin:0;padding:0;animation-name:tr-dlu} 92.ca-tr .vp li{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font: 600 13px ${c};color:var(--r-ink)} 93.ca-tr .cb{padding:0 12px;border:1px solid var(--r-cl-line);background:var(--r-cl-bg);gap:10px;animation-name:tr-cb} 94.ct-art .ca-tr .cb img.lg{height:20px} 95.ca-tr .tx{display:grid;line-height:1.3;min-width:0} 96.ca-tr .tx b{font-size:13.5px;font-weight:700} 97.ca-tr .tx b span{font-weight:500;color:var(--r-mute);margin-left:4px} 98.ca-tr .ft{font-size:12px;font-weight:700;color:var(--r-amb);animation-name:tr-ft} 99.ca-tr .bg2{margin-left:auto;position:relative;width:160px;height:24px;flex:none} 100.ca-tr .bg2 em{position:absolute;right:0;top:0;height:24px;padding:0 10px;border-radius:12px;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center}
101.ca-tr .k1{background:var(--r-chip);color:var(--r-mute);opacity:0;animation-name:tr-k1} 102.ca-tr .k2{background:var(--r-acc-soft);color:var(--r-acc-ink);animation-name:tr-k2} 103.ca-tr .tbl{position:absolute;left:14px;right:14px;top:112px;border:1px solid var(--r-line);border-radius:8px;overflow:hidden} 104.ca-tr .th, .ca-tr .tr{display:grid;grid-template-columns:62px 74px minmax(0, 1fr) 58px 104px;column-gap:10px;align-items:center;padding:0 12px} 105.ca-tr .th{height:26px;background:var(--r-head);font: 600 10.5px ${c};letter-spacing:.06em;text-transform:uppercase;color:var(--r-mute);border-bottom:1px solid var(--r-line)} 106.ca-tr .r{text-align:right} 107.ca-tr .tr{position:relative;height:32px;font-size:13px;color:var(--r-ink2);border-bottom:1px solid var(--r-line)} 108.ca-tr .tr:last-of-type{border-bottom:0} 109.ca-tr .tr b{font: 600 13px ${c};color:var(--r-ink)} 110.ca-tr .rt{overflow:hidden;text-overflow:ellipsis} 111.ca-tr .rt i{font-style:normal;color:var(--r-mute)} 112.ca-tr .mi{text-align:right;font: 500 13px ${c};color:var(--r-ink)} 113.ca-tr .mi span{padding:2px 5px;border-radius:4px} 114.ca-tr .mi.fl span{background:var(--r-amb-bg);color:var(--r-amb);box-shadow:inset 0 0 0 1px var(--r-amb-line);font-weight:700;animation-name:tr-fl} 115.ca-tr .st{position:relative;height:22px} 116.ca-tr .st em{position:absolute;left:0;top:0;height:22px;padding:0 8px;border-radius:11px;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center}
117.ca-tr .s1{background:var(--r-chip);color:var(--r-mute);opacity:0} 118.ca-tr .s2.ok{background:var(--r-acc-soft);color:var(--r-acc-ink)} 119.ca-tr .s2.rv{background:var(--r-amb-bg);color:var(--r-amb);box-shadow:inset 0 0 0 1px var(--r-amb-line)} 120${j.map((t,r)=>`.ca-tr .r${r}{animation: tr-r${r} ${d} ease infinite both} .ca-tr .s1-${r}{animation: tr-s1-${r} ${d} linear infinite both} .ca-tr .s2-${r}{animation: tr-s2-${r} ${d} ease infinite both}`).join(` 121`)} 122.ca-tr .sw{position:absolute;left:0;right:0;top:27px;height:33px;background:var(--r-sweep);box-shadow:inset 3px 0 0 #D97757;opacity:0;pointer-events:none;animation: tr-sw ${d} linear infinite both} 123.ca-tr .doc, .ca-tr .inv{position:absolute;top:372px;height:112px;background:var(--r-card);border:1px solid var(--r-line);border-radius:12px;box-shadow:0 18px 36px -20px var(--r-shadow);padding:14px} 124.ca-tr .doc{left:0;width:404px;display:flex;gap:14px;animation: tr-doc ${d} cubic-bezier(.2,.8,.2,1) infinite both} 125.ca-tr .pgi{width:58px;height:82px;flex:none;border-radius:4px;background:var(--r-paper);border:1px solid #D5DADF;padding:10px 8px;box-shadow:3px 3px 0 -1px var(--r-line)} 126.ca-tr .pgi i{display:block;height:4px;margin-bottom:7px;border-radius:2px;background:#DADFE4} 127.ca-tr .pgi i:first-child{background:var(--r-acc);width:60%} 128.ca-tr .dt{flex:1;min-width:0} 129.ca-tr .dt > b{display:block;font-size:15px;font-weight:800} 130.ca-tr .dt > span{display:block;margin-top:3px;font-size:12.5px;color:var(--r-mute)} 131.ca-tr .sgrow{margin-top:10px;display:flex;align-items:flex-end;gap:12px} 132.ca-tr .sig{width:112px;height:32px;border-bottom:1.5px dashed var(--r-mute);color:var(--r-ink);flex:none} 133.ca-tr .sig svg{display:block;width:112px;height:28px} 134.ca-tr .sig path{stroke-dasharray:260;stroke-dashoffset:0;animation: tr-sig ${d} ease-in-out infinite both} 135.ca-tr .gh{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 6px;border-radius:14px;background:var(--r-gh-bg);color:var(--r-gh);font-size:12px;font-weight:700;animation: tr-gh ${d} cubic-bezier(.3,1.4,.5,1) infinite both} 136.ct-art .ca-tr .gh img.lg{height:18px;border-radius:4px} 137/* A ring on the card that just changed */ 138.ca-tr .doc::after, .ca-tr .inv::after{content:'';position:absolute;inset:-1px;border-radius:12px;border:1px solid var(--r-acc);box-shadow:0 0 0 4px var(--r-acc-soft);opacity:0;pointer-events:none;animation:var(--g) ${d} ease-out infinite both} 139.ca-tr .doc{--g:tr-dg} .ca-tr .inv{--g:tr-ig} 140@keyframes tr-dg{0%, 47.5%{opacity:0} 49%{opacity:1} 60%, 100%{opacity:0}} 141@keyframes tr-ig{0%, 72%{opacity:0}
141 73.5%{opacity:1} 84%, 100%{opacity:0}} 142.ca-tr .inv{left:420px;width:340px;display:flex;gap:12px;align-items:center;animation: tr-inv ${d} cubic-bezier(.2,.8,.2,1) infinite both} 143.ca-tr .it{flex:1;min-width:0;display:flex;gap:10px;align-items:flex-start} 144.ct-art .ca-tr .it img.lg{height:26px;margin-top:1px} 145.ca-tr .it b{display:block;font-size:15px;font-weight:800} 146.ca-tr .it span{display:block;margin-top:5px;font-size:12.5px;font-weight:600;color:var(--r-acc-ink)} 147.ca-tr .it i{font-style:normal} 148.ca-tr .it small{display:block;margin-top:4px;font-size:12px;color:var(--r-mute)} 149.ca-tr .cyc{position:absolute;left:0;top:508px;width:760px;animation-name:tr-cyc} 150.ca-tr .lb{display:flex;justify-content:space-between;align-items:flex-end;height:24px} 151.ca-tr .lb > span{font: 600 11px ${c};letter-spacing:.08em;text-transform:uppercase;color:var(--r-mute)} 152.ca-tr .lb b{position:relative;width:160px;height:24px} 153.ca-tr .lb em{position:absolute;right:0;bottom:0;font-style:normal;font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1} 154.ca-tr .c1{color:var(--r-mute);opacity:0;animation-name:tr-c1} 155.ca-tr .c2{color:var(--r-acc-ink);animation-name:tr-c2} 156.ca-tr .trk{position:relative;margin-top:8px;height:16px;border-radius:8px;
156background:var(--r-chip)} 157.ca-tr .was{position:absolute;inset:0;border-radius:8px;border:1.5px dashed var(--r-mute);opacity:.55} 158.ca-tr .trk i{position:absolute;left:0;top:0;bottom:0;width:23.33%;border-radius:8px;background:var(--r-acc);animation: tr-cf ${d} cubic-bezier(.6,0,.3,1) infinite both} 159${Q} 160${o("tr-tst",30,"translateX(18px)")} 161${o("tr-bw",31,"scale(.4)")} 162${o("tr-bi",72,"scale(.4)")} 163${o("tr-doc",37,"translateY(14px)")} 164${o("tr-inv",71,"translateY(14px)")} 165${o("tr-cyc",0,"none")} 166@keyframes tr-frm{0%{opacity:0} 1.5%, 50%{opacity:1} 52%, 100%{opacity:0}} 167@keyframes tr-cb{0%, 51%{opacity:0;transform:translateY(4px)} 53.5%, 96%{opacity:1;transform:none} 99%, 100%{opacity:0}} 168@keyframes tr-sw{0%, 54%{opacity:0;transform:translateY(0)} 55%{opacity:1;transform:translateY(0)} ${N+4*R}%{opacity:1;transform:translateY(132px)} ${N+4*R+1.5}%, 100%{opacity:0;transform:translateY(132px)}} 169@keyframes tr-fl{0%, 60.6%{background:transparent;box-shadow:none;color:var(--r-ink)} 61.4%, 100%{background:var(--r-amb-bg);box-shadow:inset 0 0 0 1px var(--r-amb-line);color:var(--r-amb)}} 170@keyframes tr-ft{0%, 61%{opacity:0} 62.5%, 100%{opacity:1}} 171@keyframes tr-k1{0%, 66.5%{opacity:1} 67.5%, 100%{opacity:0}} 172@keyframes tr-k2{0%, 66.5%{opacity:0;transform:scale(.85)} 67.8%, 100%{opacity:1;transform:none}} 173@keyframes tr-sig{0%, 40%{stroke-dashoffset:260} 46%, 100%{stroke-dashoffset:0}} 174@keyframes tr-gh{0%, 46.5%{opacity:0;transform:scale(.6)} 48%, 96%{opacity:1;transform:none} 99%, 100%{opacity:0}} 175@keyframes tr-cf{0%, 83%{width:100%;background:var(--r-mute);box-shadow:0 0 0 0 transparent} 90%{width:23.33%;background:var(--r-acc);box-shadow:0 0 0 5px var(--r-acc-soft)} 95%, 100%{width:23.33%;background:var(--r-acc);box-shadow:0 0 0 0 transparent}} 176@keyframes tr-c1{0%, 87.5%{opacity:1} 88.5%, 100%{opacity:0}} 177@keyframes tr-c2{0%, 87.5%{opacity:0;transform:translateY(6px)} 89%, 100%{opacity:1;transform:none}} 178.ca-tr *{animation-duration:${d};animation-iteration-count:infinite;animation-fill-mode:both} 179.ca-tr i.tr-d{display:inline-block;width:3px;height:3px;margin:0 6px;border-radius:50%;background:currentColor;vertical-align:.25em;font-style:normal} 180@media (prefers-reduced-motion: reduce){ 181 .ca-tr .frm, .ca-tr .dl, .ca-tr .s1, .ca-tr .k1, .ca-tr .c1, .ca-tr .sw{opacity:0} 182 .ca-tr .cb, .ca-tr .tst, .ca-tr .doc, .ca-tr .inv, .ca-tr .cyc, .ca-tr .k2, .ca-tr .c2{opacity:1;transform:none} 183 .ca-tr .trk i{width:23.33%} 184} 185`,12/15),h="11s",s=t=>`<span class="tr-k">"${t}"</span>`,g=t=>`<span class="tr-s">"${t}"</span>`,A=t=>`<span class="tr-n">${t}</span>`,tt=["[ {",` ${s("client")}: ${g("C-1042")},`,` ${s("date")}: ${g("2026-06-08")},`,` ${s("county")}: ${g("Jefferson")},`,` ${s("miles")}: ${A("18.4")},`,` ${s("signed")}: ${A("true")}`,"}, {",` ${s("client")}: ${g("C-1044")},`,` ${s("date")}: ${g("2026-06-09")},`,` ${s("county")}: ${g("Madison")},`,` ${s("miles")}: ${A("96.0")},`,` ${s("signed")}: ${A("true")}`,"}, ⦠]"],rt=10,G=["{",` ${s("invoice")}: ${g("2026-06")},`,` ${s("trips")}: ${g("validated")},`,` ${s("flags")}: ${A("1")},`,` ${s("status")}: ${g("ready")}`,"}"],et=["Client ID","Trip date","County","Signature","Miles"],O=[12,19,26,33,40],P=4,at=[["C-1043","Clay","22.1"],["C-1045","Franklin","14.7"],["C-1046","Lincoln","31.2"]],ot='<svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3.5" y="5" width="17" height="15.5" rx="2" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M3.5 9.5h17M8 3v4M16 3v4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg>',it='<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="13.5" r="8" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M10 2.8h4M12 2.8v2.7" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path class="tr-chand" d="M12 13.5V8.2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>',nt=()=>_(`<div class="cm-stage tr-cl"> 186<div class="tr-cp tr-cjson"><div class="tr-ch"><b>trips_june.json</b></div> 187<pre class="tr-ccode">${tt.map((t,r)=>`<span class="tr-cln${r===rt?" is-fl":""}">${t}</span>`).join("")}<span class="tr-cscan"></span></pre></div> 188<span class="tr-carw tr-ca1">â</span> 189<div class="tr-cp tr-cai"><div class="tr-ch">${u("Claude","tr-clg",40)}<b>Claude</b><span class="tr-cst"><em class="tr-cst1">Validating</em><em class="tr-cst2">Done</em></span></div> 190<p class="tr-csc">State contract schema</p> 191<ul class="tr-cck">${et.map((t,r)=>`<li><span>${t}</span><i><b class="tr-cw tr-cw${r}"></b><b class="tr-cok tr-cok${r}${r===P?" is-fl":""}">${r===P?"â 0.62":"â"}</b></i></li>`).join("")}</ul> 192<div class="tr-cfl"><b>â Miles over contract schema</b><span class="tr-ccf">Confidence 0.62<i></i></span><span>flagged for review, not changed</span></div></div> 193<span class="tr-carw tr-ca2">â</span> 194<div class="tr-cp tr-cout"><p class="tr-clab">Invoice-ready object</p> 195<pre class="tr-ccode tr-cobj">${G.map((t,r)=>`<span class="tr-cln tr-co${r}">${t}</span>`).join("")}</pre> 196<div class="tr-csh"><div class="tr-cshh">${u("Google Sheets","tr-cgs",40)}<b>State invoice</b><span>June</span></div> 197<div class="tr-cg"><span></span><span>Client</span><span>County</span><span>Miles</span> 198${at.map((t,r)=>`<span>${r+2}</span>${t.map((a,i)=>`<span class="${r===2?`tr-cnw tr-cnw${i}`:""}">${a}</span>`).join("")}`).join("")}</div></div></div> 199<div class="tr-ct tr-cslow">${ot}<span>By hand:</span><b>2 to 3 days</b></div> 200<div class="tr-ct tr-cfast">${it}<span>Claude:</span><b>under 60 s</b></div> 201</div>`),n="14s",M=t=>t.split(";").map(r=>r==="1"?r:+(+r*12/14).toFixed(4)).join(";"),p=144,k=[64,144,224],x=304,V=346,st=t=>t===p?`M176,${p} L${x},${t}`:`M176,${p} C206,${p} 202,${t} 224,${t} L${x},${t}`,W=t=>`M40,${p} L176,${p}${t===p?"":` C206,${p} 202,${t} 224,${t}`} L${x},${t} L${V},${t}`,E=[.3,3.3,6.3],ct=t=>[t,t+.37,t+.68].map(r=>+(r/12*100).toFixed(1)),$=[16.6,41.6,66.5],m=[18.5,43.5,82],I='<svg viewBox="0 0 24 24" aria-hidden="true"><ellipse cx="12" cy="5.5" rx="7.5" ry="3" fill="none" stroke="currentColor" stroke-width="1.9"/><path d="M4.5 5.5v13c0 1.7 3.4 3 7.5 3s7.5-1.3 7.5-3v-13M4.5 12c0 1.7 3.4 3 7.5 3s7.5-1.3 7.5-3" fill="none" stroke="currentColor" stroke-width="1.9"/></svg>',lt='<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M2 3h12L9.5 8.5V13l-3 1.5v-6z" fill="currentColor"/></svg>',y=(t,r,a,i,e,L,w,X)=>`<div class="tr-mmod ${X}" style="--x:${t}em;--y:${r}em;--c:${a};--s:${i}em"><span class="tr-mring">${e}</span><span class="tr-mbub"><span class="tr-mct"><i>1</i><i>2</i><i>3</i></span></span><b>${L}</b><em>${w}</em></div>`,dt=()=>{const t=`<path class="tr-mw" d="M40,${p} L176,${p}"/>${k.map((i,e)=>`<path class="tr-mw${e===2?" tr-mwe":""}" d="${st(i)}"/><path class="tr-mw${e===2?" tr-mwe":""}" d="M${x},${i} L${V},${i}"/>`).join("")}`,r=k.map((i,e)=>e<2?`<circle class="tr-travel" r="5" opacity="0"><animateMotion path="${W(i)}" keyPoints="0;1;1" keyTimes="${M("0;0.16;1")}" calcMode="linear" dur="${n}" begin="${E[e]}
201s" repeatCount="indefinite"/><animate attributeName="opacity" values="1;1;0;0" keyTimes="${M("0;0.16;0.17;1")}" dur="${n}" begin="${E[e]}s" repeatCount="indefinite"/></circle>`:`<circle class="tr-travel tr-mbad" r="5" opacity="0"><animateMotion path="${W(i)}" keyPoints="0;0.88;0.88;1;1" keyTimes="${M("0;0.14;0.26;0.295;1")}" calcMode="linear" dur="${n}" begin="${E[e]}s" repeatCount="indefinite"/><animate attributeName="opacity" values="1;1;0;0" keyTimes="${M("0;0.295;0.3;1")}" dur="${n}" begin="${E[e]}s" repeatCount="indefinite"/></circle>`).join(""),a=u("GoHighLevel","tr-mimg",48);return`<div class="cm-stage tr-mk"> 202<div class="tr-mbar"><b>Client intake</b><span class="tr-msc">Scenario 1 of 6</span><span class="tr-mon"><i></i>ON</span></div> 203<svg class="tr-msvg" viewBox="0 0 480 320" aria-hidden="true">${t}${r}</svg> 204${y(4,p/10,"#0F2747",5.2,a,"GoHighLevel","New contact","tr-mm0")} 205${y(11.4,p/10,"#6D00CC",5.2,'<span class="tr-mgl">#</span>',"Tools","Generate client ID","tr-mm1")} 206${y(17.6,p/10,"#7DB52E",3.6,'<svg class="tr-mrg" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 12h7m0 0 8-6m-8 6 8 6m-8-6h11" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>',"Router","","tr-mm2 tr-mrt")} 207${y(x/10,k[0]/10,"#2D3B4E",4.4,I,"NocodeBackend","Create record","tr-mb0")} 208${y(x/10,k[1]/10,"#2D3B4E",4.4,I,"NocodeBackend","Update record","tr-mb1")} 209${y(x/10,k[2]/10,"#D9822B",4.4,'<span class="tr-mgl">â»</span><span class="tr-mspin"></span>',"Resume","From last step","tr-mb2")} 210${["New client","Existing client","Error"].map((i,e)=>`<span class="tr-mfl${e===2?" is-err":""}" style="top:${k[e]/10-1.75}em;left:${e===1?21.3:22.7}em">${lt}${i}</span>`).join("")} 211<div class="tr-mdb"><div class="tr-mdbh">${I}<div><b>NocodeBackend</b><span>Clients</span></div></div> 212<div class="tr-mrec tr-mr0"><code>C-1031</code><span class="tr-mtags"><em class="tr-mex tr-mex0">Existing</em><em class="tr-mup">Updated</em></span></div> 213<div class="tr-mrec"><code>C-1039</code><span class="tr-mtags"><em class="tr-mex">Existing</em></span></div> 214<div class="tr-mrec tr-mr2"><code>C-1047</code><span class="tr-mtags"><em class="tr-mnew">Created</em></span></div> 215<div class="tr-mrec tr-mr3"><code>C-1048</code><span class="tr-mtags"><em class="tr-mrs">Resumed</em></span><small>1 record, no duplicate</small></div> 216</div> 217<div class="tr-mfoot"><span class="tr-mrun">Run once</span><span>Busiest of the 6 scenarios: <b>2,181+ operations</b></span></div> 218</div>`},b=[];{const t=[3,4,2,3,4,3,2,4,3,3,4,2,3,4,3,3,2,4,3,4,3,4,3,2];let r=0;for(let a=0;a<5;a++)for(let i=0;i<5;i++){const e=1+a*7+i;e<=30?b.push({d:String(e),k:r,fri:i===4,inv:e===2?"may":void 0,dots:t[r++]}):e<=32?b.push({d:`${e-30} Jul`,dim:!0,k:r,inv:e===32?"june":void 0,dots:t[r++]}):b.push({d:`${e-30} Jul`,dim:!0,dots:0})}}const l=t=>4+3*t,S=[{t:"Jun 1 · 08:42",x:"Trip logged · C-1042",at:l(0)+.5},{t:"Jun 2 · 08:00",x:"May invoice built",at:l(1)+.8},{t:"Jun 5 · 16:10",x:"Weekly report approved",at:l(4)+1},{t:"Jun 12 · 15:49",x:"E-signature sent",at:l(9)+2},{t:"Jun 26 · 15:52",x:"Weekly report approved",at:l(19)+1},{t:"Jul 2 · 08:00",x:"June invoice built<br>Claude checked",at:l(23)+1}],v=6.32,z=4.9,mt=()=>_(`<div class="cm-stage tr-mo"> 219<div class="tr-ocal"><div class="tr-ohd"><b>June</b><span>Trips, reports and invoices</span></div> 220<div class="tr-owk">${["Mon","Tue","Wed","Thu","Fri"].map(t=>`<span>${t}</span>`).join("")}</div> 221<div class="tr-ogrid">${b.map(t=>`<div class="tr-oc${t.dim?" is-dim":""}"><div class="tr-otop"><b>${t.d}</b>${t.k!==void 0?`<span class="tr-odots tr-od${t.k}">${"<i></i>".repeat(t.dots)}</span>`:""}</div>${t.fri?`<em class="tr-ook tr-ook${t.k}">â Approved</em><em class="tr-oes tr-oes${t.k}">E-sign sent</em>`:""}${t.inv?`<em class="tr-oiv tr-oiv-${t.inv}">${t.inv==="may"?"May":"June"} invoice</em>`:""}</div>`).join("")} 222<span class="tr-otoday"></span> 223<div class="tr-opop"><b>Invoice built</b><span>â Claude checked</span></div></div></div> 224<div class="tr-oau"><div class="tr-oauh"><b>Audit trail</b><span>Every step timestamped</span></div> 225<ol>${S.map((t,r)=>`<li class="tr-oa${r}${r===S.length-1?" is-inv":""}"><time>${t.t}</time><span>${t.x}</span></li>`).join("")}</ol> 226<div class="tr-ores"><b>Invoice: 7 days,</b><span>was 30+</span></div></div> 227</div>`),pt=[...b.filter(t=>t.k!==void 0).map(t=>o(`tr-od${t.k}`,l(t.k),"scale(.4)")),...b.filter(t=>t.fri&&t.k!==void 0).map(t=>o(`tr-ook${t.k}`,l(t.k)+1,"scale(.8)")+o(`tr-oes${t.k}
227`,l(t.k)+2,"scale(.8)")),...S.map((t,r)=>o(`tr-oa${r}`,t.at,"translateX(-.6em)")),`@keyframes tr-otoday{0%{opacity:0;transform:none}${b.filter(t=>t.k!==void 0).map(t=>{const r=b.indexOf(t);return`${l(t.k)}%{opacity:1;transform:translate(${(r%5*v).toFixed(2)}em,${(Math.floor(r/5)*z).toFixed(2)}em)}`}).join("")}${l(23)+3}%,100%{opacity:0;transform:translate(${(3*v).toFixed(2)}em,${(4*z).toFixed(2)}em)}}`].join(` 228`),gt=J(` 229/* Scene 1: Claude's field check */ 230.tr-cl{--c-bg:#F2F4F1;--c-pan:#FFFFFF;--c-line:#DDE2DE;--c-ink:#17201B;--c-mute:#59635D;--c-code:#FAFBF9;--c-key:#0A5C8A;--c-str:#00663F;--c-num:#9A3F08; 231 --c-cl:#B5532F;--c-cl-bg:#FBF7F2;--c-cl-line:#EADFD2;--c-ok:#00663F;--c-ok-bg:#E2F3EA;--c-amb:#7A4E00;--c-amb-bg:#FFF1C2;--c-amb-line:#E5A800;--c-pend:#C9CFCB;--c-shadow:rgba(23,32,27,.14); 232 background:var(--c-bg);color:var(--c-ink);font-family:${F};white-space:nowrap} 233${f} .tr-cl{--c-bg:#121614;--c-pan:#1A1F1C;--c-line:#2C3430;--c-ink:#EEF2EF;--c-mute:#9CA8A1;--c-code:#161B18;--c-key:#86C8F0;--c-str:#74DBA6;--c-num:#F5AE86; 234 --c-cl:#EB9A79;--c-cl-bg:#24211E;--c-cl-line:#3D3630;--c-ok:#74DBA6;--c-ok-bg:rgba(61,190,126,.16);--c-amb:#FFD25E;--c-amb-bg:rgba(255,199,38,.14);--c-amb-line:#B78600;--c-pend:#46504A;--c-shadow:rgba(0,0,0,.45)} 235.tr-cp{position:absolute;top:1.2em;height:23.8em;border-radius:.9em;background:var(--c-pan);border:1px solid var(--c-line);box-shadow:0 1em 2em -1.4em var(--c-shadow);overflow:hidden} 236.tr-cjson{left:1.4em;width:14.2em} 237.tr-cai{left:16.9em;width:13.4em;background:var(--c-cl-bg);border-color:var(--c-cl-line)} 238.tr-cout{left:31.6em;width:15em;padding:.9em .8em} 239.tr-ch{height:2.6em;display:flex;align-items:center;gap:.6em;padding:0 .9em;border-bottom:1px solid var(--c-line);font-size:.95em} 240.tr-cai .tr-ch{border-color:var(--c-cl-line);font-size:1.05em} 241.tr-ch b{font-weight:700} 242.tr-cjson .tr-ch b{font: 600 .92em ${c}} 243.tr-clg{height:1.4em;width:auto;display:block} 244.tr-ccode{position:relative;margin:0;padding:.7em .9em;font: 500 .86em/1.5 ${c};color:var(--c-mute);white-space:pre;background:var(--c-code);font-variant-ligatures:none} 245.tr-cjson .tr-ccode{height:calc(100% - 2.6em / .86)} 246.tr-cln{display:block;border-radius:.25em} 247.tr-k{color:var(--c-key)} .tr-s{color:var(--c-str)} .tr-n{color:var(--c-num)} 248.tr-cln.is-fl{background:var(--c-amb-bg);box-shadow:inset .2em 0 0 var(--c-amb-line);animation-name:tr-cjf} 249.tr-cscan{position:absolute;left:0;right:0;top:calc(.7em + 1.5em);height:1.5em;background:color-mix(in srgb, var(--c-cl) 14%, transparent);box-shadow:inset .2em 0 0 var(--c-cl);opacity:0;animation: tr-cscan ${h} linear infinite both} 250.tr-carw{position:absolute;top:12.2em;width:1.3em;text-align:center;font-size:1em;font-weight:800;color:var(--c-mute)} 251.tr-ca1{left:15.6em}.tr-ca2{left:30.3em} 252.tr-cst{margin-left:auto;position:relative;width:6.4em;height:1.6em;font-size:.85em} 253.tr-cst em{position:absolute;right:0;top:0;height:1.75em;padding:0 .7em;border-radius:1em;display:flex;align-items:center;font-style:normal;font-weight:700} 254.tr-cst1{background:color-mix(in srgb, var(--c-cl) 16%, transparent);color:var(--c-cl);opacity:0;animation-name:tr-cst1} 255.tr-cst2{background:var(--c-ok-bg);color:var(--c-ok);animation-name:tr-cst2} 256.tr-csc{margin:.7em .9em .2em;font-size:.92em;font-weight:700;color:var(--c-cl)} 257.tr-cck{list-style:none;margin:0;padding:0 .9em} 258.tr-cck li{display:flex;align-items:center;justify-content:space-between;height:2.1em;border-bottom:1px solid var(--c-cl-line);font-size:.98em} 259.tr-cck li:last-child{border-bottom:0} 260.tr-cck i{position:relative;width:4.2em;height:1.6em;font-style:normal} 261.tr-cck b{position:absolute;right:0;top:0} 262.tr-cw{width:1.5em;height:1.5em;border-radius:50%;border:.16em solid var(--c-pend);opacity:0} 263.tr-cok{height:1.6em;min-width:1.6em;padding:0 .45em;border-radius:.8em;display:grid;place-items:center;background:var(--c-ok-bg);color:var(--c-ok);font-size:.9em;font-weight:800} 264.tr-cok.is-fl{background:var(--c-amb-bg);color:var(--c-amb);box-shadow:inset 0 0 0 1px var(--c-amb-line)} 265${O.map((t,r)=>`.tr-cw${r}{animation: tr-cw${r} ${h} linear infinite both} .tr-cok${r}{animation: tr-cok${r} ${h} cubic-bezier(.3,1.5,.5,1) infinite both}`).join(` 266`)} 267.tr-cfl{white-space:normal;text-wrap:balance;position:absolute;
267left:.9em;right:.9em;bottom:.9em;padding:.6em .75em;border-radius:.6em;background:var(--c-amb-bg);box-shadow:inset 0 0 0 1px var(--c-amb-line);animation-name:tr-cfl} 268.tr-cfl b{display:block;font-size:.92em;color:var(--c-amb)} 269.tr-cfl span{display:block;margin-top:.2em;font-size:.85em;line-height:1.3;color:var(--c-ink)} 270.tr-cfl .tr-ccf{display:flex;align-items:center;gap:.6em;font-weight:700} 271.tr-ccf i{position:relative;flex:1;height:.45em;border-radius:.25em;background:color-mix(in srgb, var(--c-amb-line) 28%, transparent);overflow:hidden} 272.tr-ccf i::after{content:'';position:absolute;left:0;top:0;bottom:0;width:62%;border-radius:inherit;background:var(--c-amb-line);animation:tr-ccb ${h} cubic-bezier(.2,.8,.2,1) infinite both} 273@keyframes tr-ccb{0%, 42%{width:0} 50%, 100%{width:62%}} 274.tr-clab{margin:0;font: 600 .85em ${c};letter-spacing:.08em;text-transform:uppercase;color:var(--c-mute)} 275.tr-cobj{margin-top:.5em;padding:.5em .7em;border-radius:.5em;border:1px solid var(--c-line);line-height:1.4} 276${G.map((t,r)=>`.tr-co${r}{animation: tr-co${r} ${h} ease infinite both}`).join(" ")} 277.tr-csh{margin-top:.9em;border:1px solid var(--c-line);border-radius:.5em;overflow:hidden;font-family: Arial, ${F}} 278.tr-cshh{height:2.2em;display:flex;align-items:center;gap:.45em;padding:0 .6em;border-bottom:1px solid var(--c-line);font-size:.92em} 279.tr-cshh span{margin-left:auto;color:var(--c-mute);font-size:.92em} 280.tr-cgs{height:1.35em;width:auto;display:block} 281.tr-cg{display:grid;grid-template-columns:1.4em 4.2em minmax(0, 1fr) 3em} 282.tr-cg span{height:1.95em;display:flex;align-items:center;padding:0 .3em;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);font-size:.86em;overflow:hidden} 283.tr-cg span:nth-child(4n){border-right:0;justify-content:flex-end} 284.tr-cg span:nth-child(-n+4){height:1.7em;background:color-mix(in srgb, var(--c-mute) 10%, transparent);color:var(--c-mute);font-size:.85em} 285.tr-cg span:nth-child(4n+1){justify-content:center;color:var(--c-mute);background:color-mix(in srgb, var(--c-mute) 10%, transparent);font-size:.85em;padding:0} 286.tr-cg span:nth-last-child(-n+4){border-bottom:0} 287.tr-cnw{background:color-mix(in srgb, #34A853 16%, transparent)} 288${[0,1,2].map(t=>`.tr-cnw${t}{animation: tr-cnw${t} ${h} ease infinite both}`).join(" ")} 289.tr-ct{position:absolute;top:26.2em;height:4.6em;display:flex;align-items:center;gap:.7em;padding:0 1.3em;border-radius:.9em;border:1px solid var(--c-line);background:var(--c-pan)} 290.tr-ct svg{width:2.5em;height:2.5em;flex:none} 291.tr-ct span{font-size:1.05em;color:var(--c-mute)} 292.tr-ct b{font-size:1.6em;font-weight:800;letter-spacing:-.01em} 293.tr-cslow{left:1.4em;width:21.8em;color:var(--c-mute)} 294.tr-cslow b{color:var(--c-mute)} 295.tr-cfast{left:24.8em;width:21.8em;border-color:var(--c-ok);box-shadow:inset 0 0 0 1px var(--c-ok);color:var(--c-ok)} 296.tr-cfast b{color:var(--c-ok)} 297.tr-chand{transform-origin:12px 13.5px;transform:rotate(300deg);animation: tr-chand ${h} cubic-bezier(.4,0,.4,1) infinite both} 298${O.map((t,r)=>`@keyframes tr-cw${r}{0%,${t}%{opacity:1}${t+.5}%,100%{opacity:0}}${o(`tr-cok${r}`,t,"scale(.4)")}`).join(` 299`)} 300${G.map((t,r)=>o(`tr-co${r}`,50+r*2,"translateX(-.5em)")).join(` 301`)} 302${[0,1,2].map(t=>o(`tr-cnw${t}`,64+t*2.5,"scale(.85)")).join(` 303`)} 304${o("tr-cfl",41.5,"translateY(.6em)")} 305@keyframes tr-cscan{0%, 5%{opacity:0;transform:translateY(0)} 6%{opacity:1;transform:translateY(0)} 40%{opacity:1;transform:translateY(13.5em)} 42%, 100%{opacity:0;transform:translateY(13.5em)}} 306@keyframes tr-cjf{0%, 39.5%{background:transparent;box-shadow:none} 40.5%, 96%{background:var(--c-amb-bg);box-shadow:inset .2em 0 0 var(--c-amb-line)} 99%, 100%{background:transparent;box-shadow:none}} 307@keyframes tr-cst1{0%, 45.5%{opacity:1} 46.5%, 100%{opacity:0}} 308@keyframes tr-cst2{0%, 45.5%{opacity:0;transform:scale(.8)} 47%, 96%{opacity:1;transform:none} 99%, 100%{opacity:0}} 309@keyframes tr-chand{0%, 8%{transform:rotate(0)} 46%, 96%{transform:rotate(300deg)} 100%{transform:rotate(360deg)}} 310/* Arrows light as data crosses; the 60 s card answers Done */ 311.tr-ca1{animation-name:tr-ca1} .tr-ca2{animation-name:tr-ca2} .tr-cfast{animation-name:tr-cfg} 312@keyframes tr-ca1{0%, 5%{color:var(--c-mute);transform:none} 7%, 40%{color:var(--c-cl);transform:translateX(.25em)} 44%, 100%{color:var(--c-mute);transform:none}} 313@keyframes tr-ca2{0%, 47%{color:var(--c-mute);transform:none} 49%, 68%{color:var(--c-ok);transform:translateX(.25em)} 72%, 100%{color:var(--c-mute);transform:none}} 314@keyframes tr-cfg{0%, 46%{box-shadow:inset 0 0 0 1px var(--c-ok), 0 0 0 0 transparent} 48%{box-shadow:inset 0 0 0 1px var(--c-ok), 0 0 0 .6em color-mix(in srgb, var(--c-ok) 22%, transparent)} 62%, 100%{box-shadow:inset 0 0 0 1px var(--c-ok), 0 0 0 0 transparent}} 315`,10/11)+J(` 316 317/* Scene 2: Make.com intake router */ 318.tr-mk{--m-bg:#F7F7FA;--m-dot:#DCDCE6;--m-pan:#FFFFFF;--m-line:#E4E4EC;--m-ink:#2B2B35;--m-mute:#64646F;--m-wire:#BDBDCC;--m-err:#C2410C;--m-bub:#FFFFFF; 319 --m-new:#E2F3EA;--m-new-ink:#00663F;--m-up:#E6F0FB;--m-up-ink:#0F5FAE;--m-rs:#FDEBD8;--m-rs-ink:#9A4A06;--m-ex:#EEEEF3;--m-ex-ink:#5E5E6A; 320 background:var(--m-bg) radial-gradient(circle, var(--m-dot) .09em, transparent .1em) 0 0 / 1.6em 1.6em;color:var(--m-ink);font-family:${F};white-space:nowrap} 321${f} .tr-mk{--m-bg:#17171C;--m-dot:#2E2E38;--m-pan:#212128;--m-line:#33333D;--m-ink:#ECECF2;--m-mute:#A0A0AE;--m-wire:#4A4A57;--m-err:#FB923C;--m-bub:#2A2A33; 322 --m-new:rgba(61,190,126,.16);--m-new-ink:#74DBA6;--m-up:rgba(23,128,219,.2);--m-up-ink:#8CC2F5;--m-rs:rgba(217,130,43,.2);--m-rs-ink:#FDBA74;--m-ex:#2C2C35;--m-ex-ink:#A0A0AE} 323.tr-mbar{position:absolute;
323left:0;right:0;top:0;height:3.6em;display:flex;align-items:center;gap:1.1em;padding:0 1.6em;background:var(--m-pan);border-bottom:1px solid var(--m-line);font-size:1.1em} 324.tr-mbar b{font-weight:700} 325.tr-msc{color:var(--m-mute);font-size:.88em} 326.tr-mon{margin-left:auto;display:inline-flex;align-items:center;gap:.5em;font-size:.82em;font-weight:700;color:#6D00CC} 327${f} .tr-mon{color:#C08BFF} 328.tr-mon i{position:relative;width:2.4em;height:1.3em;border-radius:1em;background:#6D00CC} 329.tr-mon i::after{content:'';position:absolute;right:.18em;top:.18em;width:.94em;height:.94em;border-radius:50%;background:#fff} 330.tr-msvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} 331.tr-mw{fill:none;stroke:var(--m-wire);stroke-width:3;stroke-linecap:round;stroke-dasharray:.1 7} 332.tr-mwe{stroke:var(--m-err);stroke-dasharray:7 6;stroke-width:2.2;opacity:.8} 333.tr-travel{fill:#6D00CC;stroke:#fff;stroke-width:2} 334${f} .tr-travel{fill:#B57BFF;stroke:#17171C} 335.tr-mbad, ${f} .tr-mbad{fill:#D9822B} 336.tr-mmod{position:absolute;left:calc(var(--x) - 4.4em);top:calc(var(--y) - var(--s) / 2);width:8.8em;display:grid;justify-items:center;text-align:center} 337.tr-mring{position:relative;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);display:grid;place-items:center;box-shadow:0 .5em 1.2em -.5em color-mix(in srgb, var(--c) 70%, transparent)} 338.tr-mimg{height:2.7em;width:auto;display:block;border-radius:.45em} 339.tr-mgl{color:#fff;font-size:2em;font-weight:800;line-height:1} 340.tr-mring svg{width:52%;height:52%;color:#fff} 341.tr-mrg{width:62% !important;height:62% !important} 342.tr-mmod b{margin-top:.6em;font-size:1em;font-weight:700} 343.tr-mmod em{margin-top:.1em;font-style:normal;font-size:.9em;color:var(--m-mute)} 344.tr-mbub{position:absolute;top:-.4em;left:calc(50% + var(--s) / 2 - 1.1em);min-width:1.9em;height:1.9em;padding:0 .5em;border-radius:1em;background:var(--m-bub);border:1px solid var(--m-line);display:flex;align-items:center;justify-content:center;font-size:.9em;font-weight:800;color:var(--m-ink);box-shadow:0 .2em .6em rgba(0,0,0,.14);overflow:hidden} 345.tr-mct{display:block;height:1.3em;line-height:1.3em;overflow:hidden} 346.tr-mct i{display:block;height:1.3em;font-style:normal} 347.tr-mm0 .tr-mct i, .tr-mm1 .tr-mct i, .tr-mm2 .tr-mct i{transform:translateY(-2.6em)} 348.tr-mb0 .tr-mbub, .tr-mb1 .tr-mbub, .tr-mb2 .tr-mbub{width:1.9em} 349${[0,1,2].map(t=>{const r=E.map(a=>ct(a)[t]);return`.tr-mm${t} .tr-mct i{animation: tr-mn${t} ${n} steps(1, end) infinite both} .tr-mm${t} .tr-mbub{animation: tr-mbb${t} ${n} ease infinite both} 350@keyframes tr-mn${t}{0%{transform:translateY(0)}${r[1]}%{transform:translateY(-1.3em)}${r[2]}%,100%{transform:translateY(-2.6em)}} 351${o(`tr-mbb${t}`,r[0],"scale(.4)")}`}).join(` 352`)} 353${[0,1,2].map(t=>`.tr-mb${t} .tr-mbub{animation: tr-mbbb${t} ${n} ease infinite both} .tr-mb${t} .tr-mring{animation: tr-mprb${t} ${n} ease infinite both} 354${o(`tr-mbbb${t}`,$[t],"scale(.4)")} 355@keyframes tr-mprb${t}{0%,${$[t]}%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 0%,transparent)}${$[t]+1}%{box-shadow:0 0 0 .7em color-mix(in srgb,var(--c) 24%,transparent)}${$[t]+4}%,100%{box-shadow:0 .5em 1.2em -.5em color-mix(in srgb,var(--c) 70%,transparent)}}`).join(` 356`)} 357.tr-mrt b{margin-top:.5em} 358.tr-mspin{position:absolute;inset:-.45em;border-radius:50%;border:.2em dashed #D9822B;opacity:0;animation: tr-mspin ${n} linear infinite both} 359.tr-mfl{position:absolute;display:flex;align-items:center;gap:.35em;font-size:.9em;font-weight:700;color:var(--m-mute)} 360.tr-mfl svg{width:.95em;height:.95em;flex:none} 361.tr-mfl.is-err{color:var(--m-err)} 362.tr-mdb{position:absolute;left:34.6em;top:5em;width:11.8em;height:21.2em;border-radius:.9em;background:var(--m-pan);border:1px solid var(--m-line);box-shadow:0 1em 2em -1.4em rgba(0,0,0,.3);overflow:hidden} 363.tr-mdbh{display:flex;align-items:center;gap:.55em;padding:.75em .8em;border-bottom:1px solid var(--m-line)} 364.tr-mdbh svg{width:1.6em;height:1.6em;flex:none;color:var(--m-mute)} 365.tr-mdbh b{display:block;font-size:.92em} 366.tr-mdbh span{display:block;font-size:.85em;color:var(--m-mute)} 367.tr-mrec{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.2em;min-height:3em;padding:.55em .8em;border-bottom:1px solid var(--m-line)} 368.tr-mrec code{font: 600 .95em ${c}} 369.tr-mtags{position:relative;display:block;height:1.6em;width:4.6em} 370.tr-mtags em{position:absolute;right:0;top:0;height:1.6em;padding:0 .5em;border-radius:.8em;display:flex;align-items:center;font-style:normal;font-size:.85em;font-weight:700} 371.tr-mex{background:var(--m-ex);color:var(--m-ex-ink)} 372.tr-mex0{opacity:0;animation-name:tr-mex0} 373.tr-mup{background:var(--m-up);color:var(--m-up-ink);animation-name:tr-mup} 374.tr-mnew{background:var(--m-new);color:var(--m-new-ink)} 375.tr-mrs{background:var(--m-rs);color:var(--m-rs-ink)} 376.tr-mrec small{flex-basis:100%;font-size:.85em;color:var(--m-mute)} 377.tr-mr0{animation-name:tr-mr0} 378.tr-mr2{animation-name:tr-mr2} 379.tr-mr3{animation-name:tr-mr3} 380.tr-mfoot{position:absolute;
380left:1.6em;right:1.6em;bottom:1.3em;display:flex;align-items:center;gap:1.1em;color:var(--m-mute);font-size:.98em} 381.tr-mfoot b{color:var(--m-ink)} 382.tr-mrun{padding:.5em 1.1em;border-radius:2em;background:#6D00CC;color:#fff;font-weight:700} 383@keyframes tr-mspin{0%, ${$[2]}%{opacity:0;transform:rotate(0)} ${$[2]+1}%{opacity:1} 78%{opacity:1;transform:rotate(540deg)} 79.5%, 100%{opacity:0;transform:rotate(560deg)}} 384@keyframes tr-mex0{0%, ${m[1]}%{opacity:1} ${m[1]+.6}%, 100%{opacity:0}} 385@keyframes tr-mup{0%, ${m[1]}%{opacity:0;transform:scale(.7)} ${m[1]+1}%, 96%{opacity:1;transform:none} 99%, 100%{opacity:0}} 386@keyframes tr-mr0{0%, ${m[1]}%{background:transparent} ${m[1]+.8}%{background:var(--m-up)} ${m[1]+8}%, 100%{background:transparent}} 387@keyframes tr-mr2{0%, ${m[0]}%{opacity:0;transform:translateY(-.6em);background:transparent} ${m[0]+1}%{opacity:1;transform:none;background:var(--m-new)} ${m[0]+9}%, 96%{opacity:1;background:transparent} 99%, 100%{opacity:0}} 388@keyframes tr-mr3{0%, ${m[2]}%{opacity:0;transform:translateY(-.6em);background:transparent} ${m[2]+1}%{opacity:1;transform:none;background:var(--m-rs)} ${m[2]+9}%, 96%{opacity:1;background:transparent} 99%, 100%{opacity:0}} 389 390/* Scene 3: the month and its audit trail */ 391.tr-mo{--o-bg:#EEF1EF;--o-pan:#FFFFFF;--o-line:#E3E6EA;--o-ink:#1B1F23;--o-mute:#5D6670;--o-dim:#9AA2A9;--o-head:#F5F7F8;--o-dot:#00704A;--o-acc:#00704A; 392 --o-ok:#E2F3EA;--o-ok-ink:#00663F;--o-gh:#E6F0FB;--o-gh-ink:#0F5FAE;--o-pop:#00704A;--o-shadow:rgba(23,32,27,.14); 393 background:var(--o-bg);color:var(--o-ink);font-family:${F};white-space:nowrap} 394${f} .tr-mo{--o-bg:#111416;--o-pan:#1C2024;--o-line:#2F353B;--o-ink:#E9EDF0;--o-mute:#9BA5AE;--o-dim:#5F6870;--o-head:#22272C;--o-dot:#4CC38A;--o-acc:#3DBE7E; 395 --o-ok:rgba(61,190,126,.16);--o-ok-ink:#74DBA6;--o-gh:rgba(23,128,219,.2);--o-gh-ink:#8CC2F5;--o-pop:#0B5A3B;--o-shadow:rgba(0,0,0,.45)} 396.tr-ocal, .tr-oau{position:absolute;top:1.4em;bottom:1.4em;background:var(--o-pan);border:1px solid var(--o-line);border-radius:.9em;box-shadow:0 1em 2em -1.4em var(--o-shadow);overflow:hidden} 397.tr-ocal{left:1.4em;width:31.6em} 398.tr-ohd{height:2.9em;display:flex;align-items:center;gap:.7em;padding:0 1em} 399.tr-ohd b{font-size:1.3em;font-weight:800} 400.tr-ohd > span{font-size:.9em;color:var(--o-mute)} 401.tr-owk{display:grid;grid-template-columns:repeat(5, 1fr);height:1.6em;align-items:center;background:var(--o-head);border-top:1px solid var(--o-line);border-bottom:1px solid var(--o-line)} 402.tr-owk span{padding-left:.55em;font: 600 .85em ${c};letter-spacing:.06em;text-transform:uppercase;color:var(--o-mute)} 403.tr-ogrid{position:relative;display:grid;grid-template-columns: repeat(5, ${v}em);grid-auto-rows:${z}em} 404.tr-oc{padding:.35em .45em;border-right:1px solid var(--o-line);border-bottom:1px solid var(--o-line);overflow:hidden} 405.tr-oc:nth-child(5n){border-right:0} 406.tr-otop{display:flex;align-items:center;justify-content:space-between;height:1.2em} 407.tr-otop b{font-size:.9em;font-weight:700} 408.tr-oc.is-dim .tr-otop b{color:var(--o-dim);font-weight:600} 409.tr-odots{display:flex;gap:.22em} 410.tr-odots i{width:.42em;height:.42em;border-radius:50%;background:var(--o-dot)} 411.tr-oc em{display:block;margin-top:.22em;height:1.4em;line-height:1.45em;padding:0 .4em;border-radius:.35em;font-style:normal;font-size:.85em;font-weight:700;overflow:hidden} 412.tr-ook{background:var(--o-ok);color:var(--o-ok-ink)} 413.tr-oes{background:var(--o-gh);color:var(--o-gh-ink)} 414.tr-oiv{background:#FFC726;color:#1B1F23;animation-name:tr-oiv} 415.tr-oiv-june{padding:0 .3em;animation-name:tr-oiv2} 416${b.filter(t=>t.k!==void 0).map(t=>`.tr-od${t.k}{animation:tr-od${t.k} ${n} cubic-bezier(.3,1.5,.5,1) infinite both}${t.fri?`.tr-ook${t.k}{animation:tr-ook${t.k} ${n} ease infinite both}.tr-oes${t.k}{animation:tr-oes${t.k} ${n} ease infinite both}`:""}`).join("")} 417.tr-otoday{position:absolute;left:0;top:0;width:${v}em;height:${z}em;border-radius:.2em;box-shadow:inset 0 0 0 .16em var(--o-acc);opacity:0;pointer-events:none;animation: tr-otoday ${n} steps(1, end) infinite both} 418.tr-opop{position:absolute;transform-origin:75% 100%;left: calc(${2*v}em + .3em);top: calc(${3*z}em + 1.5em);width: calc(${2*v}em - .6em);padding:.35em .6em .4em;border-radius:.5em;background:var(--o-pop);color:#fff;border-top:.28em solid #FFC726;box-shadow:0 .8em 1.6em -.6em rgba(0,0,0,.45);animation: tr-opop ${n} cubic-bezier(.3,1.4,.5,1) infinite both} 419.tr-opop::after{content:'';position:absolute;
419left:${(1.5*v-.3-.45).toFixed(2)}em;bottom:-.42em;width:.9em;height:.9em;background:var(--o-pop);transform:rotate(45deg);border-radius:.15em} 420.tr-opop b{display:block;font-size:.95em;font-weight:800} 421.tr-opop span{display:block;font-size:.88em;font-weight:600;color:rgba(255,255,255,.88)} 422.tr-oau{left:34.4em;width:12.2em} 423.tr-oauh{padding:.75em .9em .6em;border-bottom:1px solid var(--o-line)} 424.tr-oauh b{display:block;font-size:1.05em;font-weight:800} 425.tr-oauh span{display:block;font-size:.85em;color:var(--o-mute)} 426.tr-oau ol{list-style:none;margin:0;padding:.35em 0 0} 427.tr-oau li{position:relative;padding:.3em .6em .3em 1.5em} 428.tr-oau li::before{content:'';position:absolute;left:.7em;top:.62em;width:.42em;height:.42em;border-radius:50%;background:var(--o-acc)} 429.tr-oau li::after{content:'';position:absolute;left:.88em;top:1.15em;bottom:-.45em;width:1px;background:var(--o-line)} 430.tr-oau li:last-child::after{display:none} 431.tr-oau time{display:block;font: 500 .85em ${c};color:var(--o-mute)} 432.tr-oau li span{display:block;font-size:.9em;font-weight:600;line-height:1.25} 433.tr-oau li.is-inv::before{background:#FFC726;box-shadow:0 0 0 .14em color-mix(in srgb, #FFC726 40%, transparent)} 434${S.map((t,r)=>`.tr-oa${r}{animation:tr-oa${r} ${n} ease infinite both, tr-ofl ${n} ease-out ${+(t.at*.12).toFixed(2)}s infinite both}`).join("")} 435@keyframes tr-ofl{0%{background:var(--o-ok)} 9%, 100%{background:transparent}} 436.tr-ores{position:absolute;left:.7em;right:.7em;bottom:.7em;padding:.6em .8em;border-radius:.6em;background:var(--o-pop);color:#fff;border-top:.28em solid #FFC726;animation: tr-ores ${n} cubic-bezier(.3,1.4,.5,1) infinite both} 437.tr-ores b{display:block;font-size:1.25em;font-weight:800;letter-spacing:-.01em} 438.tr-ores span{display:block;font-size:.95em;color:rgba(255,255,255,.86)} 439${pt} 440${o("tr-oiv",l(1)+.5,"scale(.8)")} 441${o("tr-oiv2",l(23)+.4,"scale(.8)")} 442${o("tr-opop",l(23)+.8,"scale(.8)")} 443${o("tr-ores",80,"translateY(.8em)")} 444`,12/14)+` 445.tr-cl *{animation-duration:${h};animation-iteration-count:infinite;animation-fill-mode:both} 446.tr-mk *,.tr-mo *{animation-duration:${n};animation-iteration-count:infinite;animation-fill-mode:both} 447i.tr-d{display:inline-block;width:.22em;height:.22em;margin:0 .4em;border-radius:50%;background:currentColor;vertical-align:.25em} 448@media (prefers-reduced-motion: reduce){ 449 .tr-travel{display:none} 450 .tr-cscan, .tr-cw, .tr-cst1, .tr-mspin, .tr-mex0, .tr-otoday{opacity:0} 451} 452`,yt={theme:U,art:K,artCss:Z,scenes:{"tr-claude":nt,"tr-router":dt,"tr-month":mt},mediaCss:gt};export{yt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.