/* Balanced explanatory statements and platform symbols. */
.mechanism{width:min(900px,calc(100% - 48px));padding:104px 0 42px;text-align:center}
.mechanism h2{font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:1px;text-transform:uppercase;color:#8a799b;margin:0 auto 40px}
.mechanism-steps{display:flex;flex-direction:column;align-items:center;gap:44px}
.mechanism-steps p{width:100%;max-width:860px;margin:0 auto;font-family:"Cal Sans",Arial,sans-serif;font-size:36px;font-weight:400;line-height:1.5;letter-spacing:-.45px;color:#101114;text-align:center;text-wrap:balance}
.mechanism-steps strong{font-weight:400;color:#1262d8}
.mechanism-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 6px;border-radius:12px;background:#edf4ff;color:#2171d9;vertical-align:-.13em;animation:mechanism-search 2.6s ease-in-out infinite;transform-origin:center}
.mechanism-icon .icon{width:24px;height:24px;stroke-width:1.8}
.mechanism-icon-writing{background:#f2edff;color:#8561d4;animation-name:mechanism-write;animation-duration:2.2s;animation-delay:-.4s}
.mechanism-icon-presence{background:#fff6de;color:#b78b16;animation-name:mechanism-star;animation-duration:2.4s;animation-delay:-.7s}
.mechanism-outcome{max-width:850px;margin:51px auto 0;font-family:"Cal Sans",Arial,sans-serif;font-size:36px;font-weight:400;line-height:1.5;letter-spacing:-.45px;color:#101114;text-align:center;text-wrap:balance}
.mechanism-outcome-intro{display:block;text-wrap:balance}
.mechanism-platforms{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;line-height:1.6;margin:7px auto 4px}
.mechanism-platform{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:42px}
.mechanism-platform img{width:47px;height:47px;object-fit:contain;display:block;flex-shrink:0}
.mechanism-platform-group{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}.mechanism-platform img[src$=".ico"]{width:60px;height:60px;margin-inline:-5px}.mechanism-connector{font-size:36px;white-space:nowrap}

@keyframes mechanism-search{0%,100%{transform:translate(0,0) rotate(-10deg)}25%{transform:translate(-3px,-9px) rotate(-16deg)}60%{transform:translate(3px,-5px) rotate(12deg)}80%{transform:translate(1px,-2px) rotate(4deg)}}
@keyframes mechanism-write{0%,100%{transform:translate(0,0) rotate(-12deg)}20%{transform:translate(5px,-7px) rotate(10deg)}40%{transform:translate(-4px,-2px) rotate(-8deg)}60%{transform:translate(4px,-9px) rotate(12deg)}80%{transform:translate(-3px,-3px) rotate(-6deg)}}
.mechanism-rating{display:inline-block;white-space:nowrap}.mechanism-icon-presence .icon{fill:currentColor}
.mechanism-platform img{animation:mechanism-platform-float 3.2s ease-in-out infinite;transform-origin:center}
.mechanism-platform img[src$=".ico"]{animation-delay:-1.6s;animation-duration:3.6s}
@keyframes mechanism-star{0%,100%{transform:translateY(0) rotate(-12deg) scale(1)}40%{transform:translateY(-10px) rotate(15deg) scale(1.1)}70%{transform:translateY(-3px) rotate(-6deg) scale(1.03)}}
@keyframes mechanism-platform-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(6deg)}}
@media(max-width:900px){.mechanism{max-width:750px}.mechanism-steps p,.mechanism-outcome{font-size:32px}.mechanism-platform{font-size:38px}.mechanism-connector{font-size:32px}}
@media(max-width:620px){
.mechanism{width:calc(100% - 44px);padding:76px 0 22px}
.mechanism h2{font-size:9px;letter-spacing:.7px;max-width:260px;margin:0 auto 29px}
.mechanism-steps{gap:34px}
.mechanism-steps p{max-width:430px;font-size:25px;line-height:1.5;letter-spacing:-.2px;text-wrap:balance}
.mechanism-icon{width:31px;height:31px;margin:0 4px;border-radius:9px}
.mechanism-icon .icon{width:19px;height:19px}
.mechanism-outcome{font-size:25px;line-height:1.5;letter-spacing:-.2px;margin-top:37px;max-width:430px}
.mechanism-platforms{gap:8px 11px;margin:11px auto 7px}
.mechanism-platform{font-size:30px;gap:8px}
.mechanism-platform img{width:35px;height:35px}.mechanism-platform img[src$=".ico"]{width:46px;height:46px;margin-inline:-3px}.mechanism-platform-group{gap:11px}
.mechanism-connector{font-size:25px}

}
@media(max-width:360px){.mechanism-steps p{font-size:23px}.mechanism-steps{gap:30px}.mechanism-outcome{font-size:23px}.mechanism-platform{font-size:29px}.mechanism-platform img{width:33px;height:33px}.mechanism-platform img[src$=".ico"]{width:44px;height:44px}.mechanism-connector{font-size:23px}}
@media(prefers-reduced-motion:reduce){.mechanism-icon,.mechanism-icon-writing,.mechanism-icon-presence,.mechanism-platform img{animation:none;transform:none}}