.ct-demo{text-align:left;background:#1e1f21;border:1px solid #2e2e33;border-radius:24px;max-width:900px;margin:64px auto 0;padding:28px;box-shadow:0 50px 120px -50px #7c3aed8c}.ct-demo-head{margin-bottom:18px}.ct-n{color:#fff;background:#8b5cf6;border-radius:7px;place-items:center;min-width:28px;height:28px;font-size:14px;font-weight:700;display:inline-grid}.ct-question{color:#fff;font-size:24px;line-height:1.3;margin:14px 0 6px!important}.ct-hint{color:#a1a1aa;font-size:15px;margin:0!important}.ct-stage{cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:14px;position:relative;overflow:hidden}.ct-stage img{width:100%;height:auto;display:block}.ct-heat{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.is-revealed .ct-heat{opacity:1}.is-revealed .ct-stage{cursor:default}.ct-marks{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.ct-marks li{color:#fff;background:#7c3aed;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 16px #00000059}@media (prefers-reduced-motion:no-preference){.ct-heat{transition:opacity .6s}.ct-marks li{animation:.25s both ct-pop}}@keyframes ct-pop{0%{transform:translate(-50%,-50%)scale(.3)}}.ct-demo-foot{flex-wrap:wrap;align-items:center;gap:12px 20px;min-height:52px;margin-top:18px;display:flex}.ct-demo-foot [hidden]{display:none!important}.ct-reset{font:inherit;color:#c4b5fd;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;font-weight:600}.ct-legend{color:#a1a1aa;flex-wrap:wrap;gap:8px 18px;font-size:14px;display:flex;margin:0 0 0 auto!important}.ct-legend span{align-items:center;gap:8px;display:flex}.ct-legend-you:before{content:"";background:#7c3aed;border:2px solid #fff;border-radius:50%;width:12px;height:12px}.ct-legend-heat:before{content:"";background:linear-gradient(90deg,#3b82f6,#22d3ee,#4ade80,#facc15,#ef4444);border-radius:4px;width:36px;height:8px}.ct-switch{margin-top:40px}.ct-panel{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:72px;max-width:1240px;margin:48px auto 0;display:grid}.ct-panel[hidden]{display:none}.ct-panel h3{letter-spacing:-.02em;color:#fff;margin:0 0 14px;font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1.1}.ct-lead{color:#a1a1aa;font-size:19px;line-height:1.55;margin:0 0 24px!important}.ct-checks{gap:14px;margin:0;padding:0;list-style:none;display:grid}.ct-checks li{color:#e4e4e7;padding-left:34px;font-size:17px;line-height:1.5;position:relative}.ct-checks li:before{content:"";background:#8b5cf62e;border-radius:50%;width:22px;height:22px;position:absolute;top:2px;left:0}.ct-checks li:after{content:"";border:2px solid #c4b5fd;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:8px;left:8px;transform:rotate(45deg)}.ct-panel-shot{max-width:720px;margin:0}.ct-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:40px;max-width:1360px;margin:56px auto 0;display:grid}.ct-result{margin:0}.ct-result figcaption{color:#a1a1aa;margin-top:24px;font-size:17px;line-height:1.55}.ct-result figcaption b{color:#fff;margin-bottom:6px;font-size:22px;font-weight:700;display:block}.ct-export{text-align:center;color:#a1a1aa;background:#121214;border:1px solid #222126;border-radius:16px;max-width:760px;padding:18px 22px;font-size:16px;line-height:1.55;margin:40px auto 0!important}@media (width<=1080px){.ct-panel{gap:40px}}@media (width<=768px){.ct-demo{border-radius:18px;margin-top:48px;padding:18px 14px}.ct-question{font-size:19px}.ct-marks li{width:24px;height:24px;font-size:11px}.ct-legend{margin-left:0!important}.ct-switch .ft-tabs{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -16px;padding:0 16px;overflow-x:auto}.ct-switch .ft-tab{flex:none}.ct-panel{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}.ct-lead{font-size:17px}.ct-checks li{font-size:16px}.ct-panel-shot{max-width:440px;margin-inline:auto}.ct-results-grid{grid-template-columns:minmax(0,1fr);gap:48px;max-width:480px}.ct-result figcaption{font-size:16px}}
