*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--ink:#0a0a0a;--muted:#4b5563;--line:#e5e7eb;--teal:#2dd4bf;--teal-ink:#0f766e;--bg:#fff}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:var(--teal-ink)}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.sr{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}header.top{border-bottom:1px solid var(--line);background:var(--bg);z-index:3;position:sticky;top:0}.top .wrap{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.mark{background:var(--ink);width:32px;height:32px;color:var(--bg);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.brand b{font-size:15px;font-weight:700;line-height:1.2;display:block}.brand small{color:var(--muted);font-size:11px}nav a{color:var(--ink);margin-left:18px;font-size:13px;font-weight:600;text-decoration:none}nav a:hover{color:var(--teal)}.hero{padding:44px 0 30px}.role{margin:0 0 8px;font-size:14px;font-weight:600}.addr{color:var(--muted);margin:0 0 16px;font-size:14px}.addr a{color:var(--teal);text-underline-offset:3px;font-weight:600;text-decoration:underline}h1{letter-spacing:-.03em;max-width:820px;margin:0 0 14px;font-size:48px;font-weight:800;line-height:1.05}h1 em{background:linear-gradient(#2dd4bf 0% 55%,#0f766e 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lede{color:#4b5563;max-width:660px;margin:0 0 22px;font-size:17px}.btn{border:2px solid var(--ink);color:var(--ink);background:var(--bg);border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn.teal{color:#fff;background:linear-gradient(#2dd4bf 0% 55%,#0f766e 100%);border-color:#0f766e;box-shadow:inset 0 1px #ffffff59}.btn.wa{background:var(--ink);border-color:var(--ink);color:#fff}section{border-top:1px solid var(--line);padding:34px 0}h2{letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}h2 .t{color:var(--teal)}.sub{color:var(--muted);margin:0 0 20px;font-size:15px}.layers{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:22px 28px;display:grid}.layer{color:var(--ink);align-items:flex-start;gap:16px;text-decoration:none;display:flex}.lico{flex:0 0 56px;width:56px;height:56px;display:block}.info{flex-direction:column;gap:3px;display:flex}.name{color:var(--teal-ink);text-decoration:underline;-webkit-text-decoration-color:var(--teal);text-decoration-color:var(--teal);text-underline-offset:4px;font-size:17px;font-weight:800;text-decoration-thickness:2px}.blurb{color:var(--muted);font-size:14px}.list{margin-top:4px;font-size:13px;line-height:1.55}.layer:hover .name{color:var(--ink)}.live-note{border-left:4px solid var(--teal);color:#134e4a;background:#f0fdfa;border-radius:6px;margin:0 0 22px;padding:12px 16px;font-size:14px}.live-note b{color:var(--teal-ink)}.apps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:0 0 26px;display:grid}.app{border:1px solid var(--line);color:var(--ink);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;text-decoration:none;display:flex}.app:hover{border-color:var(--teal)}.app .aico{flex:0 0 44px;width:44px;height:44px}.app b{font-size:15px;display:block}.app small{color:var(--muted);font-size:13px}.badge{background:var(--teal);color:#fff;vertical-align:middle;border-radius:6px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.p{background:var(--line);color:var(--ink)}h3{margin:24px 0 10px;font-size:17px;font-weight:800}.tools{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tool{border:1px solid var(--line);color:var(--ink);border-radius:10px;flex-direction:column;gap:4px;padding:8px;text-decoration:none;display:flex}.tool:hover{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal) inset}.tico{width:28px;height:28px;display:block}.tt{font-size:12px;font-weight:700;line-height:1.25}.td{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.contact{background:var(--ink);color:#fff;border-radius:16px;margin:0 0 8px;padding:32px}.contact .wrap{padding:0}.contact h2{color:#fff}.contact h2 .t{color:#99f6e4}.contact .sub{color:#d1d5db}.contact .btn{border-color:#fff}.contact .btn.teal{color:#0a0a0a;background:#99f6e4;border-color:#99f6e4}.contact .btn.wa{color:#fff;background:0 0;border-color:#fff}.contact .phone{color:#fff;margin:14px 0 0;font-size:15px}.contact .phone a{color:#99f6e4;font-weight:700}.msg{color:var(--ink);max-width:720px;margin:0 0 14px;font-size:15px}footer{border-top:1px solid var(--line);color:var(--muted);padding:22px 0;font-size:13px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}footer a{color:var(--ink);margin-left:12px;font-weight:600;text-decoration:none}@media (max-width:720px){h1{font-size:34px}nav{display:none}.layers,.tools{grid-template-columns:1fr}.contact{padding:22px}}.stage{perspective:900px;height:300px;transform-style:preserve-3d;margin:0 0 18px;position:relative}.title{letter-spacing:-.03em;transform-origin:50% 100%;margin:0;font-size:48px;font-weight:800;line-height:1.05;animation:12s ease-in-out infinite titleAnim;position:absolute;inset:0 0 auto}.title em{background:linear-gradient(#99f6e4 0%,#2dd4bf 55%,#0f766e 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}@keyframes titleAnim{0%{opacity:1;transform:rotateX(0)}24%{opacity:1;transform:rotateX(0)}30%{opacity:0;transform:rotateX(90deg)}88%{opacity:0;transform:rotateX(90deg)}96%{opacity:1;transform:rotateX(0)}to{opacity:1;transform:rotateX(0)}}.figure{width:240px;height:240px;transform-style:preserve-3d;opacity:0;margin-left:-120px;animation:12s ease-in-out infinite figAnim;position:absolute;top:40px;left:50%}@keyframes figAnim{0%,28%{opacity:0;transform:scale(.4)rotateY(0)}36%{opacity:1;transform:scale(1)rotateY(360deg)}80%{opacity:1;transform:scale(1)rotateY(360deg)}88%,to{opacity:0;transform:scale(.4)rotateY(360deg)}}.ring{transform-style:preserve-3d;animation:9s linear infinite ringSpin;position:absolute;inset:0;transform:rotateX(62deg)}@keyframes ringSpin{0%{transform:rotateX(62deg)rotate(0)}to{transform:rotateX(62deg)rotate(360deg)}}.arm{width:0;height:0;position:absolute;top:50%;left:50%}.hand{background:#fff;border:2px solid #0f766e;border-radius:50%;width:44px;height:44px;position:absolute;top:-122px;left:-22px;box-shadow:0 4px 10px #00000026}.hand svg{display:block}.avatar{width:120px;height:150px;transform-style:preserve-3d;margin:-75px 0 0 -60px;position:absolute;top:50%;left:50%}.head{width:72px;height:76px;position:absolute;top:0;left:24px;transform:translateZ(10px)}.face{background:linear-gradient(#f5d0b0 0%,#e9b896 100%);border-radius:40% 40% 46% 46%;position:absolute;inset:0;box-shadow:inset -6px -6px 10px #00000014}.eye{background:#0a0a0a;border-radius:50%;width:7px;height:7px;position:absolute;top:30px}.eye.l{left:20px}.eye.r{right:20px}.smile{border-bottom:3px solid #8a4b2a;border-radius:0 0 14px 14px;width:24px;height:10px;position:absolute;top:48px;left:24px}.hair{background:#0a0a0a;border-radius:40px 40px 10px 10px;width:76px;height:34px;position:absolute;top:-6px;left:-2px}.body{background:linear-gradient(#2dd4bf 0%,#0f766e 100%);border-radius:44px 44px 14px 14px;width:100px;height:72px;position:absolute;top:78px;left:10px;transform:translateZ(0)}.caption{text-align:center;color:#0f766e;opacity:0;margin:0;font-size:17px;font-weight:700;animation:12s ease-in-out infinite capAnim;position:absolute;bottom:-6px;left:0;right:0}@keyframes capAnim{0%,46%{opacity:0}52%,76%{opacity:1}82%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.title,.figure,.ring,.caption{animation:none}.title{opacity:1}.figure,.caption{opacity:0}}@media (max-width:720px){.title{font-size:34px}.stage{height:260px}.figure{top:30px}}.nstage{perspective:700px;height:250px;margin:0 0 14px;position:relative}.nt{letter-spacing:-.03em;transform-origin:50%;margin:0;font-size:48px;font-weight:800;line-height:1.05;animation:10s ease-in-out infinite ntAnim;position:absolute;top:0;left:0;right:0}.nt em{background:linear-gradient(#99f6e4 0%,#2dd4bf 55%,#0f766e 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}@keyframes ntAnim{0%{opacity:1;transform:rotateX(0)rotateY(0)}12%{transform:rotateX(0)rotateY(-6deg)}22%{transform:rotateX(0)rotateY(6deg)}30%{opacity:1;transform:rotateX(0)rotateY(0)}36%,88%{opacity:0;transform:rotateX(80deg)}96%,to{opacity:1;transform:rotateX(0)rotateY(0)}}.nfig{opacity:0;width:260px;height:180px;margin-left:-130px;animation:10s ease-in-out infinite nfigAnim;position:absolute;top:70px;left:50%}@keyframes nfigAnim{0%,34%{opacity:0}40%,80%{opacity:1}86%,to{opacity:0}}.nring{width:0;height:0;animation:14s linear infinite nSpin;position:absolute;top:50%;left:50%}@keyframes nSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nitem{width:0;height:0;transform:rotate(var(--a)) translate(0,-96px);position:absolute;top:0;left:0}.nicon{width:44px;height:44px;transform:rotate(calc(-1 * var(--a)));background:#fff;border-radius:12px;place-items:center;animation:14s linear infinite nUpright;display:grid;position:absolute;top:-22px;left:-22px;box-shadow:0 6px 14px #0000002e,inset 0 -2px #0000000f}@keyframes nUpright{0%{transform:rotate(calc(-1 * var(--a)))}to{transform:rotate(calc(-1 * var(--a) - 360deg))}}.nicon svg{display:block}.navatar{width:70px;height:100px;margin:-50px 0 0 -35px;position:absolute;top:50%;left:50%}.nhead{background:linear-gradient(#f5d0b0 0%,#e9b896 100%);border-radius:45% 45% 48% 48%;width:42px;height:44px;position:absolute;top:0;left:14px;box-shadow:inset -3px -3px 6px #00000014}.nhair{background:#111827;border-radius:24px 24px 6px 6px;width:46px;height:20px;position:absolute;top:-5px;left:-2px}.nbody{background:linear-gradient(#14b8a6 0%,#0f766e 100%);border-radius:30px 30px 10px 10px;width:62px;height:52px;position:absolute;top:48px;left:4px}.ncap{text-align:center;color:#0f766e;opacity:0;margin:0;font-size:16px;font-weight:700;animation:10s ease-in-out infinite ncapAnim;position:absolute;bottom:0;left:0;right:0}@keyframes ncapAnim{0%,46%{opacity:0}50%,80%{opacity:1}86%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.nt,.nfig,.nring,.nicon,.ncap{animation:none}.nt{opacity:1}.nfig,.ncap{opacity:0}}@media (max-width:720px){.nt{font-size:34px}.nstage{height:230px}}.hero{perspective:900px}.ttl{transform-origin:50%;transform-style:preserve-3d;animation:10s ease-in-out infinite ttlSpin}@keyframes ttlSpin{0%,62%{transform:rotateY(0)}78%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}.avail{color:#134e4a;max-width:640px;margin:0 0 18px;font-size:15px;font-weight:600}.lgrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.lcard{border-top:3px solid var(--c);background:linear-gradient(#fff 0%,#f8fafc 100%);border-radius:16px;padding:18px;box-shadow:0 1px #0000000a,0 10px 24px #0f172a0f}.lhead{align-items:center;gap:14px;margin-bottom:12px;display:flex}.lic{flex:0 0 44px;width:44px;height:44px;display:block}.lhead h3{color:#0a0a0a;margin:0;font-size:16px;font-weight:800}.lhead p{color:#4b5563;margin:2px 0 0;font-size:13px}.skills{flex-wrap:wrap;gap:6px;display:flex}.sk i{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:inset 0 -1px #0003}@media (prefers-reduced-motion:reduce){.ttl{animation:none}}.sk{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:4px 9px 4px 6px;font-size:12px;font-weight:600;display:inline-flex}.bi{background:var(--b);width:16px;height:16px;-webkit-mask:var(--u) center/contain no-repeat;-webkit-mask:var(--u) center/contain no-repeat;mask:var(--u) center/contain no-repeat;flex:0 0 16px;display:inline-block}.si{flex:0 0 16px;display:block}.skills{gap:6px}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-width:200px;height:46px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.bic{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px;width:20px;height:20px;display:block}a.lcard{color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}a.lcard:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a1a}.svc-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.svc{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.svc-icons{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sv-ic{background:#fff;border:1px solid #e5e7eb;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 2px 6px #0f172a0f}.sv-ic img{display:block}.svc h3{color:#0a0a0a;margin:0 0 4px;font-size:16px;font-weight:800}.svc p{color:#4b5563;margin:0;font-size:13px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.cbtn{color:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex;box-shadow:0 8px 18px #0f172a24}.cbtn svg{flex:0 0 22px;display:block}.cbtn b{font-size:15px;font-weight:800;display:block}.cbtn small{opacity:.92;font-size:12px;display:block}.wa-c{background:linear-gradient(#4ade80 0%,#25d366 55%,#128c7e 100%)}.call-c{background:linear-gradient(#5eead4 0%,#0d9488 55%,#0f5e58 100%)}.sms-c{background:linear-gradient(#60a5fa 0%,#2563eb 55%,#1e40af 100%)}.mail-c{background:linear-gradient(#4b5563 0%,#111827 100%)}.hire-row{flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 4px;display:flex}.hire-btn{box-sizing:border-box;color:#fff;background:linear-gradient(#5eead4 0%,#0d9488 55%,#0f5e58 100%);border-radius:12px;justify-content:center;align-items:center;min-width:150px;height:46px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff59}.pico{background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:0 4px 10px #0f172a14}.pico img{display:block}.pico:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0f172a24}.pico .tip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0f172a;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:600;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.pico:hover .tip,.pico:focus .tip{opacity:1}#hire{border-top:1px solid #e5e7eb;padding:18px 0}.top .wrap{align-items:center;gap:18px;display:flex}nav{margin-left:auto}.hhire{align-items:center;gap:8px;display:flex}.hhire-label{color:#0f5e58;margin-right:4px;font-size:13px;font-weight:800}.hpico{background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:0 2px 6px #0f172a14}.hpico img{display:block}.hpico:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0f172a24}.htip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0f172a;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:600;transition:opacity .15s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.hpico:hover .htip,.hpico:focus .htip{opacity:1}.hhire{margin-left:192px}.loc-ic{vertical-align:-2px;width:14px;height:14px;margin-right:4px;display:inline-block}.site-foot{color:#4b5563;border-top:1px solid #e5e7eb;padding:18px 0;font-size:13px}.site-foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.site-foot b{color:#0a0a0a}.mk{background:var(--b);width:18px;height:18px;-webkit-mask:var(--u) center/contain no-repeat;-webkit-mask:var(--u) center/contain no-repeat;mask:var(--u) center/contain no-repeat;display:block}.avatar{object-fit:cover;background:#ccfbf1;border-radius:50%;flex:0 0 34px;width:34px;height:34px;display:block}.hdr-av{object-fit:cover;background:#ccfbf1;border-radius:50%;flex:0 0 34px;width:34px;height:34px;margin:0;display:block;position:static;transform:none}.top .wrap{position:relative}.hhire{white-space:nowrap;position:absolute;left:50%;transform:translate(-50%);margin-left:0!important}.cost{color:#0f5e58;max-width:640px;margin:14px 0 0;font-size:15px;font-weight:700}.lede .t-tech{color:#0e7490;font-weight:500}.lede .t-exp{color:#1e3a8a;font-weight:600}.cost-in{color:#0f766e;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e6fbf7;border-radius:6px;padding:1px 6px;font-weight:700}.wk-h{color:#4b5563;letter-spacing:.02em;text-transform:uppercase;margin:0 0 10px;font-size:14px;font-weight:800}.cos{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.co{color:#0a0a0a;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.co img{display:block}.wm{background:#f3f4f6;border-radius:6px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:inline-grid}.more{margin-top:12px}.more-btn{cursor:pointer;color:#0f5e58;font:inherit;background:#fff;border:1px solid #0d9488;border-radius:10px;margin:6px 0 10px;padding:9px 16px;font-weight:700;display:inline-block}.more-btn:hover{background:#e6fbf7}.more-btn:focus-visible{outline-offset:2px;outline:2px solid #0d9488}.reveal{transition:opacity .6s,transform .6s}.reveal.pending{opacity:0;transform:translateY(18px)}.lcard,.tool{transition:transform .2s,box-shadow .2s}.lcard:hover,.tool:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f5e581f}@media (prefers-reduced-motion:reduce){.reveal,.lcard,.tool{transition:none}.lcard:hover,.tool:hover{transform:none}}#worked{border-top:1px solid #e5e7eb;padding:18px 0}.dock{z-index:9;background:0 0;flex-direction:column;gap:9px;margin:0;padding:0;display:flex;position:fixed;bottom:18px;right:18px}.dock a{border-radius:50%;place-items:center;width:43px;height:43px;text-decoration:none;transition:transform .15s;display:grid;box-shadow:0 5px 10px #00000040,inset 0 1px #ffffff8c,inset 0 -2px #0000002e;margin:0!important}.dock a:hover{transform:translate(-3px)}.dock svg{width:22px;height:22px;display:block}.dock .wa{background:linear-gradient(#4ade80 0%,#25d366 55%,#128c7e 100%)}.dock .call{background:linear-gradient(#99f6e4 0%,#2dd4bf 55%,#0f766e 100%)}.dock .msg{background:linear-gradient(#60a5fa 0%,#2563eb 55%,#1e40af 100%)}.dock .mail{background:linear-gradient(#4b5563 0%,#111827 100%)}main{padding-bottom:40px}@media (max-width:720px){.dock{bottom:10px;right:10px}}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lede{letter-spacing:.005em;line-height:1.72}.avail{letter-spacing:.005em}h1 em{background:linear-gradient(100deg,#0f766e 0%,#2dd4bf 32%,#ccfbf1 46%,#5eead4 52%,#2dd4bf 68%,#0f766e 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite sheen}@keyframes sheen{0%{background-position:100%}to{background-position:-100%}}.btn{transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2dd4bf59}@media (prefers-reduced-motion:reduce){h1 em{animation:none}.btn:hover{transform:none}}.hero{position:relative}.showcase{display:none}@media (min-width:1000px){.showcase{width:390px;display:block;position:absolute;top:40px;right:0}}.sc-stage{animation:.6s cubic-bezier(.2,.7,.2,1) both panelIn}@keyframes panelIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.sc-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px 18px;box-shadow:0 18px 40px #0f5e581f}.sc-title{letter-spacing:.08em;text-transform:uppercase;color:#0f766e;margin:0 0 10px;font-size:12px;font-weight:800}.sc-svg{width:100%;height:auto;display:block}.sc-label{fill:#134e4a;text-anchor:middle;dominant-baseline:middle;font-size:11px;font-weight:700}.sc-hub-label{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:11px;font-weight:800}.sc-hub-ring{fill:none;stroke:#2dd4bf;stroke-width:2px;transform-origin:180px 130px;animation:2.4s ease-out infinite ring}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.sc-pkt{fill:#14b8a6;animation:2.8s linear infinite both pkt}@keyframes pkt{0%{transform:translate(var(--sx),var(--sy));opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translate(var(--ex),var(--ey));opacity:0}}.sc-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sc-chips span{color:#065f46;opacity:0;animation:.5s cubic-bezier(.2,.7,.2,1) both chipIn;animation-delay:var(--d,0s);background:#ecfdf5;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}@keyframes chipIn{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}.sc-track{margin-top:30px;padding-bottom:34px;position:relative}.sc-stages{gap:6px;display:flex}.sc-stage-box{text-align:center;color:#134e4a;background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;flex:1;padding:10px 0;font-size:12px;font-weight:700;animation:4s ease-in-out infinite both lit}@keyframes lit{0%,to{color:#0e7490;background:#ecfeff;box-shadow:inset 0 0 0 1px #67e8f9}10%,28%{color:#fff;background:linear-gradient(90deg,#14b8a6,#22d3ee);box-shadow:0 6px 16px #14b8a659}40%{color:#0e7490;background:#ecfeff;box-shadow:inset 0 0 0 1px #67e8f9}}.sc-rail{background:#ccfbf1;border-radius:4px;height:4px;position:absolute;bottom:12px;left:0;right:0}.sc-card{text-align:center;color:#042f2e;background:#2dd4bf;border-radius:6px;width:58px;height:22px;font-size:11px;font-weight:800;line-height:22px;animation:4s ease-in-out infinite both travel;position:absolute;bottom:4px;left:0}@keyframes travel{0%{left:0}to{left:calc(100% - 58px)}}.sc-note{color:#374151;margin:0;font-size:13px;line-height:1.6}.sc-live{color:#065f46;margin-right:4px;font-weight:800}.sc-req{opacity:0;animation:.6s cubic-bezier(.2,.7,.2,1) both reqIn;animation-delay:var(--d,0s);border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:9px 10px;font-size:12.5px;display:flex}@keyframes reqIn{0%{opacity:0;transform:translate(-44px)}to{opacity:1;transform:none}}.sc-in{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.sc-arrow{animation:1.2s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.sc-agent{color:#5b21b6;opacity:0;animation:.5s both agentPop;animation-delay:calc(var(--d,0s) + .5s);background:#ede9fe;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}@keyframes agentPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.sc-done{color:#065f46;opacity:0;animation:.5s cubic-bezier(.3,1.6,.5,1) both donePop;animation-delay:calc(var(--d,0s) + 1.1s);font-size:12px;font-weight:800}@keyframes donePop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.sc-term{color:#a7f3d0;background:#0b1220;border-radius:12px;padding:14px 14px 10px;font:12px/1.75 ui-monospace,Consolas,monospace}.sc-term p{opacity:0;animation:.45s both lineIn;animation-delay:var(--d,0s);margin:0}@keyframes lineIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.sc-cursor{color:#5eead4;animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.sc-dots{gap:6px;margin-top:14px;padding-left:4px;display:flex}.sc-dot{cursor:pointer;background:#ccfbf1;border:0;border-radius:4px;width:24px;height:5px;padding:0;transition:background .3s,width .3s}.sc-dot.on{background:#0f766e;width:36px}.sc-dot:focus-visible{outline-offset:3px;outline:2px solid #0d9488}@media (prefers-reduced-motion:reduce){.sc-stage,.sc-req,.sc-agent,.sc-done,.sc-chips span,.sc-term p,.sc-arrow,.sc-cursor,.sc-hub-ring,.sc-pkt,.sc-card,.sc-stage-box{animation:none!important}.sc-req,.sc-agent,.sc-done,.sc-chips span,.sc-term p{opacity:1}.sc-pkt,.sc-hub-ring{display:none}.sc-dot{transition:none}}@media (min-width:1000px){.showcase{width:clamp(300px,28vw,440px)}}.sc-panel{background:linear-gradient(#fff 0%,#f5fffd 100%);box-shadow:0 0 0 1px #22d3ee59,0 22px 48px #0d94882e}.sc-title{background:linear-gradient(90deg,#0d9488,#7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.sc-label{fill:#064e4b;font-weight:800}.sc-hub-label{fill:#fff}.sc-hub{fill:#7c3aed}.sc-hub-ring{stroke:#a78bfa}.sc-node{fill:#ecfeff;stroke:#06b6d4;stroke-width:1.4px}.sc-link{stroke:#67e8f9;stroke-width:1.6px}.sc-pkt{fill:#8b5cf6}.sc-chips span{color:#065f46;background:#d1fae5;box-shadow:inset 0 0 0 1px #6ee7b7}.sc-stage-box{border:0}.sc-rail{background:linear-gradient(90deg,#67e8f9,#c4b5fd)}.sc-card{color:#fff;background:linear-gradient(90deg,#22d3ee,#a78bfa);box-shadow:0 6px 14px #7c3aed40}.sc-note{color:#1e293b}.sc-live{color:#047857}.sc-req{background:#fff;border:0;box-shadow:inset 0 0 0 1px #ccfbf1}.sc-in{color:#0f172a}.sc-agent{color:#6d28d9;background:linear-gradient(90deg,#ede9fe,#ddd6fe);box-shadow:inset 0 0 0 1px #c4b5fd}.sc-done{color:#059669}.sc-term{color:#5eead4;background:linear-gradient(160deg,#0f172a,#134e4a);box-shadow:inset 0 0 0 1px #2dd4bf40}.sc-cursor{color:#a78bfa}.sc-dot{background:#ccfbf1}.sc-dot.on{background:linear-gradient(90deg,#0d9488,#7c3aed)}