.effy-demos{background:#fff;color:#333;padding:64px 0;line-height:1.65;scroll-margin-top:24px;overflow-wrap:anywhere}
.effy-demos *{box-sizing:border-box}
.effy-demos__wrap{max-width:1240px;margin:auto;padding:0 40px}
.effy-demos__intro{max-width:780px;margin-bottom:30px}
.effy-demos__eyebrow{color:#5f259f;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.effy-demos h2,.effy-demos h3{font-family:inherit;color:#333;font-weight:650;line-height:1.15;letter-spacing:-.03em;margin:0}
.effy-demos h2{font-size:clamp(30px,3.2vw,44px)}
.effy-demos h3{font-size:25px}
.effy-demos__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.effy-demos__card{min-width:0;border:1px solid #c5bfe3;border-radius:20px;padding:26px;background:#f3f1f7;display:flex;flex-direction:column}
.effy-demos__copy{font-size:15px;flex:1}
.effy-demos figure{margin:12px 0 0;text-align:center}
.effy-demos__player{display:block;width:100%;max-width:min(300px,calc(65svh * 9 / 16));height:auto;aspect-ratio:9/16;object-fit:contain;margin:auto;border-radius:12px;background:#c5bfe3}
.effy-demos figcaption{font-size:12px;min-height:40px;margin:12px auto 0;max-width:330px}
.effy-demos a{color:#5f259f;text-underline-offset:4px}
.effy-demos__card:only-child{grid-column:1/-1}
.effy-demos--row .effy-demos__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#c5bfe3 #f3f1f7}
.effy-demos--row .effy-demos__card{scroll-snap-align:start;padding:22px}
.effy-demos--row .effy-demos__grid:focus-visible{outline:2px solid #5f259f;outline-offset:4px}
.effy-demos__navigation{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:18px;font-size:13px}
.effy-demos__navigation span{margin-right:auto}
.effy-demos__navigation button{border:1px solid #5f259f;background:#fff;color:#5f259f;border-radius:50%;width:44px;height:44px;font:22px Arial;cursor:pointer}
.effy-demos__navigation button:disabled{opacity:.35;cursor:default}
.effy-demos__navigation button:focus-visible{outline:2px solid #5f259f;outline-offset:3px}
@media(min-width:701px){.effy-demos__card:only-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:36px}.effy-demos__card:only-child h3{grid-column:1;grid-row:1}.effy-demos__card:only-child .effy-demos__copy{grid-column:1;grid-row:2}.effy-demos__card:only-child figure{grid-column:2;grid-row:1/3;margin:0}}
@media(max-width:700px){.effy-demos{padding:48px 0}.effy-demos__wrap{padding:0 20px}.effy-demos__grid{grid-template-columns:minmax(0,1fr)}.effy-demos__card{padding:22px}.effy-demos h3{font-size:23px}}
@media(max-width:850px){.effy-demos--row .effy-demos__grid{grid-template-columns:none;grid-auto-columns:minmax(260px,82%)}}