#ceo-control{scroll-margin-top:100px}.ceo-panel{border-radius:32px;background:radial-gradient(ellipse at 48% 60%,#392853 0,transparent 65%),#181720;color:#fff;padding:48px 36px 24px;overflow:hidden}.ceo-heading{text-align:center;max-width:760px;margin:auto}.ceo-kicker{display:block;font-size:10px;letter-spacing:3px;color:#c3afd9}.ceo-planned{display:inline-block;font-size:9px;letter-spacing:1px;color:#dbb995;border:1px solid #b9926455;background:#b9926410;border-radius:20px;padding:6px 12px;margin:16px 0 20px}.ceo-heading h2{font-size:clamp(28px,3.4vw,43px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 16px;color:#fff}.ceo-heading p{color:#aaa3b6;font-size:14px;line-height:1.8;max-width:610px;margin:auto}.ceo-flow{display:grid;grid-template-columns:1fr 54px 1.5fr 54px 1.1fr;align-items:center;gap:0;margin:44px 0 28px}.ceo-person{text-align:center}.ceo-avatar{width:88px;height:88px;display:grid;place-items:center;background:#ffffff08;border:1px solid #ffffff22;border-radius:50%;margin:0 auto 18px;box-shadow:0 0 0 10px #ffffff03}.ceo-avatar svg{width:50px;height:50px;color:#cfbded}.ceo-step{font-size:9px;letter-spacing:2px;color:#ad98c5}.ceo-person h3{font-size:19px;letter-spacing:-.4px;margin:12px 0;color:#fff}.ceo-person p,.ceo-result>p{font-size:12px;line-height:1.8;color:#9993a5}.ceo-wire{height:1px;background:#6d518a;position:relative}.ceo-wire i{position:absolute;top:-2px;left:0;width:12px;height:5px;background:#d8bdff;border-radius:50%;box-shadow:0 0 15px #b57aff;animation:ceo-signal 2.8s linear infinite}.ceo-wire span{position:absolute;right:3px;top:-12px;color:#a486c4}.ceo-claude{border:1px solid #957baf66;border-radius:18px;background:#25212f;box-shadow:0 12px 65px #aa77da15;overflow:hidden;position:relative;z-index:1}.ceo-chat-top{display:flex;align-items:center;gap:9px;padding:16px;border-bottom:1px solid #ffffff0e}.ceo-star{color:#db9b7d;font-size:24px}.ceo-chat-top strong{font-size:14px;font-weight:600;color:#f2eaf9}.ceo-chat-top>span:last-child{margin-left:auto;border:1px solid #6d577d;border-radius:5px;font-size:8px;padding:4px;color:#bca3d2}.ceo-chat-body{padding:20px;min-height:240px}.ceo-chat-label{font-size:8px;letter-spacing:1.7px;color:#a88bbf}.ceo-chat-body p{font-size:15px;line-height:1.6;color:#f4edf9;margin:10px 0;min-height:72px}.ceo-thinking{display:flex;gap:4px;height:25px;align-items:center}.ceo-thinking i{width:4px;height:4px;border-radius:50%;background:#b79ad5;animation:ceo-think 1.5s infinite}.ceo-thinking i:nth-child(2){animation-delay:.2s}.ceo-thinking i:nth-child(3){animation-delay:.4s}.ceo-response{font-size:12px;line-height:1.7;color:#b2a6c0;margin-top:9px;min-height:60px}.ceo-chat-foot{font-size:9px;color:#857990;padding:12px 20px;border-top:1px solid #ffffff0e}.ceo-result{padding-left:12px}.ceo-result h3{font-size:21px;line-height:1.35;letter-spacing:-.5px;color:#fff;margin:14px 0 22px}.ceo-metrics>div{display:grid;grid-template-columns:50px 1fr 12px;align-items:center;gap:9px;margin:14px 0;font-size:10px;color:#c1b6ce}.ceo-metrics>div>div{height:6px;background:#ffffff0a;border-radius:9px;overflow:hidden}.ceo-metrics i{display:block;height:100%;width:var(--bar);border-radius:9px;background:linear-gradient(90deg,#7756b0,#b89adc);transform-origin:left;animation:ceo-bars 5s ease-in-out infinite;animation-delay:var(--delay)}.ceo-metrics>div>span:last-child{color:#b99bda}.ceo-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:30px}.ceo-controls button{font:inherit;font-size:11px;border:1px solid #ffffff20;color:#b1a3c0;background:#ffffff05;border-radius:20px;padding:10px 15px;cursor:pointer;transition:background .2s,color .2s}.ceo-controls button[aria-pressed=true]:not(.ceo-motion-toggle){background:#dbc3fa;color:#38264d;border-color:#dbc3fa}.ceo-controls button:hover{border-color:#b698d5}.ceo-controls button:focus-visible{outline:2px solid #e9d7ff;outline-offset:4px}.ceo-controls .ceo-motion-toggle{border-color:transparent;color:#877a95}.ceo-disclaimer{text-align:center;font-size:10px;color:#83778f;margin:20px 0 0;line-height:1.7}.ceo-panel.is-paused *{animation-play-state:paused!important}@keyframes ceo-signal{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:90%;opacity:0}}@keyframes ceo-think{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes ceo-bars{0%,100%{transform:scaleX(.78)}50%{transform:scaleX(1)}}@media(max-width:800px){.ceo-panel{padding:32px 22px 24px}.ceo-flow{grid-template-columns:1fr;margin-top:32px;max-width:420px;margin-left:auto;margin-right:auto}.ceo-person p{margin-bottom:0}.ceo-wire{height:44px;width:1px;margin:0 auto}.ceo-wire i{width:5px;height:12px;top:0;left:-2px;animation-name:ceo-signal-down}.ceo-wire span{top:auto;bottom:0;right:-6px;transform:rotate(90deg)}.ceo-result{padding:16px 12px 0;text-align:center}.ceo-result h3{font-size:24px}.ceo-metrics{max-width:280px;margin:auto;text-align:left}.ceo-chat-body{min-height:220px}.ceo-heading h2{letter-spacing:-.8px}.ceo-controls{gap:7px}.ceo-controls button{font-size:10px;padding:9px 12px}}@keyframes ceo-signal-down{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:80%;opacity:0}}@media(prefers-reduced-motion:reduce){.ceo-panel *{animation:none!important}}
/* Compact CEO control panel */
#ceo-control{padding-top:38px;padding-bottom:38px}.ceo-panel{padding:34px 29px 19px;border-radius:26px;max-width:1040px;margin-inline:auto}.ceo-heading{max-width:650px}.ceo-heading h2{font-size:clamp(26px,2.8vw,35px);margin-bottom:12px}.ceo-heading p{font-size:13px;line-height:1.6;max-width:580px}.ceo-planned{padding:5px 10px;margin:11px 0 14px}.ceo-flow{grid-template-columns:1fr 40px 1.5fr 40px 1.1fr;margin:30px 0 20px}.ceo-avatar{width:70px;height:70px;margin-bottom:13px}.ceo-avatar svg{width:40px;height:40px}.ceo-person h3{font-size:17px;margin:9px 0}.ceo-person p,.ceo-result>p{font-size:11px;line-height:1.6}.ceo-chat-top{padding:12px}.ceo-chat-body{padding:15px;min-height:190px}.ceo-chat-body p{font-size:13px;line-height:1.5;min-height:54px;margin:8px 0}.ceo-thinking{height:19px}.ceo-response{font-size:11px;line-height:1.5;min-height:48px;margin-top:7px}.ceo-chat-foot{padding:9px 15px;font-size:8px}.ceo-result h3{font-size:18px;margin:10px 0 16px}.ceo-metrics>div{margin:10px 0;gap:7px}.ceo-controls{margin-top:20px;gap:7px}.ceo-controls button{padding:8px 12px;font-size:10px}.ceo-disclaimer{margin-top:14px;font-size:9px}@media(max-width:800px){.ceo-panel{padding:25px 18px 18px}.ceo-flow{grid-template-columns:1fr;margin-top:24px;max-width:350px}.ceo-wire{height:32px}.ceo-chat-body{min-height:180px}.ceo-result{padding-top:12px}.ceo-result h3{font-size:20px}.ceo-controls button{min-height:38px}.ceo-avatar{width:64px;height:64px}.ceo-avatar svg{width:36px;height:36px}}
