.hooky-stage{--look-x: 0px;--look-y: 0px;position:relative;width:105%;max-width:580px;aspect-ratio:1;animation:hooky-tremble .16s steps(2,end) infinite}.hooky-stage>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}.hooky-base{filter:drop-shadow(0 18px 10px #5d493a20)}.hooky-eye{position:absolute;width:5.1%;aspect-ratio:1;border-radius:50%;background:#f7f1e6;display:grid;place-items:center}.hooky-eye i{width:72%;aspect-ratio:1;border-radius:50%;background:#050505;box-shadow:inset -1px -1px 2px #333;transform:translate(var(--look-x),var(--look-y));transition:transform 70ms linear}.hooky-eye i:after{content:"";display:block;width:28%;aspect-ratio:1;margin:18%;border-radius:50%;background:#fff}.hooky-eye-left{left:37.55%;top:27.2%}.hooky-eye-right{left:45.75%;top:28.75%}@keyframes hooky-tremble{0%{transform:translate(-.7px,.2px) rotate(-.12deg)}50%{transform:translate(.8px,-.5px) rotate(.14deg)}to{transform:translate(-.2px,.7px) rotate(-.08deg)}}@media(prefers-reduced-motion:reduce){.hooky-stage{animation:none}.hooky-eye i{transition:none}}@media(max-width:800px){.hooky-stage{width:112%}}.terminal-example{display:grid;gap:17px;padding-top:4px}.agent-list{gap:7px}.agent-list span{gap:7px;padding:8px 11px;font-weight:700}.agent-list span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #72db3820}.agent-install{margin:-8px 0 34px;padding:16px;border:1px solid #cfc1b1;border-radius:14px;background:#fffaf4;box-shadow:0 8px 22px #3b2a1d0c}.agent-install-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}.agent-install-heading>span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.agent-install-heading>span .lucide{width:17px;color:#438f22}.agent-install-heading small{color:var(--muted);font-size:12px}.agent-install-prompt{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:8px 8px 8px 15px;border:1px solid #dfd3c6;border-radius:10px;background:#fff}.agent-install-prompt p{margin:0;color:#4e4943;font:12px/1.55 DM Mono,monospace}.agent-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:128px;padding:11px 13px;border:0;border-radius:8px;background:var(--deep);color:#fff;font:700 12px Manrope,sans-serif;cursor:pointer}.agent-copy .lucide{width:16px}.scroll-hooky{opacity:0;pointer-events:none;will-change:transform,opacity}.install-card .hooky-install{position:absolute;z-index:2;bottom:-66px;right:-55px;left:auto;width:225px;max-width:none;transform:translateY(120px) rotate(-18deg) scale(.72);filter:drop-shadow(0 15px 10px #0004)}.install-card .hooky-install.is-visible{animation:hooky-install-pop .9s cubic-bezier(.2,1.3,.35,1) forwards}.rules-section,.resources-section{position:relative;overflow:hidden}.resources-section{padding-bottom:275px}.rules-section>.wrap,.resources-section>.wrap{position:relative;z-index:1}.section-hooky{position:absolute;z-index:2;max-width:none;filter:drop-shadow(0 14px 10px #3b2a1d25)}.hooky-detective{right:max(-95px,calc(50% - 700px));bottom:5px;width:285px;transform:translate(150px) rotate(12deg)}.hooky-detective.is-visible{animation:hooky-detective-peek 1s cubic-bezier(.2,1.2,.35,1) .12s forwards}.hooky-docs{bottom:25px;left:50%;margin-left:-165px;width:330px;transform:translateY(190px) rotate(-8deg)}.hooky-docs.is-visible{animation:hooky-docs-burst 1.05s cubic-bezier(.2,1.25,.35,1) .1s forwards}@keyframes hooky-install-pop{0%{opacity:0;transform:translateY(120px) rotate(-18deg) scale(.72)}68%{opacity:1;transform:translateY(-8px) rotate(5deg) scale(1.04)}82%{transform:translateY(2px) rotate(-3deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes hooky-detective-peek{0%{opacity:0;transform:translate(150px) rotate(12deg)}65%{opacity:1;transform:translate(-10px) rotate(-4deg)}82%{transform:translate(4px) rotate(2deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes hooky-docs-burst{0%{opacity:0;transform:translateY(190px) rotate(-8deg)}62%{opacity:1;transform:translateY(-14px) rotate(4deg)}80%{transform:translateY(5px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.terminal-example>span{display:flex;align-items:center}.terminal-command{gap:9px;color:#f4f1ea}.terminal-check{gap:9px;color:#a0e950}.terminal-alert{gap:12px;padding:14px 16px;border:1px solid #8f3934;border-radius:9px;background:#ff544812;color:#ff746a}.terminal-alert .lucide{flex:0 0 auto;font-size:18px}.terminal-alert strong,.terminal-alert small{display:block}.terminal-alert small{margin-top:3px;color:#c7c3bc;font:12px/1.45 Manrope,sans-serif}.terminal-detail{gap:11px;color:#d7d4cd}.terminal-detail b{color:#8b918d;font-weight:500}.terminal-blocked{color:#ff746a;font-weight:500}.rule-command{min-width:0;padding:23px 25px 28px}.rule-command code{display:block;padding-top:8px;font-size:13px;line-height:1.8}.rule-command-argument{color:#f4f1ea}.rule-plan{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fffaf5;box-shadow:0 7px 18px #3b2a1d0d}.rule-plan>strong{display:block;margin-bottom:14px;font-size:14px}.rule-plan ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.rule-plan li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:11px;border:1px solid #eadfd2;border-radius:9px;background:#fff}.rule-plan li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--deep);color:var(--green);font:500 11px DM Mono,monospace}.rule-plan li strong,.rule-plan li small{display:block}.rule-plan li strong{margin:1px 0 3px;font-size:13px}.rule-plan li small{color:var(--muted);font-size:11px;line-height:1.45}.rule-ready{display:flex;gap:8px;align-items:center;margin-top:12px;color:#408e20;font-size:12px;font-weight:800}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workflow-card{position:relative;min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fffaf5;box-shadow:0 9px 24px #3b2a1d12}.workflow-card:not(:last-child):after{content:"→";position:absolute;z-index:2;top:50%;right:-18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:#4d9e29;font-weight:800}.workflow-heading{display:grid;grid-template-columns:38px 1fr;gap:12px;min-height:92px}.workflow-heading>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--deep);color:var(--green);font:600 12px DM Mono,monospace}.workflow-heading strong,.workflow-heading p{display:block}.workflow-heading strong{margin:2px 0 6px;font-size:15px}.workflow-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.workflow-terminal{min-height:245px;padding:18px 17px 20px;border-radius:11px;box-shadow:none}.workflow-terminal code{display:grid;gap:12px;padding-top:7px;font-size:11px;line-height:1.45}.workflow-terminal code>span{display:flex;gap:7px;align-items:center}.workflow-success,.workflow-running{color:#a0e950}.workflow-error{color:#ff746a;font-weight:600}.workflow-path{color:#9a9e99}.workflow-option{color:#f1eee8}.workflow-card-alert{border-color:#d7c3b4}@media(max-width:800px){.agent-install-heading{align-items:flex-start;flex-direction:column;gap:4px}.agent-install-prompt{grid-template-columns:1fr;padding:14px}.agent-copy{width:100%}.terminal-example{gap:13px}.terminal-alert{align-items:flex-start}.rule-command{padding:20px 17px 23px}.workflow-grid{grid-template-columns:1fr}.workflow-card:not(:last-child):after{content:"↓";top:auto;right:50%;bottom:-18px;transform:translate(50%)}.workflow-heading{min-height:0;margin-bottom:16px}.workflow-terminal{min-height:0}.hooky-detective,.hooky-docs{width:190px;opacity:.22}.hooky-detective{right:-75px}.resources-section{padding-bottom:210px}.hooky-docs{left:50%;margin-left:-115px;width:230px}.install-card .hooky-install{right:-40px;width:175px}}@media(prefers-reduced-motion:reduce){.scroll-hooky{opacity:1;transform:none;animation:none!important}}