.evo-demo{margin:2rem auto;padding:2rem clamp(1.5rem,4vw,3rem);border-radius:1.25rem;background:linear-gradient(180deg,#fff,#fff9f0);border:1px solid rgba(43,43,43,.08);box-shadow:0 20px 40px #2b2b2b14;width:min(900px,100%);transition:width 1s ease,margin 1s ease}.evo-demo--expanded{width:min(92vw,2100px);margin-left:calc(50% - 50vw + clamp(3rem,5vw,6rem));margin-right:clamp(3rem,12vw,12rem)}.evo-demo--fullscreen{width:100vw;height:100vh;margin:0;border-radius:0;padding:clamp(1rem,3vw,2.5rem);box-shadow:none;position:relative;overflow-y:auto}.evo-demo__layout{display:grid;grid-template-columns:minmax(0,900px);gap:2rem;align-items:flex-start;justify-content:center}.evo-demo--expanded .evo-demo__layout{grid-template-columns:minmax(0,900px) minmax(220px,1000px)}.evo-demo--fullscreen .evo-demo__layout{grid-template-columns:minmax(0,1100px) minmax(220px,1000px);gap:2.5rem}.evo-demo__topbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.evo-demo__fullscreen-btn{border:0px solid rgba(113,113,113,.2);border-radius:1rem;padding:.35rem .65rem;background:#ffffff0a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:36px;color:inherit;transition:background .2s ease,border .2s ease}.evo-demo__fullscreen-btn:hover,.evo-demo__fullscreen-btn:focus{border-color:var(--accent-second);outline:none;background:#c59a542e}.evo-demo__cards-panel{background:var(--surface);border:1px solid rgba(43,43,43,.12);border-radius:1.25rem;padding:1.25rem;box-shadow:0 16px 28px #2b2b2b14;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;min-height:520px;display:flex;flex-direction:column;will-change:transform,opacity;transition:opacity .25s ease,transform .25s ease}.evo-demo__cards-panel--pending{opacity:0;transform:translate3d(24px,0,0);pointer-events:none}.evo-demo__cards-panel--ready{opacity:1;transform:translateZ(0)}.evo-demo__meta{transition:opacity .2s ease}.evo-demo__meta--hidden{opacity:0;pointer-events:none}.evo-demo__header{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start;margin-bottom:1.5rem}.evo-demo__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--muted);margin:0 0 .25rem}.evo-demo__summary{margin:0;flex:1 1 16rem;color:var(--muted)}.evo-demo__charts{display:flex;flex-direction:column;gap:1.5rem}.evo-demo__charts-content{display:flex;flex-direction:column;gap:1.5rem;transition:opacity .22s ease,transform .22s ease}.evo-demo__charts-content--hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}.evo-demo__chart-card{padding:1.25rem;border-radius:1rem;background:var(--surface);border:1px solid rgba(43,43,43,.08)}.evo-demo__chart-title{margin-bottom:.75rem}.evo-demo__chart-title .eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted);margin:0 0 .25rem}.evo-demo__chart-title h3{margin:0;font-size:1.35rem}.evo-demo__chart{width:100%;height:320px}.evo-demo__tooltip{background-color:#fff;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(43,43,43,.15);box-shadow:0 8px 16px #2b2b2b1a;font-size:.9rem}.evo-demo__status{margin:.5rem 0 1.5rem;padding:.75rem 1rem;border-radius:.75rem;background-color:#2b2b2b0d}.evo-demo__status--error{background-color:#c53a481f;border:1px solid rgba(197,58,72,.3)}.evo-demo__cards-hint{margin:1rem 0 0;padding:.85rem 1.1rem;border-radius:.85rem;background:#2b2b2b08;border:1px dashed rgba(43,43,43,.2);color:var(--muted);font-size:.95rem}.evo-demo__cards-hint--hidden{opacity:0;visibility:hidden;transition:opacity .2s ease}.evo-demo__cards-stack{display:flex;flex-direction:column;gap:1rem}.candidate-card{border-radius:1rem;border:1px solid rgba(43,43,43,.08);background:#fffefd;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 16px 28px #2b2b2b14}.candidate-card__header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.candidate-card__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted)}.candidate-card__close{border:none;background:#2b2b2b0d;border-radius:999px;width:2rem;height:2rem;font-size:1.2rem;cursor:pointer}.candidate-card__close:hover{background:#2b2b2b1f}.candidate-card__actions button{border-radius:999px;border:1px solid var(--accent);padding:.4rem .85rem;background:transparent;cursor:pointer;font-weight:600;transition:background-color .2s ease,color .2s ease}.candidate-card__actions button:hover{background-color:var(--accent);color:var(--surface)}.candidate-card__code{background:#2b2b2b0d;border-radius:.75rem;padding:.75rem;margin:0;max-height:420px;overflow:auto;font-size:.95rem}.candidate-card__meta{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.candidate-card__meta dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.candidate-card__meta dd{margin:0;font-weight:600}.candidate-card--placeholder{opacity:.8;gap:.5rem}.placeholder-block{width:100%;height:14px;border-radius:999px;background:linear-gradient(90deg,#2b2b2b14,#2b2b2b33,#2b2b2b14);background-size:200% 100%;animation:placeholderPulse 1.4s ease-in-out infinite}.placeholder-block--wide{height:18px;width:70%}.placeholder-block--button{height:32px;width:40%}.placeholder-block--meta{height:20px;width:60%}.placeholder-code{border-radius:.75rem;height:520px;background:linear-gradient(90deg,#2b2b2b0d,#2b2b2b1f,#2b2b2b0d);background-size:200% 100%;animation:placeholderPulse 1.4s ease-in-out infinite}.placeholder-circle{background:linear-gradient(90deg,#2b2b2b14,#2b2b2b33,#2b2b2b14);background-size:200% 100%;animation:placeholderPulse 1.4s ease-in-out infinite}@keyframes placeholderPulse{0%{background-position:0% 50%}to{background-position:200% 50%}}@media(max-width:1300px){.evo-demo,.evo-demo--expanded{margin-left:auto;margin-right:auto;width:100%}.evo-demo__layout,.evo-demo--expanded .evo-demo__layout{grid-template-columns:1fr}.evo-demo__cards-panel{position:static;max-height:none}.evo-demo__layout,.evo-demo--expanded .evo-demo__layout,.evo-demo--fullscreen .evo-demo__layout{grid-template-columns:1fr;justify-content:stretch}}@media(max-width:640px){.evo-demo{padding:1.25rem}.evo-demo__filters{grid-template-columns:1fr}}.evo-demo__cards-header{margin-bottom:1rem}.evo-demo__cards-header h3{margin-bottom:.25rem}.evo-demo__cards-header p{margin:0;color:var(--muted);font-size:.9rem}.evo-demo__cards-placeholder{margin:0;padding:.75rem 1rem;border-radius:.85rem;border:1px dashed rgba(43,43,43,.2);color:var(--muted);font-size:.95rem;background:#2b2b2b08}