.lai-roller { position:relative; padding:0 0 72px; overflow:hidden; font-family:Overpass,sans-serif; color:#102543; }
.lai-roller__heading { position:relative; height:116px; border-top:1px solid #e4e7ec; }
.lai-roller__verdict { position:absolute; right:var(--lai-container-gutter,48px); top:24px; width:230px; z-index:2; transform:scale(var(--verdict-scale,.65)); transform-origin:center; }
.lai-roller__pause { position:absolute; left:var(--lai-container-gutter,48px); top:40px; background:#fff; color:#24568b; border:1px solid #e4e7ec; border-radius:8px; padding:8px 12px; font:inherit; font-size:13px; cursor:pointer; }
.lai-roller__viewport { overflow-x:auto; scrollbar-width:none; touch-action:pan-x pan-y; }
.lai-roller__viewport::-webkit-scrollbar { display:none; }
.lai-roller__track,.lai-roller__group { display:flex; gap:20px; align-items:center; width:max-content; }
.lai-roller__video { position:relative; flex:0 0 320px; width:320px; height:570px; padding:0; border:0; border-radius:20px; overflow:hidden; background:#102543; cursor:pointer; }
.lai-roller__video img { width:100%; height:100%; object-fit:cover; display:block; }
.lai-roller__play { position:absolute; top:18px; left:18px; display:grid; place-items:center; width:68px; height:44px; color:#fff; background:#ffffff26; border:1px solid #ffffff20; border-radius:12px; backdrop-filter:blur(12px); }
.lai-roller__quote { flex:0 0 320px; width:320px; min-height:370px; margin:0; padding:30px; border:1px solid #dfe2e7; border-radius:20px; background:#fafafa; display:flex; flex-direction:column; align-items:center; text-align:center; }
.lai-roller__quote blockquote { margin:0; font-size:26px; line-height:1.22; font-weight:600; }
.lai-roller__rule { height:90px; border-left:1px solid #e4e7ec; margin:32px 0; }
.lai-roller__quote figcaption { margin-top:auto; font-size:20px; }
.lai-roller__verified { display:inline-grid; place-items:center; width:20px; height:20px; color:#fff; background:#24568b; clip-path:polygon(50% 0,62% 15%,80% 8%,83% 28%,100% 40%,87% 55%,95% 75%,73% 78%,60% 100%,46% 86%,25% 94%,23% 72%,0 60%,14% 44%,6% 24%,29% 23%); font-size:12px; }
.lai-roller__dialog { width:min(420px,90vw); padding:42px 12px 12px; background:#102543; border:0; border-radius:16px; color:#fff; max-height:90dvh; }
.lai-roller__dialog::backdrop { background:#000b; }
.lai-roller__close { position:absolute; top:4px; right:12px; background:none; border:0; color:#fff; font-size:30px; cursor:pointer; }
.lai-roller__player { height:min(65dvh,680px); }
.lai-roller__player iframe { width:100%; height:100%; border:0; }
.lai-roller__youtube { display:block; color:#fff; text-align:center; margin-top:10px; }
.lai-roller button:focus-visible,.lai-roller__viewport:focus-visible { outline:3px solid #fe6b25; outline-offset:3px; }
@media(max-width:600px) { .lai-roller { padding-bottom:48px; } .lai-roller__heading { height:105px; } .lai-roller__verdict { width:165px; right:20px; } .lai-roller__pause { left:20px; font-size:11px; } .lai-roller__video { width:280px; flex-basis:280px; height:498px; } .lai-roller__quote { width:280px; flex-basis:280px; padding:24px; } }
@media(prefers-reduced-motion:reduce) { .lai-roller__verdict { transform:none; } }

.lai-roller__heading h2 { margin:0; padding-top:40px; font-size:38px; line-height:1.15; max-width:70%; color:#102543; }
.lai-roller__pause { top:auto; bottom:12px; }
.lai-roller__video { display:block; text-decoration:none; }
.lai-roller__dots { display:none; }
@media(max-width:600px) {
 .lai-roller { padding:32px 0 64px; border-radius:0 0 20px 20px; }
 .lai-roller__heading { height:auto; border:0; padding-bottom:28px; }
 .lai-roller__heading h2 { font-size:28px; padding:0; max-width:100%; }
 .lai-roller__verdict,.lai-roller__pause,.lai-roller__quote,.lai-roller__group[aria-hidden] { display:none; }
 .lai-roller__viewport { scroll-snap-type:x mandatory; scroll-padding-inline:20px; }
 .lai-roller__track { padding-inline:20px; }
 .lai-roller__video { flex-basis:min(342px,calc(100vw - 40px)); width:min(342px,calc(100vw - 40px)); height:auto; aspect-ratio:3/5; scroll-snap-align:center; }
 .lai-roller__dots { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:30px; }
 .lai-roller__dots button { padding:0; border:0; width:6px; height:6px; border-radius:10px; background:#fe6b2533; cursor:pointer; }
 .lai-roller__dots button[aria-current="true"] { width:32px; background:#fe6b25; }
}

/* Hidden visually; keyboard users can still pause the moving row. */
.lai-roller__pause { width:1px; height:1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.lai-roller__pause:focus-visible { width:auto; height:auto; padding:8px 12px; overflow:visible; clip-path:none; }
.lai-roller__dialog { width:min(440px,94vw); }
.lai-roller__player { height:min(75dvh,760px); background:#fff; overflow:auto; }
.lai-roller__instagram-link { display:block; text-align:center; color:#fff; padding-top:12px; }

.lai-roller .lai-roller__instagram-link { color:#fff; transition:color 220ms ease; }
.lai-roller .lai-roller__instagram-link:hover,
.lai-roller .lai-roller__instagram-link:focus-visible { color:#fe6b25; }
.lai-roller .lai-roller__close { width:36px; height:36px; padding:0; display:grid; place-items:center; border-radius:8px; color:#fff; background:transparent; transition:background-color 220ms ease,color 220ms ease; }
.lai-roller .lai-roller__close:hover,
.lai-roller .lai-roller__close:focus-visible { background:#fe6b25; color:#fff; }
@media(prefers-reduced-motion:reduce) { .lai-roller .lai-roller__instagram-link,.lai-roller .lai-roller__close { transition:none; } }