.ias-voices {
 --voice-ink: var(--color-text, #1f1f1f); --voice-paper: #faf9f7; --voice-accent: var(--green-700, #a44720);
 position: relative; width: calc(100vw - 24px); max-width:none; flex-shrink:0; align-self:center; height: 1100px; isolation: isolate; color: var(--voice-ink); font-family: 'Rubik', sans-serif; overflow: visible;
}
.ias-voices-host { overflow:visible!important; }
html[lang=ar] .ias-voices { font-family: inherit; }
.ias-voices-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(440px,36%); text-align:center; z-index:20; pointer-events:none; }
.ias-voices-center h2 { margin:0 0 20px; font:400 clamp(36px,3.5vw,48px)/1.12 'Rubik',sans-serif; letter-spacing:.01em; text-wrap:balance; }
.ias-voices-center h2 strong { color:var(--voice-accent); font-weight:700; }
.ias-voices-center p { margin:0; font-size:18px; line-height:1.55; color:var(--voice-ink); text-wrap:pretty; }
.ias-voice-controls { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:24px; pointer-events:auto; }
.ias-voice-controls button { font:inherit; font-size:13px; min-height:44px; padding:8px 16px; border:1px solid rgba(31,31,31,.2); border-radius:999px; background:var(--voice-paper); color:var(--voice-ink); cursor:pointer; }
.ias-voice-controls button:hover,.ias-voice-reader button:hover { border-color:var(--voice-accent); color:var(--voice-accent); }
.ias-voice-explore { padding-inline:20px!important; border-color:rgba(164,71,32,.42)!important; color:var(--voice-accent)!important; background:rgba(250,249,247,.72)!important; transition:background 220ms ease,border-color 220ms ease,transform 220ms ease; }
.ias-voice-explore:hover { background:var(--voice-paper)!important; border-color:var(--voice-accent)!important; transform:translateY(-1px); }
.ias-voice-slot { position:absolute; left:0; top:0; width:var(--voice-width,320px); will-change:transform; }
.ias-voice-card { position:relative; box-sizing:border-box; width:100%; padding:24px; background:var(--voice-paper); border:1px solid rgba(31,31,31,.14); border-radius:16px; box-shadow:0 5px 18px rgba(65,49,33,.035); transform:scale(var(--depth-scale)); opacity:var(--voice-alpha); transition:transform 650ms cubic-bezier(.22,1,.36,1),opacity 550ms ease,border-color 350ms ease; }
.ias-voice-slot:is(:hover,:focus-within) { z-index:25!important; }
.ias-voice-slot:is(:hover,:focus-within) .ias-voice-card { transform:scale(1.03); opacity:1; border-color:rgba(164,71,32,.45); }
.ias-voice-card blockquote { margin:0 0 22px; font-size:16px; line-height:1.6; white-space:pre-line; }
.ias-voice-slot blockquote { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; }
.ias-voice-person { display:flex; gap:12px; align-items:center; border:0; padding:0; }
.ias-voice-person img { width:48px; height:48px; border-radius:50%; object-fit:cover; flex:none; border:1px solid rgba(31,31,31,.14); background:#ece9e2; }
.ias-voice-avatar-fallback { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; flex:none; background:rgba(164,71,32,.12); border:1px solid rgba(164,71,32,.22); color:var(--voice-accent); font-size:12px; font-weight:500; letter-spacing:.02em; }
.ias-voice-avatar-fallback[hidden] { display:none!important; }
.ias-voice-person strong { display:block; font-size:14px; line-height:1.4; font-weight:500; }
.ias-voice-person small { display:block; font-size:12px; line-height:1.5; margin-top:3px; color:#67635d; }
.ias-voice-read { border:0; background:none; padding:8px 0; min-height:44px; font:inherit; font-size:12px; color:var(--voice-accent); cursor:pointer; text-align:start; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; text-decoration:none; }
.ias-voice-arrow { font-size:16px; line-height:1; transition:transform 220ms ease; }
.ias-voice-read:hover .ias-voice-arrow,.ias-voice-read:focus-visible .ias-voice-arrow { transform:translateX(3px); }
html[lang="ar"] .ias-voice-read { flex-direction:row; }
html[lang="ar"] .ias-voice-read:hover .ias-voice-arrow,html[lang="ar"] .ias-voice-read:focus-visible .ias-voice-arrow { transform:translateX(-3px); }
.ias-voices button:focus-visible,.ias-voice-reader button:focus-visible,.ias-voice-reader a:focus-visible { outline:2px solid var(--voice-accent); outline-offset:4px; }
/* Keep the organic scene; only its collision-prone travel bounds change. */
.ias-voice-slot { transition:opacity 250ms ease; }
.ias-voice-slot[hidden] { display:none!important; }
.ias-voice-card[role="button"] { cursor:pointer; }
.ias-voice-card:has(:focus-visible) { outline:2px solid var(--voice-accent); outline-offset:4px; }
.ias-voice-card:has(.ias-voice-read) { cursor:pointer; }
.ias-voice-card:has(.ias-voice-read):active { border-color:var(--voice-accent); }
.ias-voices .ias-voice-card { opacity:var(--voice-alpha)!important; }
.ias-voices .ias-voice-slot:is(:hover,:focus-within) .ias-voice-card { opacity:1!important; }
.ias-voice-controls button[hidden],.ias-voice-avatar-fallback[hidden],.ias-voice-person img[hidden] { display:none!important; }
.ias-voices { --voice-accent:var(--color-text-highlight,#a44720); }
.ias-voices.is-compact .ias-voice-card { padding:18px; }
.ias-voices.is-compact .ias-voice-card blockquote { -webkit-line-clamp:3; font-size:15px; margin-bottom:16px; }
@media(max-width:809.98px) {
 .ias-voices-center { width:calc(100% - 48px); max-width:400px; }
 .ias-voices-center h2 { font-size:34px; }
 .ias-voices-center p { font-size:16px; }
}
/* Extend the existing native .ias-lightbox, including its backdrop and layering. */
.ias-lightbox.ias-voice-reader {
 --voice-ink:var(--color-text-primary,#1f1f1f); --voice-paper:var(--color-bg-primary,#faf9f7); --voice-accent:var(--color-text-highlight,#a44720);
 inset:0; width:100%; height:100dvh; max-width:none; max-height:none;
 box-sizing:border-box; padding:24px 76px; overflow:hidden; color:var(--voice-ink); font-family:'Rubik',sans-serif;
}
.ias-voice-reader[open] { display:grid; place-items:center; }
.ias-voice-reader:not([open]) { display:none; }
.ias-voice-reader::backdrop { background:var(--ink-a50,rgba(31,31,31,.5)); }
.ias-voice-panel { display:flex; flex-direction:column; width:min(640px,100%); min-height:0; max-height:calc(100dvh - 48px); border:1px solid var(--color-border-default,#d1cec7); border-radius:16px; background:var(--voice-paper); box-shadow:0 24px 64px var(--ink-a20,rgba(31,31,31,.2)); }
.ias-voice-reader.is-all .ias-voice-panel { width:min(900px,100%); }
.ias-voice-reader-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 20px; border-bottom:1px solid var(--color-border-default,#d1cec7); }
.ias-voice-reader-title { margin:0; font:500 20px/1.4 'Rubik',sans-serif; }
.ias-voice-reader .ias-lightbox-close { position:static; flex:none; }
.ias-voice-reader svg { display:block; width:22px; height:22px; }
.ias-voice-reader-content { overflow:auto; min-height:0; padding:24px; overscroll-behavior:contain; border-radius:0 0 16px 16px; }
.ias-voice-reader-list { display:grid; gap:20px; }
.ias-voice-reader .ias-voice-card { transform:none; opacity:1; box-shadow:none; }
.ias-voice-reader-content>.ias-voice-card { padding:0; border:0; }
.ias-voice-reader-list .ias-voice-card { border:1px solid var(--color-border-default,#d1cec7); }
.ias-voice-reader blockquote { font-size:18px; overflow-wrap:anywhere; }
.ias-voice-source { margin:24px 0 12px; font-size:13px; color:var(--color-text-secondary,#67635d); }
.ias-voice-original { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 18px; border:1px solid var(--color-border-default,#d1cec7); border-radius:999px; color:var(--voice-accent); font-size:13px; text-decoration:none; box-sizing:border-box; }
.ias-voice-original:hover { border-color:var(--voice-accent); }
.ias-voice-nav { position:absolute; top:calc(50% - 22px); display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--color-border-default,#d1cec7); border-radius:50%; background:var(--color-surface-raised,#fff); color:var(--voice-ink); cursor:pointer; transition:transform 160ms ease; }
.ias-voice-nav:active { transform:scale(.96); }
.ias-voice-nav.is-previous { inset-inline-start:max(16px,calc(50% - 388px)); }
.ias-voice-nav.is-next { inset-inline-end:max(16px,calc(50% - 388px)); }
.ias-voice-nav[hidden] { display:none; }
html[lang=ar] :is(.ias-voices,.ias-voice-reader) { font-family:var(--ias-arabic-ui,sans-serif); }
@media(max-width:639.98px) {
 .ias-lightbox.ias-voice-reader { padding:16px 16px 84px; }
 .ias-voice-panel { max-height:calc(100dvh - 100px); }
 .ias-voice-reader-bar { padding:12px 16px; }
 .ias-voice-reader-content { padding:20px; }
 .ias-voice-reader-list .ias-voice-card { padding:20px; }
 .ias-voice-nav { top:auto; bottom:max(20px,env(safe-area-inset-bottom)); }
 .ias-voice-nav.is-previous { inset-inline-start:calc(50% - 54px); }
 .ias-voice-nav.is-next { inset-inline-end:calc(50% - 54px); }
}
@media(prefers-reduced-motion:reduce) {
 .ias-voice-card,.ias-voice-slot,.ias-voice-arrow,.ias-voice-explore,.ias-voice-nav { transition:none; }
 .ias-voice-slot { will-change:auto; }
}
/* The export's explicit flex display otherwise overrides hidden. */
#main .framer-1w1wc8[hidden] { display:none!important; }

/* All thirteen remain in the scene, including narrow layouts. */
.ias-voice-slot .ias-voice-card { background:hsl(40 22% var(--voice-shade,98%)); }
.ias-voice-explore { color:var(--voice-ink)!important; border-color:rgba(31,31,31,.24)!important; background:transparent!important; }
.ias-voices.is-compact .ias-voice-card { padding:12px; }
.ias-voices.is-compact .ias-voice-card blockquote { font-size:13px; line-height:1.5; -webkit-line-clamp:3; margin-bottom:12px; }
.ias-voices.is-compact .ias-voice-person { gap:7px; }
.ias-voices.is-compact .ias-voice-person :is(img,.ias-voice-avatar-fallback) { width:30px; height:30px; }
.ias-voices.is-compact .ias-voice-person strong { font-size:12px; }
.ias-voices.is-compact .ias-voice-person small { font-size:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.ias-voices.is-compact .ias-voice-read { font-size:10px; gap:4px; }

/* Dense orbital composition: several voices flank the title even on phones. */
.ias-voices.is-compact .ias-voices-center { width:44%; max-width:220px; }
.ias-voices.is-compact .ias-voices-center h2 { font-size:clamp(23px,5.8vw,32px); margin-bottom:12px; }
.ias-voices.is-compact .ias-voices-center p { font-size:12px; line-height:1.5; }
.ias-voices.is-compact .ias-voice-controls { margin-top:16px; }
.ias-voices.is-compact .ias-voice-explore { min-height:40px; padding-block:8px!important; padding-inline:12px!important; font-size:12px; }
.ias-voices.is-compact .ias-voice-card { padding:10px; }
.ias-voices.is-compact .ias-voice-card blockquote { -webkit-line-clamp:2; font-size:12px; }
.ias-voices.is-compact .ias-voice-person { flex-wrap:wrap; gap:5px; }
.ias-voices.is-compact .ias-voice-person strong { font-size:11px; }
.ias-voices.is-compact .ias-voice-person small { -webkit-line-clamp:1; }
.ias-voices.is-compact .ias-voice-read { font-size:10px; }
.ias-voice-reader.is-closing .ias-voice-nav { opacity:0; pointer-events:none; }
.ias-voice-reader.is-closing::backdrop { animation:voice-backdrop-out 360ms ease forwards; }
@keyframes voice-backdrop-out { to { opacity:0; } }
@media(prefers-reduced-motion:reduce) { .ias-voice-reader.is-closing::backdrop { animation:none; } }
/* Keep the title readable while nearby cards overlap one another. */
.ias-voices-center { z-index:30; }
.ias-voices-center::before { content:''; position:absolute; inset:-14px -10px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse,rgba(250,249,247,.96) 45%,rgba(250,249,247,0) 74%); }

/* Hold-to-drag uses the whole card; ordinary taps still open its reader. */
.ias-voice-slot { cursor:grab; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.ias-voice-slot .ias-voice-read { cursor:inherit; }
.ias-voice-slot.is-dragging { cursor:grabbing; z-index:35!important; }
.ias-voice-slot.is-dragging .ias-voice-card { transform:scale(1.03); opacity:1!important; border-color:var(--voice-accent); }
.ias-voice-slot::after {
 content:'🖐️'; position:absolute; inset-inline-start:50%; top:-34px; z-index:38;
 width:34px; height:38px; display:grid; place-items:center; pointer-events:none;
 font-size:30px; line-height:1; filter:drop-shadow(0 5px 9px rgba(31,31,31,.22));
 opacity:0; transform:translate(-50%,7px) rotate(-4deg) scale(.92);
 transition:opacity .2s ease,transform .24s cubic-bezier(.2,.9,.2,1);
}
.ias-voice-slot:is(:hover,:focus-within)::after { opacity:1; transform:translate(-50%,0) rotate(-6deg) scale(1); }
.ias-voice-slot.is-dragging::after { content:'✊'; opacity:1; transform:translate(-50%,0) rotate(-6deg) scale(1); }
.ias-voice-drag-prompt {
 position:absolute; inset-block-start:18px; inset-inline-start:18px; z-index:40;
 max-width:min(260px,calc(100% - 36px)); padding:8px 12px; border:1px solid rgba(31,31,31,.15);
 border-radius:999px; background:var(--voice-paper); color:var(--voice-ink); box-shadow:0 10px 30px rgba(31,31,31,.08);
 font-size:13px; line-height:1.4; opacity:0; pointer-events:none; transform:translateY(-8px) scale(.96);
 transition:opacity .2s ease,transform .28s cubic-bezier(.2,.9,.2,1);
}
.ias-voice-drag-prompt.is-visible { opacity:1; transform:translateY(0) scale(1); }
html[lang="ar"] .ias-voice-drag-prompt { inset-inline-start:auto; inset-inline-end:18px; }
/* Keep fade transitions authoritative over the export's global reveal rules. */
.ias-voices .ias-voice-card { transition:transform 650ms cubic-bezier(.22,1,.36,1),opacity 700ms ease,border-color 350ms ease!important; }
@media(prefers-reduced-motion:reduce) { .ias-voices .ias-voice-card { transition:none!important; } }
@media(prefers-reduced-motion:reduce) { .ias-voice-slot::after,.ias-voice-drag-prompt { transition:none!important; } }

/* Logical flex direction keeps attribution and its action opposite in both locales. */
.ias-voice-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; }
.ias-voice-footer .ias-voice-person { flex:1 1 220px; min-width:0; }
.ias-voice-card-footer { gap:12px 18px; }
.ias-voice-card-footer .ias-voice-person { flex:1 1 140px; }
.ias-voice-card-footer .ias-voice-read { margin-inline-start:auto; }
/* The expanded view has room for a single attribution/action row. */
.ias-voice-reader .ias-voice-footer { display:grid; grid-template-columns:minmax(0,1fr) max-content; column-gap:24px; }
.ias-voice-reader .ias-voice-footer .ias-voice-person { min-width:0; }
.ias-voice-reader .ias-voice-footer .ias-voice-original.ias-voice-read {
 min-height:44px; margin:0; padding:8px 0; border:0!important; border-radius:0;
 background:transparent!important; box-shadow:none!important; color:var(--voice-accent)!important;
 overflow:visible; white-space:nowrap;
}
.ias-voice-reader .ias-voice-footer .ias-voice-original.ias-voice-read::before { content:none; }
.ias-voice-reader .ias-voice-footer .ias-voice-original.ias-voice-read:is(:hover,:focus-visible) { color:var(--voice-accent)!important; }
@media(max-width:560px) {
 .ias-voice-reader .ias-voice-footer { display:flex; gap:12px 18px; }
 .ias-voice-reader .ias-voice-footer .ias-voice-person { flex:1 1 170px; }
 .ias-voice-reader .ias-voice-footer .ias-voice-original.ias-voice-read { margin-inline-start:auto; }
}
.ias-voice-footer .ias-voice-original { position:relative; isolation:isolate; overflow:hidden; gap:8px; flex-shrink:0; margin-inline-start:auto; background:rgba(31,31,31,.05); color:var(--voice-ink,#1f1f1f); border-color:rgba(31,31,31,.15); transition:color 300ms ease; }
.ias-voice-original::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:#1f1f1f; transform:translateY(105%); transition:transform 420ms cubic-bezier(.22,1,.36,1); }
.ias-voice-original:is(:hover,:focus-visible) { color:#faf9f7; }
.ias-voice-original:is(:hover,:focus-visible)::before { transform:translateY(0); }
.ias-voice-original:focus-visible { outline:2px solid var(--voice-accent); outline-offset:4px; }
.ias-voice-original .ias-voice-arrow { font-size:20px; line-height:1; }
@media(prefers-reduced-motion:reduce) { .ias-voice-original,.ias-voice-original::before { transition:none!important; } }

/* Compact attribution gives the floating quote more of the card's space. */
.ias-voice-slot .ias-voice-person { gap:8px; }
.ias-voice-slot .ias-voice-person :is(img,.ias-voice-avatar-fallback) { width:36px; height:36px; }
.ias-voice-slot .ias-voice-person strong { font-size:12px; }
.ias-voice-slot .ias-voice-person small { font-size:11px; line-height:1.4; margin-top:2px; }
.ias-voice-slot blockquote { margin-bottom:16px; }
.ias-voices.is-compact .ias-voice-person :is(img,.ias-voice-avatar-fallback) { width:24px; height:24px; }
.ias-voices.is-compact .ias-voice-person strong { font-size:10px; }
.ias-voices.is-compact .ias-voice-person small { font-size:10px; }
.ias-voices.is-compact .ias-voice-card blockquote { -webkit-line-clamp:3; margin-bottom:8px; }

/* Shared secondary pill: Explore all and the original-testimonial link use the
   same neutral surface, orange reveal and directional arrow as the site system. */
.ias-voice-explore,
.ias-voice-footer .ias-voice-original {
 display:inline-flex; align-items:center; justify-content:center; gap:8px;
 min-height:44px; padding:8px 18px; box-sizing:border-box; border:1px solid rgba(31,31,31,.15)!important;
 border-radius:999px; position:relative; isolation:isolate; overflow:hidden;
 background:rgba(31,31,31,.05)!important; color:var(--voice-ink)!important;
 font:inherit; font-size:13px; line-height:1.4; text-decoration:none; cursor:pointer;
 transition:color 300ms ease,border-color 300ms ease!important;
}
/* The scene action follows the site’s xs secondary pill: a 44px target with
   even vertical breathing room and the standard 16px inline inset. */
.ias-voice-explore {
 min-height:44px;
 padding-block:10px!important;
 padding-inline:16px!important;
 font-size:14px;
}
.ias-voice-explore::before,
.ias-voice-footer .ias-voice-original::before {
 content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit;
 background:var(--voice-accent); transform:translateY(105%);
 transition:transform 420ms cubic-bezier(.22,1,.36,1);
}
.ias-voice-explore:is(:hover,:focus-visible),
.ias-voice-footer .ias-voice-original:is(:hover,:focus-visible) { color:var(--voice-paper)!important; border-color:var(--voice-accent)!important; }
.ias-voice-explore:is(:hover,:focus-visible)::before,
.ias-voice-footer .ias-voice-original:is(:hover,:focus-visible)::before { transform:translateY(0); }
.ias-voice-explore:is(:hover,:focus-visible) .ias-voice-arrow,
.ias-voice-footer .ias-voice-original:is(:hover,:focus-visible) .ias-voice-arrow { transform:translateX(3px); }
html[lang="ar"] .ias-voice-explore:is(:hover,:focus-visible) .ias-voice-arrow,
html[lang="ar"] .ias-voice-footer .ias-voice-original:is(:hover,:focus-visible) .ias-voice-arrow { transform:translateX(-3px); }
.ias-voice-explore:focus-visible,
.ias-voice-footer .ias-voice-original:focus-visible { outline:2px solid var(--voice-accent); outline-offset:4px; }
.ias-voice-explore .ias-voice-arrow,
.ias-voice-footer .ias-voice-original .ias-voice-arrow { font-size:18px; line-height:1; }
@media(prefers-reduced-motion:reduce) {
 .ias-voice-explore,.ias-voice-footer .ias-voice-original,.ias-voice-explore::before,.ias-voice-footer .ias-voice-original::before { transition:none!important; }
}

/* The detail navigation is a secondary action too: retain its circular form
   while giving it the same orange reveal as the secondary pills. */
.ias-voice-nav { isolation:isolate; overflow:hidden; transition:color 300ms ease,border-color 300ms ease,transform 160ms ease!important; }
.ias-voice-nav::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:var(--voice-accent); transform:translateY(105%); transition:transform 420ms cubic-bezier(.22,1,.36,1); }
.ias-voice-nav svg { position:relative; z-index:1; }
.ias-voice-nav:is(:hover,:focus-visible) { color:var(--voice-paper)!important; border-color:var(--voice-accent)!important; }
.ias-voice-nav:is(:hover,:focus-visible)::before { transform:translateY(0); }
@media(prefers-reduced-motion:reduce) { .ias-voice-nav,.ias-voice-nav::before { transition:none!important; } }

/* Hero-equivalent top-down reveal: the fill rocks with the hovered third. */
.ias-secondary-interactive.ias-secondary-interactive::before {
 inset:auto; top:-65%; left:-28px; width:calc(200% + 56px); height:220%;
 border-radius:999px; transform:translate(0,-90%) rotate(0deg);
 transition:transform .42s ease-out;
}
.ias-secondary-interactive.ias-secondary-interactive:is(:hover,:focus-visible) {
 transform:none; border-color:rgba(31,31,31,.3)!important;
 box-shadow:inset 0 0 0 1px rgba(31,31,31,.3),0 10px 30px rgba(31,31,31,.08);
}
.ias-secondary-interactive.ias-secondary-interactive:is(:hover,:focus-visible)::before { transform:translate(0,-32%) rotate(0deg); }
.ias-secondary-interactive.ias-secondary-interactive[data-hover-side="left"]:hover::before { transform:translate(0,-35%) rotate(5deg); }
.ias-secondary-interactive.ias-secondary-interactive[data-hover-side="right"]:hover::before { transform:translate(0,-35%) rotate(-5deg); }
@media(prefers-reduced-motion:reduce) { .ias-secondary-interactive.ias-secondary-interactive::before { transition:none!important; } }
