/* Four quiet, alternating lanes, following the supplied card-marquee reference. */
.aid-demo{--aid-card-width:400px;--aid-card-height:184px;--aid-gap:10px;position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);color:#292d2a;font:14px/1.4 var(--site-font,Arial,sans-serif)}
.aid-demo,.aid-demo *{box-sizing:border-box}.aid-demo [hidden]{display:none!important}.aid-demo :is(h3,p){margin:0}.aid-demo svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.aid-toolbar{min-height:50px;padding:0 max(20px,calc((100vw - 1120px)/2)) 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#797f78;font-size:12px}.aid-toolbar>p{letter-spacing:.02em}.aid-demo .aid-pause{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:5px 11px;border:1px solid #dedfdc;border-radius:99px;color:#727970;background:#ffffff9c;font:inherit;font-size:11px;cursor:pointer}.aid-pause-icon{font-size:13px;line-height:1}.aid-pause:hover{color:#2e4637;border-color:#a4b1a6;background:#fff}.aid-pause:focus-visible{outline:2px solid #466e50;outline-offset:4px}
.aid-catalog{overflow:hidden;padding:2px 0 4px}.aid-row{position:relative;margin-bottom:8px;overflow:hidden}.aid-row:last-child{margin-bottom:0}.aid-track{display:flex;gap:var(--aid-gap);width:max-content;will-change:transform}.aid-group{display:flex;gap:var(--aid-gap);flex:none}.aid-card{position:relative;flex:0 0 var(--aid-card-width);width:var(--aid-card-width);height:var(--aid-card-height);padding:16px;border:1px solid #e2e3df;border-radius:18px;background:#fafbf9;box-shadow:0 1px 2px #303c3210;overflow:hidden}
.aid-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.aid-card-mark,.aid-persona{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:50%;background:linear-gradient(145deg,#e6ebe7,#c6d2ca);box-shadow:inset 0 1px 1px #fff9;color:#456553}.aid-card-mark img{width:20px;height:20px;object-fit:contain;mix-blend-mode:multiply}.aid-persona{font-size:11px;font-weight:600;letter-spacing:-.2px}.aid-persona--alpha{background:#e2e6f4;color:#6666a1}.aid-persona--astra{background:#e7e4f1;color:#7d639d}.aid-persona--atlas{background:#e1ebe2;color:#4b7356}.aid-persona--helios{background:#f4e8cd;color:#94703c}.aid-persona--echo{background:#dcebef;color:#4f7b86}.aid-persona--nova{background:#f0dfe6;color:#96667e}
.aid-card-tags{display:flex;gap:4px;justify-content:flex-end;min-width:0}.aid-tag{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:2px 8px;border:1px solid #e5e6e2;border-radius:99px;background:#fff8;color:#50574f;font-size:11px;line-height:16px;white-space:nowrap}.aid-tag svg{width:11px;height:11px}.aid-card-copy{position:absolute;bottom:48px;left:16px;right:16px}.aid-demo .aid-card h3{font-size:14px;font-weight:550;letter-spacing:-.15px;line-height:1.4;margin:0}.aid-demo .aid-card-copy p{color:#81877e;font-size:11px;line-height:1.4;margin-top:4px}.aid-card-footer{position:absolute;bottom:17px;left:16px;right:16px;display:flex;align-items:center;gap:10px;min-height:18px;font-size:12px;color:#747a72}.aid-card-footer>span{display:inline-flex;align-items:center;gap:6px}.aid-integration{display:inline-flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.aid-integration img{width:15px;height:16px;object-fit:contain;flex:none}.aid-integration img[src*=oracle]{width:37px;height:13px}.aid-integration img[src*=ibm]{width:23px}.aid-integration img[src*=snowflake]{width:17px}.aid-card-footer>svg{width:12px;height:12px}.aid-card--governance{border-color:#d7dfd5}.aid-caption{padding:22px max(20px,calc((100vw - 1120px)/2)) 0;font-size:11px;line-height:1.6;color:#92978d}
/* A scroll handoff: the preceding presentation becomes one of these workflows. */
.aid-handoff{position:fixed;left:0;top:0;width:252px;height:332px;z-index:60;border:1px solid #0000000b;border-radius:12px;background:#345640;box-shadow:0 20px 52px -10px #2548323b,0 4px 8px #0002;pointer-events:none;overflow:hidden;transform-origin:center;will-change:transform,width,height}
.aid-flight-cover{position:absolute;inset:0;color:#fff}.aid-flight-app{position:absolute;left:9.12%;top:6.33%;width:22.22%;aspect-ratio:1;display:grid;place-items:center;border-radius:27%;background:#ffffffeb}.aid-flight-app img{width:75%;height:75%;object-fit:contain}.aid-flight-title{position:absolute;left:9.12%;top:30.12%;font-size:var(--aid-flight-font,30px);line-height:1.14;letter-spacing:-.04em}.aid-flight-note{position:absolute;left:9.12%;right:9.12%;top:62.35%;font-size:calc(var(--aid-flight-font,30px)*.4);line-height:1.6;color:#d1dfce}.aid-flight-brand{position:absolute;left:9.12%;bottom:6.93%;font-size:calc(var(--aid-flight-font,30px)*.267);letter-spacing:.18em;color:#d1dfce}.aid-flight-arrival{position:absolute;inset:0;padding:16px;background:#fafbf9;opacity:0}.aid-flight-arrival .aid-card-copy h3{font-size:14px;font-weight:550;line-height:1.4;margin:0}.aid-flight-arrival .aid-card-copy p{font-size:11px;margin:4px 0 0;color:#81877e}
/* Without motion the complete catalog stays readable in normal document flow. */
.aid-demo:not([data-aid-ready=true]) .aid-track,.aid-demo[data-aid-reduced=true] .aid-track{width:auto;display:block;transform:none!important;will-change:auto}.aid-demo:not([data-aid-ready=true]) .aid-group,.aid-demo[data-aid-reduced=true] .aid-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 20px;max-width:1250px;margin:auto;gap:10px}.aid-demo:not([data-aid-ready=true]) .aid-card,.aid-demo[data-aid-reduced=true] .aid-card{width:auto;min-width:0}.aid-demo[data-aid-reduced=true] [data-aid-clone]{display:none}.aid-demo[data-aid-reduced=true] .aid-pause{display:none}.aid-demo[data-aid-reduced=true] .aid-handoff{display:none!important}
@media(max-width:820px){.aid-demo{--aid-card-width:320px;--aid-card-height:172px}.aid-toolbar{font-size:11px}.aid-card{padding:14px;border-radius:16px}.aid-card-copy{left:14px;right:14px;bottom:47px}.aid-card-tags{gap:3px}.aid-tag{font-size:10px;padding-inline:6px;min-height:22px}.aid-card-footer{left:14px;right:14px;bottom:16px;font-size:11px;gap:8px}.aid-demo .aid-card h3{font-size:13px}.aid-demo .aid-card-copy p{font-size:10px}.aid-card-mark,.aid-persona{width:23px;height:23px}.aid-caption{font-size:10px;padding-top:18px}.aid-demo:not([data-aid-ready=true]) .aid-group,.aid-demo[data-aid-reduced=true] .aid-group{grid-template-columns:repeat(2,minmax(0,1fr))}.aid-flight-arrival{padding:14px}}
@media(max-width:540px){.aid-demo{--aid-card-width:300px}.aid-toolbar{padding-bottom:12px}.aid-demo:not([data-aid-ready=true]) .aid-group,.aid-demo[data-aid-reduced=true] .aid-group{grid-template-columns:1fr;max-width:440px}.aid-demo:not([data-aid-ready=true]) .aid-card,.aid-demo[data-aid-reduced=true] .aid-card{height:160px}}
/* The preference also owns the static layout directly, including while the JS
   loop is paused or its media-query change callback has not run yet. */
@media(prefers-reduced-motion:reduce){.aid-demo .aid-track{width:auto;display:block;transform:none!important;will-change:auto}.aid-demo .aid-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 20px;max-width:1250px;margin:auto;gap:10px}.aid-demo .aid-card{width:auto;min-width:0}.aid-demo [data-aid-clone],.aid-demo .aid-pause,.aid-handoff{display:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:820px){.aid-demo .aid-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce) and (max-width:540px){.aid-demo .aid-group{grid-template-columns:1fr;max-width:440px}.aid-demo .aid-card{height:160px}}
