/* Client films and source-linked feedback, in the established Amanah palette. */
.client-experiences{padding:64px max(var(--edge),calc((100vw - 1500px)/2));background:radial-gradient(ellipse at 0 0,#15546577,transparent 54%),radial-gradient(ellipse at 100% 60%,#45365e55,transparent 60%),#091e30;color:#f4faff;border-block:1px solid #bddaf21c}
.client-experiences [hidden]{display:none!important}
.client-experience-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}
.client-experience-heading h2{font-size:clamp(34px,3.3vw,52px);line-height:1.08;letter-spacing:-.04em;margin-top:17px}
.client-experience-heading h2 em{font-style:normal;color:#a4ebd7}
.client-experience-heading>p{max-width:390px;color:#c0d3e2;font-size:14px;line-height:1.75}
.client-films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.client-film-card{min-width:0}
.client-film-trigger{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid #acd6e54a;border-radius:24px;padding:0;background:#123545;isolation:isolate}
.client-film-trigger>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.client-film-trigger:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#04121fd9);z-index:0;pointer-events:none}
.client-film-card:nth-child(2) .client-film-trigger{border-top-right-radius:58px}
.client-film-card:nth-child(3) .client-film-trigger{border-top-left-radius:58px}
.client-film-play{display:grid;place-items:center;position:absolute;left:22px;bottom:20px;z-index:1;width:48px;height:48px;border-radius:50%;background:#a5f4db;color:#08353d;box-shadow:0 8px 25px #0003;transition:transform .2s}
.client-film-play svg{width:21px;height:21px;margin-left:2px}
.client-film-duration{position:absolute;right:20px;bottom:28px;z-index:1;color:#fff;font-size:12px;font-variant-numeric:tabular-nums}
.client-film-trigger:hover>img{transform:scale(1.035)}
.client-film-trigger:hover .client-film-play{transform:scale(1.07)}
.client-film-caption{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:17px 2px 0}
.client-film-caption h3{font-size:23px;line-height:1.2;letter-spacing:-.02em}
.client-film-caption p{font-size:12px;color:#b5cede;margin-top:5px}
.client-film-caption>span{font-size:10px;letter-spacing:.08em;color:#8fe2cd;margin-top:7px;white-space:nowrap}
.client-review-area{margin-top:44px;padding-top:34px;border-top:1px solid #b9d9e729}
.client-review-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}
.client-review-top h3{font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:-.035em}
.client-review-top p{font-size:12px;color:#b8cede;margin-top:10px}
.review-source-scores{display:flex;gap:12px}
.review-score{display:grid;grid-template-columns:auto auto;column-gap:20px;row-gap:3px;align-items:center;min-width:176px;padding:13px 17px;border:1px solid #b4d8ed30;border-radius:14px;background:#18374966}
.review-score strong{grid-column:2;grid-row:1/3;font-family:Mundial,Arial,sans-serif;font-size:31px;line-height:1;color:#a8f1db;letter-spacing:-.03em}
.review-score span{font-size:13px;color:#f0f8fe}
.review-score small{font-size:10px;color:#b9cfde}
.review-score:hover{border-color:#a0ead0;background:#194451}
.client-review-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.client-review-filters{display:flex;gap:7px;flex-wrap:wrap}
.client-review-filters button{border:1px solid #adcfe338;border-radius:24px;background:transparent;color:#c7dae6;font-size:12px;padding:9px 17px}
.client-review-filters button[aria-pressed=true]{background:#a3efd7;border-color:#a3efd7;color:#0a3540}
.client-review-filters button:hover{border-color:#a3efd7}
.client-review-toolbar>span{font-size:11px;color:#9fbacf;text-align:right}
.client-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.client-review-card{--review-accent:#9de9d5;display:flex;flex-direction:column;min-width:0;border:1px solid #b4d4e332;border-radius:20px;padding:24px;background:linear-gradient(145deg,#153a48b3,#102a3ed9)}
.client-review-card[data-review-provider=trustpilot]{--review-accent:#c4b6ee;background:linear-gradient(145deg,#303450a8,#1e2b43d9)}
.client-review-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
.client-review-platform{font-size:10px;letter-spacing:.06em;color:#c8dce8}
.client-review-stars{font-size:12px;letter-spacing:2px;color:var(--review-accent);white-space:nowrap}
.client-review-card blockquote{font-family:Mundial,Arial,sans-serif;font-size:clamp(18px,1.5vw,23px);line-height:1.42;letter-spacing:-.02em;margin:0 0 25px;color:#eff7ff;flex:1}
.client-review-author{display:flex;gap:11px;align-items:center;margin-bottom:18px}
.client-review-initials{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#bfd9f015;color:var(--review-accent);font-size:12px;flex:0 0 auto}
.client-review-author strong{display:block;font-size:12px;font-weight:500;line-height:1.4;color:#eaf5fc}
.client-review-author time,.client-review-author small{display:block;font-size:10px;line-height:1.5;color:#a9c1d2;margin-top:2px}
.client-review-source{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;border-top:1px solid #b4d4e321;color:var(--review-accent);font-size:11px}
.client-review-source svg{height:18px;width:18px;transition:transform .2s}
.client-review-source:hover svg{transform:translateX(3px)}
.client-review-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:22px}
.client-review-footer>p{font-size:10px;line-height:1.65;color:#9fb8ca;max-width:470px}
.client-review-actions{display:flex;gap:10px;flex-wrap:wrap}
.client-review-actions button{display:inline-flex;align-items:center;gap:17px;padding:12px 17px;border:1px solid #a7dec84d;border-radius:12px;background:#153b48;color:#baf6e2;font-size:12px;scroll-margin-block:110px 20px}
.client-review-actions button svg{width:18px;height:18px;transform:rotate(90deg)}
.client-review-actions [data-reviews-less] svg{transform:rotate(-90deg)}
.client-review-actions button:hover{border-color:#a4efd7;background:#204c59}
.client-experiences :focus-visible{outline:2px solid #acffe3;outline-offset:4px}
.client-film-dialog{width:min(1040px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:0;border:1px solid #9abac642;border-radius:20px;background:#081823;color:#f3faff;box-shadow:0 30px 100px #0008;overflow:auto}
.client-film-dialog::backdrop{background:#020a12d9;backdrop-filter:blur(7px)}
.client-film-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px}
.client-film-dialog h2{font-size:22px;letter-spacing:-.02em}
.client-film-close{display:grid;place-items:center;height:40px;width:40px;flex-shrink:0;border:1px solid #accfe540;border-radius:50%;color:#d5e9ef;background:#1a3444}
.client-film-close svg{width:20px;height:20px}
.client-film-dialog video{display:block;width:100%;max-height:calc(100svh - 180px);aspect-ratio:16/9;object-fit:contain;background:#000}
.client-film-dialog-footer{padding:12px 22px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:11px;color:#b7cddb}
.client-film-dialog-footer a{display:inline-flex;align-items:center;gap:10px;color:#a7f0d7}
.client-film-dialog-footer a svg{width:16px;height:16px}
.review-modal-open{overflow:hidden}
@media(max-width:1100px){.client-films{gap:16px}.client-film-caption h3{font-size:21px}.client-film-play{left:17px;bottom:17px;width:43px;height:43px}.client-film-duration{right:16px;bottom:28px}.client-film-caption>span{display:none}.client-review-top{align-items:flex-start}.review-score{min-width:145px;padding:12px 14px;column-gap:14px}.client-review-card{padding:20px}}
@media(max-width:850px){.client-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-experience-heading{gap:25px}.client-experience-heading>p{max-width:300px}.client-review-top{flex-direction:column;gap:20px}.review-source-scores{width:100%}.review-score{flex:1}.client-film-caption h3{font-size:19px}}
@media(max-width:700px){.client-experiences{padding-block:44px}.client-experience-heading{display:block;margin-bottom:25px}.client-experience-heading>p{margin-top:20px;max-width:none;font-size:13px}.client-experience-heading h2{font-size:36px}.client-films{grid-template-columns:1fr;gap:25px}.client-film-trigger{aspect-ratio:16/9;border-radius:22px}.client-film-caption h3{font-size:23px}.client-film-caption>span{display:block}.client-film-play{left:20px;bottom:20px;width:48px;height:48px}.client-film-duration{bottom:32px;right:20px}.client-review-area{margin-top:32px;padding-top:28px}.client-review-top h3{font-size:29px}.client-review-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.client-review-toolbar>span{text-align:left}.client-review-filters button{padding:9px 14px}.client-review-grid{grid-template-columns:1fr;gap:12px}.client-review-card{padding:22px}.client-review-card blockquote{font-size:22px;margin-bottom:23px}.client-review-footer{align-items:flex-start;flex-direction:column}.client-review-actions{width:100%}.client-review-actions button{justify-content:space-between;flex:1}.client-film-dialog-bar{padding:12px 15px}.client-film-dialog h2{font-size:19px}.client-film-dialog-footer{padding:12px 15px;align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:380px){.client-experience-heading h2{font-size:32px}.review-source-scores{gap:8px}.review-score{padding:12px 10px;min-width:0;column-gap:12px}.review-score strong{font-size:28px}.review-score span{font-size:12px}.client-review-filters button{font-size:11px;padding:9px 12px}.client-review-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.client-experiences *{transition:none!important;animation:none!important}.client-film-trigger:hover>img,.client-film-trigger:hover .client-film-play,.client-review-source:hover svg{transform:none}.client-film-dialog::backdrop{backdrop-filter:none}}
