/* 02 / What AI can do — flat line icons, front-on, each with one small action */
.cap-symbol .i3{display:inline-block;width:58px;height:58px;vertical-align:middle}
.l2 svg{width:100%;height:100%;display:block;overflow:visible;fill:none;stroke:#2a2d9f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.l2 .bk{stroke:#9ea3e6}
/* chat: typing dots */
.l2-chat .dt{fill:#2a2d9f;stroke:none;animation:l2-dot 1.4s ease-in-out infinite}
.l2-chat .dt:nth-of-type(2){animation-delay:.18s}.l2-chat .dt:nth-of-type(3){animation-delay:.36s}
@keyframes l2-dot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-2.5px);opacity:1}}
/* find: lens sweeps */
.l2-find .lens{animation:l2-sweep 3.6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes l2-sweep{0%,100%{transform:translate(-14px,-6px)}50%{transform:translate(0,6px)}}
/* reco: the star draws itself in, with a little arc from the person */
.l2-reco .star{stroke-dasharray:1;animation:l2-draw 3.4s ease-in-out infinite}
.l2-reco .arc{stroke-dasharray:1;animation:l2-draw 3.4s ease-in-out infinite}
@keyframes l2-draw{0%{stroke-dashoffset:1;opacity:1}40%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
/* why: line draws, peak pops, callout appears */
.l2-why .ln{stroke-dasharray:1;animation:l2-draw 4s ease-in-out infinite}
.l2-why .pk{fill:#fff;transform-box:fill-box;transform-origin:center;animation:l2-pk 4s ease-in-out infinite}
.l2-why .cl{animation:l2-cl 4s ease-in-out infinite}
@keyframes l2-pk{0%,38%{opacity:0;transform:scale(.3)}48%,85%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes l2-cl{0%,45%{opacity:0;transform:translateY(3px)}55%,85%{opacity:1;transform:none}100%{opacity:0}}
/* do: ticks one after another */
.l2-do .ck{stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;animation:l2-tick 4.5s ease-in-out infinite}
.l2-do .c2{animation-delay:.55s}.l2-do .c3{animation-delay:1.1s}
@keyframes l2-tick{0%,8%{stroke-dashoffset:1}20%,80%{stroke-dashoffset:0}92%,100%{stroke-dashoffset:1}}
/* icon size in the list */
@media(min-width:1101px){.capability-list .cap-symbol .i3{zoom:1.1}.capability-list summary{padding:16px 0}}
@media(min-width:761px) and (max-width:1100px){.capability-list .cap-symbol .i3{zoom:1}.capability-list summary{padding:12px 0}}
@media(max-width:760px){.capability-list .cap-symbol .i3{zoom:.8}.capability-list .cap-symbol{width:60px}}
/* close icon only on the open row */
.capability-list details:not([open]) .detail-plus{opacity:0;pointer-events:none}
.capability-list details[open] .detail-plus{opacity:1;cursor:pointer}
.capability-list .detail-plus{transition:opacity .35s ease,transform .45s cubic-bezier(.22,.8,.22,1)}
.capability-list summary span{transition:color .3s ease}
@media(hover:none){.capability-list details:not([open]) .detail-plus{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.l2 *{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}