/* Gamification service, using the approved Twin Global colours and type scale. */
.gamification-page main{color:var(--color-ink)}
.gm-hero{padding:3rem 0 3.5rem;background:linear-gradient(120deg,#0d2a3e,#173e53);color:#fff}
.gm-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.gm-hero__copy{max-width:38rem}
.gm-hero .breadcrumbs{margin-bottom:2rem;flex-wrap:wrap;row-gap:.5rem;font-size:.8rem}
.gm-hero h1{max-width:28rem;color:#fff;margin:1rem 0}
.gm-hero__intro{color:#fff;font-size:var(--text-lead);line-height:1.5;font-weight:600;margin:0 0 1rem}
.gm-hero__copy>p:not(.eyebrow):not(.gm-hero__intro){color:#d8e6eb;line-height:1.75}
.gm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.7rem}
.gm-hero .gm-actions{gap:.75rem}
.gm-hero .btn{font-size:.9rem;padding:.9rem 1rem;min-height:48px}
.gm-hero__evidence{min-width:0;padding:2.1rem 1.4rem 1.3rem;border:1px solid #426172;border-radius:var(--radius-xl);background:rgba(255,255,255,.04)}
.gm-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,1.4vw,1.2rem);align-items:start}
.gm-screen{min-width:0;margin:0}
.gm-screen--offset{margin-top:1.7rem}
.gm-screen a{display:block;padding:4px;border:1px solid #6e8998;border-radius:11px;background:#062132;overflow:hidden;box-shadow:0 14px 30px #00152160}
.gm-screen img{display:block;width:100%;height:auto;border-radius:7px}
.gm-screen a:focus-visible{outline:3px solid #83d9d7;outline-offset:4px}
.gm-screen figcaption{margin-top:.85rem;color:#fff;font-size:.82rem;font-weight:700;line-height:1.5}
.gm-screen figcaption span{display:block;color:#c5d7e0;font-size:.72rem;font-weight:400}
.gm-hero__caption{color:#c5d7e0;font-size:.78rem;line-height:1.6;margin:1.2rem 0 0}
.gm-subnav{border-bottom:1px solid var(--color-border);background:#fff}
.gm-subnav>div{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;padding-block:.5rem}
.gm-subnav a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-navy-950);font-size:.9rem;text-decoration:none;font-weight:600}
.gm-subnav a:hover{text-decoration:underline;text-underline-offset:5px}
.gm-section{padding:clamp(3rem,5vw,5rem) 0;scroll-margin-top:7rem}
.gm-section--soft{background:var(--color-surface-soft)}
.gm-section--teal{background:var(--color-surface-teal)}
.gm-heading{max-width:49rem;margin-bottom:2rem}
.gm-heading h2{margin:0 0 1rem}
.gm-heading p:not(.eyebrow){color:#476171;line-height:1.75}
.gm-audiences{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.7rem}
.gm-audiences article{min-width:0;border-top:2px solid var(--color-brand-teal);padding-top:1rem}
.gm-number{display:block;margin-bottom:.7rem;color:var(--color-brand-teal);font-size:.8rem;font-weight:700;letter-spacing:.08em}
.gm-audiences h3{margin:0 0 1rem}
.gm-audiences p{font-size:.97rem;line-height:1.75;color:#476171;margin:0}
.gm-campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}
.gm-campaign{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;overflow:hidden}
.gm-campaign figure{margin:0}
.gm-campaign__media{display:flex;justify-content:center;align-items:center;padding:1.1rem;background:#e3edf0}
.gm-campaign video{display:block;height:330px;width:auto;max-width:100%;object-fit:contain;background:#0d2a3e;border-radius:7px}
.gm-campaign figcaption{padding:1.5rem}
.gm-campaign__type{color:var(--color-brand-teal);font-size:.75rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;margin:0 0 .7rem}
.gm-campaign h3{margin:0 0 .8rem}
.gm-campaign figcaption>p:last-child{margin:0;color:#476171;font-size:.95rem;line-height:1.75}
.gm-outlet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem;padding:1.8rem;margin-top:1.5rem;border-left:3px solid var(--color-brand-teal);background:#fff}
.gm-outlet h3{margin:0}
.gm-outlet>p{margin:0;line-height:1.75;color:#476171}
.gm-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.gm-journey .gm-heading{margin-bottom:0}
.gm-journey__steps{list-style:none;padding:0;margin:0;counter-reset:journey}
.gm-journey__steps li{position:relative;counter-increment:journey;padding:0 0 1.5rem 3.6rem;border-left:1px solid #c7dcdf;margin-left:1rem}
.gm-journey__steps li:last-child{border-color:transparent;padding-bottom:0}
.gm-journey__steps li::before{position:absolute;left:-1rem;top:0;display:grid;place-items:center;content:counter(journey,decimal-leading-zero);width:2rem;height:2rem;border-radius:50%;background:var(--color-surface-teal);color:var(--color-brand-teal);font-size:.75rem;font-weight:700}
.gm-journey__steps h3{margin:0 0 .6rem;padding-top:.15rem}
.gm-journey__steps p{margin:0;line-height:1.75;color:#476171}
.gm-data{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.gm-data .gm-heading{margin:0}
.gm-data__note{padding:2rem;border:1px solid #b7d9d5;border-radius:var(--radius-lg);background:#fff}
.gm-data__note h3{margin:0 0 1rem}
.gm-data__note p{color:#476171;line-height:1.75}
.gm-data__note p:last-child{margin-bottom:0}
.gm-delivery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0 0 2rem;gap:1.5rem;counter-reset:delivery}
.gm-delivery li{counter-increment:delivery;min-width:0;border-top:1px solid #adc9ce;padding-top:1rem}
.gm-delivery li::before{content:counter(delivery,decimal-leading-zero);font-size:.8rem;color:var(--color-brand-teal);font-weight:700}
.gm-delivery h3{margin:.75rem 0}
.gm-delivery p{margin:0;color:#476171;font-size:.95rem;line-height:1.75}
.gm-questions{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem)}
.gm-faq{border-top:1px solid var(--color-border)}
.gm-faq:last-child{border-bottom:1px solid var(--color-border)}
.gm-faq summary{position:relative;padding:1.25rem 2rem 1.25rem .1rem;cursor:pointer;font-weight:600;line-height:1.5;list-style:none;color:var(--color-navy-950)}
.gm-faq summary::-webkit-details-marker{display:none}
.gm-faq summary::after{position:absolute;right:.3rem;top:1.1rem;content:'+';color:var(--color-brand-teal);font-size:1.4rem;font-weight:400}
.gm-faq[open] summary::after{content:'−'}
.gm-faq summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}
.gm-faq>div{padding:0 1.5rem 1.2rem .1rem}
.gm-faq p{margin:0;color:#476171;line-height:1.75}
.gm-final{background:var(--color-navy-950);color:#fff}
.gm-final__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:3rem;align-items:center}
.gm-final h2{color:#fff;max-width:40rem;margin:0 0 1rem}
.gm-final p:not(.eyebrow){max-width:42rem;color:#d8e6eb;line-height:1.75;margin-bottom:0}
.gm-final__actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-self:end}
.gm-final__actions>a:not(.btn){color:#d7e8ec;text-underline-offset:5px;padding-block:.25rem}
.gamification-page .cs-lightbox{max-width: min(94vw,1100px)}
@media(min-width:1500px){.gm-screen-grid{max-width:570px;margin-inline:auto}}
@media(max-width:1100px){.gm-hero__grid{gap:2rem}.gm-hero__evidence{padding:1.2rem .8rem}.gm-screen figcaption{font-size:.75rem}.gm-screen figcaption span{font-size:.68rem}.gm-audiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.gm-delivery{grid-template-columns:repeat(3,minmax(0,1fr))}.gm-campaign figcaption{padding:1.15rem}}
@media(max-width:850px){.gm-hero__grid,.gm-journey,.gm-data,.gm-questions{grid-template-columns:1fr}.gm-hero__copy{max-width:100%}.gm-hero__evidence{max-width:600px;margin-inline:auto;padding:1.5rem;width:100%}.gm-screen figcaption{font-size:.85rem}.gm-screen figcaption span{font-size:.75rem}.gm-campaign-grid{grid-template-columns:1fr}.gm-campaign figure{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);height:100%;align-items:center}.gm-campaign__media{padding:1.1rem}.gm-campaign video{height:290px}.gm-outlet{grid-template-columns:1fr;gap:1rem}.gm-final__grid{grid-template-columns:1fr;gap:1.5rem}.gm-final__actions{justify-self:start}.gm-questions .gm-heading{margin-bottom:0}.gm-subnav>div{gap:0 1.15rem}}
@media(max-width:520px){.gm-hero{padding:1.75rem 0 2rem}.gm-hero .breadcrumbs{font-size:.72rem;margin-bottom:1.4rem}.gm-hero__intro{font-size:1.12rem}.gm-hero__evidence{padding:1rem .7rem}.gm-screen-grid{gap:.55rem}.gm-screen a{padding:2px;border-radius:7px}.gm-screen img{border-radius:4px}.gm-screen figcaption{font-size:.72rem}.gm-screen figcaption span{font-size:.64rem}.gm-hero__caption{font-size:.72rem}.gm-screen--offset{margin-top:1rem}.gm-audiences{grid-template-columns:1fr;gap:1.7rem}.gm-delivery{grid-template-columns:1fr;gap:1.5rem}.gm-delivery h3{margin:.5rem 0}.gm-campaign figure{grid-template-columns:1fr}.gm-campaign video{height:330px}.gm-campaign figcaption{padding:1.4rem}.gm-outlet{padding:1.4rem}.gm-journey__steps li{padding-left:2.5rem}.gm-data__note{padding:1.5rem}.gm-actions{align-items:flex-start;flex-direction:column}.gm-actions .btn{width:100%;min-height:48px}.gm-subnav a{font-size:.8rem}.gm-final__actions{width:100%}.gm-final__actions .btn{width:100%}}
@media print{.gm-subnav{display:none}.gm-hero,.gm-final{background:#fff!important;color:#173549}.gm-hero h1,.gm-hero p,.gm-final h2,.gm-final p{color:#173549!important}.gm-campaign,.gm-screen,.gm-data__note{break-inside:avoid}.gm-hero__grid{grid-template-columns:1fr 1fr}.gm-section{padding:2rem 0}.gm-campaign video{height:240px}}