.outreach-demo .demo-body{container:op/inline-size}.op-controls{grid-template-columns:minmax(0,1fr);gap:.75rem;margin-bottom:1rem;display:grid}@container op (width>=480px){.op-controls{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}@container op (width>=1040px){.op-controls{grid-template-columns:minmax(0,1.75fr) minmax(0,1.35fr) minmax(0,1fr) minmax(0,.85fr)}}.op-controls .field{min-width:0}.outreach-demo [data-run].is-running{opacity:1}.op-spin{vertical-align:-.12em;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex:none;width:.9em;height:.9em;margin-right:.45rem;animation:.8s linear infinite op-spin;display:inline-block}.op-controls .field label{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:600}.op-controls .select{text-overflow:ellipsis;min-height:44px;padding:.5rem .75rem;font-size:.92rem}.op-layout{grid-template-columns:minmax(0,1fr);gap:1.1rem;display:grid}@container op (width>=700px){.op-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}}.op-left{grid-template-columns:minmax(0,1fr);align-content:start;gap:.85rem;min-width:0;display:grid}.op-scan{border:1px solid var(--border);background:radial-gradient(60% 140% at 0%,#e600001a,#0000 65%),#080808;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:.85rem;display:grid}.op-radar{aspect-ratio:1;isolation:isolate;background:radial-gradient(circle,#e6000024,#0000 70%),#000;border:1px solid #e6000073;border-radius:50%;width:clamp(96px,24cqi,140px);position:relative;overflow:hidden;box-shadow:0 0 32px #e6000029,inset 0 0 22px #e600001f}.op-radar:before{content:"";background:linear-gradient(#0000 calc(50% - .5px),#ffffff17 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(90deg,#0000 calc(50% - .5px),#ffffff17 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));position:absolute;inset:0}.op-radar:after{content:"";z-index:3;background:var(--red-bright);width:6px;height:6px;box-shadow:0 0 10px var(--red);border-radius:50%;margin:-3px;position:absolute;top:50%;left:50%}.op-radar-rings{background:repeating-radial-gradient(circle,#0000 0 21%,#ffffff12 21% 21.8%);border-radius:50%;position:absolute;inset:0}.op-radar-sweep{z-index:1;background:conic-gradient(from 0deg, transparent 0 68%, #e600000f 76%, #ff3b3b80 99.3%, #ffffffd9 99.3% 100%);opacity:.32;transition:opacity .6s var(--ease);border-radius:50%;animation:5s linear infinite op-sweep;position:absolute;inset:0}.op-radar[data-state=scan] .op-radar-sweep{opacity:1;animation-duration:1.4s}.op-radar[data-state=done] .op-radar-sweep{opacity:.16}@keyframes op-sweep{to{transform:rotate(1turn)}}.op-radar-blips{z-index:2;position:absolute;inset:0}.op-blip{width:5px;height:5px;animation:op-blip-in .6s var(--ease) backwards;animation-delay:var(--d,0s);transition:background .4s, box-shadow .4s, opacity .5s, transform .4s var(--ease);background:#ffffffa6;border-radius:50%;margin:-2.5px;position:absolute;box-shadow:0 0 6px #fff6}.op-blip.is-out{opacity:.14;transform:scale(.7)}.op-blip.is-kept{background:var(--red);box-shadow:0 0 10px var(--red)}.op-blip.is-top{box-shadow:0 0 0 2px #e600008c, 0 0 14px var(--red);background:#fff;transform:scale(1.3)}.op-blip.is-top:after{content:"";border:1px solid #ff3b3bbf;border-radius:50%;animation:2s ease-out infinite op-ping;position:absolute;inset:-5px}@keyframes op-blip-in{0%{opacity:0;transform:scale(0)}45%{opacity:1;transform:scale(2)}}@keyframes op-ping{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.4)}}.op-radar-label{z-index:4;color:var(--red-bright);font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;background:#000000a6;padding:0 .3rem;font-size:.6rem;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.op-funnel{gap:.6rem;min-width:0;margin:0;display:grid}.op-fstep{gap:.15rem;min-width:0;display:grid}.op-fstep dt{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;line-height:1.3}.op-fstep dd{align-items:center;gap:.6rem;margin:0;display:flex}.op-fstep b{color:#fff;min-width:3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.1rem;line-height:1.1}.op-fstep--top b{color:var(--red-bright);text-shadow:0 0 18px #e6000099}.op-fbar{background:#ffffff12;border-radius:99px;flex:1;height:3px;overflow:hidden}.op-fbar i{background:linear-gradient(90deg, var(--red), #ff7a45);width:0;height:100%;transition:width .9s var(--ease);display:block;box-shadow:0 0 10px #e6000099}.outreach-demo .op-log{border-radius:6px;max-height:9.5rem;padding:.65rem .8rem;font-size:.74rem;line-height:1.65}.outreach-demo .op-log:empty:before{content:attr(data-idle);color:var(--text-3)}.op-listhead{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:-.35rem;display:flex}.op-listhead .panel-title{margin:0}.op-progress{color:var(--text-2);font-family:var(--font-mono);font-size:.7rem}.op-list{grid-template-columns:minmax(0,1fr);gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.op-card{border:1px solid var(--border);text-align:left;width:100%;transition:border-color .2s, box-shadow .25s, transform .25s var(--ease);background:linear-gradient(#111,#0b0b0b);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .7rem;display:grid}.op-card:hover{border-color:#3d3d3d;transform:translate(2px)}.op-card[aria-current=true]{border-color:var(--red);box-shadow:0 0 0 1px var(--red), 0 0 26px #e6000033}.op-card.is-in{animation:op-card-in .6s var(--ease) backwards;animation-delay:var(--d,0s)}@keyframes op-card-in{0%{opacity:0;transform:translate(-16px)}}.op-avatar{color:#fff;width:34px;height:34px;font-family:var(--font-mono);letter-spacing:.02em;background:radial-gradient(circle at 30% 25%,#ff3b3b52,#e600000a 70%),#0a0a0a;border:1px solid #e6000066;border-radius:6px;place-items:center;font-size:.72rem;font-weight:700;display:grid}.op-cmain{min-width:0;line-height:1.35;display:grid}.op-cmain strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.op-cmeta{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.op-cside{justify-items:end;gap:.3rem;display:grid}.op-score{align-items:center;gap:.45rem;display:flex}.op-score b{min-width:2ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:.95rem}.op-bar{background:#ffffff14;border-radius:99px;width:44px;height:4px;overflow:hidden}.op-bar i{width:var(--w);background:linear-gradient(90deg, var(--red), #ff7a45);height:100%;display:block;box-shadow:0 0 8px #e60000b3}.op-card.is-in .op-bar i{animation:op-grow 1s var(--ease) backwards;animation-delay:calc(var(--d,0s) + .15s)}@keyframes op-grow{0%{width:0}}.op-chip{background:var(--amber-50);color:var(--amber);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.05rem .45rem;font-size:.6rem}.op-chip.is-ok{background:var(--green-50);color:var(--green)}@container op (width<=340px){.op-bar{width:26px}}.op-detail{border:1px solid var(--border);background:linear-gradient(#0d0d0d,#090909);border-radius:6px;min-width:0;min-height:360px;padding:1rem;container:opd/inline-size}.op-empty{min-height:330px;color:var(--text-2);font-size:var(--fs-sm);text-align:center;align-content:center;place-items:center;gap:1.1rem;display:grid}.op-empty p{max-width:32ch}.op-empty-icon{background:repeating-radial-gradient(circle,#0000 0 11px,#ffffff12 11px 12px),radial-gradient(circle,#e6000029,#0000 70%);border:1px solid #e6000059;border-radius:50%;width:72px;height:72px;position:relative;box-shadow:0 0 34px #e600001f}.op-empty-icon:after{content:"";background:var(--red-bright);width:6px;height:6px;box-shadow:0 0 10px var(--red);border-radius:50%;margin:-3px;position:absolute;top:50%;left:50%}.op-empty.is-busy .op-empty-icon{animation:1.4s ease-in-out infinite op-breathe}@keyframes op-breathe{50%{box-shadow:0 0 0 8px #e6000014,0 0 46px #e6000059}}.op-dhead{animation:op-fade .4s var(--ease) both;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.op-avatar--lg{width:44px;height:44px;font-size:.85rem}.op-dtitle{min-width:0}.op-dname{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.12rem;line-height:1.2}.op-dname:focus:not(:focus-visible),.op-approved:focus:not(:focus-visible){outline:none}.op-dmeta{color:var(--text-3);margin-top:.2rem;font-size:.76rem;line-height:1.45}.op-domain{color:var(--text-2);font-family:var(--font-mono);overflow-wrap:anywhere}.op-gauge{place-items:center;width:54px;height:54px;display:grid;position:relative}.op-gauge svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.op-gauge circle{fill:none;stroke-width:3.5px}.op-gauge-bg{stroke:#ffffff14}.op-gauge-fg{stroke:var(--red-bright);stroke-linecap:round;stroke-dasharray:100;filter:drop-shadow(0 0 3px #e60000cc);animation:op-gauge 1.1s var(--ease) .1s backwards}@keyframes op-gauge{0%{stroke-dashoffset:100px}}.op-gauge b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1rem;position:relative}.op-purpose{border-left:2px solid var(--border-strong);color:var(--text-2);background:#ffffff05;margin-top:.85rem;padding:.5rem .75rem;font-size:.84rem}.op-purpose span{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;display:block}.outreach-demo .op-sub{margin:1.05rem 0 .5rem}.op-reasons{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.op-reasons li{background:var(--green-50);max-width:100%;color:var(--green);animation:op-fade .4s var(--ease) backwards;border:1px solid #3ddc9740;border-radius:999px;padding:.2rem .6rem;font-size:.76rem;line-height:1.4}.op-reasons li:before{content:"+ ";font-weight:700}.op-reasons li:nth-child(2){animation-delay:80ms}.op-reasons li:nth-child(3){animation-delay:.16s}.op-timeline{--g:.4rem;gap:var(--g);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.op-timeline:before{content:"";top:calc(.4rem + 7px);left:calc((100% - 2 * var(--g)) / 6);right:calc((100% - 2 * var(--g)) / 6);opacity:.55;background:repeating-linear-gradient(90deg,#ff3b3bb3 0 6px,#0000 6px 10px);height:2px;position:absolute}.op-timeline button{width:100%;color:var(--text-2);text-align:center;border-radius:6px;justify-items:center;gap:.1rem;padding:.4rem .2rem .5rem;transition:background .2s,color .2s;display:grid;position:relative}.op-timeline button:hover{color:#fff;background:#ffffff08}.op-timeline button[aria-pressed=true]{color:#fff;background:#e6000012}.op-tdot{border:2px solid var(--border-strong);background:#0b0b0b;border-radius:50%;width:16px;height:16px;margin-bottom:.3rem;transition:border-color .25s,background .25s,box-shadow .25s}.op-timeline button:hover .op-tdot{border-color:#ff3b3bb3}.op-timeline button[aria-pressed=true] .op-tdot{border-color:var(--red);background:var(--red);box-shadow:0 0 0 4px #e600002e,0 0 16px #e60000cc}.op-timeline b{font-family:var(--font-mono);font-size:.78rem}.op-timeline span{font-size:.76rem;line-height:1.25}.op-timeline small{color:var(--text-3);font-size:.66rem;line-height:1.25}.op-stop{color:var(--text-3);text-align:center;margin-top:.3rem;font-size:.74rem}.op-mail{border:1px solid var(--border);background:#070707;border-radius:6px;margin-top:.75rem;overflow:hidden}.op-mhead{border-bottom:1px solid var(--border);background:#0c0c0c;gap:.15rem;margin:0;padding:.6rem .8rem;font-size:.78rem;display:grid}.op-mhead div{grid-template-columns:4.6em minmax(0,1fr);gap:.5rem;display:grid}.op-mhead dt{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding-top:.15em;font-size:.64rem}.op-mhead dd{color:var(--text-2);overflow-wrap:anywhere;margin:0}.op-mhead dd span{color:var(--text-3)}.op-mhead strong{color:#fff;font-weight:600}.outreach-demo .op-body{overflow-wrap:anywhere;min-height:9rem;animation:op-fade .3s var(--ease) both;padding:.8rem;font-size:.86rem}.outreach-demo mark.op-tok{color:#fff;animation:op-tok 1s var(--ease) both;background:#e600002e;border-radius:2px;padding:0 .1em;box-shadow:inset 0 -1px #ff3b3bd9}@keyframes op-tok{0%{background:#e6000099}}.op-optout{border-left:2px solid var(--green);color:var(--text-2);font-family:var(--font-read);animation:op-fade .4s var(--ease) both;background:#3ddc970f;margin:0 .8rem .8rem;padding:.45rem .65rem;font-size:.84rem;line-height:1.55}.op-note{color:var(--green);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;display:block}.op-legend{color:var(--text-3);margin:-.3rem .8rem .75rem;font-size:.72rem}.op-checks{grid-template-columns:minmax(0,1fr);gap:.4rem;margin:0;padding:0;list-style:none;display:grid}@container opd (width>=430px){.op-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}.op-check{border:1px solid var(--border);background:#0a0a0a;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem;padding:.55rem .65rem;transition:border-color .3s,background .3s;display:grid}.op-check strong{font-size:.82rem;line-height:1.3;display:block}.op-check small{color:var(--text-3);margin-top:.1rem;font-size:.72rem;line-height:1.35;display:block}.op-ck{border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:20px;height:20px;margin-top:1px;font-size:.7rem;font-weight:700;line-height:1;display:grid}.op-check[data-state=run] .op-ck{border-color:#ffffff26;border-top-color:var(--red-bright);animation:.7s linear infinite op-spin}.op-check[data-state=ok]{background:#3ddc970d;border-color:#3ddc9759}.op-check[data-state=ok] .op-ck{border-color:var(--green);animation:op-pop .45s var(--ease);background:#3ddc9729}.op-check[data-state=ok] .op-ck:before{content:"✓";color:var(--green)}.op-check[data-state=wait]{background:#ffc8570a;border-color:#ffc85759}.op-check[data-state=wait] .op-ck{border-color:var(--amber)}.op-check[data-state=wait] .op-ck:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px;animation:1.2s ease-out infinite op-wait}.op-check[data-state=fail] .op-ck{border-color:var(--red-bright)}.op-check[data-state=fail] .op-ck:before{content:"✕";color:var(--red-bright)}@keyframes op-spin{to{transform:rotate(1turn)}}@keyframes op-pop{0%{transform:scale(.6)}60%{transform:scale(1.2)}}@keyframes op-wait{0%{box-shadow:0 0 #ffc857b3}to{box-shadow:0 0 0 7px #ffc85700}}.op-volume{color:var(--text-3);font-family:var(--font-mono);margin-top:.5rem;font-size:.68rem}.op-volume.is-ok:before{content:"✓ ";color:var(--green)}.op-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.op-approve.is-waiting{animation:1.8s ease-in-out infinite op-glow}@keyframes op-glow{50%{box-shadow:0 0 0 5px #e600002e,0 0 34px #e6000080}}.op-approved{background:var(--green-50);color:var(--green);font-size:var(--fs-xs);animation:op-pop .45s var(--ease);border:1px solid #3ddc9766;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-weight:600;display:inline-flex}@keyframes op-fade{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.outreach-demo *,.outreach-demo :before,.outreach-demo :after{animation-delay:0s!important}}