@keyframes cn-beam-spin{to{transform:rotate(1turn)}}.cn-beam{background:conic-gradient(#0000 0deg 250deg,#40c28859 300deg,#7ff0bb 350deg,#40c288 1turn);animation:3.2s linear infinite cn-beam-spin}@keyframes cn-dots-move{to{background-position:20px 20px}}.cn-dots{animation:6s linear infinite cn-dots-move}@keyframes cn-shimmer-sweep{0%{transform:translate(-140%)skew(-18deg)}55%,to{transform:translate(160%)skew(-18deg)}}.cn-shimmer{background:linear-gradient(90deg,#0000,#ffffff6b,#0000);animation:3.6s cubic-bezier(.4,0,.2,1) infinite cn-shimmer-sweep}.cn-scan-host{isolation:isolate;position:relative}.cn-scan-host:before{border-radius:inherit;content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:1;background:linear-gradient(100deg,#0000 35%,#40c288bf 50%,#0000 65%) 130% 0/260% 100%;padding:1px;transition:opacity .35s,background-position .9s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cn-scan-host:hover:before{opacity:1;background-position:-30% 0}@keyframes cn-letter-lift{0%,72%,to{opacity:.94;transform:translateY(0)}82%{opacity:1;transform:translateY(-.03em)}}.cn-letter{animation:cn-letter-lift var(--cn-cycle,7.2s) ease-in-out infinite;animation-delay:calc(var(--cn-cycle,7.2s)*-1*var(--cn-i)/var(--cn-n));will-change:transform;display:inline-block}.cn-reel{background:radial-gradient(42% 46% at var(--reel-x,50%) 48%,#40c28821,transparent 68%);cursor:ew-resize;isolation:isolate;perspective:1500px;touch-action:pan-y;height:clamp(380px,52vh,560px);transform-style:preserve-3d;outline:none;transition:background-position .3s;position:relative}.cn-reel:focus-visible{outline-offset:8px;border-radius:28px;outline:2px solid #40c28899}.cn-reel__card{--focus:0;-webkit-appearance:none;appearance:none;aspect-ratio:3/4;border:1px solid rgba(255,255,255,calc(.1 + var(--focus)*.16));box-shadow:0 calc(14px + var(--focus)*30px) calc(26px + var(--focus)*52px) rgba(0,0,0,calc(.4 + var(--focus)*.34)),0 0 calc(var(--focus)*46px) rgba(64,194,136,calc(var(--focus)*.32));cursor:pointer;transform-style:preserve-3d;will-change:transform,opacity,filter;background:#101512;border-radius:18px;width:clamp(158px,17vw,258px);padding:0;position:absolute;top:50%;left:50%;overflow:hidden}.cn-reel__card img{filter:saturate(calc(.62 + var(--focus)*.48)) contrast(calc(.96 + var(--focus)*.1));object-fit:cover;height:100%;transform:scale(calc(1.03 + (1 - var(--focus))*.05));width:100%;display:block}.cn-reel__sheen{background:linear-gradient(150deg,rgba(255,255,255,calc(var(--focus)*.16)) 0,transparent 34%,transparent 72%,#00000047 100%);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cn-beam,.cn-dots,.cn-letter,.cn-shimmer{animation:none}.cn-shimmer{opacity:0}.cn-scan-host:before{transition:opacity .2s}}.cn-sky{pointer-events:none;z-index:0;--sky-x:50%;--sky-y:10%;--sky-warm:1;background:radial-gradient(52% 40% at var(--sky-x) var(--sky-y),rgba(64,194,136,calc(var(--sky-warm)*.13)) 0,transparent 70%),radial-gradient(64% 48% at calc(100% - var(--sky-x)) calc(var(--sky-y) + 26%),rgba(24,118,106,calc(var(--sky-warm)*.1)) 0,transparent 72%);position:fixed;inset:0}.cn-sky:after{background:linear-gradient(90deg,transparent 0,rgba(64,194,136,calc(var(--sky-warm)*.16)) 30%,rgba(64,194,136,calc(var(--sky-warm)*.26)) 50%,rgba(64,194,136,calc(var(--sky-warm)*.16)) 70%,transparent 100%);content:"";filter:blur(.4px);height:1px;left:0;right:0;top:var(--sky-y);position:absolute}.cn-console{background:linear-gradient(#101713,#0b100d 46%);border:1px solid #ffffff1f;position:relative;box-shadow:0 24px 64px -24px #111b1559}.cn-console:after,.cn-console:before{content:"";pointer-events:none;border:1px solid #40c2888c;width:9px;height:9px;position:absolute}.cn-console:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.cn-console:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.cn-clients input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cn-clients [data-panel]{display:none}:is(.cn-clients:has(#cn-client-claude:checked) [data-panel=claude],.cn-clients:has(#cn-client-cli:checked) [data-panel=cli],.cn-clients:has(#cn-client-other:checked) [data-panel=other]){display:block}.cn-client-tab{color:#ffffff6b;cursor:pointer;padding-bottom:9px;transition:color .25s;position:relative}.cn-client-tab:hover{color:#ffffffc7}.cn-client-tab:after{content:"";opacity:0;background:linear-gradient(90deg,#40c28800,#40c288e6 50%,#40c28800) 110% 0/220% 100%;height:1px;transition:opacity .3s,background-position 1.1s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}:is(.cn-clients:has(#cn-client-claude:checked) label[for=cn-client-claude],.cn-clients:has(#cn-client-cli:checked) label[for=cn-client-cli],.cn-clients:has(#cn-client-other:checked) label[for=cn-client-other]){color:#fff}.cn-clients:has(#cn-client-claude:checked) label[for=cn-client-claude]:after{opacity:1;background-position:-10% 0}.cn-clients:has(#cn-client-cli:checked) label[for=cn-client-cli]:after{opacity:1;background-position:-10% 0}.cn-clients:has(#cn-client-other:checked) label[for=cn-client-other]:after{opacity:1;background-position:-10% 0}.cn-client-tab:focus-visible{outline-offset:3px;outline:2px solid #40c288b3}.cn-clients input:focus-visible+label{outline-offset:3px;outline:2px solid #40c288b3}.cn-hero-reel .cn-reel{height:380px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 11% 89%,#0000);mask-image:linear-gradient(90deg,#0000,#000 11% 89%,#0000)}.cn-hero-reel .cn-reel__card{border-color:rgba(17,27,21,calc(.1 + var(--focus)*.1));box-shadow:0 calc(14px + var(--focus)*30px) calc(26px + var(--focus)*52px) rgba(17,27,21,calc(.22 + var(--focus)*.18));width:clamp(128px,13.5vw,196px)}@media (max-width:1023px){.cn-hero-reel .cn-reel{height:300px}.cn-hero-reel .cn-reel__card{width:clamp(118px,22vw,168px)}}@media (prefers-reduced-motion:reduce){.cn-client-tab:after{transition:opacity .2s}}[data-paused=yes] .cn-letter{animation-play-state:paused}