/* Page-specific hero illustrations shared across the three review themes. */
.page-art{position:relative;width:100%;min-height:370px;isolation:isolate}
.page-art small{font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.page-art strong{display:block;font-size:clamp(22px,2.2vw,31px);line-height:1.12;letter-spacing:-.045em}

/* Workday: connected ecosystem */
.art-workday{display:grid;place-items:center}
.art-workday .orbit{position:absolute;border:1px dashed #5d9bf1;border-radius:50%;opacity:.72}
.art-workday .orbit-one{width:330px;height:330px;animation:page-orbit 30s linear infinite}
.art-workday .orbit-two{width:242px;height:242px;border-style:solid;border-color:#48c7bd;animation:page-orbit 22s linear infinite reverse}
.art-workday .orbit::before,.art-workday .orbit::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--blue,#3174fa);box-shadow:0 0 0 7px rgba(49,116,250,.17)}
.art-workday .orbit::before{left:14%;top:10%}.art-workday .orbit::after{right:3%;bottom:27%;background:var(--teal,#00bbab);box-shadow:0 0 0 7px rgba(0,187,171,.16)}
.art-core{position:relative;z-index:2;width:224px;padding:34px 28px;text-align:center;background:#fff;color:#17375f;border:1px solid rgba(255,255,255,.7);box-shadow:0 25px 65px rgba(3,30,74,.28);transform:rotate(-2deg)}
.art-core small{color:var(--blue,#3174fa)}.art-core strong{margin:14px 0;color:#0c2b54}.art-core>span{font-size:10px;font-weight:750;color:#617b9b}
.art-chip{position:absolute;z-index:3;padding:8px 12px;border-radius:99px;background:#fff;color:#245587;border:1px solid #d3e3f5;box-shadow:0 9px 25px rgba(5,35,76,.18);font-size:10px;font-weight:850}
.chip-people{right:39px;top:38px}.chip-data{left:16px;bottom:94px}.chip-process{right:15px;bottom:42px}
@keyframes page-orbit{to{transform:rotate(360deg)}}

/* Services: routed delivery map */
.art-services{padding:20px 10px;display:flex;flex-direction:column;justify-content:center}
.art-title{position:absolute;z-index:4;right:5px;top:0;width:258px;padding:24px 25px;background:#0c2b59;color:#fff;box-shadow:12px 12px 0 var(--teal,#00bbab)}
.art-title small{color:#64e0d5}.art-title strong{margin-top:11px;color:#fff;font-size:25px}
.route{position:relative;height:66px;margin-top:13px;padding:0 76px 0 22px;display:flex;align-items:center;gap:16px;color:#fff;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%,18px 50%)}
.route b{font-size:10px;letter-spacing:.14em;opacity:.7}.route span{font-size:12px;font-weight:850}.route i{position:absolute;right:50px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.18)}
.route-one{width:77%;margin-top:82px;background:#123a77}.route-two{width:89%;margin-left:31px;background:var(--blue,#3174fa)}.route-three{width:77%;margin-left:5px;background:var(--teal,#00bbab)}
.route-finish{position:absolute;right:0;bottom:32px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1559b2;border:1px solid #b9d4ef;font-size:9px;font-weight:900;text-transform:uppercase;box-shadow:0 12px 30px rgba(5,35,76,.2)}

/* About: principles compass */
.art-about{display:grid;place-items:center}
.compass{position:absolute;width:338px;height:338px;border:1px solid rgba(105,157,211,.75);border-radius:50%;box-shadow:inset 0 0 0 28px rgba(255,255,255,.08),inset 0 0 0 29px rgba(121,171,222,.35)}
.compass::before,.compass::after{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:rgba(139,182,225,.5)}
.compass::after{left:8%;right:8%;top:50%;bottom:auto;width:auto;height:1px}
.compass>span{position:absolute;color:#77a0ce;font-size:9px;font-weight:900}.compass>span:nth-child(1){top:12px;left:50%}.compass>span:nth-child(2){right:14px;top:50%}.compass>span:nth-child(3){bottom:12px;left:50%}.compass>span:nth-child(4){left:14px;top:50%}
.principles{position:relative;z-index:2;width:274px;padding:31px 28px;background:#fff;color:#17375f;border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 58px rgba(4,31,71,.26)}
.principles small{color:var(--teal,#00bbab)}.principles strong{margin:13px 0 22px;color:#0b2d59}.principles>div{display:flex;gap:6px;flex-wrap:wrap}.principles>div span{padding:6px 8px;background:#eaf3ff;color:#2c5d91;font-size:8px;font-weight:850;text-transform:uppercase}
.needle{position:absolute;z-index:3;right:68px;bottom:49px;width:78px;height:16px;background:linear-gradient(90deg,var(--blue,#3174fa) 0 50%,var(--teal,#00bbab) 50%);clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);transform:rotate(-39deg)}

/* Careers: ascending growth path */
.art-careers{padding:28px 14px;overflow:hidden}
.art-careers::before{content:"";position:absolute;left:20px;right:18px;bottom:45px;height:1px;background:#7ca8d5;transform:rotate(-17deg);transform-origin:left}
.career-copy{position:absolute;left:14px;top:4px;z-index:3;max-width:280px}.career-copy small{color:var(--teal,#00bbab)}.career-copy strong{margin-top:11px;color:inherit}
.career-step{position:absolute;width:142px;height:82px;padding:15px 17px;background:#fff;color:#183d6b;border:1px solid #d2e1f1;box-shadow:0 14px 35px rgba(4,35,76,.21);transform:skewY(-5deg)}
.career-step i{display:block;color:var(--blue,#3174fa);font-style:normal;font-size:10px;font-weight:850;letter-spacing:.14em}.career-step span{display:block;margin-top:11px;font-size:12px;font-weight:850}
.career-one{left:14px;bottom:37px}.career-two{left:36%;bottom:90px;background:var(--blue,#3174fa);color:#fff;border-color:transparent}.career-two i,.career-three i{color:#fff}.career-three{right:12px;bottom:149px;background:var(--teal,#00bbab);color:#fff;border-color:transparent}
.career-person{position:absolute;right:30px;bottom:235px;width:48px;height:74px}.career-person::before{content:"";position:absolute;left:15px;width:20px;height:20px;border-radius:50%;background:#fff}.career-person::after{content:"";position:absolute;left:11px;top:25px;width:28px;height:47px;background:#fff;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.career-person span::before,.career-person span::after{content:"";position:absolute;z-index:2;top:30px;width:26px;height:7px;background:#fff}.career-person span::before{right:29px;transform:rotate(-26deg)}.career-person span::after{left:29px;transform:rotate(26deg)}

/* Contact: two-way signal */
.art-contact{display:grid;place-items:center}
.signal{position:absolute;border:1px solid rgba(109,167,231,.72);border-radius:50%;animation:page-signal 3.2s ease-in-out infinite}.signal-one{width:310px;height:310px}.signal-two{width:232px;height:232px;animation-delay:.7s}
.art-message{position:absolute;z-index:2;padding:21px 23px;background:#fff;color:#14375f;border:1px solid #d5e3f2;box-shadow:0 20px 46px rgba(4,34,75,.24)}
.art-message::after{content:"";position:absolute;width:21px;height:21px;background:inherit;border-right:inherit;border-bottom:inherit;transform:rotate(45deg)}
.art-message small{color:var(--blue,#3174fa)}.art-message strong{margin-top:9px;color:#12345d;font-size:19px}.message-one{left:10px;top:54px;width:225px}.message-one::after{left:34px;bottom:-12px}.message-two{right:5px;bottom:51px;width:273px;background:#10366e;color:#fff;border-color:#10366e}.message-two small{color:#5ee2d5}.message-two strong{color:#fff}.message-two::after{right:34px;bottom:-12px}
.signal-point{position:absolute;left:50%;top:48%;width:16px;height:16px;border-radius:50%;background:var(--teal,#00bbab);box-shadow:0 0 0 9px rgba(0,187,171,.18)}
@keyframes page-signal{50%{transform:scale(1.045);opacity:.48}}

/* Privacy: protection and transparency */
.art-privacy{display:flex;align-items:center;justify-content:center}
.shield{position:relative;z-index:2;width:180px;height:215px;background:linear-gradient(145deg,#123f7b,var(--blue,#3174fa));clip-path:polygon(50% 0,92% 16%,86% 72%,50% 100%,14% 72%,8% 16%);filter:drop-shadow(0 25px 28px rgba(4,28,65,.25))}
.shield::before{content:"";position:absolute;inset:9px;clip-path:inherit;border:1px solid rgba(255,255,255,.35);background:linear-gradient(145deg,#164f95,#287cf2)}
.shield .lock-loop{position:absolute;z-index:2;left:64px;top:60px;width:52px;height:52px;border:8px solid #fff;border-bottom:0;border-radius:28px 28px 0 0}.shield .lock-body{position:absolute;z-index:3;left:53px;top:103px;width:74px;height:61px;background:#fff;border-radius:7px}.shield .lock-body::after{content:"";position:absolute;left:33px;top:18px;width:9px;height:23px;border-radius:9px;background:var(--blue,#3174fa)}
.shield>i{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:#62e4d7}.shield>i:nth-of-type(1){left:29px;top:46px}.shield>i:nth-of-type(2){right:29px;top:46px}.shield>i:nth-of-type(3){left:85px;bottom:24px}
.privacy-copy{position:relative;z-index:3;width:265px;margin-left:-20px;padding:28px 23px 28px 48px;background:#fff;color:#183b67;border:1px solid #d5e3f1;box-shadow:0 22px 50px rgba(4,33,74,.22)}
.privacy-copy small{color:var(--blue,#3174fa)}.privacy-copy strong{margin:12px 0 18px;color:#0b2e5c;font-size:21px}.privacy-copy>span{color:#617c9b;font-size:9px;font-weight:800}

/* Theme 1: luminous glass surfaces */
.theme-one .art-core,.theme-one .principles,.theme-one .art-message,.theme-one .privacy-copy{border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}
.theme-one .career-step{border-radius:13px}.theme-one .art-title{border-radius:16px 3px 16px 3px}.theme-one .route{filter:drop-shadow(0 12px 18px rgba(4,31,71,.15))}

/* Theme 2: dark branded diagrams */
.theme-two .page-art,.theme-three .page-art{color:#fff}
.theme-two .art-core,.theme-two .principles,.theme-two .art-message,.theme-two .privacy-copy{background:rgba(5,25,60,.84);color:#fff;border-color:rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.theme-two .art-core strong,.theme-two .principles strong,.theme-two .art-message strong,.theme-two .privacy-copy strong{color:#fff}.theme-two .art-core>span,.theme-two .privacy-copy>span{color:#a9c0df}.theme-two .principles>div span{background:rgba(255,255,255,.08);color:#c8daf2}
.theme-two .art-title{background:rgba(5,25,60,.92);border:1px solid rgba(255,255,255,.16);box-shadow:12px 12px 0 rgba(47,214,198,.32)}
.theme-two .career-copy strong{color:#fff}.theme-two .career-step{background:#0b2f6a;color:#fff;border-color:rgba(255,255,255,.14);border-radius:0 24px 0 24px}.theme-two .career-two{background:var(--blue,#0b63f0)}.theme-two .career-three{background:var(--teal,#0aa6a0)}
.theme-two .message-two{background:var(--blue,#0b63f0)}

/* Theme 3: crisp editorial geometry */
.theme-three .page-art{color:#fff}
.theme-three .art-core,.theme-three .principles,.theme-three .art-message,.theme-three .privacy-copy{border-radius:0;background:rgba(4,22,48,.92);color:#fff;border-color:rgba(255,255,255,.2);box-shadow:14px 14px 0 rgba(66,210,197,.22)}
.theme-three .art-core strong,.theme-three .principles strong,.theme-three .art-message strong,.theme-three .privacy-copy strong{color:#fff}.theme-three .art-core>span,.theme-three .privacy-copy>span{color:#aebfd4}.theme-three .principles>div span{border-radius:0;background:#123a6f;color:#d8e5f5}
.theme-three .art-chip{border-radius:0}.theme-three .art-title{background:#f4f1e9;color:#08244c;box-shadow:12px 12px 0 #08a7a0}.theme-three .art-title strong{color:#08244c}.theme-three .art-title small{color:#1769e8}
.theme-three .route{clip-path:none}.theme-three .route-one{background:#0b315f}.theme-three .career-copy strong{color:#fff}.theme-three .career-step{border-radius:0;box-shadow:10px 10px 0 rgba(255,255,255,.08)}.theme-three .message-two{background:#1769e8}.theme-three .route-finish{border-radius:0}.theme-three .signal{border-radius:0;transform:rotate(45deg)}

@media(max-width:1020px){.page-art{max-width:540px;margin-inline:auto}}
@media(max-width:640px){
  .page-art{min-height:320px;transform:scale(.94);transform-origin:center top}
  .art-workday .orbit-one{width:286px;height:286px}.art-workday .orbit-two{width:210px;height:210px}.art-core{width:198px;padding:28px 20px}.art-core strong{font-size:21px}.chip-people{right:4px;top:27px}.chip-data{left:0;bottom:64px}.chip-process{right:0;bottom:26px}
  .art-services{padding-inline:0}.art-title{right:0;width:224px;padding:19px}.art-title strong{font-size:21px}.route-one{width:84%}.route-two{width:92%;margin-left:19px}.route-three{width:82%;margin-left:2px}.route-finish{right:-2px;bottom:26px;width:60px;height:60px}
  .compass{width:286px;height:286px}.principles{width:236px;padding:25px 21px}.principles strong{font-size:21px}.needle{right:34px;bottom:37px}
  .career-copy{left:3px}.career-copy strong{font-size:21px}.career-step{width:111px;height:72px;padding:12px}.career-one{left:0}.career-two{left:31%}.career-three{right:0}.career-person{right:17px}
  .signal-one{width:270px;height:270px}.signal-two{width:198px;height:198px}.art-message{padding:17px}.message-one{left:0;top:37px;width:188px}.message-two{right:0;bottom:36px;width:230px}.art-message strong{font-size:16px}
  .art-privacy{min-height:335px}.shield{width:145px;height:176px}.shield .lock-loop{left:50px;top:49px;width:45px;height:44px}.shield .lock-body{left:42px;top:87px;width:62px;height:50px}.shield .lock-body::after{left:27px;top:14px}.privacy-copy{width:215px;margin-left:-24px;padding:23px 17px 23px 38px}.privacy-copy strong{font-size:17px}
}
@media(max-width:390px){.page-art{transform:scale(.86);margin-bottom:-35px}}
@media(prefers-reduced-motion:reduce){.page-art *{animation:none!important}}