/* Selected section 2B. Base panel styles precede its side-by-side overrides. */
.audience-section{padding:76px 0 28px;background:#fff}
.audience-section .route-stage{gap:48px;margin-top:36px}
.audience-section .route-choice{outline-offset:5px}
.audience-section .route-choice:before{display:none}
.audience-section .route-copy{pointer-events:none}
.audience-section .route-copy h3{font-weight:600}
.audience-section .route-copy .eyebrow{letter-spacing:.08em;line-height:1.5}
.audience-section .route-copy>p:not(.eyebrow){font-size:15px;margin-top:22px;line-height:1.75}
.audience-section .route-object{scale:none}
.audience-section .route-action{font-size:13px;gap:13px;white-space:nowrap}
.audience-section .route-foot{margin-top:30px;padding-top:22px}
.route-orbit{pointer-events:none;position:absolute;z-index:0;transition:border-color .45s,opacity .45s,transform .65s cubic-bezier(.22,1,.36,1)}
.audience-section .route-choice:is(:hover,:focus-visible) .route-orbit{border-color:#3457df70}
.audience-section .route-choice:focus-visible{outline:2px solid #3457df;border-radius:10px}
.audience-contrast .route-stage{gap:22px;margin-top:42px}
.audience-contrast .route-choice{height:682px;text-align:left;background:#fff;border:1px solid #dce2ee;border-radius:26px}
.audience-contrast .route-choice[data-audience=partner]{background:var(--blue);border-color:var(--blue);color:white}
.audience-contrast .route-copy{top:43px;left:42px;right:32px}
.audience-contrast .route-copy h3{font-size:clamp(46px,4.2vw,61px);letter-spacing:-.06em;line-height:1.03}
.audience-contrast .route-copy .eyebrow{font-size:11px;margin-bottom:18px}
.audience-contrast .route-copy>p:not(.eyebrow){max-width:330px;margin-top:20px}
.audience-contrast .route-action{margin-top:23px}
.audience-contrast [data-audience=partner] .route-copy h3 em{color:white}
.audience-contrast [data-audience=partner] .route-copy>p:not(.eyebrow){color:#fff;opacity:.86}
.audience-contrast [data-audience=partner] .route-action{background:#fff;color:var(--blue);border-color:#fff}
.audience-contrast [data-audience=partner]:is(:hover,:focus-visible) .route-action{background:#fff;color:var(--blue);box-shadow:0 6px 22px #14234b24}
.audience-contrast [data-audience=partner] .route-arrow{background:#3457df;color:white}
.audience-contrast [data-audience=partner]:is(:hover,:focus-visible) .route-arrow{background:#2946bd;color:white}
.audience-contrast .route-orbit{width:360px;height:230px;right:14px;bottom:54px;border:1px solid #e1e6ef;border-radius:50%;transform:rotate(-14deg)}
.audience-contrast [data-audience=partner] .route-orbit{border-color:#ffffff30}
.audience-contrast [data-audience=partner]:is(:hover,:focus-visible) .route-orbit{border-color:#ffffff70}
.audience-contrast .object-client{width:268px;height:312px;right:24px;bottom:17px;top:auto;--tilt:0deg}
.audience-contrast .object-building{width:170px;height:172px;left:27px;top:auto;bottom:62px;--tilt:-8deg}
.audience-contrast .object-planner{width:101px;height:109px;right:auto;left:144px;top:auto;bottom:210px;--tilt:11deg}
.audience-contrast .object-key{width:95px;height:97px;left:53px;top:auto;bottom:220px;--tilt:-13deg}
.audience-contrast .object-partner{width:291px;height:336px;right:7px;bottom:13px;top:auto;--tilt:0deg}
.audience-contrast .object-bucket{width:108px;height:117px;left:68px;right:auto;top:auto;bottom:222px;--tilt:-13deg}
.audience-contrast .object-caddy{width:171px;height:151px;left:23px;right:auto;top:auto;bottom:57px;--tilt:7deg}
.audience-contrast .route-choice[data-audience=partner]:focus-visible{outline-color:#172944;outline-offset:5px}
@media(min-width:821px) and (max-width:1120px){
.audience-section .wrap{width:calc(100% - 48px)}
.audience-contrast .route-copy{left:28px;right:24px}
.audience-contrast .route-copy h3{font-size:49px}
.audience-contrast .object-client{right:2px;width:240px}
.audience-contrast .object-building{left:9px;width:137px;height:149px}
.audience-contrast .object-planner{left:88px;bottom:220px;width:85px}
.audience-contrast .object-key{left:15px;width:80px}
.audience-contrast .object-partner{right:-5px;width:250px}
.audience-contrast .object-caddy{left:10px;width:138px}
.audience-contrast .object-bucket{left:25px}
}
@media(max-width:820px){
.audience-section{padding-top:54px}
.audience-section .wrap{width:calc(100% - 40px)}
.audience-section .route-stage{grid-template-columns:1fr;gap:35px;margin-top:30px}
.audience-section .route-heading h2{font-size:38px}
.audience-section .route-foot{margin-top:24px;padding-top:20px}
.audience-section .route-foot p{max-width:240px}
.audience-section .route-choice{border-left:0}
.audience-section .route-object{scale:none}
.audience-contrast .route-stage{gap:18px}
.audience-contrast .route-choice{height:668px;border-left:1px solid #dce2ee}
.audience-contrast .route-copy{left:38px;right:30px;top:38px}
.audience-contrast .route-copy h3{font-size:57px}
.audience-contrast .object-client{right:35px}
.audience-contrast .object-building{left:45px}
.audience-contrast .object-planner{left:173px}
.audience-contrast .object-key{left:72px}
.audience-contrast .object-partner{right:27px}
.audience-contrast .object-caddy{left:42px}
.audience-contrast .object-bucket{left:83px}
}
@media(max-width:520px){
.audience-section .wrap{width:calc(100% - 32px)}
.audience-section .route-heading h2{font-size:34px}
.audience-section .route-heading .eyebrow{font-size:10px}
.audience-section .route-copy>p:not(.eyebrow){font-size:15px}
.audience-section .route-foot p{max-width:178px;font-size:11px}
.audience-section .route-foot button{font-size:11px}
.audience-contrast .route-choice{height:650px;border-radius:22px}
.audience-contrast .route-copy{left:25px;right:20px;top:29px}
.audience-contrast .route-copy h3{font-size:48px}
.audience-contrast .route-copy .eyebrow{font-size:10px;margin-bottom:15px}
.audience-contrast .route-copy>p:not(.eyebrow){font-size:14px;margin-top:18px}
.audience-contrast .route-action{font-size:12px;padding:5px 5px 5px 15px;gap:12px;min-height:49px;margin-top:20px}
.audience-contrast .route-arrow{width:35px;height:35px;flex-basis:35px}
.audience-contrast .route-orbit{width:270px;right:10px;bottom:65px}
.audience-contrast .object-client{width:202px;height:269px;right:0;bottom:20px}
.audience-contrast .object-building{width:132px;height:142px;left:7px;bottom:89px}
.audience-contrast .object-planner{left:58px;bottom:246px;width:89px;height:94px}
.audience-contrast .object-key{left:10px;bottom:24px;width:81px;height:86px}
.audience-contrast .object-partner{width:204px;height:282px;right:13px;bottom:17px}
.audience-contrast .object-bucket{width:90px;height:99px;left:22px;bottom:202px}
.audience-contrast .object-caddy{width:128px;height:119px;left:3px;bottom:37px}
}
@media(prefers-reduced-motion:reduce){
.route-orbit{transition:none}
}

/* Text beside the figures, stacked on small screens. */
.audience-side .route-stage{gap:22px}
.audience-side .route-choice{height:510px;border-radius:28px}
.audience-side .route-copy{left:30px;right:45%;top:106px}
.audience-side .route-copy h3{font-size:clamp(40px,3.45vw,50px);line-height:1.05}
.audience-side .route-copy .eyebrow{font-size:10px;margin-bottom:19px}
.audience-side .route-copy>p:not(.eyebrow){font-size:14px;margin-top:20px;line-height:1.75;max-width:280px}
.audience-side .route-action{font-size:12px;margin-top:24px;min-height:48px;padding:5px 5px 5px 15px;gap:11px;border-radius:14px}
.audience-side .route-arrow{width:35px;height:35px;flex-basis:35px;border-radius:9px}
.audience-side .route-orbit{width:248px;height:308px;right:12px;top:143px;bottom:auto;transform:rotate(-16deg)}
.audience-side .object-client{width:237px;height:310px;right:2px;left:auto;top:157px;bottom:auto}
.audience-side .object-building{width:128px;height:131px;left:auto;right:144px;top:12px;bottom:auto}
.audience-side .object-planner{width:88px;height:90px;left:auto;right:14px;top:49px;bottom:auto}
.audience-side .object-key{width:85px;height:89px;left:auto;right:173px;top:auto;bottom:7px}
.audience-side .object-partner{width:248px;height:320px;right:4px;left:auto;top:144px;bottom:auto}
.audience-side .object-bucket{width:95px;height:103px;left:auto;right:163px;top:22px;bottom:auto}
.audience-side .object-caddy{width:125px;height:125px;left:auto;right:12px;top:9px;bottom:auto}
@media(min-width:821px) and (max-width:1120px){
.audience-side .route-choice{height:515px}
.audience-side .route-copy{left:24px;right:37%;top:106px}
.audience-side .route-copy h3{font-size:40px}
.audience-side .route-copy .eyebrow{font-size:9px;letter-spacing:.065em}
.audience-side .route-copy>p:not(.eyebrow){font-size:13px;max-width:240px}
.audience-side .route-action{font-size:11px;gap:9px;padding-left:12px}
.audience-side .route-orbit{width:163px;right:5px;height:250px;top:170px}
.audience-side .object-client{width:166px;height:253px;right:-1px;top:187px}
.audience-side .object-partner{width:173px;height:258px;right:2px;top:178px}
.audience-side .object-building{width:103px;height:113px;right:104px;top:12px}
.audience-side .object-planner{width:73px;height:80px;right:12px;top:45px}
.audience-side .object-key{right:105px;width:73px;height:77px}
.audience-side .object-bucket{right:114px;width:79px;height:85px;top:28px}
.audience-side .object-caddy{right:4px;width:112px;height:111px;top:17px}
}
@media(max-width:820px){
.audience-side .route-choice{height:495px}
.audience-side .route-copy{top:101px;left:35px;right:48%}
.audience-side .route-copy h3{font-size:46px}
.audience-side .route-copy .eyebrow{font-size:10px}
.audience-side .route-copy>p:not(.eyebrow){font-size:14px}
.audience-side .route-action{font-size:12px}
.audience-side .route-orbit{right:16px}
.audience-side .object-client{right:11px}
.audience-side .object-partner{right:12px}
.audience-side .object-building{right:161px}
.audience-side .object-planner{right:29px}
.audience-side .object-key{right:186px}
.audience-side .object-bucket{right:190px}
.audience-side .object-caddy{right:33px}
}
@media(max-width:520px){
.audience-side .route-choice{height:612px;border-radius:24px}
.audience-side .route-copy{top:29px;left:25px;right:21px}
.audience-side .route-copy h3{font-size:44px}
.audience-side .route-copy .eyebrow{font-size:10px;margin-bottom:13px}
.audience-side .route-copy>p:not(.eyebrow){font-size:14px;margin-top:17px}
.audience-side .route-action{margin-top:20px}
.audience-side .route-orbit{width:260px;height:221px;top:auto;right:14px;bottom:39px}
.audience-side .object-client{width:197px;height:250px;right:8px;top:auto;bottom:16px}
.audience-side .object-building{width:120px;height:131px;right:auto;left:9px;top:auto;bottom:82px}
.audience-side .object-planner{width:82px;height:88px;right:auto;left:40px;top:auto;bottom:215px}
.audience-side .object-key{width:75px;height:79px;right:auto;left:29px;top:auto;bottom:6px}
.audience-side .object-partner{width:201px;height:255px;right:10px;top:auto;bottom:17px}
.audience-side .object-bucket{width:85px;height:92px;right:auto;left:32px;top:auto;bottom:214px}
.audience-side .object-caddy{width:120px;height:116px;right:auto;left:8px;top:auto;bottom:52px}
}