/* About-page palette: scoped surfaces, readable foregrounds, existing RTL grids. */
.qnna-about-brand{--about-card-ink:#123b50;--about-card-muted:#385565}
.qnna-about-principles article,.qnna-about-service,.qnna-about-process li,.qnna-about-audience article{--card-accent:#08658c;--card-bg:#e8f3fc;--card-end:#d9ebf9;--card-line:#a8cfe7;background:linear-gradient(140deg,var(--card-bg),var(--card-end))!important;border-color:var(--card-line);box-shadow:0 8px 24px #123b5009}
.qnna-about-principles article:nth-child(2),.qnna-about-service:nth-child(2),.qnna-about-process li:nth-child(2),.qnna-about-audience article:nth-child(2){--card-accent:#087568;--card-bg:#e4f6f0;--card-end:#d6eee8;--card-line:#9ecdc2}
.qnna-about-principles article:nth-child(3),.qnna-about-service:nth-child(3),.qnna-about-process li:nth-child(3),.qnna-about-audience article:nth-child(3){--card-accent:#6550a1;--card-bg:#f0ebfa;--card-end:#e4ddf5;--card-line:#c5b6e2}
.qnna-about-service:nth-child(4),.qnna-about-process li:nth-child(4){--card-accent:#086778;--card-bg:#e0f3f5;--card-end:#cde9ed;--card-line:#98c9d1}
.qnna-about-service:nth-child(5){--card-accent:#8b4666;--card-bg:#faedf2;--card-end:#f1dfe8;--card-line:#dfb6c9}
.qnna-about-service:nth-child(6){--card-accent:#80602d;--card-bg:#f8f1e3;--card-end:#eee3cb;--card-line:#d7c294}
.qnna-about-service{border-block-start-color:var(--card-accent)}
.qnna-about-brand .qnna-about-principles h2,.qnna-about-brand .qnna-about-service h3,.qnna-about-brand .qnna-about-process li h3,.qnna-about-brand .qnna-about-audience h3{color:var(--about-card-ink)!important;-webkit-text-fill-color:var(--about-card-ink)!important}
.qnna-about-brand .qnna-about-principles p,.qnna-about-brand .qnna-about-service p,.qnna-about-brand .qnna-about-process li p,.qnna-about-brand .qnna-about-audience article p{color:var(--about-card-muted)!important;-webkit-text-fill-color:var(--about-card-muted)!important}
.qnna-about-principles article>i,.qnna-about-service>i{background:var(--card-accent);color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 5px 12px #123b5014}
.qnna-about-service>span,.qnna-about-audience article>i,.qnna-about-process li::before{color:var(--card-accent);-webkit-text-fill-color:var(--card-accent)}
.qnna-about-service:hover,.qnna-about-service:focus-visible{border-color:var(--card-accent);box-shadow:0 16px 30px #123b5018}
.qnna-about-process{background:linear-gradient(135deg,#e9f2f7,#dae9f0);border-color:#bbd3df}
html[data-qnna-theme=dark] .qnna-about-brand{--about-card-ink:#f0f7fc;--about-card-muted:#d0dfeb}
html[data-qnna-theme=dark] .qnna-about-principles article,html[data-qnna-theme=dark] .qnna-about-service,html[data-qnna-theme=dark] .qnna-about-process li,html[data-qnna-theme=dark] .qnna-about-audience article{background:linear-gradient(140deg,#123241,#1c283d);border-color:#507184}
html[data-qnna-theme=dark] .qnna-about-service>span,html[data-qnna-theme=dark] .qnna-about-audience article>i,html[data-qnna-theme=dark] .qnna-about-process li::before{color:#a8dced;-webkit-text-fill-color:#a8dced}
html[data-qnna-theme=dark] .qnna-about-process{background:#102a38;border-color:#507184}

/* Strong service colours make each pathway immediately distinct. */
.qnna-about-brand .qnna-about-service{background:linear-gradient(135deg,var(--card-accent),#123247)!important;border-color:var(--card-accent)!important;position:relative;overflow:hidden}
.qnna-about-brand .qnna-about-service h3{color:#fff!important;-webkit-text-fill-color:#fff!important}
.qnna-about-brand .qnna-about-service p{color:#edf5fc!important;-webkit-text-fill-color:#edf5fc!important}
.qnna-about-brand .qnna-about-service>span{color:#fff!important;-webkit-text-fill-color:#fff!important}
.qnna-about-brand .qnna-about-service>i{background:#ffffff1f!important;border:1px solid #ffffff42;color:#fff!important;-webkit-text-fill-color:#fff!important}
.qnna-about-brand .qnna-about-service:hover{box-shadow:0 16px 32px #12324730}


.qnna-about-brand .qnna-about-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.qnna-about-brand .qnna-about-service{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:start;border-radius:22px;padding:26px;transition:transform .2s ease,box-shadow .2s ease}.qnna-about-brand .qnna-about-service>span{margin-top:auto;padding-top:16px;min-height:44px;line-height:1.7}.qnna-about-brand p{font-size:16px;line-height:1.9}.qnna-about-brand h1,.qnna-about-brand h2,.qnna-about-brand h3{line-height:1.65;text-wrap:balance}.qnna-about-brand .qnna-about-button{min-height:48px;padding:12px 20px;white-space:normal;line-height:1.7;text-align:center;border-radius:12px}.qnna-about-brand a:focus-visible{outline:3px solid #1682ad;outline-offset:4px}.qnna-about-brand .qnna-about-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.qnna-about-brand .qnna-about-service p{overflow-wrap:break-word}@media(hover:hover) and (pointer:fine){.qnna-about-brand .qnna-about-service:hover{transform:translateY(-5px)}}@media(max-width:991px){.qnna-about-brand .qnna-about-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.qnna-about-brand .qnna-about-services-grid{grid-template-columns:1fr;gap:14px}.qnna-about-brand .qnna-about-service{padding:22px}.qnna-about-brand .qnna-about-hero-actions a{flex:1 1 100%}.qnna-about-brand .qnna-about-client-link{flex-wrap:wrap;gap:16px}.qnna-about-brand .qnna-about-client-link>a{width:100%}}@media(prefers-reduced-motion:reduce){.qnna-about-brand .qnna-about-service{transition:none}.qnna-about-brand .qnna-about-service:hover{transform:none}}