PageSourceSearch

https://melaya.org/assets/MarketingSurfacePreviews-bc3HahFJ.js

js melaya.org collected 2026-09-24 14:27:21 UTC 55,112 bytes, 99 lines download raw bytes

1import{r as j,j as e}from"./react-ofKBwqgL.js";import{l as ue,A as be,X as ye,bi as ae,b4 as se,Z as F,bs as z}from"./PromoBanner-gdNZTrUZ.js";import{i as ne}from"./auditUrl-C9QYTi8e.js";import{S as ke}from"./search-CDF_pbNf.js";import{G as we}from"./globe-BDzRrAH5.js";import{L as re}from"./loader-circle-C2BEvveP.js";import{m as je}from"./melaya_happy-C7MJ4M5Z.js";import{m as $e,t as ve,r as Se,x as Be}from"./x-P0IOmkca.js";import{i as Re,l as Ie}from"./linkedin-BHzfKbZ6.js";import{t as Ne}from"./tiktok-R59LpTjm.js";const q=["fetch page","robots.txt","sitemap.xml","meta tags","schema","hreflang","lighthouse","crux field data","core web vitals","backlinks"],Ce={scanning:"crawling pages, parsing structured data, mapping internal links",fanned:"specialists scoring content depth, authority signals, real-user speed",done:"sample report ready, ranked by impact"},ee=82,Ae=2600,oe=4500,We=5400,Te=1400,Oe=s=>1-Math.pow(1-s,3);function Me(s){const m=s.trim().replace(/^[a-z]+:\/\//i,"").replace(/^www\./i,"").split(/[/?#]/)[0];return m?m.length>22?`${m.slice(0,21)}…`:m:"yoursite.com"}const Fe=`
2@keyframes mk-sim-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
3@keyframes mk-sim-caret { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } }
4@keyframes mk-sim-danger { 0%,100% { border-color: color-mix(in srgb, var(--mk-sim-danger) 36%, transparent); } 50% { border-color: var(--mk-sim-danger); } }
5@keyframes mk-sim-spin { to { transform: rotate(360deg); } }
6@keyframes mk-sim-dot { 0%,100% { opacity: .4; } 50% { opacity: 1; } }
7@keyframes mk-sim-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.035); } }
8@keyframes mk-sim-shimmer { 0% { transform: translateX(-150%) skewX(-14deg); } 55%,100% { transform: translateX(260%) skewX(-14deg); } }
9@keyframes mk-sim-sweep { 0% { transform: translateX(-25%); opacity: 0; } 14%,78% { opacity: .55; } 100% { transform: translateX(125%); opacity: 0; } }
10@keyframes mk-sim-sheen { from { transform: translateX(-100%); } to { transform: translateX(320%); } }
11.mk-sim-root { position: relative; overflow: hidden; border-radius: 22px; padding: clamp(18px, 2.6vw, 28px); width: 100%; }
12.mk-sim-input { width: 100%; min-width: 0; height: 56px; border-radius: 16px; padding: 0 118px 0 46px; font-size: 15px; font-weight: 600; outline: none; border: 1px solid var(--mk-sim-border); transition: box-shadow .22s ease, border-color .22s ease; }
13.mk-sim-input::placeholder { font-weight: 600; }
14.mk-sim-input:focus-visible { border-color: var(--mk-sim-accent); box-shadow: var(--mk-sim-inset), 0 0 0 3px color-mix(in srgb, var(--mk-sim-accent) 30%, transparent) !important; }
15/* Invalid URL: a red PULSING border so the user senses they must enter a real
16   site. The keyframe drives border-color (animations beat normal rules, so it
17   shows even while focused); the static red is the reduced-motion fallback, and
18   the violet focus ring is dropped while invalid so the signal reads as one. */
19.mk-sim-input-danger,
20.mk-sim-input-danger:focus-visible { border-color: var(--mk-sim-danger); animation: mk-sim-danger 1.3s ease-in-out infinite; }
21.mk-sim-input-danger:focus-visible { box-shadow: var(--mk-sim-inset) !important; }
22.mk-sim-go, .mk-sim-cancel { position: absolute; top: 7px; right: 7px; bottom: 7px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 12px; padding: 0 17px; font-size: 13px; font-weight: 700; letter-spacing: .01em; cursor: pointer; border: none; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
23.mk-sim-go:hover { transform: translateY(-1px); filter: brightness(1.05); }
24.mk-sim-cancel:hover { transform: translateY(-1px); }
25.mk-sim-go:disabled { opacity: .55; cursor: default; transform: none; }
26.mk-sim-go:focus-visible, .mk-sim-cancel:focus-visible, .mk-sim-cta:focus-visible { outline: 2px solid var(--mk-sim-accent); outline-offset: 2px; }
27.mk-sim-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border-radius: 14px; padding: 0 20px; font-size: 13.5px; font-weight: 700; cursor: pointer; border: none; transition: transform .22s ease, filter .22s ease; }
28.mk-sim-cta:hover { transform: translateY(-1px); filter: brightness(1.05); }
29.mk-sim-lane { position: relative; display: flex; align-items: center; gap: 11px; border-radius: 13px; padding: 10px 13px; transition: box-shadow .35s ease, opacity .35s ease; }
30.mk-sim-chip { display: inline-flex; align-items: center; justify-content: center; gap: 5px; border-radius: 9px; padding: 5px 10px; font-size: 11px; font-weight: 700; white-space: nowrap; }
31.mk-sim-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
32.mk-sim-reduced *, .mk-sim-reduced *::before, .mk-sim-reduced *::after { animation: none !important; }
33@media (prefers-reduced-motion: reduce) { .mk-sim-root * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; } }
34@media (max-width: 600px) {
35  .mk-sim-input { padding-right: 104px; }
36  /* clean one input row when idle; the live scan expands, centred, on GO.
37     Everything in the card centres on phones. */
38  .mk-sim-hide-mobile { display: none !important; }
39  .mk-sim-head { justify-content: center; }
40  #mk-sim-hint { text-align: center; }
41  .mk-sim-scan { justify-content: center; gap: 14px; }
42  .mk-sim-lanes { flex: 1 1 100%; min-width: 0; width: 100%; }
43  .mk-sim-status { justify-content: center; text-align: center; }
44  .mk-sim-ticker { justify-content: center; }
45  .mk-sim-think { text-align: center; }
46  .mk-sim-cta-row { justify-content: center; text-align: center; }
47}
48`;function Ue({accent:s,accent2:m,isLight:t,reduced:d}){const{t:r}=ue("marketing"),i=be(),a=F(!t),b=z(!t),n=m||"#8B5CF6",o=s||"#EC4899",y=m||"#8B5CF6",k="ui-monospace, SFMono-Regular, monospace",[p,P]=j.useState(""),[w,C]=j.useState("idle"),[R,U]=j.useState("yoursite.com"),[A,W]=j.useState(0),[T,H]=j.useState(0),[I,_]=j.useState(0),[h,O]=j.useState(!1),Z=j.useRef(null),N=j.useRef([]),V=j.useRef(null),E=j.useCallback(()=>{N.current.forEach(f=>
48window.clearTimeout(f)),N.current=[],V.current!==null&&window.cancelAnimationFrame(V.current),V.current=null},[]);j.useEffect(()=>E,[E]);const Q=j.useCallback(()=>{const f=p.trim().replace(/^[a-z]+:\/\//i,"").replace(/^www\./i,"").split(/[/?#]/)[0];let S=!1;try{S=!!localStorage.getItem("mel_auth_token")}catch{S=!1}if(S){try{f&&localStorage.setItem("mel_pending_seo_audit",f)}catch{}i(f?`/marketing?tab=seo&audit=${encodeURIComponent(f)}`:"/marketing?tab=seo");return}i(f?`/register?audit=${encodeURIComponent(f)}`:"/register")},[i,p]),de=j.useCallback(()=>{E(),C("idle"),W(0),H(0),_(0),requestAnimationFrame(()=>{var f;return(f=Z.current)==null?void 0:f.focus()})},[E]),pe=j.useCallback(f=>{var B;if(f.preventDefault(),w!=="idle")return;if(!ne(p)){O(!0),(B=Z.current)==null||B.focus();return}if(O(!1),E(),U(Me(p)),C("scanning"),d){W(5),H(q.length),_(ee),C("done"),N.current.push(window.setTimeout(Q,Te));return}[700,1350,2e3].forEach((Y,M)=>{N.current.push(window.setTimeout(()=>W(M+1),Y))}),N.current.push(window.setTimeout(()=>C("fanned"),Ae)),N.current.push(window.setTimeout(()=>{C("done"),W(5)},oe)),N.current.push(window.setTimeout(Q,We)),q.forEach((Y,M)=>{N.current.push(window.setTimeout(()=>H(M+1),320+M*420))});const S=performance.now(),$=Y=>{const M=Math.min(1,(Y-S)/oe);_(Math.round(Oe(M)*ee)),M<1&&(V.current=window.requestAnimationFrame($))};V.current=window.requestAnimationFrame($)},[w,p,d,E,Q]),ce=[r("marketingProduct.sim.lane1"),r("marketingProduct.sim.lane2"),r("marketingProduct.sim.lane3"),r("marketingProduct.sim.lane4"),r("marketingProduct.sim.lane5")],me=w==="idle"&&p.trim().length>0&&!ne(p),xe=h||me,u=w!=="idle",J=w==="fanned",D=w==="done",K=q.slice(Math.max(0,T-6),T),ie=u?Ce[w]:"",he=u?Math.min(100,Math.round(I/ee*100)):0,ge=D?`${r("marketingProduct.sim.scanning")} ${R}. ${r("marketingProduct.sim.scoreLabel")} ${I}.`:u?`${r("marketingProduct.sim.scanning")} ${R}`:"",fe={background:a.cardBg,boxShadow:a.raised,color:a.text,fontFamily:a.font,"--mk-sim-accent":n,"--mk-sim-inset":a.inset,"--mk-sim-border":a.chipBorder,"--mk-sim-danger":b.dead};return e.jsxs("div",{className:`mk-sim-root${d?" mk-sim-reduced":""}`,style:fe,children:[e.jsx("style",{children:Fe}),e.jsx("span",{className:"mk-sim-sr",role:"status","aria-live":"polite",children:ge}),u&&!d&&e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,overflow:"hidden",pointerEvents:"none",borderRadius:22},children:e.jsx("div",{style:{position:"absolute",top:0,bottom:0,width:"38%",left:"-38%",background:`linear-gradient(90deg, transparent, ${n}22, transparent)`,animation:"mk-sim-sweep 2.8s ease-in-out infinite"}})}),e.jsxs("div",{className:"mk-sim-head",style:{position:"relative",display:"flex",alignItems:"center",justifyContent:"space-between",gap:10,marginBottom:15,flexWrap:"wrap"},children:[e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:9,flexWrap:"wrap"},children:[e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:8,fontSize:11,fontWeight:700,letterSpacing:"0.12em",textTransform:"uppercase",color:a.muted},children:[e.jsx("span",{"aria-hidden":!0,style:{width:7,height:7,borderRadius:"50%",background:u?n:b.live,boxShadow:`0 0 8px ${u?n:b.live}`,animation:"mk-sim-dot 1.5s ease-in-out infinite"}}),r("marketingProduct.sim.eyebrow")]}),e.jsx("span",{className:"mk-sim-chip",style:{background:a.surface,boxShadow:a.btnRaised,border:`1px solid ${a.chipBorder}`,color:a.muted,fontFamily:k,fontSize:9.5,letterSpacing:"0.08em",textTransform:"uppercase"},children:r("marketingProduct.sim.demoTag")})]}),e.jsxs("span",{className:"mk-sim-chip",style:{background:a.surface,boxShadow:a.inset,border:`1px solid ${a.chipBorder}`,padding:"6px 13px",gap:8},children:[e.jsx("span",{style:{fontSize:10,fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:a.muted},children:r("marketingProduct.sim.scoreLabel")}),e.jsx("span",{style:{fontFamily:k,fontSize:17,fontWeight:800,color:D?n:a.text,fontVariantNumeric:"tabular-nums"},children:u?I:"--"})]})]}),e.jsxs("form",{onSubmit:pe,style:{position:"relative",marginBottom:8},children:[e.jsx(ke,{size:17,style:{position:"absolute",left:16,top:"50%",transform:"translateY(-50%)",color:a.muted,pointerEvents:"none",zIndex:1}}),e.jsx("input",{ref:Z,className:`mk-sim-input${xe?" mk-sim-input-danger":""}`,type:"text",inputMode:"url",autoComplete:"off",spellCheck:!1,value:p,disabled:u,onChange:f=>{P(f.target.value),h&&O(!1)},placeholder:r("marketingProduct.sim.placeholder"),"aria-label":r("marketingProduct.sim.inputLabel"),"aria-describedby":"mk-sim-hint",style:{background:a.surface,boxShadow:a.inset,color:a.text}}
48),!u&&!p&&!d&&e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",inset:1,borderRadius:15,overflow:"hidden",pointerEvents:"none"},children:e.jsx("span",{style:{position:"absolute",top:0,bottom:0,width:"24%",left:"-24%",background:`linear-gradient(90deg, transparent, ${n}1f, transparent)`,animation:"mk-sim-shimmer 4.6s ease-in-out infinite"}})}),u?e.jsxs("button",{className:"mk-sim-cancel",type:"button",onClick:de,style:{background:a.surface,color:a.text,boxShadow:a.btnRaised,border:`1px solid ${a.chipBorder}`},children:[e.jsx(ye,{size:14}),r("marketingProduct.sim.cancel")]}):e.jsxs("button",{className:"mk-sim-go",type:"submit",style:{background:`linear-gradient(135deg, ${o}, ${y})`,color:"#fff",boxShadow:`0 8px 20px -10px ${o}, inset 0 1px 0 rgba(255,255,255,0.25)`},children:[r("marketingProduct.sim.go"),e.jsx(ae,{size:15})]})]}),e.jsx("div",{id:"mk-sim-hint",style:{minHeight:18,marginBottom:18,fontSize:11.5,lineHeight:1.4,color:h?b.dead:a.muted},children:r(h?"marketingProduct.sim.hint":"marketingProduct.sim.demoNote")}),e.jsxs("div",{className:`mk-sim-scan${u?"":" mk-sim-hide-mobile"}`,style:{position:"relative",display:"flex",gap:20,alignItems:"center",flexWrap:"wrap"},children:[e.jsxs("div",{style:{position:"relative",width:116,height:116,flexShrink:0,display:"grid",placeItems:"center"},children:[e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",inset:0,borderRadius:"50%",background:`conic-gradient(${n} ${he*3.6}deg, ${a.chipBorder} 0)`,maskImage:"radial-gradient(circle, transparent 60%, #000 61%)",WebkitMaskImage:"radial-gradient(circle, transparent 60%, #000 61%)",transition:"background .2s linear",opacity:u?1:.5}}),u&&!D&&e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",width:116,height:116,animation:"mk-sim-spin 3.6s linear infinite"},children:e.jsx("span",{style:{position:"absolute",top:-2,left:"50%",marginLeft:-3,width:6,height:6,borderRadius:"50%",background:n,boxShadow:`0 0 8px ${n}`}})}),e.jsx("div",{style:{width:82,height:82,borderRadius:"50%",display:"grid",placeItems:"center",textAlign:"center",background:a.surface,boxShadow:a.inset,border:`1px solid ${a.chipBorder}`,animation:u?"mk-sim-breathe 3.1s ease-in-out infinite":void 0,padding:8},children:D?e.jsx(se,{size:28,strokeWidth:2.5,style:{color:n}}):e.jsx(we,{size:30,strokeWidth:1.6,style:{color:u?n:a.muted}})})]}),e.jsxs("div",{className:"mk-sim-lanes",style:{flex:1,minWidth:230},children:[e.jsxs("div",{className:"mk-sim-status",style:{display:"flex",alignItems:"center",gap:9,marginBottom:11,flexWrap:"wrap",minHeight:22},children:[e.jsx("span",{style:{fontSize:12.5,fontWeight:700,letterSpacing:"0.03em",color:a.text},children:u?`${r("marketingProduct.sim.scanning")} ${R}`:r("marketingProduct.sim.eyebrow")}),J&&e.jsxs("span",{className:"mk-sim-chip",style:{background:a.surface,boxShadow:a.btnRaised,border:`1px solid ${a.chipBorder}`,color:n,fontSize:9.5,letterSpacing:"0.03em",textTransform:"uppercase",animation:"mk-sim-rise .3s cubic-bezier(.22,1,.36,1) both"},children:[e.jsx("span",{"aria-hidden":!0,style:{width:5,height:5,borderRadius:"50%",background:n,animation:"mk-sim-dot 1s ease-in-out infinite"}}),r("marketingProduct.sim.fannedOut")]})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:8,marginBottom:13},children:ce.map((f,S)=>{const $=D||!J&&u&&S<A,B=!$&&u&&(J||S===A),Y=B?n:$?a.text:a.muted;return e.jsxs("div",{className:"mk-sim-lane",style:{background:a.surface,boxShadow:B?a.btnRaised:a.inset,border:`1px solid ${B?`color-mix(in srgb, ${n} 45%, ${a.chipBorder})`:a.chipBorder}`,opacity:B||$?1:.72},children:[e.jsx("span",{style:{fontFamily:k,fontSize:10,fontWeight:700,color:Y,opacity:B||$?1:.7,flexShrink:0},children:String(S+1).padStart(2,"0")}),e.jsx("span",{style:{flex:1,minWidth:0,fontSize:12,fontWeight:600,color:B||$?a.text:a.muted,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:f}),e.jsxs("span",{"aria-hidden":!0,style:{width:46,height:4,borderRadius:999,background:a.surface,boxShadow:a.inset,overflow:"hidden",flexShrink:0},children:[B&&e.jsx("span",{style:{display:"block",height:"100%",width:"45%",borderRadius:999,background:n,animation:"mk-sim-sheen 1.15s linear infinite"}}),$&&e.jsx("span",{style:{display:"block",height:"100%",width:"100%",borderRadius:999,background:n}})]}),B?e.jsx(re,{size:13,className:"mk-sim-spin",style:{color:n,flexShrink:0,animation:"mk-sim-spin 1s linear infinite"}}):$?e.jsx(se,{size:13,strokeWidth:2.75,style:{color:n,flexShrink:0}}):e.jsx("span",{style:{width:13,height:13,flexShrink:0}})]},f)})}),e.jsxs("div",{className:"mk-sim-ticker",style:{display:"flex",flexWrap:"wrap",gap:6,minHeight:22},children:[K.map((f,S)=>{const $=S===K.length-1&&!D;return e.jsxs("span",{className:"mk-sim-chip",style:{fontFamily:k,fontSize:10.5,fontWeight:600,padding:"4px 9px",background:a.surface,boxShadow:$?a.btnRaised:a.inset,border:`1px solid ${a.chipBorder}`,color:$?a.text:a.muted,animation:"mk-sim-rise .28s cubic-bezier(.22,1,.36,1) both"},children:[$&&e.jsx(re,{size:9,className:"mk-sim-spin",style:{color:n,animation:"mk-sim-spin 1s linear infinite"}}),f]},f)}),!K.length&&e.jsx("span",{style:{fontFamily:k,fontSize:10.5,color:a.muted},children:u?"initializing scan":r("marketingProduct.sim.placeholder")})]}
48),ie&&e.jsxs("div",{"aria-hidden":!0,className:"mk-sim-think",style:{marginTop:10,fontFamily:k,fontSize:11,lineHeight:1.5,color:a.muted,maxHeight:40,overflow:"hidden",overflowWrap:"anywhere"},children:[ie,e.jsx("span",{style:{display:"inline-block",width:7,height:13,marginLeft:2,verticalAlign:"text-bottom",background:n,animation:"mk-sim-caret 1s step-end infinite"}})]})]})]}),e.jsxs("div",{className:`mk-sim-cta-row${u?"":" mk-sim-hide-mobile"}`,style:{position:"relative",display:"flex",alignItems:"center",gap:13,flexWrap:"wrap",marginTop:18},children:[e.jsxs("button",{className:"mk-sim-cta",type:"button",onClick:Q,style:{background:`linear-gradient(135deg, ${o}, ${y})`,color:"#fff",boxShadow:`0 10px 24px -12px ${o}, inset 0 1px 0 rgba(255,255,255,0.25)`},children:[r("marketingProduct.sim.cta"),e.jsx(ae,{size:15})]}),e.jsx("span",{style:{fontSize:11.5,fontWeight:600,color:a.muted},children:r("marketingProduct.sim.ctaSub")})]})]})}const le="data:image/svg+xml,%3csvg%20fill='%234285F4'%20role='img'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eGoogle%20Ads%3c/title%3e%3cpath%20d='M3.9998%2022.9291C1.7908%2022.9291%200%2021.1383%200%2018.9293s1.7908-3.9998%203.9998-3.9998%203.9998%201.7908%203.9998%203.9998-1.7908%203.9998-3.9998%203.9998zm19.4643-6.0004L15.4632%203.072C14.3586%201.1587%2011.9121.5028%209.9988%201.6074S7.4295%205.1585%208.5341%207.0718l8.0009%2013.8567c1.1046%201.9133%203.5511%202.5679%205.4644%201.4646%201.9134-1.1046%202.568-3.5511%201.4647-5.4644zM7.5137%204.8438L1.5645%2015.1484A4.5%204.5%200%200%201%204%2014.4297c2.5597-.0075%204.6248%202.1585%204.4941%204.7148l3.2168-5.5723-3.6094-6.25c-.4499-.7793-.6322-1.6394-.5878-2.4784z'/%3e%3c/svg%3e",ze="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3crect%20x='5'%20y='8'%20width='38'%20height='32'%20rx='6'%20fill='%234285F4'/%3e%3cpath%20d='M5%2015a7%207%200%200%201%207-7h24a7%207%200%200%201%207%207H5Z'%20fill='%233367D6'/%3e%3ccircle%20cx='11'%20cy='11.5'%20r='1.4'%20fill='%23fff'%20opacity='.9'/%3e%3ccircle%20cx='15.5'%20cy='11.5'%20r='1.4'%20fill='%23fff'%20opacity='.65'/%3e%3cpath%20d='M14%2032.5h6l3.1-8%203.2%205%202.7-9%202.4%2012H36'%20fill='none'%20stroke='%23fff'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='34'%20cy='33'%20r='6'%20fill='%2334A853'%20stroke='%23fff'%20stroke-width='2'/%3e%3cpath%20d='m38.4%2037.4%204%204'%20stroke='%2334A853'%20stroke-width='3.5'%20stroke-linecap='round'/%3e%3c/svg%3e",l="#EC4899",c="#8B5CF6",g="'JetBrains Mono', ui-monospace, monospace",x="Poppins, system-ui, sans-serif";function G(s){return{CYAN:s?"#0284C7":"#38BDF8",GOOD:s?"#059669":"#34D399",BAD:s?"#DC2626":"#F87171",violetInk:s?"#6D28D9":"#DDD6FE",shellBg:s?"radial-gradient(120% 90% at 12% -10%, #ffffff 0%, #eef3fb 55%, #e7edf8 100%)":"radial-gradient(120% 100% at 12% -8%, #141d33 0%, #0a1020 52%, #05080f 100%)",shellBorder:s?"rgba(15,23,42,0.12)":"rgba(129,155,220,0.20)",shellShadow:s?"0 30px 70px -34px rgba(30,41,90,0.42), inset 0 1px 0 rgba(255,255,255,0.9)":"0 40px 90px -34px rgba(2,6,23,0.9), inset 0 1px 0 rgba(255,255,255,0.05)",barBg:s?"rgba(255,255,255,0.72)":"rgba(10,15,28,0.72)",barBorder:s?"rgba(15,23,42,0.08)":"rgba(129,155,220,0.14)",panelBg:s?"rgba(255,255,255,0.7)":"rgba(255,255,255,0.035)",panelBorder:s?"rgba(15,23,42,0.08)":"rgba(129,155,220,0.14)",ink:s?"#0f172a":"#eaf1ff",inkSoft:s?"rgba(15,23,42,0.62)":"rgba(206,218,247,0.68)",inkFaint:s?"rgba(15,23,42,0.44)":"rgba(150,168,214,0.6)",track:s?"rgba(15,23,42,0.07)":"rgba(255,255,255,0.08)",coreBg:s?"#ffffff":"#0b1122"}}function X({isLight:s}){const m=s?"rgba(2,132,199,0.06)":"rgba(56,189,248,0.07)";return e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,pointerEvents:"none",backgroundImage:`linear-gradient(${m} 1px, transparent 1px), linear-gradient(90deg, ${m} 1px, transparent 1px)`,backgroundSize:"34px 34px",maskImage:"radial-gradient(120% 80% at 20% 0%, #000 28%, transparent 76%)",WebkitMaskImage:"radial-gradient(120% 80% at 20% 0%, #000 28%, transparent 76%)"}})}function L(s){return{position:"relative",width:"100%",overflow:"hidden",borderRadius:20,border:`1px solid ${s.shellBorder}`,background:s.shellBg,color:s.ink,fontFamily:x,boxShadow:s.shellShadow}}function v({nc:s,st:m,label:t,tone:d="neutral",caps:r=!0,leadingLogo:i,icon:a,dotClassName:b,style:n}){const o=d==="live"?m.live:d==="warn"?m.warn:null;return e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:6,flex:"0 0 auto",padding:"5px 10px",borderRadius:8,background:s.surface,boxShadow:s.btnRaised,border:`1px solid ${s.chipBorder}`,color:o??s.muted,fontFamily:g,fontSize:7.5,fontWeight:700,lineHeight:1,letterSpacing:"0.08em",textTransform:r?"uppercase":"none",whiteSpace:"nowrap",textAlign:"center",...n},children:[i&&e.jsx("img",{src:i,alt:"",width:13,height:13,style:{objectFit:"contain",borderRadius:2,flex:"0 0 auto"}}),a,o&&!a&&!i&&e.jsx("i",{className:b,style:{width:5,height:5,borderRadius:"50%",background:o,boxShadow:`0 0 7px ${o}`,flex:"0 0 auto"}}),t]})}function te({nc:s,st:m,label:t}){return e.jsx(v,{nc:s,st:m,label:t,tone:"live",style:{marginLeft:"auto"}})}
48function Qe({isLight:s=!1,reduced:m=!1}){const t=G(s),d=F(!s),r=z(!s),i="mk-ov",a=h=>m?void 0:h,b=[{label:"Blended ROAS",value:"4.2x",delta:"+18%",tone:"good"},{label:"Ad spend",value:"$8.6k",delta:"+4%",tone:"good"}],n=[{label:"Google",logo:le},{label:"Meta",logo:$e},{label:"TikTok",logo:ve},{label:"Reddit",logo:Se}],o=[12,15,13,19,22,20,27,31,29,36,34,42],y=300,k=66,p=3,P=Math.min(...o),w=Math.max(...o),C=Math.max(1,w-P),R=h=>p+h/(o.length-1)*(y-p*2),U=h=>p+(1-(h-P)/C)*(k-p*2),A=o.map((h,O)=>({x:R(O),y:U(h)})),W=A.map((h,O)=>`${O===0?"M":"L"}${h.x.toFixed(1)},${h.y.toFixed(1)}`).join(" "),T=(k-p).toFixed(1),H=`${W} L${A[A.length-1].x.toFixed(1)},${T} L${A[0].x.toFixed(1)},${T} Z`,I=7,_={font:`700 8px/1.2 ${g}`,letterSpacing:"0.14em",textTransform:"uppercase",color:t.inkFaint,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"};return e.jsxs("div",{"aria-hidden":!0,style:L(t),children:[e.jsx(X,{isLight:s}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",top:0,left:0,right:0,height:2,overflow:"hidden",pointerEvents:"none"},children:e.jsx("div",{className:a(`${i}-beam`),style:{position:"absolute",inset:0,width:"48%",background:`linear-gradient(90deg, transparent, ${l}, ${c}, transparent)`}})}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",gap:9,padding:"12px 15px",borderBottom:`1px solid ${t.barBorder}`,background:t.barBg},children:[e.jsx("i",{className:a(`${i}-dot`),style:{width:8,height:8,borderRadius:"50%",background:l,boxShadow:`0 0 10px ${l}`,flex:"0 0 auto"}}),e.jsx("span",{style:{font:`700 11px/1.2 ${x}`,letterSpacing:"-0.01em",color:t.ink,whiteSpace:"nowrap",flex:"0 1 auto",minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:"Marketing overview"}),e.jsx(te,{nc:d,st:r,label:"4 channels live"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",gap:8,padding:"14px 16px 12px"},children:b.map(h=>e.jsxs("div",{style:{minWidth:0,display:"grid",gap:3,padding:"10px 11px",borderRadius:12,border:`1px solid ${t.panelBorder}`,background:t.panelBg,textAlign:"center"},children:[e.jsx("span",{style:{..._,textAlign:"center"},children:h.label}),e.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"center",gap:6,minWidth:0},children:[e.jsx("span",{style:{font:`800 clamp(15px, 4.6vw, 18px)/1 ${x}`,letterSpacing:"-0.03em",color:t.ink,fontVariantNumeric:"tabular-nums"},children:h.value}),e.jsx("span",{style:{font:`700 8px/1 ${g}`,color:h.tone==="good"?t.GOOD:t.BAD,whiteSpace:"nowrap"},children:h.delta})]})]},h.label))}),e.jsxs("div",{style:{position:"relative",margin:"0 16px",padding:"12px 12px 10px",borderRadius:14,border:`1px solid ${t.panelBorder}`,background:t.panelBg},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8},children:[e.jsx("span",{style:{font:`700 9.5px/1 ${x}`,color:t.inkSoft},children:"Conversion value, blended"}),e.jsx(v,{nc:d,st:r,label:"Live",tone:"live",dotClassName:a(`${i}-dot`),style:{marginLeft:"auto"}})]}),e.jsxs("div",{style:{position:"relative"},children:[e.jsxs("svg",{viewBox:`0 0 ${y} ${k}`,width:"100%",height:k,preserveAspectRatio:"none",style:{display:"block"},children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:`${i}-grad`,x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:l,stopOpacity:.32}),e.jsx("stop",{offset:"100%",stopColor:l,stopOpacity:0})]})}),e.jsx("line",{x1:p,y1:T,x2:y-p,y2:T,stroke:t.inkFaint,strokeOpacity:.3,strokeWidth:1}),e.jsx("path",{d:H,fill:`url(#${i}-grad)`,stroke:"none"}),e.jsx("path",{d:W,fill:"none",stroke:l,strokeWidth:2.2,strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("line",{x1:R(I),y1:p,x2:R(I),y2:k-p,stroke:c,strokeOpacity:.55,strokeWidth:1,strokeDasharray:"3 3"}),e.jsx("circle",{className:a(`${i}-mark`),cx:R(I),cy:U(o[I]),r:3.4,fill:c,stroke:t.coreBg,strokeWidth:1.4})]}),e.jsx("span",{style:{position:"absolute",top:2,left:`${R(I)/y*100}%`,transform:"translateX(6px)",font:`800 7px/1 ${g}`,letterSpacing:"0.08em",textTransform:"uppercase",color:t.violetInk,whiteSpace:"nowrap"},children:"Launch"})]}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:8,marginTop:9},children:n.map(h=>e.jsx(v,{nc:d,st:r,label:h.label,leadingLogo:h.logo,caps:!1},h.label))})]}),e.jsxs("div",{style:{margin:"12px 16px 16px",display:"flex",alignItems:"center",gap:10,padding:"11px 13px",borderRadius:13,border:`1px solid ${l}44`,background:s?"rgba(236,72,153,0.06)":"rgba(236,72,153,0.1)"},children:[e.jsx("span",{style:{width:22,height:22,borderRadius:7,display:"grid",placeItems:"center",flex:"0 0 auto",background:`linear-gradient(135deg, ${l}, ${c})`,boxShadow:`0 6px 16px -8px ${l}`},children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M13 2L4 14h6l-1 8 9-12h-6l1-8z",fill:"#fff",opacity:"0.95"})})}),e.jsx("span",{style:{font:`650 10px/1.3 ${x}`,color:t.ink,flex:1,minWidth:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:"AI: cut $412 wasted spend across 3 placements"}),e.jsx("span",{style:{flex:"0 0 auto",padding:"6px 11px",borderRadius:9,background:`linear-gradient(135deg, ${l}, ${c})`,color:"#fff",font:`800 8px/1 ${g}`,letterSpacing:"0.09em",textTransform:"uppercase",whiteSpace:"nowrap",boxShadow:`0 8px 18px -10px ${l}`},children:"Approve"})]}),e.jsx("style",{children:`
49        .${i}-dot { animation: ${i}-pulse 1.4s ease-in-out infinite; }
50        @keyframes ${i}-pulse { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
51        .${i}-beam { animation: ${i}-beam 3s ease-in-out infinite; }
52        @keyframes ${i}-beam { 0% { transform: translateX(-40%); opacity: 0; } 12%,88% { opacity: 1; } 100% { transform: translateX(230%); opacity: 0; } }
53        .${i}-mark { animation: ${i}-mark 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
54        @keyframes ${i}-mark { 0%,100% { transform: scale(1); opacity: .85; } 50% { transform: scale(1.5); opacity: 1; } }
55        @media (prefers-reduced-motion: reduce) { .${i}-dot, .${i}-beam, .${i}-mark { animation: none !important; } }
56      `})]})}function Ze({isLight:s=!1,reduced:m=!1}){const t=G(s),d=F(!s),r=z(!s),i="mk-se",a=n=>m?void 0:n,b=[{label:"Crawl & indexing",state:"done"},{label:"On-page & content",state:"done"},{label:"Links & authority",state:"done"},{label:"Core Web Vitals",state:"scan"},{label:"Competitive & AI search",state:"idle"}];return e.jsxs("div",{"aria-hidden":!0,style:L(t),children:[e.jsx(X,{isLight:s}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",top:0,left:0,right:0,height:2,overflow:"hidden",pointerEvents:"none"},children:e.jsx("div",{className:a(`${i}-beam`),style:{position:"absolute",inset:0,width:"48%",background:`linear-gradient(90deg, transparent, ${t.CYAN}, ${c}, transparent)`}})}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",gap:9,padding:"12px 15px",borderBottom:`1px solid ${t.barBorder}`,background:t.barBg},children:[e.jsx("i",{className:a(`${i}-dot`),style:{width:8,height:8,borderRadius:"50%",background:t.CYAN,boxShadow:`0 0 10px ${t.CYAN}`,flex:"0 0 auto"}}),e.jsx("span",{style:{font:`700 11px/1.2 ${x}`,letterSpacing:"-0.01em",color:t.ink,whiteSpace:"nowrap"},children:"SEO audit"}),e.jsx(v,{nc:d,st:r,label:"Scanning",tone:"live",dotClassName:a(`${i}-dot`),style:{marginLeft:"auto"}})]}),e.jsxs("div",{style:{position:"relative",display:"grid",gridTemplateColumns:"auto 1fr",gap:"clamp(12px, 4vw, 18px)",padding:"18px 16px 16px",alignItems:"center"},children:[e.jsxs("div",{style:{position:"relative",width:"clamp(104px, 30vw, 124px)",aspectRatio:"1 / 1",display:"grid",placeItems:"center",flex:"0 0 auto"},children:[[0,1,2].map(n=>e.jsx("span",{className:a(`${i}-ring`),style:{position:"absolute",width:"72%",height:"72%",borderRadius:"50%",border:`1.5px solid ${t.CYAN}`,animationDelay:`${n*.8}s`}},n)),e.jsx("span",{className:a(`${i}-sweep`),style:{position:"absolute",width:"88%",height:"88%",borderRadius:"50%",background:`conic-gradient(from 0deg, transparent 0deg, ${t.CYAN}00 250deg, ${t.CYAN}66 340deg, ${t.CYAN} 360deg)`,maskImage:"radial-gradient(circle, transparent 55%, #000 56%)",WebkitMaskImage:"radial-gradient(circle, transparent 55%, #000 56%)"}}),e.jsx("span",{className:a(`${i}-orbit`),style:{position:"absolute",width:"88%",height:"88%"},children:e.jsx("span",{style:{position:"absolute",top:-3,left:"50%",width:6,height:6,borderRadius:"50%",background:c,boxShadow:`0 0 9px ${c}`}})}),e.jsx("div",{className:a(`${i}-core`),style:{width:"60%",height:"60%",borderRadius:"50%",display:"grid",placeItems:"center",textAlign:"center",background:s?`radial-gradient(circle at 34% 28%, ${t.CYAN}22, #ffffff 72%)`:`radial-gradient(circle at 34% 28%, ${t.CYAN}33, ${t.coreBg} 72%)`,border:`1px solid ${t.CYAN}55`,boxShadow:`0 0 24px -6px ${t.CYAN}aa, inset 0 0 16px -8px ${t.CYAN}`,font:`800 9px/1.15 ${g}`,color:t.ink,padding:6},children:"yoursite.com"})]}),e.jsxs("div",{style:{minWidth:0,display:"grid",gap:10},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsx("span",{style:{position:"relative",width:58,height:58,borderRadius:"50%",flex:"0 0 auto",background:`conic-gradient(${l} 0deg, ${c} 295deg, ${t.track} 295deg 360deg)`,boxShadow:`0 0 18px -4px ${l}66`},children:e.jsx("span",{style:{position:"absolute",inset:6,borderRadius:"50%",background:t.coreBg,display:"grid",placeItems:"center",color:t.ink,font:`800 17px/1 ${x}`,letterSpacing:"-0.03em"},children:"82"})}),e.jsxs("div",{style:{minWidth:0,display:"grid",gap:3},children:[e.jsx("span",{style:{font:`700 12.5px/1.2 ${x}`,color:t.ink},children:"SEO score"}),e.jsx("span",{style:{font:`700 8.5px/1.3 ${g}`,color:t.inkSoft,whiteSpace:"nowrap"},children:"Grade A, +6 this week"})]}),e.jsx(v,{nc:d,st:r,label:"5 specialists",caps:!1,style:{marginLeft:"auto"}})]}),e.jsx("div",{style:{display:"grid",gap:6},children:b.map((n,o)=>{const y=n.state!=="idle",k=n.state==="scan"?t.CYAN:n.state==="done"?c:t.inkFaint;return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{font:`800 8px/1 ${g}`,color:k,flex:"0 0 auto",opacity:y?1:.6},children:String(o+1).padStart(2,"0")}),e.jsx("span",{style:{font:`600 9.5px/1.2 ${x}`,color:y?t.ink:t.inkFaint,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:"0 0 auto",width:"clamp(88px, 26vw, 118px)"},children:n.label}),e.jsxs("span",{style:{flex:1,height:3,borderRadius:999,background:t.track,overflow:"hidden",minWidth:0},children:[n.state==="done"&&e.jsx("span",{style:{display:"block",height:"100%",width:"100%",borderRadius:999,background:`linear-gradient(90deg, ${c}, ${c}aa)`}}),n.state==="scan"&&e.jsx("span",{className:a(`${i}-scan`),style:{display:"block",height:"100%",width:"42%",borderRadius:999,background:`linear-gradient(90deg, transparent, ${t.CYAN}, transparent)`}})]}),n.state==="done"?e.jsx("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",style:{flex:"0 0 auto"},children:e.jsx("path",{d:"M5 13l4 4L19 7",stroke:c,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})}):n.state==="scan"?e.jsx("span",{className:a(`${i}-dot`),style:{width:6,height:6,borderRadius:"50%",background:t.CYAN,boxShadow:`0 0 7px ${t.CYAN}`,flex:"0 0 auto"}}):e.jsx("span",{style:{width:6,height:6,flex:"0 0 auto"}})]},n.label)})})]})]}),e.jsx("div",{style:{display:"flex",gap:8,padding:"0 16px 16px",flexWrap:"wrap"},children:[{k:"Wins",v:"23",c:t.GOOD},{k:"Fixes queued",v:"7",c:t.CYAN},{k:"Critical",v:"1",c:l}].map(n=>e.jsxs("div",{style:{flex:"1 1 90px",minWidth:0,display:"grid",gap:2,padding:"8px 10px",borderRadius:11,border:`1px solid ${t.panelBorder}`,background:t.panelBg,textAlign:"center"},children:[e.jsx("span",{style:{font:`700 8px/1.2 ${g}`,letterSpacing:"0.12em",textTransform:"uppercase",color:t.inkFaint},children:n.k}),e.jsx("span",{style:{font:`800 15px/1 ${x}`,color:n.c,letterSpacing:"-0.02em",fontVariantNumeric:"tabular-nums"},children:n.v})]},n.k))}),e.jsx("style",{children:`
57        .${i}-dot { animation: ${i}-pulse 1.4s ease-in-out infinite; }
58        @keyframes ${i}-pulse { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
59        .${i}-ring { animation: ${i}-ripple 2.6s ease-out infinite; }
60        @keyframes ${i}-ripple { 0% { transform: scale(.5); opacity: .6; } 100% { transform: scale(1.85); opacity: 0; } }
61        .${i}-sweep { animation: ${i}-spin 2.4s linear infinite; }
62        .${i}-orbit { animation: ${i}-spin 6s linear infinite reverse; }
63        @keyframes ${i}-spin { to { transform: rotate(360deg); } }
64        .${i}-core { animation: ${i}-breathe 3.2s ease-in-out infinite; }
65        @keyframes ${i}-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.045); } }
66        .${i}-scan { animation: ${i}-slide 1.2s linear infinite; }
67        @keyframes ${i}-slide { from { transform: translateX(-130%); } to { transform: translateX(360%); } }
68        .${i}-beam { animation: ${i}-beam 3s ease-in-out infinite; }
69        @keyframes ${i}-beam { 0% { transform: translateX(-40%); opacity: 0; } 12%,88% { opacity: 1; } 100% { transform: translateX(230%); opacity: 0; } }
70        @media (prefers-reduced-motion: reduce) {
71          .${i}-dot, .${i}-ring, .${i}-sweep, .${i}-orbit, .${i}-core, .${i}-scan, .${i}-beam { animation: none !important; }
72        }
73      `})]})}function Je({isLight:s=!1,reduced:m=!1}){const t=G(s),d=F(!s),r=z(!s),i="mk-qu",a=p=>m?void 0:p,b=[{title:"Submit sitemap to Bing",why:"Get indexed on the second-largest search engine.",worth:"Done",state:"done"},{title:"Fix 3 missing meta descriptions",why:"Higher click-through from the pages you already rank for.",worth:"$1.2k / mo",state:"ai",gem:!0},{title:"Track conversions in GA4",why:"Stop flying blind on which channel actually pays back.",worth:"$820 / mo",state:"connect"}],n=62,o=22,y=2*Math.PI*o,k=y*(1-n/100);return e.jsxs("div",{"aria-hidden":!0,style:L(t),children:[e.jsx(X,{isLight:s}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",top:0,left:0,right:0,height:2,overflow:"hidden",pointerEvents:"none"},children:e.jsx("div",{className:a(`${i}-beam`),style:{position:"absolute",inset:0,width:"48%",background:`linear-gradient(90deg, transparent, ${l}, ${c}, transparent)`}})}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",gap:12,padding:"13px 15px",borderBottom:`1px solid ${t.barBorder}`,background:t.barBg},children:[e.jsxs("span",{style:{position:"relative",width:52,height:52,flex:"0 0 auto"},children:[e.jsxs("svg",{width:52,height:52,viewBox:"0 0 52 52",children:[e.jsx("circle",{cx:26,cy:26,r:o,fill:"none",stroke:t.track,strokeWidth:5}),e.jsx("circle",{cx:26,cy:26,r:o,fill:"none",stroke:`url(#${i}-ring)`,strokeWidth:5,strokeLinecap:"round",strokeDasharray:y,strokeDashoffset:k,transform:"rotate(-90 26 26)"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:`${i}-ring`,x1:"0",y1:"0",x2:"1",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:l}),e.jsx("stop",{offset:"100%",stopColor:c})]})})]}),e.jsxs("span",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center",font:`800 13px/1 ${x}`,color:t.ink},children:[n,"%"]})]}),e.jsxs("div",{style:{minWidth:0,flex:1},children:[e.jsx("div",{style:{display:"flex",alignItems:"center",gap:8},children:e.jsx("span",{style:{font:`700 11px/1.2 ${x}`,letterSpacing:"-0.01em",color:t.ink,whiteSpace:"nowrap"},children:"Quests"})}),e.jsx("div",{style:{font:`700 8.5px/1.3 ${g}`,color:t.inkSoft,marginTop:3},children:"Money on the table"})]}),e.jsxs("span",{style:{flex:"0 0 auto",display:"grid",gap:1,textAlign:"center",justifyItems:"center"},children:[e.jsx("span",{style:{font:`800 clamp(15px, 4.4vw, 18px)/1 ${x}`,letterSpacing:"-0.03em",fontVariantNumeric:"tabular-nums",background:`linear-gradient(135deg, ${l}, ${c}
73)`,WebkitBackgroundClip:"text",backgroundClip:"text",color:"transparent"},children:"$2,020"}),e.jsx("span",{style:{font:`700 7px/1 ${g}`,letterSpacing:"0.1em",textTransform:"uppercase",color:t.inkFaint},children:"/ month"})]})]}),e.jsx("div",{style:{display:"grid",gap:9,padding:"12px 15px 15px"},children:b.map((p,P)=>{const w=p.state==="done";return e.jsxs("div",{className:a(p.state==="ai"?`${i}-rise`:""),style:{position:"relative",display:"flex",alignItems:"flex-start",gap:10,padding:"12px 13px",borderRadius:13,border:`1px solid ${p.state==="ai"?`${l}55`:t.panelBorder}`,background:p.state==="ai"?s?"rgba(236,72,153,0.05)":"rgba(236,72,153,0.08)":t.panelBg},children:[e.jsx("span",{style:{flex:"0 0 auto",width:22,height:22,borderRadius:7,display:"grid",placeItems:"center",background:w?s?"rgba(5,150,105,0.12)":"rgba(52,211,153,0.14)":t.track,color:w?t.GOOD:t.inkFaint},children:w?e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M5 13l4 4L19 7",stroke:t.GOOD,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})}):e.jsx("span",{style:{font:`800 9px/1 ${g}`},children:String(P+1).padStart(2,"0")})}),e.jsxs("div",{style:{minWidth:0,flex:1,display:"grid",gap:4},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:7,flexWrap:"wrap"},children:[p.gem&&e.jsx(v,{nc:d,st:r,label:"Hidden gem"}),e.jsx("span",{style:{font:`700 11px/1.25 ${x}`,color:t.ink},children:p.title})]}),e.jsx("span",{style:{font:`500 9px/1.4 ${x}`,color:t.inkSoft},children:p.why}),!w&&e.jsxs("span",{style:{font:`800 8.5px/1 ${g}`,color:t.GOOD,marginTop:1},children:["Worth ",p.worth]})]}),e.jsx("div",{style:{flex:"0 0 auto",alignSelf:"center"},children:w?e.jsx("span",{style:{font:`800 7.5px/1 ${g}`,letterSpacing:"0.08em",textTransform:"uppercase",color:t.GOOD},children:"Done"}):p.state==="ai"?e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:5,padding:"6px 10px",borderRadius:9,background:`linear-gradient(135deg, ${l}, ${c})`,color:"#fff",font:`800 7.5px/1 ${g}`,letterSpacing:"0.06em",textTransform:"uppercase",whiteSpace:"nowrap",boxShadow:`0 8px 18px -10px ${l}`},children:["Hand to AI",e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M5 12h14M13 6l6 6-6 6",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})]}):e.jsx("span",{style:{display:"inline-flex",alignItems:"center",gap:5,padding:"6px 10px",borderRadius:9,border:`1px solid ${c}66`,background:t.panelBg,color:t.violetInk,font:`800 7.5px/1 ${g}`,letterSpacing:"0.06em",textTransform:"uppercase",whiteSpace:"nowrap"},children:"Connect"})})]},p.title)})}),e.jsx("style",{children:`
74        .${i}-beam { animation: ${i}-beam 3s ease-in-out infinite; }
75        @keyframes ${i}-beam { 0% { transform: translateX(-40%); opacity: 0; } 12%,88% { opacity: 1; } 100% { transform: translateX(230%); opacity: 0; } }
76        .${i}-rise { animation: ${i}-rise 3.4s ease-in-out infinite; }
77        @keyframes ${i}-rise { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
78        @media (prefers-reduced-motion: reduce) { .${i}-beam, .${i}-rise { animation: none !important; } }
79      `})]})}function Ke({isLight:s=!1,reduced:m=!1}){const t=G(s),d=F(!s),r=z(!s),i="mk-so",a=o=>m?void 0:o,b=[{label:"Instagram",logo:Re,followers:"24.8k",delta:"+3.1%"},{label:"X",logo:Be,followers:"12.3k",delta:"+1.4%"},{label:"LinkedIn",logo:Ie,followers:"8.9k",delta:"+5.2%"},{label:"TikTok",logo:Ne,followers:"41.2k",delta:"+9.7%"}],n={font:`700 7.5px/1 ${g}`,letterSpacing:"0.12em",textTransform:"uppercase",color:t.inkFaint,whiteSpace:"nowrap"};return e.jsxs("div",{"aria-hidden":!0,style:L(t),children:[e.jsx(X,{isLight:s}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",top:0,left:0,right:0,height:2,overflow:"hidden",pointerEvents:"none"},children:e.jsx("div",{className:a(`${i}-beam`),style:{position:"absolute",inset:0,width:"48%",background:`linear-gradient(90deg, transparent, ${l}, ${c}, transparent)`}})}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",gap:9,padding:"12px 15px",borderBottom:`1px solid ${t.barBorder}`,background:t.barBg},children:[e.jsx("i",{className:a(`${i}-dot`),style:{width:8,height:8,borderRadius:"50%",background:l,boxShadow:`0 0 10px ${l}`,flex:"0 0 auto"}}),e.jsx("span",{style:{font:`700 11px/1.2 ${x}`,letterSpacing:"-0.01em",color:t.ink,whiteSpace:"nowrap"},children:"Socials"}),e.jsx(te,{nc:d,st:r,label:"4 accounts"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",gap:8,padding:"13px 15px 11px"},children:b.map(o=>e.jsxs("div",{style:{minWidth:0,display:"flex",alignItems:"center",gap:9,padding:"10px 11px",borderRadius:12,border:`1px solid ${t.panelBorder}`,background:t.panelBg},children:[e.jsx("span",{style:{flex:"0 0 auto",width:26,height:26,borderRadius:8,display:"grid",placeItems:"center",background:d.surface,boxShadow:d.btnRaised,border:`1px solid ${d.chipBorder}`},children:e.jsx("img",{src:o.logo,alt:"",width:15,height:15,style:{objectFit:"contain",borderRadius:3}})}),e.jsxs("div",{style:{minWidth:0,flex:1,display:"grid",gap:2},children:[e.jsx("span",{style:{...n,overflow:"hidden",textOverflow:"ellipsis"},children:o.label}),e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:5,minWidth:0},children:[e.jsx("span",{style:{font:`800 14px/1 ${x}`,letterSpacing:"-0.03em",color:t.ink,fontVariantNumeric:"tabular-nums"},children:o.followers}),e.jsx("span",{style:{font:`700 7.5px/1 ${g}`,color:t.GOOD,whiteSpace:"nowrap"},children:o.delta})]})]})]},o.label))}),e.jsxs("div",{style:{margin:"3px 15px 15px",display:"grid",gap:9,padding:"12px 13px",borderRadius:14,border:`1px solid ${l}44`,background:s?"rgba(236,72,153,0.05)":"rgba(236,72,153,0.09)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{width:20,height:20,borderRadius:6,display:"grid",placeItems:"center",flex:"0 0 auto",background:`linear-gradient(135deg, ${l}, ${c})`,boxShadow:`0 6px 16px -8px ${l}`},children:e.jsx("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M13 2L4 14h6l-1 8 9-12h-6l1-8z",fill:"#fff",opacity:"0.95"})})}),e.jsx("span",{style:{font:`700 9.5px/1.2 ${x}`,color:t.ink},children:"AI drafted a post"}),e.jsx(v,{nc:d,st:r,label:"4 channels",caps:!1,style:{marginLeft:"auto"}})]}),e.jsx("span",{style:{font:`500 9.5px/1.45 ${x}`,color:t.inkSoft,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:"Ship day. Our new SEO cockpit is live: see every channel, fix what matters, in one board. Link in bio."}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("div",{style:{display:"flex",gap:5,flex:1,minWidth:0,flexWrap:"wrap"},children:b.map(o=>e.jsx("span",{style:{width:20,height:20,borderRadius:6,display:"grid",placeItems:"center",flex:"0 0 auto",background:d.surface,boxShadow:d.btnRaised,border:`1px solid ${d.chipBorder}`},children:e.jsx("img",{src:o.logo,alt:"",width:12,height:12,style:{objectFit:"contain",borderRadius:2}})},o.label))}),e.jsxs("span",{style:{flex:"0 0 auto",display:"inline-flex",alignItems:"center",gap:5,padding:"7px 12px",borderRadius:9,background:`linear-gradient(135deg, ${l}, ${c})`,color:"#fff",font:`800 8px/1 ${g}`,letterSpacing:"0.08em",textTransform:"uppercase",whiteSpace:"nowrap",boxShadow:`0 8px 18px -10px ${l}`},children:["Schedule",e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M5 12h14M13 6l6 6-6 6",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]}),e.jsx("style",{children:`
80        .${i}-dot { animation: ${i}-pulse 1.4s ease-in-out infinite; }
81        @keyframes ${i}-pulse { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
82        .${i}-beam { animation: ${i}-beam 3s ease-in-out infinite; }
83        @keyframes ${i}-beam { 0% { transform: translateX(-40%); opacity: 0; } 12%,88% { opacity: 1; } 100% { transform: translateX(230%); opacity: 0; } }
84        @media (prefers-reduced-motion: reduce) { .${i}-dot, .${i}-beam { animation: none !important; } }
85      `})]})}function qe({isLight:s=!1,reduced:m=!1}){const t=G(s),d=F(!s),r=z(!s),i="mk-bk",a=o=>m?void 0:o,b=[{name:"Product Hunt",host:"producthunt.com",da:91,state:"secured"},{name:"Hacker News",host:"news.ycombinator.com",da:89,state:"submitting"},{name:"BetaList",host:"betalist.com",da:72,state:"todo"},{name:"Indie Hackers",host:"indiehackers.com",da:78,state:"secured"}],n=o=>o.slice(0,1).toUpperCase();return e.jsxs("div",{"aria-hidden":!0,style:L(t),children:[e.jsx(X,{isLight:s}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",top:0,left:0,right:0,height:2,overflow:"hidden",pointerEvents:"none"},children:e.jsx("div",{className:a(`${i}-beam`),style:{position:"absolute",inset:0,width:"48%",background:`linear-gradient(90deg, transparent, ${l}, ${c}, transparent)`}})}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",gap:9,padding:"12px 15px",borderBottom:`1px solid ${t.barBorder}`,background:t.barBg},children:[e.jsx("span",{style:{width:22,height:22,borderRadius:7,flex:"0 0 auto",display:"grid",placeItems:"center",background:`linear-gradient(135deg, ${l}, ${c})`,boxShadow:`0 6px 16px -8px ${c}`},children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M10 13a5 5 0 007 0l3-3a5 5 0 00-7-7l-1 1M14 11a5 5 0 00-7 0l-3 3a5 5 0 007 7l1-1",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),e.jsx("span",{style:{font:`700 11px/1.2 ${x}`,letterSpacing:"-0.01em",color:t.ink,whiteSpace:"nowrap"},children:"Backlinks"}),e.jsx(v,{nc:d,st:r,label:"12 secured",tone:"live",caps:!1,style:{marginLeft:"auto"},icon:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",style:{flex:"0 0 auto"},children:e.jsx("path",{d:"M5 13l4 4L19 7",stroke:r.live,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsx("div",{style:{display:"grid",gap:8,padding:"12px 15px 15px"},children:b.map(o=>{const y=o.state==="submitting";return e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",gap:10,padding:"10px 12px",borderRadius:12,border:`1px solid ${y?`${t.CYAN}55`:t.panelBorder}`,background:y?s?"rgba(2,132,199,0.05)":"rgba(56,189,248,0.08)":t.panelBg},children:[e.jsx("span",{style:{flex:"0 0 auto",width:26,height:26,borderRadius:7,display:"grid",placeItems:"center",background:t.track,
85color:t.ink,font:`800 11px/1 ${x}`},children:n(o.name)}),e.jsxs("div",{style:{minWidth:0,flex:1,display:"grid",gap:2},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:7,minWidth:0},children:[e.jsx("span",{style:{font:`700 10.5px/1.2 ${x}`,color:t.ink,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:o.name}),e.jsx(v,{nc:d,st:r,label:`DA ${o.da}`,caps:!1,style:{padding:"3px 7px"}})]}),e.jsx("span",{style:{font:`600 8px/1.2 ${g}`,color:t.inkFaint,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:o.host})]}),o.state==="secured"&&e.jsx(v,{nc:d,st:r,label:"Secured",tone:"live",icon:e.jsx("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",style:{flex:"0 0 auto"},children:e.jsx("path",{d:"M12 2l2.4 6.9H22l-6 4.4 2.3 7-6.3-4.5L5.7 20l2.3-7-6-4.4h7.6z",fill:r.live,opacity:"0.9"})})}),o.state==="todo"&&e.jsx("span",{style:{flex:"0 0 auto",padding:"5px 10px",borderRadius:8,border:`1px solid ${t.panelBorder}`,color:t.inkSoft,font:`800 7.5px/1 ${g}`,letterSpacing:"0.06em",textTransform:"uppercase",whiteSpace:"nowrap"},children:"Submit"}),y&&e.jsxs("div",{style:{flex:"0 0 auto",display:"flex",alignItems:"center",gap:8},children:[e.jsx(v,{nc:d,st:r,label:"Agent in browser",tone:"live",caps:!1,dotClassName:a(`${i}-dot`)}),e.jsx("span",{style:{padding:"5px 10px",borderRadius:8,background:`linear-gradient(135deg, ${l}, ${c})`,color:"#fff",font:`800 7.5px/1 ${g}`,letterSpacing:"0.06em",textTransform:"uppercase",whiteSpace:"nowrap",boxShadow:`0 8px 18px -10px ${l}`},children:"Approve"})]}),y&&e.jsx("span",{"aria-hidden":!0,style:{position:"absolute",left:0,right:0,bottom:0,height:2,overflow:"hidden",borderRadius:999},children:e.jsx("span",{className:a(`${i}-scan`),style:{position:"absolute",inset:0,width:"40%",background:`linear-gradient(90deg, transparent, ${t.CYAN}, transparent)`}})})]},o.name)})}),e.jsx("style",{children:`
86        .${i}-dot { animation: ${i}-pulse 1.4s ease-in-out infinite; }
87        @keyframes ${i}-pulse { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
88        .${i}-scan { animation: ${i}-slide 1.5s linear infinite; }
89        @keyframes ${i}-slide { from { transform: translateX(-120%); } to { transform: translateX(320%); } }
90        .${i}-beam { animation: ${i}-beam 3s ease-in-out infinite; }
91        @keyframes ${i}-beam { 0% { transform: translateX(-40%); opacity: 0; } 12%,88% { opacity: 1; } 100% { transform: translateX(230%); opacity: 0; } }
92        @media (prefers-reduced-motion: reduce) { .${i}-dot, .${i}-scan, .${i}-beam { animation: none !important; } }
93      `})]})}function et({isLight:s=!1,reduced:m=!1}){const t=G(s),d=F(!s),r=z(!s),i="mk-as",a=n=>m?void 0:n,b=[{id:"google_ads.metrics",logo:le},{id:"search_console.query",logo:ze}];return e.jsxs("div",{"aria-hidden":!0,style:L(t),children:[e.jsx(X,{isLight:s}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",top:0,left:0,right:0,height:2,overflow:"hidden",pointerEvents:"none"},children:e.jsx("div",{className:a(`${i}-beam`),style:{position:"absolute",inset:0,width:"48%",background:`linear-gradient(90deg, transparent, ${l}, ${c}, transparent)`}})}),e.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",gap:9,padding:"12px 15px",borderBottom:`1px solid ${t.barBorder}`,background:t.barBg},children:[e.jsx("i",{className:a(`${i}-dot`),style:{width:8,height:8,borderRadius:"50%",background:l,boxShadow:`0 0 10px ${l}`,flex:"0 0 auto"}}),e.jsx("span",{style:{font:`700 11px/1.2 ${x}`,letterSpacing:"-0.01em",color:t.ink,whiteSpace:"nowrap"},children:"Marketing assistant"}),e.jsx(v,{nc:d,st:r,label:"Approval on",tone:"live",icon:e.jsx("svg",{width:"9",height:"9",viewBox:"0 0 24 24",fill:"none",style:{flex:"0 0 auto"},children:e.jsx("path",{d:"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z",stroke:r.live,strokeWidth:"2",strokeLinejoin:"round"})})}),e.jsx(te,{nc:d,st:r,label:"Grounded"})]}),e.jsxs("div",{style:{display:"grid",gap:11,padding:"14px 15px 15px"},children:[e.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:e.jsx("span",{style:{maxWidth:"82%",padding:"9px 12px",borderRadius:"13px 13px 4px 13px",background:`linear-gradient(135deg, ${l}, ${c})`,color:"#fff",font:`500 10px/1.45 ${x}`,boxShadow:`0 10px 22px -14px ${c}`},children:"Which channel has the best ROAS this month, and can you fix our weakest meta?"})}),e.jsxs("div",{style:{display:"flex",gap:9,alignItems:"flex-start"},children:[e.jsx("span",{style:{flex:"0 0 auto",width:28,height:28,borderRadius:"50%",overflow:"hidden",display:"grid",placeItems:"center",background:d.surface,boxShadow:d.btnRaised,border:`1px solid ${d.chipBorder}`},children:e.jsx("img",{src:je,alt:"",width:28,height:28,style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:"50%"}})}),e.jsxs("div",{style:{minWidth:0,flex:1,display:"grid",gap:8},children:[e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:6},children:[b.map(n=>e.jsx(v,{nc:d,st:r,label:n.id,leadingLogo:n.logo,caps:!1},n.id)),e.jsx(v,{nc:d,st:r,label:"2 tools called",caps:!1})]}),e.jsxs("span",{style:{padding:"9px 12px",borderRadius:"4px 13px 13px 13px",background:t.panelBg,border:`1px solid ${t.panelBorder}`,color:t.ink,font:`500 10px/1.5 ${x}`},children:["Google Ads leads at ",e.jsx("b",{style:{color:t.GOOD},children:"4.2x ROAS"}),". Meta trails at 2.1x. Your weakest page is ",e.jsx("b",{children:"/pricing"})," with a missing meta description. I drafted one and I am ready to publish it."]}),e.jsxs("div",{style:{display:"grid",gap:9,padding:"11px 12px",borderRadius:12,border:`1px solid ${l}55`,background:s?"rgba(236,72,153,0.05)":"rgba(236,72,153,0.09)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{flex:"0 0 auto",width:20,height:20,borderRadius:6,display:"grid",placeItems:"center",background:`linear-gradient(135deg, ${l}, ${c})`},children:e.jsx("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z",stroke:"#fff",strokeWidth:"2",strokeLinejoin:"round"})})}),e.jsxs("div",{style:{minWidth:0,flex:1,display:"grid",gap:2},children:[e.jsx("span",{style:{font:`700 9.5px/1.2 ${x}`,color:t.ink},children:"Approval needed"}),e.jsx("span",{style:{font:`600 8px/1.3 ${g}`,color:t.inkSoft,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:"edit meta on wordpress /pricing"})]})]}),e.jsxs("div",{style:{display:"flex",gap:8},children:[e.jsx("span",{style:{flex:1,textAlign:"center",padding:"7px 0",borderRadius:9,background:`linear-gradient(135deg, ${l}, ${c})`,color:"#fff",font:`800 8px/1 ${g}`,letterSpacing:"0.08em",textTransform:"uppercase",boxShadow:`0 8px 18px -10px ${l}`},children:"Approve"}),e.jsx("span",{style:{flex:"0 0 auto",padding:"7px 14px",borderRadius:9,border:`1px solid ${t.panelBorder}`,color:t.inkSoft,font:`800 8px/1 ${g}`,letterSpacing:"0.08em",textTransform:"uppercase"},children:"Reject"})]})]})]})]})]}),e.jsx("style",{children:`
94        .${i}-dot { animation: ${i}-pulse 1.4s ease-in-out infinite; }
95        @keyframes ${i}-pulse { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
96        .${i}-beam { animation: ${i}-beam 3s ease-in-out infinite; }
97        @keyframes ${i}-beam { 0% { transform: translateX(-40%); opacity: 0; } 12%,88% { opacity: 1; } 100% { transform: translateX(230%); opacity: 0; } }
98        @media (prefers-reduced-motion: reduce) { .${i}-dot, .${i}-beam { animation: none !important; } }
99      `})]})}
99export{et as A,qe as B,Ue as M,Qe as O,Je as Q,Ze as S,Ke as a};

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.