/* Monochrome brand artwork, with movement confined to its own black section. */
.technology-section{position:relative;isolation:isolate;overflow:hidden;max-width:1600px;margin:0 auto;padding:46px 0 32px;background:#000;color:#fff;border-block:1px solid #202020}
.technology-section:before,.technology-section:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:12%;right:12%;height:120px;border-radius:50%;border:1px solid #ffffff12;box-shadow:0 0 50px #ffffff06}
.technology-section:before{top:-110px;transform:rotate(-4deg)}
.technology-section:after{bottom:-115px;transform:rotate(4deg)}
.technology-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 6%;margin-bottom:20px}
.technology-heading h2{margin:0;color:#b8b8b8;font-size:12px;font-weight:500;letter-spacing:2.3px;text-transform:uppercase;line-height:1.5}
.technology-pause{display:inline-flex;align-items:center;gap:7px;border:1px solid #383838;border-radius:999px;background:#000;color:#bbb;font:inherit;font-size:11px;padding:9px 13px;cursor:pointer}
.technology-pause:hover{color:#fff;border-color:#777}
.technology-pause:focus-visible{outline:2px solid #8dbbff;outline-offset:4px}
.technology-window{overflow:hidden}
.technology-track{width:100%;max-width:1200px;margin:auto}
.technology-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0 5%;isolation:isolate}
.technology-logo{grid-row:1;width:100%;height:112px;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 16px;box-sizing:border-box;animation:technology-rise 12.6s ease-in-out infinite;animation-play-state:paused}
.technology-logo:nth-child(4n+1){grid-column:1}
.technology-logo:nth-child(4n+2){grid-column:2}
.technology-logo:nth-child(4n+3){grid-column:3}
.technology-logo:nth-child(4n){grid-column:4}
.technology-logo:nth-child(n+5){animation-delay:-8.4s}
.technology-logo:nth-child(n+9){animation-delay:-4.2s}
.technology-logo img{display:block;width:156px;max-width:100%;height:44px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}
.technology-logo--apple img{width:43px;height:49px}
.technology-logo--stripe img{width:105px;height:44px}
.technology-logo--aws img{width:84px;height:51px}
.technology-logo--microsoft img{width:27px;height:27px}
.technology-logo--microsoft span{font-family:Arial,sans-serif;font-size:clamp(18px,2vw,24px);letter-spacing:-1px;font-weight:600}
.technology-caption{max-width:800px;padding:0 24px;margin:23px auto 0;text-align:center;font-size:11px;line-height:1.6;color:#898989}
.technology-section[data-playing=true][data-logo-paused=false] .technology-logo{animation-play-state:running}
.technology-section:hover .technology-logo,.technology-section:focus-within .technology-logo,[data-motion=paused] .technology-logo{animation-play-state:paused!important}
/* Change sets every 4.2 seconds, retaining gentle 280ms fades in each direction.
   Every logo remains in a fixed column; there is no horizontal translation. */
@keyframes technology-rise{0%,28.888889%{opacity:1;transform:translateY(0)}31.111111%{opacity:0;transform:translateY(-20px)}31.112%,97.777778%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes technology-rise-mobile{0%,43.333333%{opacity:1;transform:translateY(0)}46.666667%{opacity:0;transform:translateY(-20px)}46.668%,96.666667%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.technology-section{padding:29px 0 24px}.technology-heading h2{font-size:10px;letter-spacing:1.5px}.technology-heading{margin-bottom:8px}.technology-group{grid-template-columns:repeat(3,minmax(0,1fr))}.technology-logo{height:100px;padding:12px 8px;gap:5px;animation-name:technology-rise-mobile;animation-duration:8.4s;animation-delay:0s}.technology-logo:nth-child(3n+1){grid-column:1}.technology-logo:nth-child(3n+2){grid-column:2}.technology-logo:nth-child(3n){grid-column:3}.technology-logo:nth-child(n+4){animation-delay:-4.2s}.technology-logo[aria-hidden=true]{display:none}.technology-logo img{height:34px}.technology-logo--apple img{height:38px;width:34px}.technology-logo--microsoft img{width:clamp(14px,3.5vw,24px);height:24px}.technology-logo--microsoft span{font-size:clamp(10px,2.9vw,18px);letter-spacing:-.4px}.technology-caption{font-size:10px;max-width:360px;margin-top:15px}}
@media(prefers-reduced-motion:reduce){.technology-group .technology-logo{animation:none!important;grid-area:auto;opacity:1;transform:none}.technology-logo[aria-hidden=true]{display:none}.technology-pause{display:none}}