diff --git a/img/montreal-signatory-light.png b/img/montreal-signatory-light.png new file mode 100644 index 0000000..aea5c30 Binary files /dev/null and b/img/montreal-signatory-light.png differ diff --git a/img/pledge1percent.png b/img/pledge1percent.png new file mode 100644 index 0000000..161829e Binary files /dev/null and b/img/pledge1percent.png differ diff --git a/img/un-sdg.jpg b/img/un-sdg.jpg new file mode 100644 index 0000000..e456d39 Binary files /dev/null and b/img/un-sdg.jpg differ diff --git a/index.html b/index.html index 8740240..051aaed 100644 --- a/index.html +++ b/index.html @@ -753,28 +753,39 @@ .c-promise-title { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 8px; } .c-promise-text { font-size: 14px; color: var(--gray500); line-height: 1.65; } - /* ════════════════════════════════ TRUST BAND */ + /* ════════════════════════════════ TRUST BAND (marquee) */ .trust-band { background: var(--gray50); padding: 72px 0; border-top: 1px solid var(--gray200); + overflow: hidden; } .trust-band-label { text-align: center; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gray500); margin-bottom: 44px; } - .trust-band-logos { - display: flex; flex-wrap: nowrap; - align-items: stretch; justify-content: center; - gap: 20px; max-width: 1160px; margin: 0 auto; - overflow-x: auto; padding: 4px 24px 12px; - -webkit-overflow-scrolling: touch; + .trust-marquee { + display: block; width: 100%; overflow: hidden; + -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); + mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); + } + .trust-marquee-track { + display: flex; flex-wrap: nowrap; align-items: stretch; + width: max-content; + animation: trust-scroll 60s linear infinite; + } + .trust-marquee:hover .trust-marquee-track { animation-play-state: paused; } + .trust-marquee-group { display: flex; flex-wrap: nowrap; align-items: stretch; flex: 0 0 auto; } + @keyframes trust-scroll { + from { transform: translateX(0); } + to { transform: translateX(-50%); } } .trust-badge { display: inline-flex; align-items: center; justify-content: center; background: var(--white); border: 1px solid var(--gray200); - border-radius: 18px; padding: 12px 14px; min-height: 168px; flex: 0 0 auto; + border-radius: 18px; padding: 12px 16px; min-height: 168px; + margin: 0 12px; flex: 0 0 auto; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: transform .2s, box-shadow .2s, border-color .2s; } @@ -791,12 +802,17 @@ } @media (max-width: 700px) { .trust-band { padding: 48px 0; } - .trust-band-logos { gap: 14px; justify-content: flex-start; padding: 4px 20px 12px; } - .trust-badge { padding: 10px 12px; min-height: 124px; border-radius: 14px; } + .trust-badge { padding: 10px 12px; min-height: 124px; margin: 0 8px; border-radius: 14px; } .trust-badge--square img { height: 96px; } .trust-badge--wide img { height: 54px; } .trust-badge--card img { height: 84px; } } + @media (prefers-reduced-motion: reduce) { + .trust-marquee { -webkit-mask-image: none; mask-image: none; overflow-x: auto; } + .trust-marquee-track { animation: none; width: 100%; flex-wrap: wrap; justify-content: center; } + .trust-marquee-group { flex-wrap: wrap; justify-content: center; } + .trust-marquee-group[aria-hidden="true"] { display: none; } + } /* ════════════════════════════════ FOOTER */ .footer { background: var(--navy); padding: 72px 0 32px; } @@ -1405,25 +1421,64 @@ -
+
-

Security, Compliance & Recognition

-
- - CSA STAR Level One — Self-Assessment - - - Cloud Security Alliance — AI Trustworthy Pledge 2026 - - - Dubai AI Seal — Verified AI Supplier - - - Claude Partner Network — Official Services Partner - - - O*NET in it - +

Accreditations & Recognitions

+
+
+
+
+ + CSA STAR Level One — Self-Assessment + + + Cloud Security Alliance — AI Trustworthy Pledge 2026 + + + Dubai AI Seal — Verified AI Supplier + + + Claude Partner Network — Official Services Partner + + + UN Sustainable Development Goals + + + Signatory — Montreal Declaration for Responsible AI + + + Pledge 1% member + + + O*NET in it + +
+