/* Payslips4u film: existing navy, chrome, cyan and green identity. */
.p4u-explainer{padding:64px 0;background:#06131d;color:#f2f7fa;border-block:1px solid #233b48;scroll-margin-top:24px}
.p4u-explainer-grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.65fr);gap:48px;align-items:center}
.page-landing .p4u-explainer .eyebrow{color:#72d8ff;font-size:11px;letter-spacing:.15em}
.p4u-explainer h2{font-size:clamp(32px,3.2vw,43px);line-height:1.12;margin-bottom:22px;color:#f2f7fa}
.p4u-explainer h2 span{color:#79d33a}
.page-landing .p4u-explainer-copy>p{font-size:15px;line-height:1.8;color:#a8bbc7;margin-bottom:26px}
.page-landing .p4u-explainer .button{background:linear-gradient(180deg,#b2eb8a33,#79d33a33);border:1px solid #9adc6d88;color:#f2f7fa;box-shadow:inset 0 1px 0 #ffffff30,0 6px 18px #0002;gap:16px}
.p4u-explainer-media{min-width:0}
.p4u-film-frame{position:relative;border:1px solid #365362;border-radius:14px;overflow:hidden;background:#06131d;box-shadow:0 18px 45px #0003;aspect-ratio:16/9}
.p4u-film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#06131d}
.p4u-explainer .p4u-film-play{position:absolute;left:0;right:0;margin-inline:auto;bottom:14%;transform:none;display:flex;gap:12px;align-items:center;justify-content:center;max-width:calc(100% - 28px);width:max-content;min-height:60px;padding:11px 20px;border:1px solid #72d8ff99;border-radius:40px;background:#0c1d29f2;color:#f2f7fa;box-shadow:0 8px 25px #0005;line-height:1.4;text-align:left;font-size:16px;font-weight:600;cursor:pointer}
.p4u-explainer .p4u-film-play small{display:block;color:#a8bbc7;font-size:11px;font-weight:400;margin-top:3px}
.p4u-play-symbol{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #72d8ff;border-radius:50%;color:#72d8ff;font-size:14px;padding-left:2px}
.p4u-explainer .p4u-film-play:focus-visible,.p4u-film-transcript summary:focus-visible{outline:3px solid #72d8ff;outline-offset:4px}
.p4u-explainer .p4u-film-play:disabled{opacity:.7;cursor:wait}
.page-landing .p4u-film-note{font-size:11px;color:#a8bbc7;margin:13px 0;line-height:1.7}
.page-landing .p4u-film-error{color:#f2f7fa;font-size:13px;line-height:1.7}
.p4u-film-error a{text-decoration:underline;color:#72d8ff}
.p4u-film-transcript{padding:0;border:0;max-width:100%}
.p4u-film-transcript summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:13px;color:#c5d5df}
.p4u-film-transcript summary::after{display:none}
.page-landing .p4u-film-transcript p{font-size:14px;line-height:1.8;color:#a8bbc7;margin:12px 0}
@media(hover:hover){.p4u-explainer .p4u-film-play:hover{background:#173446;border-color:#72d8ff}.page-landing .p4u-explainer .button:hover{background:#31552a}}
@media(max-width:1000px){.p4u-explainer-grid{grid-template-columns:1fr;gap:28px}.p4u-explainer h2 br{display:none}.p4u-explainer-copy>p{max-width:650px}.p4u-explainer{padding-block:46px}}
@media(max-width:520px){.p4u-explainer .wrap{width:calc(100% - 32px)}.p4u-explainer{padding-block:36px}.p4u-explainer h2{font-size:33px}.page-landing .p4u-explainer-copy>p{font-size:14px}.p4u-film-frame{border-radius:9px}.p4u-explainer .p4u-film-play{min-height:48px;padding:7px 12px;gap:8px;bottom:18%;font-size:12px}.p4u-explainer .p4u-film-play small{font-size:9px}.p4u-play-symbol{width:27px;height:27px;font-size:11px}.page-landing .p4u-film-note{font-size:10px}.p4u-explainer .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.p4u-explainer .button{transition:none;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.p4u-explainer .p4u-film-play{background:#0c1d29}.page-landing .p4u-explainer .button{background:#284c25}}
@media(max-width:800px){.p4u-video-playing .support-shortcuts,.p4u-video-playing .caxhc-launcher{visibility:hidden;pointer-events:none}}