:root{--accent: #00ffa3;--cycle: 5s}*{box-sizing:border-box}html,body{margin:0;padding:0}@keyframes cableStretch{0%,30%{transform:scaleY(1)}56%,74%{transform:scaleY(.365)}80%,84%{transform:scaleY(.456)}to{transform:scaleY(1)}}@keyframes hookLift{0%,30%{transform:translateY(340px)}56%,74%{transform:translateY(124px)}80%,84%{transform:translateY(155px)}to{transform:translateY(340px)}}@keyframes trolleyMove{0%,60%{transform:translate(0)}74%,84%{transform:translate(104px)}to{transform:translate(0)}}@keyframes brickJourney{0%,6%{opacity:0;transform:translate(0)}10%{opacity:1;transform:translate(0)}24%,30%{opacity:1;transform:translate(103px,58px)}56%,60%{transform:translate(103px,-158px)}74%{transform:translate(207px,-158px)}80%,90%{opacity:1;transform:translate(207px,-127px)}96%,to{opacity:0;transform:translate(207px,-127px)}}@keyframes heldBrick{0%,8%{opacity:1}12%,88%{opacity:0}94%,to{opacity:1}}@keyframes armsLift{0%{transform:rotate(0)}8%{transform:rotate(-10deg)}22%,to{transform:rotate(0)}}@keyframes reachArms{0%,45%,to{transform:rotate(7deg)}60%,80%{transform:rotate(-7deg)}}@keyframes slotPulse{0%,to{opacity:.3}50%{opacity:.85}}@keyframes dashMove{to{stroke-dashoffset:-28}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes blink{0%,91%,97%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}.cs-page{--accent: #00ffa3;--cycle: 5s;min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 24px;background:radial-gradient(ellipse 90% 70% at 50% 38%,#0e1611,#0a0e0c 65%);overflow:hidden}.cs-scene{width:min(92vw,1040px);max-height:62vh;height:auto;aspect-ratio:1200 / 640;display:block;filter:drop-shadow(0 0 5px rgba(0,255,163,.45)) drop-shadow(0 0 18px rgba(0,255,163,.18))}.cs-trolley{animation:trolleyMove var(--cycle) ease-in-out infinite}.cs-cable{animation:cableStretch var(--cycle) ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0%}.cs-hook{animation:hookLift var(--cycle) ease-in-out infinite}.cs-brick{animation:brickJourney var(--cycle) ease-in-out infinite;opacity:0}.cs-held-brick{animation:heldBrick var(--cycle) linear infinite}.cs-arms-lift{animation:armsLift var(--cycle) ease-in-out infinite;transform-box:fill-box;transform-origin:0% 60%}.cs-reach-arms{animation:reachArms var(--cycle) ease-in-out infinite;transform-box:fill-box;transform-origin:100% 30%}.cs-slot{animation:slotPulse 2s ease-in-out infinite}.cs-dash{animation:dashMove 1.1s linear infinite}.cs-bob{animation:bob 2.6s ease-in-out infinite}.cs-blink{animation:blink 5.2s linear infinite;transform-box:fill-box;transform-origin:center}.cs-blink--fast{animation-duration:4.4s}.cs-text{display:flex;flex-direction:column;align-items:center;gap:12px}.cs-title{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:clamp(34px,5.4vw,58px);letter-spacing:.12em;text-indent:.12em;color:var(--accent, #00ffa3);margin:0;text-align:center}@supports (-webkit-text-stroke: 1px black){.cs-title{color:transparent;-webkit-text-stroke:1.5px var(--accent, #00ffa3)}}.cs-subtitle{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;font-size:clamp(15px,2vw,21px);letter-spacing:.55em;text-indent:.55em;color:var(--accent, #00ffa3);margin:0;text-align:center}.cs-button{display:inline-block;padding:.85rem 2rem;border:1px solid var(--accent, #00ffa3);border-radius:999px;color:var(--accent, #00ffa3);text-decoration:none;font-weight:600;letter-spacing:.02em;background:#00ffa314;transition:all .3s ease;cursor:pointer;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cs-button:hover,.cs-button:focus-visible{background:var(--accent, #00ffa3);color:#0a0e0c;box-shadow:0 0 20px #00ffa399}.cs-button:focus-visible{outline:2px solid var(--accent, #00ffa3);outline-offset:3px}@media (max-width: 640px){.cs-page{padding:2rem 1rem;gap:16px}.cs-scene{max-height:50vh;filter:drop-shadow(0 0 6px rgba(0,255,163,.4))}}