/* Ada page (/en/ada, /de/ada): the Ada stage under the hero. Four moments from a finance day and one agent card.
   Everything is scoped to .ada-stage, so no other page or class on the site is affected.
   Markup lives in the Code Embed on the page; the cards are written by ada-stage.js (EN or DE by <html lang>). */
.ada-stage{--a-iris:#7A69BC;--a-teal:#35B6A0;--a-ink:#000;--a-ink-2:rgba(0,0,0,.6);--a-ink-soft:rgba(0,0,0,.4);--a-card-ink:#14101F;--a-card-ink-2:#55516A;--a-card-ink-3:#8F8A9F;--a-line:#ECECEC;--a-card-line:#E8E6EE;--a-line-strong:#D6D2E0;--a-shot:#ECECEC;--a-card:#fff;--a-card-sub:#FAFAFA;--a-accent:#351C75;--a-accent-soft:#F4F3FA;--a-done-bg:#EAF7F4;--a-done-fg:#1D7A6A;--a-shadow:0 1px 2px rgba(20,16,31,.06),0 14px 36px -14px rgba(38,30,59,.28);--a-ease:cubic-bezier(.22,1,.36,1);--a-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,536px);gap:clamp(48px,6vw,96px);align-items:stretch;width:100%;text-align:left;font-size:17px;line-height:1.4;color:var(--a-ink)}
.ada-stage *,.ada-stage *::before,.ada-stage *::after{box-sizing:border-box}
.ada-stage p,.ada-stage ol{margin:0}

/* Moments list */
.ada-ex-list{display:flex;flex-direction:column;justify-content:center}
.ada-ex{position:relative;display:block;width:100%;margin:0;text-align:left;font:inherit;color:inherit;background:none;border:0;border-top:1px solid var(--a-line);border-radius:0;padding:22px 0;cursor:pointer;-webkit-appearance:none;appearance:none}
.ada-ex:last-of-type{border-bottom:1px solid var(--a-line)}
.ada-ex-meta{display:flex;gap:10px;align-items:baseline;font-size:14px;color:var(--a-ink-2);margin-bottom:4px}
.ada-ex-meta time{font-family:var(--a-mono);font-size:12px}
.ada-ex-title{display:block;font-size:20px;line-height:26px;font-weight:500;color:var(--a-ink-soft);transition:color .25s}
.ada-ex:hover .ada-ex-title,.ada-ex.ada-on .ada-ex-title{color:var(--a-ink)}
.ada-ex-desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--a-ease)}
.ada-ex-desc>span{overflow:hidden;color:var(--a-ink-2);max-width:52ch;text-wrap:pretty}
.ada-ex.ada-on .ada-ex-desc{grid-template-rows:1fr}
.ada-ex.ada-on .ada-ex-desc>span{padding-top:8px}
.ada-ex-bar{position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--a-accent)}
.ada-ex.ada-on .ada-ex-bar{width:100%}
.ada-stage.ada-playing .ada-ex.ada-on .ada-ex-bar{width:0;animation:adaBar var(--dwell,9s) linear forwards}
@keyframes adaBar{to{width:100%}}

/* Product tile and agent card (same card as the Live Finance demo hero) */
.ada-tile{background:var(--a-shot);border-radius:6px;padding:48px;display:grid;place-items:center;min-height:632px}
.ada-agent{width:min(440px,100%);background:var(--a-card);border-radius:8px;border:1px solid var(--a-card-line);box-shadow:var(--a-shadow);padding:18px;display:grid;gap:14px;font-size:14px;line-height:1.55;color:var(--a-card-ink)}
.ada-agent:empty{display:none}
.ada-agent.ada-swap{animation:adaFade .35s var(--a-ease)}
@keyframes adaFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.ada-head{display:flex;align-items:center;gap:12px}
.ada-av{width:36px;height:36px;border-radius:6px;background:#351C75;display:grid;place-items:center;flex:none}
.ada-av svg{width:20px;height:20px}
.ada-who{flex:1;min-width:0}
.ada-name{font-weight:500;line-height:1.2}
.ada-meta{font-family:var(--a-mono);font-size:12px;color:var(--a-card-ink-3)}
.ada-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px;white-space:nowrap;transition:background-color .3s,color .3s}
.ada-pill.ada-run{background:var(--a-accent-soft);color:var(--a-accent)}
.ada-pill.ada-done{background:var(--a-done-bg);color:var(--a-done-fg)}

.ada-req{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 10px;padding-top:14px;border-top:1px solid var(--a-card-line)}
.ada-who-av{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--a-accent-soft);display:grid;place-items:center;color:var(--a-accent)}
.ada-who-av svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ada-req-who{font-size:12px;color:var(--a-card-ink-2);line-height:24px}
.ada-req-text{grid-column:2;font-size:14px;line-height:1.45;text-wrap:pretty}
.ada-tags{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ada-tag{font-size:12px;padding:3px 8px;border:1px solid var(--a-card-line);border-radius:999px;color:var(--a-card-ink-2);display:inline-flex;gap:5px;align-items:center;white-space:nowrap;max-width:100%;min-width:0}
.ada-tag span{overflow:hidden;text-overflow:ellipsis}
.ada-tag svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.ada-steps{list-style:none;margin:0;padding:14px 0 0;display:grid;gap:9px;border-top:1px solid var(--a-card-line)}
.ada-steps li{display:flex;align-items:center;gap:10px;margin:0;padding:0;background:none;color:var(--a-card-ink-3);transition:color .3s}
.ada-st{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--a-line-strong);display:grid;place-items:center;flex:none;transition:background-color .3s,border-color .3s}
.ada-st svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .2s}
.ada-steps li.ada-run,.ada-steps li.ada-done{color:var(--a-card-ink)}
.ada-steps li.ada-run .ada-st{border-color:var(--a-iris);border-top-color:transparent;animation:adaSpin .8s linear infinite}
.ada-steps li.ada-done .ada-st{background:var(--a-teal);border-color:var(--a-teal)}
.ada-steps li.ada-done .ada-st svg{opacity:1}
@keyframes adaSpin{to{transform:rotate(360deg)}}

/* Result: hidden (space kept) until every step is done, then it rises in, its rows follow, the figure counts up */
.ada-out{display:grid;gap:6px;padding:14px;border-radius:6px;background:var(--a-card-sub);border:1px solid var(--a-card-line);transition:opacity .45s var(--a-ease),transform .45s var(--a-ease),visibility 0s}
.ada-out.ada-wait{opacity:0;transform:translateY(8px);visibility:hidden;transition:none}
.ada-out.ada-in{animation:adaOutIn .55s var(--a-ease) both,adaOutEdge 1.6s ease-out .15s both}
.ada-out.ada-in>*{animation:adaRowIn .5s var(--a-ease) both}
.ada-out.ada-in>:nth-child(1){animation-delay:.1s}
.ada-out.ada-in>:nth-child(2){animation-delay:.18s}
.ada-out.ada-in>:nth-child(3){animation-delay:.26s}
.ada-out.ada-in>:nth-child(4){animation-delay:.34s}
.ada-out.ada-in .ada-mini:first-child{animation:adaPing 1.4s ease-out 1.1s 1 both}
@keyframes adaOutIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes adaRowIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes adaOutEdge{from{border-color:var(--a-accent);box-shadow:0 0 0 3px var(--a-accent-soft)}to{border-color:var(--a-card-line);box-shadow:0 0 0 0 transparent}}
@keyframes adaPing{0%{box-shadow:0 0 0 0 var(--a-accent-soft)}30%{box-shadow:0 0 0 4px var(--a-accent-soft)}100%{box-shadow:0 0 0 10px transparent}}
.ada-out-who{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--a-accent)}
.ada-out-who img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.ada-out-amt{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ada-out-amt b{font-size:20px;font-weight:500;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.ada-out-amt span{font-size:12px;color:var(--a-card-ink-3)}
.ada-out-d{font-size:13px;line-height:1.5;color:var(--a-card-ink-2);text-wrap:pretty}
.ada-out-acts{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.ada-mini{height:32px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;border:1px solid transparent;background:#351C75;color:#fff}
.ada-mini.ada-ghost{background:var(--a-card);color:var(--a-card-ink);border-color:var(--a-line-strong)}

.ada-ex-mdesc{display:none}
@media screen and (max-width:991px){
  .ada-stage{grid-template-columns:1fr;gap:24px}
  .ada-ex-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ada-ex,.ada-ex:last-of-type{border:1px solid var(--a-line);border-radius:6px;padding:10px 12px 11px;background:var(--a-card)}
  .ada-ex.ada-on{border-color:var(--a-accent)}
  .ada-ex-title{font-size:15px;line-height:20px}
  .ada-ex-meta{margin-bottom:2px;font-size:12px}
  .ada-ex-who,.ada-ex-desc,.ada-ex-bar{display:none}
  .ada-ex-mdesc{display:block;grid-column:1/-1;color:var(--a-ink-2);font-size:15px;padding:4px 2px 0;text-wrap:pretty}
  .ada-tile{padding:24px 16px;min-height:600px}
}
@media screen and (max-width:479px){.ada-tile{padding:16px 12px;min-height:600px}}
@media (prefers-reduced-motion:reduce){
  .ada-stage *,.ada-stage *::before,.ada-stage *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}