#why-work-with-us{ --color-black:#000; --color-brand-purple:#976ab8; --color-brand-sky:#32c0e9; --color-brand-sky-soft:#65d0ef; --color-brand-turquoise:#0bd3c5; --color-dark-text-strong:#ffffff; --copy-content-gap:clamp(48px,6vw,80px); --font-body:'Inter',sans-serif; --font-heading:'Poppins',sans-serif; --leading-section:1.06; --opacity-18:.18; --opacity-24:.24; --opacity-4-5:.045; --opacity-7-5:.075; --page-gutter:clamp(14px,2.5vw,40px); --primary-section-edge:calc(var(--primary-section-gap) / 2); --primary-section-gap:clamp(112px,10vw,152px); --responsive-gutter:clamp(24px,5vw,48px); --rgb-11-211-197:11 211 197; --rgb-234-246-255:234 246 255; --rgb-244-251-255:244 251 255; --rgb-255-255-255:255 255 255; --rgb-50-192-233:50 192 233; --standard-section-gutter:80px; --standard-section-max:1280px; --tracking-h3:-.01em; --tracking-section:-.02em; /* --type-* tokens removed 2026-09-23: inherit the global stepped scale from :root */ } @media (max-width:1024px){#why-work-with-us{--primary-section-gap:96px;}} @media (max-width:700px){#why-work-with-us{--primary-section-gap:72px;}} /* Why work with us - flattened from 34 stacked blocks (v407-v463). Dead iterations, v5, and hidden elements removed. Selectors and !important preserved verbatim so the original cascade resolves identically. */ .why-section{position:relative;padding-block:var(--primary-section-edge);background:transparent;color:var(--text-primary,var(--color-dark-text-strong));isolation:isolate;height:auto!important;min-height:0!important;padding:var(--primary-section-edge) 0!important;} .why-sticky{grid-template-rows:auto 1fr auto;position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:block!important;padding:0!important;overflow:visible!important;} .why-sticky::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 78% 55%,rgb(var(--rgb-50-192-233) / var(--opacity-7-5)),transparent 32%), radial-gradient(circle at 24% 72%,rgb(var(--rgb-11-211-197) / var(--opacity-4-5)),transparent 34%);} .why-sticky::after{content:"";position:absolute;left:0;right:0;top:clamp(190px,23vh,240px);height:1px;background:linear-gradient(90deg,transparent,rgb(var(--rgb-50-192-233) / var(--opacity-18)) 18%,rgb(var(--rgb-11-211-197) / var(--opacity-24)) 50%,rgb(var(--rgb-50-192-233) / var(--opacity-18)) 82%,transparent);pointer-events:none;z-index:-1;display:none!important;} .why-head{margin-inline:auto;position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;width:min(100%,1440px)!important;padding-inline:var(--page-gutter)!important;margin:0 auto var(--section-content-gap)!important;} .why-viewport{position:relative;width:100%;align-items:center;display:block!important;overflow:visible!important;min-height:0!important;} .why-track{will-change:transform;width:min(100%,1440px)!important;height:auto!important;margin-inline:auto!important;padding-inline:var(--page-gutter)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;background:rgb(var(--rgb-255-255-255) / .12);transform:none!important;} .why-panel{flex:0 0 100vw;align-items:center;width:auto!important;min-width:0!important;min-height:330px!important;padding:0!important;display:block!important;background:var(--color-dark-page);opacity:1!important;overflow:hidden;} .why-panel-inner{width:min(var(--layout-max),calc(100% - var(--page-gutter) - var(--page-gutter)));margin-inline:auto;grid-template-columns:minmax(80px,.23fr) minmax(0,1.77fr);gap:clamp(28px,4vw,68px);min-height:100%;padding:clamp(30px,3vw,44px)!important;display:flex!important;flex-direction:column;align-items:flex-start!important;} .why-panel-copy{transition:opacity .42s ease,transform .55s cubic-bezier(.22,1,.36,1);width:100%!important;max-width:none!important;opacity:1!important;transform:none!important;} .why-panel-description{margin:0;font-family:var(--font-body);max-width:36ch!important;max-height:0;margin-top:0!important;overflow:hidden;color:rgb(var(--rgb-234-246-255) / .80)!important;font-size:18px!important;line-height:1.58!important;opacity:0;transform:translateY(10px);transition:max-height .7s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .55s cubic-bezier(.22,1,.36,1),margin-top .45s ease;} .why-panel-icon{border-radius:50%;display:grid;place-items:center;color:var(--why-icon-color,var(--color-brand-sky));border:1px solid color-mix(in srgb,var(--why-icon-color,var(--color-brand-sky)) 52%,transparent);background:color-mix(in srgb,var(--why-icon-color,var(--color-brand-sky)) 7%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--why-icon-color,var(--color-brand-sky)) 8%,transparent);transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease;width:56px!important;height:56px!important;margin:0 0 28px!important;transform:none!important;opacity:.72;} .why-panel-icon--evolution{--why-icon-color:var(--color-brand-sky);} .why-panel-icon--enterprise{--why-icon-color:var(--color-brand-turquoise);} .why-panel-icon--senior{--why-icon-color:var(--color-brand-sky);} .why-panel-icon--ai{--why-icon-color:var(--color-brand-purple);} .why-panel-icon--modernize{--why-icon-color:var(--color-brand-turquoise);} .why-panel-icon--quality{--why-icon-color:var(--color-brand-sky);} .why-panel:hover .why-panel-description,.why-panel:focus-within .why-panel-description{max-height:260px;margin-top:18px!important;opacity:1;transform:none;} .why-panel.structural-reveal{opacity:0!important;transform:translateY(24px)!important;} #why-work-with-us.why-section{height:auto!important;min-height:0!important;background:transparent!important;overflow:visible!important;padding:0!important;} #why-work-with-us .why-track{width:min(100%,1440px)!important;height:auto!important;margin-inline:auto!important;padding-inline:var(--page-gutter)!important;display:grid!important;background:transparent!important;transform:none!important;counter-reset:why-reason;gap:clamp(72px,6vw,96px) clamp(36px,4.5vw,72px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:clamp(40px,4vw,64px)!important;column-gap:clamp(40px,4.5vw,64px)!important;} #why-work-with-us .why-sticky::before,#why-work-with-us .why-sticky::after{content:none!important;display:none!important;background:none!important;} #why-work-with-us .why-heading{max-width:none!important;width:max-content!important;white-space:nowrap!important;text-wrap:nowrap!important;margin-inline:auto!important;text-align:center!important;font-family:var(--font-heading)!important;font-size: var(--type-section)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.015em!important;} #why-work-with-us .why-panel{counter-increment:why-reason;position:relative;width:auto!important;min-width:0!important;padding:0!important;overflow:visible!important;background:transparent!important;opacity:1!important;color:inherit;min-height:0!important;display:block!important;text-align:center!important;} #why-work-with-us .why-panel-inner{width:100%!important;min-height:100%!important;margin:0!important;gap:0!important;position:relative;z-index:1;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:0!important;} #why-work-with-us .why-panel::after{position:absolute;top:clamp(34px,3vw,48px);right:clamp(34px,3vw,48px);font-family:var(--font-heading);font-size:14px;line-height:1;font-weight:500;letter-spacing:.08em;color:rgb(var(--rgb-234-246-255) / .34);transition:color .25s var(--ease-standard,cubic-bezier(.2,.8,.2,1));content:none!important;display:none!important;} #why-work-with-us .why-panel-icon{transform-origin:center!important;--why-circle-color:var(--color-brand-sky);z-index:1;overflow:visible!important;position:relative!important;width:min(100%,280px)!important;height:auto!important;aspect-ratio:1!important;margin:0 auto clamp(28px,2.4vw,36px)!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;opacity:1!important;transform:none!important;scale:1!important;isolation:isolate;transition:filter 320ms cubic-bezier(.2,.8,.2,1),transform 320ms cubic-bezier(.2,.8,.2,1)!important;color:var(--why-circle-color,var(--color-brand-sky))!important;margin-bottom:32px!important;} #why-work-with-us .why-panel-copy{max-width:none!important;flex:1;align-content:start;width:100%!important;opacity:1!important;transform:none!important;display:grid!important;grid-template-areas:"title" "body"!important;grid-template-rows:auto auto!important;align-items:start!important;justify-items:start!important;text-align:left!important;} #why-work-with-us .why-panel-title{grid-area:title;padding-right:0!important;transition:color 280ms cubic-bezier(.2,.8,.2,1)!important;margin-bottom:0!important;padding:0!important;color:var(--color-dark-text-strong)!important;text-wrap:balance;width:100%!important;max-width:30ch!important;min-height:0!important;display:block!important;margin:0!important;text-align:left!important;font-family:var(--font-heading)!important;font-size:20px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:-.01em!important;} #why-work-with-us .why-panel-description{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:max-height 640ms cubic-bezier(.22,1,.36,1), color 280ms cubic-bezier(.2,.8,.2,1), -webkit-mask-image 320ms ease, mask-image 320ms ease!important;font-weight:400!important;letter-spacing:0!important;overflow:visible!important;font-family:var(--font-body)!important;font-size:var(--type-body)!important;line-height:1.60!important;color:rgb(var(--rgb-234-246-255) / .78)!important;-webkit-mask-image:none!important;mask-image:none!important;width:100%!important;max-width:36ch!important;min-height:0!important;max-height:none!important;margin:24px 0 0!important;text-align:left!important;} #why-work-with-us .why-panel:hover .why-panel-description,#why-work-with-us .why-panel:focus-visible .why-panel-description,#why-work-with-us .why-panel:focus-within .why-panel-description{margin:0!important;transform:none!important;opacity:1!important;max-height:14em!important;color:rgb(var(--rgb-244-251-255) / .92)!important;-webkit-mask-image:linear-gradient(to bottom,var(--color-black) 0%,var(--color-black) 100%)!important;mask-image:linear-gradient(to bottom,var(--color-black) 0%,var(--color-black) 100%)!important;} #why-work-with-us .why-panel:hover .why-panel-icon,#why-work-with-us .why-panel:focus-visible .why-panel-icon,#why-work-with-us .why-panel:focus-within .why-panel-icon{scale:1!important;transform:none!important;filter:none!important;} #why-work-with-us .why-panel:hover::after,#why-work-with-us .why-panel:focus-visible::after,#why-work-with-us .why-panel:focus-within::after{color:var(--color-brand-sky-soft);} #why-work-with-us .why-panel:focus-visible{outline:2px solid var(--color-brand-sky);outline-offset:-2px;} #why-work-with-us .why-panel.structural-reveal{opacity:0!important;transform:translate3d(0,30px,0) scale(.975)!important;transition:opacity 700ms cubic-bezier(.22,1,.36,1),transform 800ms cubic-bezier(.22,1,.36,1)!important;transition-delay:0ms!important;} #why-work-with-us .why-panel-icon img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 8px 20px rgb(var(--rgb-50-192-233) / .10));animation:whyIconAmbient 9.6s ease-in-out infinite;transform-origin:center;will-change:transform,filter;display:none!important;} #why-work-with-us .why-panel:hover .why-panel-title,#why-work-with-us .why-panel:focus-visible .why-panel-title,#why-work-with-us .why-panel:focus-within .why-panel-title{color:var(--color-brand-sky-soft)!important;} #why-work-with-us .why-panel:nth-child(2) .why-panel-icon img{animation-delay:-1.5s;} #why-work-with-us .why-panel:nth-child(3) .why-panel-icon img{animation-delay:-3s;} #why-work-with-us .why-panel:nth-child(4) .why-panel-icon img{animation-delay:-4.5s;} #why-work-with-us .why-panel:nth-child(5) .why-panel-icon img{animation-delay:-6s;} #why-work-with-us .why-panel:nth-child(6) .why-panel-icon img{animation-delay:-7.5s;} #why-work-with-us .why-panel::before{position:absolute;z-index:0;top:-34px;left:-38px;width:clamp(190px,18vw,280px);aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:.12;transform:scale(.92);transform-origin:40% 40%;background:radial-gradient(circle at 38% 38%, rgb(var(--rgb-50-192-233) / .20) 0%, rgb(var(--rgb-11-211-197) / .10) 30%, rgb(var(--rgb-0-65-106) / .04) 54%, transparent 72%);filter:blur(22px);transition:opacity 520ms cubic-bezier(.2,.8,.2,1),transform 720ms cubic-bezier(.16,1,.3,1)!important;content:none!important;display:none!important;} #why-work-with-us .why-panel:hover::before,#why-work-with-us .why-panel:focus-visible::before,#why-work-with-us .why-panel:focus-within::before{opacity:.32;transform:scale(1.08);} #why-work-with-us .why-panel-description::before{width:9px;height:9px;margin:0 0 16px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand-sky) 0%,var(--color-brand-turquoise) 100%);box-shadow:0 0 0 5px rgb(var(--rgb-50-192-233) / .07),0 0 18px rgb(var(--rgb-11-211-197) / .18);opacity:.72;transform:scale(.88);transition:opacity 260ms ease,transform 360ms cubic-bezier(.2,.8,.2,1),box-shadow 360ms ease!important;content:none!important;display:none!important;} #why-work-with-us .why-panel:hover .why-panel-description::before,#why-work-with-us .why-panel:focus-visible .why-panel-description::before,#why-work-with-us .why-panel:focus-within .why-panel-description::before{opacity:1;transform:scale(1);box-shadow:0 0 0 7px rgb(var(--rgb-50-192-233) / .09),0 0 24px rgb(var(--rgb-11-211-197) / .28);} #why-work-with-us .why-panel-description,#why-work-with-us .why-panel:hover .why-panel-description,#why-work-with-us .why-panel:focus-visible .why-panel-description,#why-work-with-us .why-panel:focus-within .why-panel-description{color:inherit!important;pointer-events:auto!important;margin:24px 0 0!important;min-height:0!important;max-height:none!important;overflow:visible!important;opacity:1!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important;transition:color 280ms cubic-bezier(.2,.8,.2,1)!important;} #why-work-with-us .why-section-cta{width:min(100%,1440px);margin:clamp(48px,5vw,72px) auto 0;padding-inline:var(--page-gutter);display:flex;justify-content:center;margin-top:var(--copy-content-gap)!important;} #why-work-with-us .why-section-cta .primary-cta{margin:0;margin-top:0;} #why-work-with-us{--why-row-gap:clamp(16px,1.55vw,24px);} #why-work-with-us .why-head,#why-work-with-us .why-track{width:min(var(--standard-section-max),calc(100% - (var(--standard-section-gutter) * 2)))!important;max-width:var(--standard-section-max)!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box!important;} #why-work-with-us .why-panel-icon::before{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:var(--why-circle-color);font-family:var(--font-body);font-size:clamp(18px,1.5vw,23px);line-height:1;font-weight:700;letter-spacing:.02em;text-align:center;text-transform:uppercase;white-space:nowrap;border:2px solid currentColor;opacity:.92;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 28%,transparent),0 0 34px color-mix(in srgb,currentColor 10%,transparent);transition:transform 720ms cubic-bezier(.22,1,.36,1),opacity 300ms ease,box-shadow 300ms ease;content:""!important;border-color:var(--why-circle-color,var(--color-brand-sky))!important;} #why-work-with-us .why-panel:nth-child(2) .why-panel-icon{--why-circle-color:var(--color-brand-turquoise);} #why-work-with-us .why-panel:nth-child(2) .why-panel-icon::before{content:"TRUST";animation-delay:-2.2s;} #why-work-with-us .why-panel:nth-child(3) .why-panel-icon{--why-circle-color:var(--color-brand-purple);} #why-work-with-us .why-panel:nth-child(3) .why-panel-icon::before{content:"LEADERSHIP";animation-delay:-4.4s;} #why-work-with-us .why-panel:nth-child(4) .why-panel-icon{--why-circle-color:var(--color-brand-purple);} #why-work-with-us .why-panel:nth-child(4) .why-panel-icon::before{content:"MENTORING";animation-delay:-1.1s;} #why-work-with-us .why-panel:nth-child(5) .why-panel-icon{--why-circle-color:var(--color-brand-turquoise);} #why-work-with-us .why-panel:nth-child(5) .why-panel-icon::before{content:"MODERNIZE";animation-delay:-3.3s;} #why-work-with-us .why-panel:nth-child(6) .why-panel-icon::before{content:"SAFEGUARD";animation-delay:-5.5s;} #why-work-with-us .why-panel-icon::before,#why-work-with-us .why-panel-icon::after{content:"";position:absolute;inset:0;z-index:0;border-radius:50%;pointer-events:none;animation-duration:6.8s;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite;animation-direction:alternate;will-change:transform;} #why-work-with-us .why-panel-icon--evolution::before,#why-work-with-us .why-panel-icon--quality::before{transform:rotate(-8deg) scale(1.02);border-style:solid!important;border-width:2px!important;animation-name:whyOrganicContourA;content:""!important;display:block!important;position:absolute!important;inset:-7%!important;top:-7%!important;right:-7%!important;bottom:-7%!important;left:-7%!important;z-index:1!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%2332C0E9' stroke-width='.58'%3E%3Cellipse cx='50' cy='50' rx='46.5' ry='43.5' transform='rotate(-10 50 50)'/%3E%3Cellipse cx='48.5' cy='51.5' rx='48' ry='44.5' transform='rotate(5 48.5 51.5)' opacity='.8'/%3E%3Cellipse cx='51.5' cy='48.5' rx='44.5' ry='48.2' transform='rotate(16 51.5 48.5)' opacity='.92'/%3E%3Cellipse cx='50' cy='49' rx='48.5' ry='45' transform='rotate(29 50 49)' opacity='.76'/%3E%3Cellipse cx='48.5' cy='50.5' rx='45.8' ry='48.5' transform='rotate(41 48.5 50.5)' opacity='.9'/%3E%3Cellipse cx='51.5' cy='51' rx='48.2' ry='44.7' transform='rotate(54 51.5 51)' opacity='.78'/%3E%3Cellipse cx='50.5' cy='48.8' rx='44.6' ry='48.4' transform='rotate(68 50.5 48.8)' opacity='.88'/%3E%3Cellipse cx='49' cy='51.5' rx='48.4' ry='45.8' transform='rotate(82 49 51.5)' opacity='.74'/%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;transform-origin:50% 50%!important;-webkit-animation:whyOrbitContours 18s linear infinite!important;animation:whyOrbitContours 18s linear infinite!important;opacity:.72!important;-webkit-animation-duration:22s!important;animation-duration:22s!important;} #why-work-with-us .why-panel-icon--evolution::after,#why-work-with-us .why-panel-icon--quality::after{transform:rotate(7deg) scale(.985);border-style:solid!important;border-width:1.5px!important;animation-name:whyOrganicContourB;animation-duration:8.4s;position:absolute!important;inset:1.5%!important;z-index:1!important;border:1.5px solid var(--why-circle-color,var(--color-brand-sky))!important;border-radius:48% 52% 51% 49% / 52% 48% 50% 50%!important;opacity:.82!important;animation:whyOrganicContourB 9.4s cubic-bezier(.45,0,.55,1) infinite!important;display:none!important;box-shadow:none!important;} #why-work-with-us .why-panel-icon--enterprise::before,#why-work-with-us .why-panel-icon--ai::before{animation-name:whyDottedContour;animation-direction:normal;border-style:dashed!important;border-color:var(--why-circle-color,var(--color-brand-sky))!important;opacity:1!important;animation-duration:7.2s!important;animation-timing-function:linear!important;-webkit-animation:whyLargeDashFlow 14.5s linear infinite!important;animation:whyLargeDashFlow 14.5s linear infinite!important;border-width:2px!important;box-shadow:none!important;} #why-work-with-us .why-panel-icon--senior::before,#why-work-with-us .why-panel-icon--modernize::before{border-style:solid!important;border-color:var(--why-circle-color,var(--color-brand-sky))!important;opacity:1!important;animation:whyHeartbeatOuter 2.35s cubic-bezier(.45,0,.55,1) infinite!important;animation-duration:5.2s!important;animation-timing-function:ease-in-out!important;animation-name:whyHeartbeatOuterCalm!important;border-width:2px!important;box-shadow:none!important;} #why-work-with-us .why-panel:hover .why-panel-icon::before,#why-work-with-us .why-panel:focus-visible .why-panel-icon::before,#why-work-with-us .why-panel:focus-within .why-panel-icon::before{opacity:1;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 42%,transparent),0 0 46px color-mix(in srgb,currentColor 19%,transparent);} #why-work-with-us .why-panel-icon--senior::after,#why-work-with-us .why-panel-icon--modernize::after{display:block!important;inset:1.5%!important;border-style:solid!important;border-width:1.5px!important;border-color:var(--why-circle-color,var(--color-brand-sky))!important;opacity:.68!important;animation:whyHeartbeatInner 2.35s cubic-bezier(.45,0,.55,1) infinite!important;animation-duration:5.2s!important;animation-timing-function:ease-in-out!important;animation-name:whyHeartbeatInnerCalm!important;box-shadow:none!important;} #why-work-with-us .why-panel-icon--evolution,#why-work-with-us .why-panel-icon--quality{border-radius:50%!important;border:0!important;visibility:visible!important;box-shadow:none!important;outline:0!important;} #why-work-with-us .why-panel-icon--evolution::before,#why-work-with-us .why-panel-icon--quality::before,#why-work-with-us .why-panel-icon--evolution::after,#why-work-with-us .why-panel-icon--quality::after{box-shadow:none!important;outline:0!important;} #why-work-with-us .why-panel-title,#why-work-with-us .why-panel:hover .why-panel-title,#why-work-with-us .why-panel:focus-visible .why-panel-title,#why-work-with-us .why-panel:focus-within .why-panel-title{margin:0!important;transform:none!important;color:rgb(var(--rgb-255-255-255))!important;} #why-work-with-us .why-panel-icon--evolution::before,#why-work-with-us .why-panel-icon--senior::before,#why-work-with-us .why-panel-icon--modernize::before{content:""!important;display:block!important;inset:0!important;background:none!important;background-image:none!important;border:2px dashed var(--why-circle-color)!important;border-radius:50%!important;box-shadow:none!important;opacity:.92!important;-webkit-animation:whyV425DashLoop 14.5s linear infinite!important;animation:whyV425DashLoop 14.5s linear infinite!important;} #why-work-with-us .why-panel-icon--enterprise::before,#why-work-with-us .why-panel-icon--ai::before,#why-work-with-us .why-panel-icon--quality::before{content:""!important;display:block!important;inset:0!important;background:none!important;background-image:none!important;border:2px solid var(--why-circle-color)!important;border-radius:50%!important;box-shadow:none!important;opacity:.92!important;-webkit-animation:whyV425HeartbeatOuter 5.2s ease-in-out infinite!important;animation:whyV425HeartbeatOuter 5.2s ease-in-out infinite!important;} #why-work-with-us .why-panel-icon--enterprise::after,#why-work-with-us .why-panel-icon--ai::after,#why-work-with-us .why-panel-icon--quality::after{content:""!important;display:block!important;inset:1.5%!important;background:none!important;background-image:none!important;border:1px solid var(--why-circle-color)!important;border-radius:50%!important;box-shadow:none!important;opacity:.62!important;-webkit-animation:whyV425HeartbeatInner 5.2s ease-in-out infinite!important;animation:whyV425HeartbeatInner 5.2s ease-in-out infinite!important;} #why-work-with-us .why-panel-copy,#why-work-with-us .why-panel:hover .why-panel-copy,#why-work-with-us .why-panel:focus-visible .why-panel-copy,#why-work-with-us .why-panel:focus-within .why-panel-copy{margin:0!important;transform:none!important;} #why-work-with-us.why-v6{background:#030A11!important;overflow:hidden;} #why-work-with-us.why-v6 .why-sticky{min-height:0!important;height:auto!important;display:block!important;padding:var(--primary-section-edge) 0!important;} #why-work-with-us.why-v6 .why-head{width:min(1280px,calc(100% - 160px))!important;margin:0 auto!important;padding:0!important;text-align:left!important;} #why-work-with-us.why-v6 .why-track{display:flex!important;width:100%!important;height:580px!important;margin:64px 0 0!important;padding:0!important;transform:none!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:32px!important;background:#06131B!important;} #why-work-with-us.why-v6 .why-panel{position:relative!important;display:block!important;flex:0 1 104px!important;width:auto!important;min-width:88px!important;min-height:0!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-right:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:flex-basis 680ms cubic-bezier(.22,1,.36,1),background 300ms ease!important;} #why-work-with-us.why-v6 .why-panel.is-v6-active{flex:1 1 680px!important;background:radial-gradient(circle at 18% 20%,rgba(50,192,233,.18),transparent 40%),linear-gradient(135deg,rgba(11,211,197,.08),rgba(151,106,184,.10))!important;} #why-work-with-us.why-v6 .why-panel-inner{position:relative!important;display:block!important;height:100%!important;min-height:0!important;padding:48px!important;background:transparent!important;} #why-work-with-us.why-v6 .why-panel-icon{position:absolute!important;left:32px!important;top:30px!important;width:40px!important;height:40px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:.85!important;transform:none!important;transition:opacity 300ms ease,filter 300ms ease!important;} #why-work-with-us.why-v6 .why-panel-keyword{position:absolute;right:50%!important;bottom:30px!important;display:block!important;margin:0!important;color:#fff!important;font-family:var(--font-heading)!important;font-size:25px!important;font-weight:500!important;line-height:1!important;letter-spacing:-.01em!important;white-space:nowrap!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;transform-origin:center!important;opacity:.92!important;pointer-events:none!important;transition:opacity 300ms ease!important;} #why-work-with-us.why-v6 .why-panel-copy{position:absolute!important;inset:0!important;display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:128px 56px 48px 96px!important;opacity:0!important;transform:translate3d(18px,0,0)!important;pointer-events:none!important;transition:opacity 360ms ease 180ms,transform 600ms cubic-bezier(.22,1,.36,1) 180ms!important;} #why-work-with-us.why-v6 .why-panel.is-v6-active .why-panel-copy{opacity:1!important;transform:none!important;pointer-events:auto!important;} #why-work-with-us.why-v6 .why-panel-title{max-width:21ch!important;min-height:0!important;margin:0!important;color:#fff!important;font-family:var(--font-heading)!important;font-size:25px!important;line-height:1.28!important;letter-spacing:-.01em!important;font-weight:500!important;} #why-work-with-us.why-v6 .why-panel-description{display:block!important;max-width:55ch!important;max-height:none!important;margin:0!important;overflow:visible!important;opacity:1!important;transform:none!important;color:#AECBDE!important;font-family:var(--font-body)!important;font-size:18px!important;line-height:1.6!important;transition:none!important;padding-top:24px!important;} #why-work-with-us.why-v6 .why-panel:not(.is-v6-active)::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--why-icon-color,#32C0E9);opacity:.8;} #why-work-with-us.why-v6 .why-panel:focus-visible{outline:2px solid #32C0E9;outline-offset:-4px;z-index:2;} #why-work-with-us.why-v6 .why-panel.is-v6-active::before{content:'';position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-220px;bottom:-250px;animation:whyV6Drift 12s ease-in-out infinite;pointer-events:none;} #why-work-with-us.why-v6.why-v8 .why-panel-icon{display:grid!important;place-items:center!important;opacity:1!important;filter:none!important;color:var(--why-panel-accent)!important;} #why-work-with-us.why-v6.why-v8 .why-panel-icon::before,#why-work-with-us.why-v6.why-v8 .why-panel-icon::after{content:none!important;display:none!important;border:0!important;box-shadow:none!important;} #why-work-with-us.why-v6.why-v8 .why-panel-keyword{color:var(--why-panel-accent)!important;text-shadow:0 0 20px rgba(50,192,233,.16)!important;} #why-work-with-us.why-v6.why-v8 .why-panel:not(.is-v6-active)::after{background:var(--why-panel-accent)!important;box-shadow:0 0 18px rgba(50,192,233,.22)!important;} #why-work-with-us.why-v6.why-v8 .why-panel:focus-visible{outline-color:var(--why-panel-accent)!important;} #why-work-with-us.why-v6.why-v9 .why-head,#why-work-with-us.why-v6.why-v9 .why-viewport{width:min(1280px,calc(100% - 160px))!important;margin-left:auto!important;margin-right:auto!important;} #why-work-with-us.why-v6.why-v9 .why-head{text-align:center!important;} #why-work-with-us.why-v6.why-v9 .why-track{background:transparent!important;border:0!important;border-radius:0!important;gap:8px!important;overflow:visible!important;transition:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel{--why-panel-accent:#32C0E9;border:1px solid rgba(50,192,233,.34)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(50,192,233,.23) 0%,rgba(50,192,233,.10) 42%,rgba(50,192,233,.025) 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.10)!important;transition:flex-basis 1500ms cubic-bezier(.16,1,.3,1), background 1450ms cubic-bezier(.16,1,.3,1), border-color 1050ms ease, box-shadow 1300ms ease!important;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(2){--why-panel-accent:#B688D8;border-color:rgba(182,136,216,.34)!important;background:linear-gradient(145deg,rgba(182,136,216,.23) 0%,rgba(182,136,216,.10) 42%,rgba(182,136,216,.025) 100%)!important;--why-icon-art-scale:1.14;--why-icon-nudge-x:-8px;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(3){--why-panel-accent:#8BBCC8;border-color:rgba(139,188,200,.34)!important;background:linear-gradient(145deg,rgba(139,188,200,.23) 0%,rgba(139,188,200,.10) 42%,rgba(139,188,200,.025) 100%)!important;--why-icon-nudge-x:-5px;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(4){--why-panel-accent:#40A8E8;border-color:rgba(64,168,232,.34)!important;background:linear-gradient(145deg,rgba(64,168,232,.23) 0%,rgba(64,168,232,.10) 42%,rgba(64,168,232,.025) 100%)!important;--why-icon-art-scale:.88;--why-icon-nudge-x:-3px;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(5){--why-panel-accent:#10D1C9;border-color:rgba(16,209,201,.34)!important;background:linear-gradient(145deg,rgba(16,209,201,.23) 0%,rgba(16,209,201,.10) 42%,rgba(16,209,201,.025) 100%)!important;--why-icon-nudge-x:-5px;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(6){--why-panel-accent:#976AB8;border-color:rgba(151,106,184,.34)!important;background:linear-gradient(145deg,rgba(151,106,184,.23) 0%,rgba(151,106,184,.10) 42%,rgba(151,106,184,.025) 100%)!important;--why-icon-nudge-x:-4px;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active{background:linear-gradient(145deg,rgba(50,192,233,.32) 0%,rgba(50,192,233,.13) 48%,rgba(50,192,233,.045) 100%)!important;border-color:rgba(50,192,233,.66)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(50,192,233,.10)!important;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(2).is-v6-active{background:linear-gradient(145deg,rgba(182,136,216,.32) 0%,rgba(182,136,216,.13) 48%,rgba(182,136,216,.045) 100%)!important;border-color:rgba(182,136,216,.66)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(182,136,216,.10)!important;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(3).is-v6-active{background:linear-gradient(145deg,rgba(139,188,200,.32) 0%,rgba(139,188,200,.13) 48%,rgba(139,188,200,.045) 100%)!important;border-color:rgba(139,188,200,.66)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(139,188,200,.10)!important;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(4).is-v6-active{background:linear-gradient(145deg,rgba(64,168,232,.32) 0%,rgba(64,168,232,.13) 48%,rgba(64,168,232,.045) 100%)!important;border-color:rgba(64,168,232,.66)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(64,168,232,.10)!important;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(5).is-v6-active{background:linear-gradient(145deg,rgba(16,209,201,.32) 0%,rgba(16,209,201,.13) 48%,rgba(16,209,201,.045) 100%)!important;border-color:rgba(16,209,201,.66)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(16,209,201,.10)!important;} #why-work-with-us.why-v6.why-v9 .why-panel::before{content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel::after{background:var(--why-panel-accent)!important;box-shadow:0 0 16px rgba(50,192,233,.18)!important;} #why-work-with-us.why-v6.why-v9 .why-panel-icon{left:24px!important;top:28px!important;transition:left 1450ms cubic-bezier(.16,1,.3,1), top 1450ms cubic-bezier(.16,1,.3,1), transform 1450ms cubic-bezier(.16,1,.3,1), opacity 900ms ease, filter 900ms ease!important;display:block!important;place-items:unset!important;width:82px!important;height:82px!important;text-align:left!important;padding:0!important;margin:0!important;overflow:visible!important;} #why-work-with-us.why-v6.why-v9 .why-panel-icon img{animation:none!important;filter:none!important;transform:scale(var(--why-icon-art-scale,1))!important;transition:opacity 900ms ease, filter 900ms ease, transform 1450ms cubic-bezier(.16,1,.3,1)!important;display:block!important;width:70px!important;height:70px!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:left center!important;transform-origin:left center!important;} #why-work-with-us.why-v6.why-v9 .why-panel:hover .why-panel-icon,#why-work-with-us.why-v6.why-v9 .why-panel:focus-visible .why-panel-icon,#why-work-with-us.why-v6.why-v9 .why-panel:focus-within .why-panel-icon{scale:1!important;transform:none!important;filter:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel-keyword{color:var(--why-panel-accent)!important;opacity:.92!important;transition:opacity 520ms cubic-bezier(.22,1,.36,1)!important;} #why-work-with-us.why-v6.why-v9 .why-panel:hover .why-panel-keyword,#why-work-with-us.why-v6.why-v9 .why-panel:focus-visible .why-panel-keyword,#why-work-with-us.why-v6.why-v9 .why-panel:focus-within .why-panel-keyword{opacity:0!important;} #why-work-with-us.why-v6.why-v9 .why-panel-copy,#why-work-with-us.why-v6.why-v9 .why-panel:hover .why-panel-copy,#why-work-with-us.why-v6.why-v9 .why-panel:focus-visible .why-panel-copy,#why-work-with-us.why-v6.why-v9 .why-panel:focus-within .why-panel-copy{margin:0!important;transform:none!important;transition:opacity 640ms cubic-bezier(.22,1,.36,1)!important;} #why-work-with-us.why-v6.why-v9 .why-panel-title,#why-work-with-us.why-v6.why-v9 .why-panel:hover .why-panel-title,#why-work-with-us.why-v6.why-v9 .why-panel:focus-visible .why-panel-title,#why-work-with-us.why-v6.why-v9 .why-panel:focus-within .why-panel-title{margin:0!important;transform:none!important;color:#fff!important;transition:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel-description,#why-work-with-us.why-v6.why-v9 .why-panel:hover .why-panel-description,#why-work-with-us.why-v6.why-v9 .why-panel:focus-visible .why-panel-description,#why-work-with-us.why-v6.why-v9 .why-panel:focus-within .why-panel-description{margin:0!important;min-height:0!important;max-height:none!important;overflow:visible!important;opacity:1!important;transform:none!important;color:#AECBDE!important;-webkit-mask-image:none!important;mask-image:none!important;transition:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel-copy{padding:132px 56px 48px 24px!important;text-align:left!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-keyword{opacity:0!important;visibility:hidden!important;transition:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-keyword{opacity:.92!important;visibility:visible!important;transition:opacity 180ms ease!important;left:50%!important;right:auto!important;transform:translateX(-50%) rotate(180deg)!important;} #why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-icon{left:50%!important;right:auto!important;transform:translateX(-50%)!important;opacity:.82!important;} #why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-copy{opacity:0!important;transform:translate3d(12px,0,0)!important;transition:opacity 520ms ease, transform 900ms cubic-bezier(.16,1,.3,1)!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-copy{opacity:1!important;transform:translate3d(0,0,0)!important;transition:opacity 960ms ease 320ms, transform 1350ms cubic-bezier(.16,1,.3,1) 220ms!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon{opacity:1!important;filter:brightness(1.12) drop-shadow(0 12px 28px color-mix(in srgb,var(--why-panel-accent) 18%,transparent))!important;left:var(--why-copy-x)!important;right:auto!important;transform:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(1),#why-work-with-us.why-v6.why-v9 .why-panel:nth-child(3),#why-work-with-us.why-v6.why-v9 .why-panel:nth-child(5),#why-work-with-us.why-v6.why-v9 .why-panel:nth-child(6){--why-icon-art-scale:1;} #why-work-with-us.why-v6.why-v9{--why-copy-x:48px;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon img{transform:translateX(var(--why-icon-nudge-x,0px)) scale(var(--why-icon-art-scale,1))!important;} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(1){--why-icon-nudge-x:-4px;} @media (min-width:701px){#why-work-with-us .why-panel-title{min-height:2.56em!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon{left:40px!important;transform:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-copy{padding-left:40px!important;padding-right:40px!important;} } @media (max-width:1024px){ .why-panel-inner{grid-template-columns:64px minmax(0,1fr);gap:32px;} #why-work-with-us.why-section{height:auto!important;min-height:0!important;padding:var(--primary-section-edge) 0!important;overflow:visible!important;position:relative!important;} #why-work-with-us .why-head{position:relative!important;inset:auto!important;width:min(100%,1440px)!important;margin:0 auto 56px!important;padding-inline:var(--responsive-gutter)!important;transform:none!important;align-items:flex-start!important;} #why-work-with-us .why-track{display:grid!important;width:min(100%,1440px)!important;height:auto!important;margin-inline:auto!important;padding-inline:var(--responsive-gutter)!important;gap:24px!important;transform:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:48px!important;column-gap:48px!important;} #why-work-with-us .why-panel,#why-work-with-us .why-panel:nth-child(n){position:relative!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;padding:30px 0 34px!important;display:block!important;border:0!important;opacity:1!important;transform:none!important;overflow:visible!important;} #why-work-with-us .why-panel-description,#why-work-with-us .why-panel:hover .why-panel-description,#why-work-with-us .why-panel:focus-visible .why-panel-description,#why-work-with-us .why-panel:focus-within .why-panel-description{display:block!important;max-height:none!important;margin:0!important;opacity:1!important;transform:none!important;pointer-events:auto!important;} #why-work-with-us .why-section-cta{width:min(100%,1440px)!important;margin:32px auto 0!important;padding-inline:var(--responsive-gutter)!important;display:flex!important;justify-content:center!important;} } /* Atimi 2026-09-20: full-screen scroll carousel disabled below 1025px. The design file overrides this block with the stacked mobile / accordion tablet layout; the port lost that ordering. Original condition: (max-width:1024px) and (prefers-reduced-motion:no-preference) */ @media (max-width:0px) and (prefers-reduced-motion:no-preference){#why-work-with-us.why-section{height:650svh!important;min-height:0!important;padding:0!important;overflow:clip!important;} #why-work-with-us .why-sticky{position:sticky!important;top:0!important;height:100svh!important;min-height:640px!important;padding:0!important;overflow:hidden!important;display:block!important;} #why-work-with-us .why-head{position:absolute!important;top:clamp(82px,12svh,124px)!important;left:var(--responsive-gutter)!important;right:var(--responsive-gutter)!important;z-index:12!important;width:auto!important;margin:0!important;padding:0!important;} #why-work-with-us .why-heading{max-width:12ch!important;white-space:normal!important;} #why-work-with-us .why-viewport{display:block!important;overflow:hidden!important;height:100%!important;min-height:0!important;} #why-work-with-us .why-track{display:flex!important;width:max-content!important;height:100%!important;margin:0!important;padding:0!important;gap:0!important;background:transparent!important;transform:translate3d(0,0,0);} #why-work-with-us .why-panel{flex:0 0 100vw!important;width:100vw!important;min-width:100vw!important;min-height:0!important;height:100%!important;padding:clamp(220px,32svh,300px) 0 70px!important;display:block!important;background:transparent!important;border:0!important;opacity:1!important;} #why-work-with-us .why-panel-inner{width:calc(100% - (var(--responsive-gutter) * 2))!important;min-height:0!important;margin:0 auto!important;padding:0!important;display:block!important;} #why-work-with-us .why-panel-icon{width:48px!important;height:48px!important;margin:0 0 24px!important;} #why-work-with-us .why-panel-copy{max-width:100%!important;opacity:.28!important;transform:translate3d(48px,0,0) scale(.98)!important;} #why-work-with-us .why-panel.is-active .why-panel-copy{opacity:1!important;transform:none!important;} #why-work-with-us .why-panel-title{max-width:18ch!important;font-size:clamp(26px,7vw,36px)!important;} #why-work-with-us .why-panel-description{max-width:36ch!important;font-size:17px!important;line-height:1.58!important;max-height:none!important;margin-top:0!important;opacity:1!important;transform:none!important;} } @media (max-width:760px){ .why-sticky::after{top:104px;} .why-panel-inner{grid-template-columns:56px minmax(0,1fr);gap:20px;display:block;} } @media (max-width:700px){ #why-work-with-us .why-section-cta{margin-top:24px!important;padding-inline:var(--responsive-gutter)!important;} #why-work-with-us .why-section-cta .primary-cta{width:100%;justify-content:center;} #why-work-with-us .why-panel-description,#why-work-with-us .why-panel:hover .why-panel-description,#why-work-with-us .why-panel:focus-visible .why-panel-description,#why-work-with-us .why-panel:focus-within .why-panel-description{margin-top:16px!important;} #why-work-with-us.why-v6 .why-track{display:block!important;height:auto!important;border-radius:24px!important;overflow:visible!important;} #why-work-with-us.why-v6 .why-panel,#why-work-with-us.why-v6 .why-panel.is-v6-active{height:auto!important;min-height:0!important;min-width:0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13)!important;flex:none!important;background:transparent!important;} #why-work-with-us.why-v6 .why-panel:last-child{border-bottom:0!important;} #why-work-with-us.why-v6 .why-panel-keyword{position:static!important;display:block!important;margin:0 0 20px!important;writing-mode:horizontal-tb!important;transform:none!important;font-size:21px!important;opacity:1!important;} #why-work-with-us.why-v6 .why-panel-title{line-height:1.28!important;font-size:21px!important;} #why-work-with-us.why-v6 .why-panel-description{font-size:17px!important;padding-top:16px!important;} #why-work-with-us.why-v6.why-v9 .why-track{gap:0!important;} #why-work-with-us.why-v6.why-v9 .why-panel{border-radius:16px!important;background:linear-gradient(145deg,rgba(50,192,233,.16),rgba(50,192,233,.035))!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active{background:linear-gradient(145deg,rgba(50,192,233,.25),rgba(50,192,233,.05))!important;} #why-work-with-us.why-v6.why-v9 .why-panel:hover .why-panel-keyword,#why-work-with-us.why-v6.why-v9 .why-panel:focus-visible .why-panel-keyword,#why-work-with-us.why-v6.why-v9 .why-panel:focus-within .why-panel-keyword{opacity:0!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-keyword,#why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-keyword{opacity:1!important;visibility:visible!important;} #why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-icon,#why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-keyword{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel-keyword,#why-work-with-us.why-v6.why-v9 .why-panel:hover .why-panel-keyword,#why-work-with-us.why-v6.why-v9 .why-panel:focus-visible .why-panel-keyword,#why-work-with-us.why-v6.why-v9 .why-panel:focus-within .why-panel-keyword{display:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel:not(:last-child){margin-bottom:24px!important;} #why-work-with-us.why-v6.why-v9 .why-panel-icon img{max-width:46px!important;max-height:46px!important;width:55px!important;height:55px!important;transform:translateX(var(--why-icon-nudge-x,0px)) scale(var(--why-icon-art-scale,1))!important;} #why-work-with-us.why-v6.why-v9{--why-copy-x:0px;} } @media (max-width:700px) and (prefers-reduced-motion:no-preference){#why-work-with-us .why-panel{padding-top:clamp(204px,30svh,270px)!important;} #why-work-with-us .why-panel-title{font-size:clamp(25px,8vw,34px)!important;} } @media (max-width:640px){ #why-work-with-us .why-track{display:grid!important;row-gap:24px!important;grid-template-columns:1fr!important;gap:56px!important;} #why-work-with-us .why-panel::after{top:36px;right:0;} #why-work-with-us .why-panel-copy{grid-template-rows:auto auto auto!important;} #why-work-with-us .why-panel:hover .why-panel-description,#why-work-with-us .why-panel:focus-visible .why-panel-description,#why-work-with-us .why-panel:focus-within .why-panel-description{max-height:16em!important;} #why-work-with-us .why-panel::before{top:-24px;left:-24px;width:210px;} #why-work-with-us{--why-row-gap:26.4px;} #why-work-with-us .why-panel-icon::before{font-size:20px;} } @media (prefers-reduced-motion:reduce){.why-section{height:auto!important;padding-block:var(--primary-section-edge);} .why-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:block;padding:0;} .why-head{margin-bottom:56px;} .why-viewport{overflow:visible;display:block;} .why-track{display:block;width:100%;height:auto;transform:none!important;} .why-panel{width:100%;padding:0 0 72px;display:block;} .why-panel:last-child{padding-bottom:0;} #why-work-with-us .why-panel-icon img{animation:none!important;} #why-work-with-us .why-panel-description,#why-work-with-us .why-panel-title,#why-work-with-us .why-panel-icon{transition:none!important;} #why-work-with-us .why-panel::before,#why-work-with-us .why-panel-description::before{transition:none!important;transform:none!important;} #why-work-with-us.why-section,#why-work-with-us .why-sticky,#why-work-with-us .why-track{height:auto!important;transform:none!important;} #why-work-with-us .why-panel,#why-work-with-us .why-panel-copy{opacity:1!important;transform:none!important;transition:none!important;} #why-work-with-us .why-panel-icon::after{transform:none!important;} #why-work-with-us .why-panel:hover .why-panel-icon,#why-work-with-us .why-panel:focus-visible .why-panel-icon,#why-work-with-us .why-panel:focus-within .why-panel-icon{transform:none!important;} #why-work-with-us .why-panel-icon::before,#why-work-with-us .why-panel-icon::after{animation:none!important;} #why-work-with-us .why-panel-icon--evolution::before,#why-work-with-us .why-panel-icon--quality::before{transform:none!important;-webkit-animation:none!important;animation:none!important;} #why-work-with-us .why-panel-icon--enterprise::before,#why-work-with-us .why-panel-icon--ai::before{-webkit-animation:none!important;animation:none!important;} #why-work-with-us .why-panel-icon--evolution::before,#why-work-with-us .why-panel-icon--senior::before,#why-work-with-us .why-panel-icon--modernize::before,#why-work-with-us .why-panel-icon--enterprise::before,#why-work-with-us .why-panel-icon--enterprise::after,#why-work-with-us .why-panel-icon--ai::before,#why-work-with-us .why-panel-icon--ai::after,#why-work-with-us .why-panel-icon--quality::before,#why-work-with-us .why-panel-icon--quality::after{-webkit-animation:none!important;animation:none!important;transform:none!important;} #why-work-with-us.why-v6 .why-panel,#why-work-with-us.why-v6 .why-panel-copy{transition:none!important;} #why-work-with-us.why-v6 .why-panel.is-v6-active::before{animation:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel,#why-work-with-us.why-v6.why-v9 .why-panel-copy,#why-work-with-us.why-v6.why-v9 .why-panel-keyword{transition:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-keyword{transition:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel-icon img{transition:none!important;} } @keyframes whyDottedContour{ 0%{transform:rotate(0deg) scale(1)} 50%{transform:rotate(180deg) scale(1.015)} 100%{transform:rotate(360deg) scale(1)} } @keyframes whyHeartbeatInner{ 0%,100%{transform:scale(.988)} 12%{transform:scale(1.065)} 24%{transform:scale(1.025)} 39%{transform:scale(1.11)} 58%{transform:scale(.975)} 76%{transform:scale(1.04)} } @keyframes whyHeartbeatInnerCalm{ 0%,100%{transform:scale(.992)} 20%{transform:scale(1.045)} 40%{transform:scale(1.018)} 58%{transform:scale(1.075)} 76%{transform:scale(1.028)} } @keyframes whyHeartbeatOuter{ 0%,100%{transform:scale(1)} 12%{transform:scale(1.045)} 24%{transform:scale(1.015)} 39%{transform:scale(1.09)} 58%{transform:scale(.985)} 76%{transform:scale(1.025)} } @keyframes whyHeartbeatOuterCalm{ 0%,100%{transform:scale(1)} 20%{transform:scale(1.035)} 40%{transform:scale(1.012)} 58%{transform:scale(1.06)} 76%{transform:scale(1.018)} } @keyframes whyIconAmbient{ 0%,100%{ transform:scale(1); filter:brightness(1) saturate(1) drop-shadow(0 8px 20px rgb(var(--rgb-50-192-233) / .10)); } 50%{ transform:scale(1.018); filter:brightness(1.045) saturate(1.035) drop-shadow(0 10px 25px rgb(var(--rgb-11-211-197) / .18)); } } @keyframes whyLargeDashFlow{ from{transform:rotate(0deg) scale(1)} to{transform:rotate(360deg) scale(1.025)} } @-webkit-keyframes whyOrbitContours{ from{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes whyOrganicContourA{ 0%,100%{transform:rotate(-7deg) scale(1.02,1)} 28%{transform:rotate(2deg) scale(.985,1.025)} 62%{transform:rotate(8deg) scale(1.015,.985)} } @keyframes whyOrganicContourB{ 0%,100%{transform:rotate(8deg) scale(.985,1.015)} 34%{transform:rotate(-3deg) scale(1.018,.985)} 70%{transform:rotate(-10deg) scale(.99,1.02)} } @keyframes whyV425DashLoop{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} } @keyframes whyV425HeartbeatInner{ 0%,100%{transform:scale(.99)} 22%{transform:scale(1.042)} 42%{transform:scale(1.018)} 62%{transform:scale(1.068)} 80%{transform:scale(1.026)} } @keyframes whyV425HeartbeatOuter{ 0%,100%{transform:scale(1)} 22%{transform:scale(1.032)} 42%{transform:scale(1.012)} 62%{transform:scale(1.052)} 80%{transform:scale(1.016)} } @keyframes whyV6Drift{50%{transform:scale(1.08) translate3d(-18px,-12px,0);opacity:.56}} /* Elementor DOM bridge: Elementor wraps widget content in extra elements and applies its own container defaults; these extend the rules above to them. */ #why-work-with-us .e-con,#why-work-with-us .e-con-inner{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;} #why-work-with-us .why-panel-title .elementor-heading-title, #why-work-with-us .why-heading .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;margin:0;text-align:inherit;} #why-work-with-us .why-panel-description .elementor-widget-container, #why-work-with-us .why-panel-description p{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;margin:0;text-align:inherit;} #why-work-with-us .why-panel{cursor:pointer;outline-offset:4px;} #why-work-with-us .why-panel:focus-visible{outline:2px solid #32c0e9;} /* ========================================================================== MOBILE: plain stacked list, per the design at 375. The v6/v8/v9 layers above build a sticky scroll-driven track that only makes sense at desktop: on a phone it pinned the heading, hid every inactive card's copy and centred the icon above the text. Below 900px the design is a simple list: icon left, title and body right, all six readable. ========================================================================== */ /* Atimi 2026-09-20: was (max-width:900px); these are mobile card fixes and were leaking into the 701-900 tablet range, where the design uses the accordion. Rescoped to 700. */ @media (max-width:700px){ #why-work-with-us.why-v6.why-v9 .why-panel-inner{ display:grid!important; grid-template-columns:62px minmax(0,1fr)!important; column-gap:20px!important; align-items:start!important; height:auto!important;min-height:0!important; padding:28px 24px!important; } #why-work-with-us.why-v6.why-v9 .why-panel-icon, #why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-icon, #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon{ position:relative!important;left:auto!important;right:auto!important;top:auto!important; transform:none!important;margin:0!important; width:62px!important;height:62px!important; opacity:1!important; grid-column:1!important;grid-row:1!important; } #why-work-with-us.why-v6.why-v9 .why-panel-copy, #why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-copy, #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-copy{ position:static!important;inset:auto!important; display:block!important;visibility:visible!important; opacity:1!important;transform:none!important; width:auto!important;max-width:none!important; margin:0!important;padding:0!important; grid-column:2!important;grid-row:1!important; pointer-events:auto!important;transition:none!important; } } /* Atimi 2026-09-20: was (max-width:900px); these are mobile card fixes and were leaking into the 701-900 tablet range, where the design uses the accordion. Rescoped to 700. */ /* === Atimi 2026-09-20: tablet blocks moved to the end so they win over the <=1024/<=900 mobile blocks, matching the design file's cascade. Desktop (>=1025px) untouched. === */ @media (min-width:701px) and (max-width:1024px){ #why-work-with-us.why-v6.why-v9 .why-head,#why-work-with-us.why-v6.why-v9 .why-viewport{width:min(1280px,calc(100% - 96px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;} #why-work-with-us.why-v6.why-v9 .why-panel,#why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active{position:relative!important;display:block!important;flex:0 1 72px!important;width:auto!important;min-width:56px!important;min-height:540px!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-right:1px solid rgba(255,255,255,.13)!important;} #why-work-with-us.why-v6.why-v9 .why-panel:last-child{border-right:0!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active{flex:1 1 680px!important;overflow:visible!important;} #why-work-with-us.why-v6.why-v9 .why-panel-icon{position:absolute!important;left:50%!important;right:auto!important;top:26px!important;width:52px!important;height:52px!important;margin:0!important;transform:translateX(-50%)!important;} #why-work-with-us.why-v6.why-v9 .why-panel-keyword{left:50%!important;right:auto!important;bottom:30px!important;transform:translateX(-50%) rotate(180deg)!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-keyword{display:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel-copy{position:absolute!important;inset:0!important;display:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:116px 32px 32px 24px!important;opacity:0!important;transform:none!important;pointer-events:none!important;box-sizing:border-box!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-copy{position:static!important;inset:auto!important;display:block!important;padding:116px 32px 32px 24px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;} #why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-copy,#why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-description{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;} #why-work-with-us.why-v6.why-v9 .why-panel-title{max-width:24ch!important;font-size:23px!important;line-height:1.28!important;} #why-work-with-us.why-v6.why-v9 .why-panel-description{max-width:34ch!important;margin:0!important;font-size:18px!important;line-height:1.6!important;overflow:visible!important;max-height:none!important;} #why-work-with-us.why-v6.why-v9{--why-copy-x:40px;} } @media (min-width:701px) and (max-width:820px){ #why-work-with-us.why-v6.why-v9 .why-panel-icon{width:46px!important;height:46px!important;} #why-work-with-us.why-v6.why-v9 .why-panel-copy,#why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-copy{padding-right:24px!important;} #why-work-with-us.why-v6.why-v9{--why-copy-x:32px;} } /* === Atimi 2026-09-20: mobile gutter + panel padding, matched to About_page.html at 390px === */ @media (max-width:700px){ #why-work-with-us.why-v6.why-v9 .why-head,#why-work-with-us.why-v6.why-v9 .why-viewport{width:calc(100% - (2 * var(--responsive-gutter, 24px)))!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;} #why-work-with-us.why-v6.why-v9 .why-track{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;} #why-work-with-us.why-v6.why-v9 .why-panel{padding:0!important;} #why-work-with-us.why-v6.why-v9 .why-panel-inner{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important;} } /* === Atimi 2026-09-20: tablet accordion values matched to About_page.html at 820px (active panel 407, collapsed 57, gap 6, panel 540 tall, icon 72 at 32/26, copy absolute). === */ @media (min-width:701px) and (max-width:1024px){ #why-work-with-us.why-v6.why-v9 .why-track{gap:6px!important;height:540px!important;min-height:540px!important;overflow:hidden!important;} #why-work-with-us.why-v6.why-v9 .why-panel:not(.is-v6-active){flex:0 0 57px!important;min-width:0!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active{flex:1 1 auto!important;min-width:0!important;} #why-work-with-us.why-v6.why-v9 .why-panel-inner{padding:40px!important;height:540px!important;min-height:540px!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-copy{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;padding:116px 32px 40px!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon{position:absolute!important;left:32px!important;top:26px!important;width:72px!important;height:72px!important;transform:none!important;} } /* 2026-09-23: desktop panel geometry to match the Home, About and Careers designs (all three agree at 1025px+): panel padding 40px, open-panel icon box 72px at top 26px (Home 68px), copy starts 116px from the top. The site had 48px / 82px at 28px / 132px, which put titles and copy 16px lower than the design. */ @media (min-width:1025px){ #why-work-with-us.why-v6.why-v9 .why-panel-inner{padding:40px!important;} #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon{top:26px!important;width:72px!important;height:72px!important;} .page-id-94 #why-work-with-us.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon{width:68px!important;height:68px!important;} #why-work-with-us.why-v6.why-v9 .why-panel-copy{padding-top:116px!important;} } /* 2026-09-23: About + Careers why section vertical spacing on desktop. The site had ~72px above the heading and below the CTA; the About/Careers designs use 144px. Set to the design system's standard section spacing (120px), which is the global source of truth. Tablet (96) and mobile (72) already match the system. Home keeps its own. */ @media (min-width:1025px){ .page-id-691 #why-work-with-us .why-sticky, .page-id-903 #why-work-with-us .why-sticky{padding-top:120px!important;padding-bottom:120px!important;} } /* why-icon-size-v1 (2026-09-25): larger, consistent icons on mobile and tablet. Shared by Home, About, Careers. */ @media (max-width:700px){ html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon, html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-icon{width:80px!important;height:80px!important;} html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon img, html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-icon img{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;} } @media (min-width:701px) and (max-width:1024px){ html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon{width:88px!important;height:88px!important;} html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;} html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-icon img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;} } @media (max-width:700px){ html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel-inner{grid-template-columns:80px minmax(0,1fr)!important;column-gap:20px!important;} } @media (min-width:701px) and (max-width:1024px){ html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel.is-v6-active .why-panel-copy{padding-top:132px!important;} } @media (max-width:700px){ /* Careers' active card was stacking (icon above title) while the rest sat side by side. Same row layout for every card. */ html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel.is-v6-active .why-panel-inner{display:grid!important;} html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel.is-v6-active .why-panel-icon{grid-column:1!important;grid-row:1!important;margin:0!important;} } /* why-tablet-collapsed-center-v1 (2026-09-25): closed cards on tablet. The inner box kept 40px side padding, so it was 80px wide inside a 57px card and left:50% landed 12px right of centre; a later transform:none also dropped the translateX(-50%), pushing icons ~35px right. Centre icon + keyword on the card, and line the icon's centre up with the open card's icon (top 26 + 88/2 = 70px). */ @media (min-width:701px) and (max-width:1024px){ html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-inner{padding-left:0!important;padding-right:0!important;} html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-icon{left:50%!important;right:auto!important;top:70px!important;margin:0!important;transform:translate(-50%,-50%)!important;translate:none!important;} html body #why-work-with-us.why-section.why-v6.why-v9 .why-panel:not(.is-v6-active) .why-panel-icon img{transform:none!important;object-position:center center!important;margin:0 auto!important;} } /* 2026-09-29 (Ron): on mobile the card outlines faded out toward the bottom. The border was a low-alpha accent (.34 closed / .66 open) drawn over the card's own gradient, which fades from ~.23 to ~.02, so the line read strong at the top and nearly vanished lower down. At 700px and below the border is a solid-reading accent on every side of every card, and the gradient no longer paints under it (background-clip). Home, About, Careers. */ @media (max-width:700px){ #why-work-with-us .why-panel{background-clip:padding-box!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(1),#why-work-with-us .why-panel:nth-child(1){border:1px solid rgba(50,192,233,.55)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(1).is-v6-active,#why-work-with-us .why-panel:nth-child(1).is-v6-active{border-color:rgba(50,192,233,.85)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(2),#why-work-with-us .why-panel:nth-child(2){border:1px solid rgba(182,136,216,.55)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(2).is-v6-active,#why-work-with-us .why-panel:nth-child(2).is-v6-active{border-color:rgba(182,136,216,.85)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(3),#why-work-with-us .why-panel:nth-child(3){border:1px solid rgba(139,188,200,.55)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(3).is-v6-active,#why-work-with-us .why-panel:nth-child(3).is-v6-active{border-color:rgba(139,188,200,.85)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(4),#why-work-with-us .why-panel:nth-child(4){border:1px solid rgba(64,168,232,.55)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(4).is-v6-active,#why-work-with-us .why-panel:nth-child(4).is-v6-active{border-color:rgba(64,168,232,.85)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(5),#why-work-with-us .why-panel:nth-child(5){border:1px solid rgba(16,209,201,.55)!important} #why-work-with-us.why-v6.why-v9 .why-panel:nth-child(5).is-v6-active,#why-work-with-us .why-panel:nth-child(5).is-v6-active{border-color:rgba(16,209,201,.85)!important} }