.cc-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(32px,7vw,96px) 0 24px;display:grid}.cc-hero .hv-title{font-size:clamp(30px,3.4vw,46px)}.cc-stage{border:1px solid var(--border);background:radial-gradient(380px 280px at 50% 74%,#ffaa5a29,#0000 70%),linear-gradient(#0d111799,#0d1117f2);border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;min-height:560px;margin:0;padding:32px 24px 22px;display:flex;position:relative;overflow:hidden}.cc-stage:after{content:"";filter:blur(4px);background:#00000073;border-radius:50%;height:10px;position:absolute;bottom:52px;left:18%;right:18%}.cc-fox{z-index:1;cursor:pointer;touch-action:manipulation;width:408px;height:435px;position:relative}.cc-fox-frame{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.cc-stage figcaption{font-family:var(--mono);letter-spacing:1.5px;color:var(--ink-3);font-size:11px}.cc-beats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 0;padding:0;list-style:none;display:grid}@media (max-width:720px){.cc-beats{grid-template-columns:minmax(0,1fr)}}.cc-beat{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 14px 18px}.cc-beat h3{font-family:var(--display);font-weight:var(--dw);color:#e8eef5;margin:4px 0 6px;font-size:19px}.cc-beat p{color:var(--ink-2);margin:0;font-size:15px}.cc-beat .cc-when{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3);margin-top:14px;font-size:11px}.cc-num{border:1px solid var(--border-2);width:20px;height:20px;color:var(--cyan);border-radius:50%;place-items:center;margin-right:4px;display:inline-grid}.cc-shot{aspect-ratio:16/10;text-align:center;border:1px dashed var(--border-2);font-family:var(--mono);letter-spacing:1px;color:var(--ink-3);background:repeating-linear-gradient(-45deg,#00e5ff06 0 10px,#0000 10px 20px);border-radius:6px;place-items:center;padding:16px;font-size:11px;display:grid}.cc-shot-img{border:1px solid var(--border-2);cursor:zoom-in;background:#000;padding:0;display:block;overflow:hidden}.cc-shot-img img{object-fit:contain;width:100%;height:100%;display:block}.cc-shot-img:hover{border-color:var(--cyan)}.cc-demo{aspect-ratio:auto;min-height:220px;margin-top:24px;font-size:13px}.cc-install-head{justify-content:space-between;align-items:flex-end;gap:16px;max-width:44rem;display:flex}.cc-hello{flex:none;width:152px;height:162px;position:relative}.cc-hello img{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.cc-hello img:last-child{animation:1.2s step-end infinite cc-wave}@keyframes cc-wave{0%{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.cc-hello img:last-child{opacity:0;animation:none}}.cc-commands{gap:10px;max-width:44rem;margin:8px 0 18px;display:grid}.cc-copy{border:1px solid var(--border-2);background:#070b11;border-radius:6px;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.cc-copy code{min-width:0;font-family:var(--mono);color:#e8eef5;overflow-wrap:anywhere;flex:1;font-size:14px}.cc-prompt{color:var(--cyan);-webkit-user-select:none;user-select:none}.cc-copy button{font-family:var(--mono);border:1px solid var(--border-2);min-width:64px;min-height:36px;color:var(--ink);cursor:pointer;background:#00e5ff0f;border-radius:4px;flex:none;padding:0 12px;font-size:12px}.cc-copy button:hover{border-color:var(--cyan)}.cc-note{margin-top:10px}.cc-links{flex-wrap:wrap;gap:10px 28px;margin:16px 0 0;padding:0;list-style:none;display:flex}@media (max-width:760px){.cc-hero{grid-template-columns:1fr;padding-top:24px}.cc-stage{order:-1;min-height:460px}.cc-fox{width:320px;height:341px}}