/* ArcusEdge site enhancement — hero live-automation widget + real founder photos */
:root{ --ae:var(--accent); --ae2:var(--accent-bright); }   /* hero widget → brand tokens (tokens.css) */

/* hero becomes two columns on desktop */
.ae-hero-grid{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.ae-hero-grid{grid-template-columns:1.04fr .96fr}}
.ae-left{min-width:0}
.ae-right{min-width:0}

/* widget card */
.ae-card{border-radius:18px;overflow:hidden;font-family:'DM Sans',system-ui,sans-serif;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.12)}
.ae-card.light{background:#fff;border:1px solid rgba(0,0,0,.06)}
.ae-card.dark{background:#0f1014;border:1px solid rgba(255,255,255,.08)}

.ae-bar{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid rgba(0,0,0,.06)}
.ae-card.dark .ae-bar{border-bottom-color:rgba(255,255,255,.08)}
.ae-live{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 'IBM Plex Mono',monospace;
  letter-spacing:.08em;text-transform:uppercase;color:#16a34a}
.ae-live .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:aePulse 1.6s infinite}
@keyframes aePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ae-bar .title{font-weight:700;font-size:13px;letter-spacing:-.01em}
.ae-card.dark .ae-bar .title{color:#fff}
.ae-bar .sub{margin-left:auto;font:400 10.5px/1 'IBM Plex Mono',monospace;color:#9a9a95}

/* chat */
.ae-chat{padding:16px 16px 6px;display:flex;flex-direction:column;gap:9px;min-height:210px;background:linear-gradient(180deg,rgba(0,0,0,.015),transparent)}
.ae-card.dark .ae-chat{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.ae-msg{max-width:82%;padding:9px 12px;border-radius:14px;font-size:12.5px;line-height:1.35;opacity:0;transform:translateY(8px);animation:aeIn .5s forwards}
.ae-in{align-self:flex-start;background:#ececea;color:#1a1a1a;border-bottom-left-radius:5px}
.ae-card.dark .ae-in{background:#23252b;color:#e9e9e6}
.ae-out{align-self:flex-end;color:#fff;border-bottom-right-radius:5px;background:linear-gradient(135deg,var(--ae),var(--ae2))}
.ae-msg .meta{display:block;margin-top:4px;font:500 9.5px/1 'IBM Plex Mono',monospace;opacity:.6;letter-spacing:.04em}
@keyframes aeIn{to{opacity:1;transform:none}}
.ae-typing{align-self:flex-end;display:inline-flex;gap:4px;padding:11px 14px;border-radius:14px;background:linear-gradient(135deg,var(--ae),var(--ae2));border-bottom-right-radius:5px;opacity:0;animation:aeIn .4s forwards}
.ae-typing i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.85);animation:aeBlink 1.2s infinite}
.ae-typing i:nth-child(2){animation-delay:.2s}.ae-typing i:nth-child(3){animation-delay:.4s}
@keyframes aeBlink{0%,60%,100%{opacity:.3}30%{opacity:1}}

/* metrics — the "measurable" proof */
.ae-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.06);margin-top:8px}
.ae-card.dark .ae-metrics{background:rgba(255,255,255,.08)}
.ae-metric{background:#fff;padding:13px 12px;text-align:center}
.ae-card.dark .ae-metric{background:#0f1014}
.ae-metric .v{font-weight:700;font-size:19px;letter-spacing:-.02em;
  background:linear-gradient(135deg,var(--ae),var(--ae2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ae-metric .l{margin-top:3px;font:500 9.5px/1.2 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:#8a8a85}

/* real founder photo (replaces gradient placeholder) */
.ae-face{background-size:cover !important;background-repeat:no-repeat !important;background-position:center top !important;position:relative}
.ae-face::after{content:none}

/* 5-example slider widget */
.ae-tabs{display:flex;gap:6px;padding:11px 14px 0;flex-wrap:wrap}
.ae-tab{font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.02em;padding:6px 9px;border-radius:999px;border:1px solid #e7e7e4;background:#fff;color:#6a6a64;cursor:pointer;transition:all .15s}
.ae-tab:hover{color:#0b1e3f;border-color:#cdd8e6}
.ae-tab.on{background:linear-gradient(135deg,var(--ae),var(--ae2));color:#fff;border-color:transparent}
.ae-stage{padding:14px 16px 4px;min-height:206px}
.ae-flow{display:flex;flex-direction:column;gap:9px;animation:aeFade .4s ease}
@keyframes aeFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ae-node{font:500 10px/1 'IBM Plex Mono',monospace;padding:6px 9px;border-radius:7px;background:#fff;border:1px solid #e3e9f1;color:#33415a;white-space:nowrap}
.ae-node.on{background:linear-gradient(135deg,var(--ae),var(--ae2));color:#fff;border-color:transparent}
.ae-arrow{color:#9fb2c9;font-size:12px}

/* ── Lightbox: click any case-study screenshot to view it full, uncovered ── */
[data-ae-full]{cursor:zoom-in}
[data-ae-shot]::after{content:"\2922";position:absolute;top:12px;right:14px;z-index:3;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(11,30,63,.55);color:#fff;font-size:15px;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}
[data-ae-shot]:hover::after{opacity:1}
.ae-lb{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;background:rgba(8,15,30,.93);padding:44px 20px;overflow:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.ae-lb.on{display:flex}
.ae-lb img{max-width:1080px;width:100%;height:auto;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.55);background:#0b1e3f}
.ae-lb-x{position:fixed;top:18px;right:24px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:10000;transition:background .2s}
.ae-lb-x:hover{background:rgba(255,255,255,.26)}