/* User feedback, applied to the current purple homepage. */
.language-menu{padding:9px}.language-menu>button{min-height:44px}
#solutions>.container>.section-heading{display:block;margin-bottom:36px}#solutions>.container>.section-heading>div{max-width:700px}#solutions>.container>.section-heading h2{font-size:clamp(35px,3.5vw,49px)}
.customers{position:relative;grid-template-columns:190px minmax(0,1fr);padding-block:20px;gap:27px;padding-right:48px;overflow:hidden}
.customers>p{font-size:12px}.logo-window{display:block;overflow:hidden;width:100%;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-drift 65s linear infinite;direction:ltr;gap:0}
.logo-group{display:flex;align-items:center;gap:40px;flex-shrink:0;padding-inline:20px;}
.customer-logos .logo-group img{display:block;width:105px;height:36px;object-fit:contain;opacity:.62;filter:grayscale(1);flex-shrink:0}
.customer-logos .logo-group img[alt=Walmart]{width:150px;height:40px}.customer-logos .logo-group img[src$="walmart.svg"]{width:150px;height:40px}
.customer-logos .logo-group img[src$="renault.svg"]{width:40px}.customer-logos .logo-group img[src$="burgerking.svg"]{width:47px}
.logo-pause{position:absolute;right:1px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--lilac);color:var(--brand);font-size:15px;line-height:1;border:1px solid var(--line)}
.customers:hover .logo-track,.customers:focus-within .logo-track,.customers.is-paused .logo-track{animation-play-state:paused}
@keyframes logo-drift{to{transform:translateX(-50%)}}
.orbix-media{align-self:end;margin-top:24px;padding:7px;background:#fff;border:1px solid #c2a8cc;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #3510400b}
.video-stage{aspect-ratio:2/1;border-radius:7px;background:#f4f1f7;position:relative;overflow:hidden}.video-stage video{width:100%;height:100%;object-fit:contain;display:block}
.demo-toggle{position:absolute;right:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;background:#fff;color:var(--brand);border:1px solid var(--line);border-radius:50%;font-size:14px;box-shadow:0 2px 8px #35104018;z-index:2}
.platform-extras .all-modules-link{font-size:13px;font-weight:600;color:var(--brand);text-decoration:underline;text-underline-offset:5px}
#stories .section-heading h2{font-size:clamp(35px,3.5vw,49px)}
.contact-panel{display:flex;flex-direction:column;text-align:center;gap:27px;padding:60px 30px;align-items:center}.contact-panel>div:first-child{max-width:700px}.contact-panel h2{font-size:clamp(35px,3.5vw,49px)}.contact-panel .eyebrow{margin-bottom:18px}.contact-panel p:not(.eyebrow){margin-top:20px}.contact-actions{width:auto;align-items:center;gap:13px}.contact-actions .btn{min-width:190px;order:3;margin-top:10px}.contact-actions>span{order:2}.contact-actions .email-link{order:1}
.footer-base{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px}.footer-base span:last-child{text-align:end}
.sustainability-page h1{font-size:clamp(42px,5vw,70px);color:var(--ink);line-height:1.1}.sustainability-page-intro{font-size:18px;line-height:1.9;max-width:760px;margin:27px 0 40px}.sustainability-page img{width:100%;max-height:440px;object-fit:cover;border-radius:14px}.sustainability-page-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:40px}.sustainability-page-bottom h2{font-size:32px;margin-bottom:15px}
@media(max-width:680px){.customers{padding:18px 0 18px 0;display:block}.customers>p{margin:0 40px 15px 0;text-align:start;font-size:11px}.logo-pause{right:0;top:25px}.logo-group{gap:28px;padding-inline:14px}.customer-logos .logo-group img{width:95px;height:31px}.customer-logos .logo-group img[src$="walmart.svg"]{width:137px;height:36px}.orbix-media{width:100%;margin-top:6px;padding:5px}.video-stage{aspect-ratio:1.85}.contact-panel{padding:42px 22px;gap:20px}.contact-panel h2{font-size:33px}.contact-actions .btn{min-width:190px}.footer-base{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.footer-base span:last-child{text-align:start}.sustainability-page-bottom{display:block}.sustainability-page-bottom .btn{margin-top:24px}.sustainability-page-intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-window{overflow:auto;mask-image:none}.logo-group[aria-hidden=true]{display:none}.logo-pause{display:none}}
@media(max-width:680px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>*{min-width:0}.footer-col a,.footer-brand>a,.contact-actions .email-link{overflow-wrap:anywhere}.partner-grid h2,.about-grid h2{overflow-wrap:break-word}.product-card-top{flex-wrap:wrap}.contact-actions{margin-top:0}.sustainability-page-bottom h2{overflow-wrap:break-word}}
/* Second feedback round: a static trust row and balanced product/CTA layout. */
.customers{padding-inline-end:0;overflow:visible;grid-template-columns:190px minmax(0,1fr);gap:32px}
.customers .customer-logos{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;min-width:0}
.customers .customer-logos img{width:86px;height:28px;object-fit:contain;opacity:.56;filter:grayscale(1)}
.customers .customer-logos img[alt=Walmart]{width:145px;height:36px;opacity:.65}
.customers .customer-logos img[alt=Renault]{width:33px;height:31px}.customers .customer-logos img[alt="Burger King"]{width:44px;height:33px}
.orbix-top{align-items:center}.orbix-copy h3{font-size:clamp(30px,3vw,40px);line-height:1.18;letter-spacing:-.04em;max-width:530px}.orbix-copy>p{line-height:1.85}
.orbix-media{align-self:center;margin-top:0;min-width:0;width:100%;padding:7px;background:#fff;border:1px solid #c2a8cc;border-radius:12px}
.orbix-media .demo-caption{padding:12px 8px 7px;text-align:center;color:var(--muted);font-size:12px;line-height:1.5}
.platform-extras{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.platform-extras .all-modules-link{margin-inline-end:auto}
.contact-panel>div:first-child{max-width:740px}.contact-panel p:not(.eyebrow){max-width:670px;margin-inline:auto;line-height:1.85}
.contact-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;width:auto;margin-top:0}
.contact-actions .btn{order:initial;margin:0;min-width:175px;min-height:52px;width:auto;padding:14px 24px;font-size:14px}
.contact-panel .contact-email{background:transparent;color:#fff;border:1px solid #c9b5d6;box-shadow:none;overflow-wrap:normal}
.contact-panel .contact-email:hover{background:#ffffff0a;color:#fff;border-color:#fff;box-shadow:none}
@media(max-width:920px){.customers{grid-template-columns:150px minmax(0,1fr);gap:22px}.customers .customer-logos{gap:18px}.customers .customer-logos img{width:64px;height:25px}.customers .customer-logos img[alt=Walmart]{width:110px;height:30px}.customers .customer-logos img[alt=Renault]{width:28px}.customers .customer-logos img[alt="Burger King"]{width:35px}}
@media(max-width:680px){.customers{display:block;padding-block:22px}.customers>p{text-align:center;margin:0 0 18px;max-width:none}.customers .customer-logos{gap:12px}.customers .customer-logos img{width:48px;height:23px}.customers .customer-logos img[alt=Walmart]{width:91px;height:27px}.customers .customer-logos img[alt=Renault]{width:24px;height:26px}.customers .customer-logos img[alt="Burger King"]{width:29px;height:27px}.orbix-copy h3{font-size:32px}.orbix-media{margin-top:30px}.platform-extras{gap:15px}.platform-extras .all-modules-link{width:100%;margin-inline-end:0}.contact-actions{width:100%;gap:12px;flex-direction:column}.contact-actions .btn{width:100%;max-width:330px;min-height:50px;font-size:13px;padding-inline:16px}}
/* Prevent the image's aspect ratio from widening narrow screens. */
.sustainability{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sustainability-photo{min-width:0;width:100%;overflow:hidden}
.sustainability-photo>img{width:100%;max-width:100%}
@media(max-width:700px){.sustainability{grid-template-columns:minmax(0,1fr)}}
/* Center the main homepage titles. */
#main h1,#main h2{text-align:center;margin-inline:auto}
#main .section-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
#solutions>.container>.section-heading>div{margin-inline:auto}
#main .section-heading>.text-link{margin-top:0}
#solutions .complement-heading{justify-content:center;text-align:center}
#main #partners h2,#main #about h2,#main #sustainability h2{text-align:left;margin-inline:0}
.stories-all-link{text-align:center;margin-top:30px}
/* Additional solutions share the same white card surface. */
.solutions .datafitters-card{background:#fff}
/* Keep tablet and mobile navigation available when the compact header is active. */
@media(max-width:920px){#main-nav.is-open{display:block!important}.mobile-nav-open{overflow:hidden}.mobile-toggle{position:relative;z-index:2;touch-action:manipulation}}

/* Legal links in the footer */
.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}.footer-legal a{color:inherit;text-decoration:none}.footer-legal a:hover,.footer-legal a:focus-visible{color:var(--brand,#70338d);text-decoration:underline}
@media(max-width:680px){.footer-legal{justify-content:flex-start;gap:8px 18px}}

/* Hero: fixed lead line with a rotating benefit */
.hero h1 .hero-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* One size and one weight for the whole headline; only the colour changes between the lead and the rotating line. */
.hero h1,html[lang] .hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.1;text-wrap:balance}
.hero h1 .hero-lead{display:block;color:inherit}
.hero h1 .hero-rotator{display:grid;justify-items:center}
@media(max-width:680px){.hero h1,html[lang] .hero h1{font-size:clamp(30px,8.6vw,46px)}}
.hero h1 .hero-rotator-item{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(.28em);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
.hero h1 .hero-rotator-item.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease .12s,transform .5s ease .12s,visibility 0s}
/* Reduced motion: the line still changes, but only fades; nothing slides. */
@media(prefers-reduced-motion:reduce){.hero h1 .hero-rotator-item,.hero h1 .hero-rotator-item.is-active{transform:none;transition:opacity .8s ease,visibility 0s linear .8s}.hero h1 .hero-rotator-item.is-active{transition:opacity .8s ease,visibility 0s}}